{"id":21490147,"url":"https://github.com/alexandrbig1/business-product","last_synced_at":"2025-07-15T17:31:43.357Z","repository":{"id":191053370,"uuid":"683833042","full_name":"Alexandrbig1/business-product","owner":"Alexandrbig1","description":"Build an engaging and responsive website for the business \"Product\" with animated elements using HTML, CSS, and JavaScript. This freelance project includes a sticky header, smooth scrolling, a modal window for detailed news, and a hidden menu for tablets/mobiles. The design is optimized for desktop, tablets, and mobile devices","archived":false,"fork":false,"pushed_at":"2023-12-30T17:40:38.000Z","size":776,"stargazers_count":10,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2023-12-30T18:42:36.170Z","etag":null,"topics":["computerscience","css3","freelance","frontend","fullstack","html-css-javascript","html5","javascript","javascript-vanilla","js","responsive-web-design","softwareengineer","ux-ui","ux-ui-design","webdesign","webdevelopment","website"],"latest_commit_sha":null,"homepage":"https://alexandrbig1.github.io/business-product/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Alexandrbig1.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2023-08-27T20:54:21.000Z","updated_at":"2023-12-23T01:53:27.000Z","dependencies_parsed_at":"2023-12-22T07:36:51.039Z","dependency_job_id":"8a3e6483-bad3-44b2-85ae-733975acd916","html_url":"https://github.com/Alexandrbig1/business-product","commit_stats":null,"previous_names":["alexandrbig1/business-product"],"tags_count":0,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alexandrbig1%2Fbusiness-product","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alexandrbig1%2Fbusiness-product/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alexandrbig1%2Fbusiness-product/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alexandrbig1%2Fbusiness-product/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Alexandrbig1","download_url":"https://codeload.github.com/Alexandrbig1/business-product/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":226056086,"owners_count":17566837,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["computerscience","css3","freelance","frontend","fullstack","html-css-javascript","html5","javascript","javascript-vanilla","js","responsive-web-design","softwareengineer","ux-ui","ux-ui-design","webdesign","webdevelopment","website"],"created_at":"2024-11-23T14:31:54.790Z","updated_at":"2024-11-23T14:31:55.460Z","avatar_url":"https://github.com/Alexandrbig1.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Business \"Product\" Website\n\n\u003cimg align=\"right\" src=\"https://media.giphy.com/media/du3J3cXyzhj75IOgvA/giphy.gif\" width=\"100\"/\u003e\n\n[![GitHub last commit](https://img.shields.io/github/last-commit/Alexandrbig1/business-product)](https://github.com/Alexandrbig1/business-product/commits/main)\n[![GitHub license](https://img.shields.io/github/license/Alexandrbig1/business-product)](https://github.com/Alexandrbig1/business-product/blob/main/LICENSE)\n[![JavaScript](https://img.shields.io/badge/JavaScript-Latest-yellow.svg)](https://developer.mozilla.org/en-US/docs/Web/JavaScript)\n[![HTML](https://img.shields.io/badge/HTML5-\u003c!DOCTYPE%20html\u003e-orange)](https://developer.mozilla.org/en-US/docs/Web/HTML)\n[![CSS](https://img.shields.io/badge/CSS3-styles-blue)](https://developer.mozilla.org/en-US/docs/Web/CSS)\n[![Vite](https://img.shields.io/badge/Vite-5.0.10-green)](https://vitejs.dev/)\n\n## Project Overview\n\nThis project involves building a responsive and animated web design for the business \"Product.\" It is a freelance project that includes HTML/CSS for responsive web design across desktops, tablets, and mobile devices, JavaScript for added functionality, and smooth scrolling to enhance user experience. The project also incorporates a sticky header, a modal window for detailed news, a hidden menu for tablets and mobiles, and a scroll-up button for convenience.\n\n## Table of Contents\n\n- [Features](#features)\n- [Technologies Used](#technologies-used)\n- [Screenshots](#screenshots)\n- [Issues](#issues)\n- [License](#license)\n- [Contact](#connect-with-me)\n\n## Features\n\n1. **Responsive Design:**\n\n   - Optimized for desktop, tablets, and mobile devices.\n\n2. **JavaScript Functionality:**\n\n   - Enhanced user experience through interactive features.\n\n3. **Sticky Header:**\n\n   - The header remains fixed when scrolling through the main page.\n\n4. **Smooth Scrolling:**\n\n   - Seamless navigation between pages and sections.\n\n5. **Modal Window:**\n\n   - Detailed news can be viewed in a modal window.\n\n6. **Hidden Menu-Burger:**\n\n   - The main menu is hidden and accessible through a menu-burger for tablets and mobiles.\n\n7. **Figma Wireframe:**\n\n   - The project wireframe was created using Figma.\n\n8. **Scroll Up Button:**\n   - Convenient button for scrolling back to the top of the page.\n\n## Technologies Used\n\n- ![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E.svg?style=for-the-badge\u0026logo=JavaScript\u0026logoColor=black)\n- ![HTML](https://img.shields.io/badge/HTML5-E34F26.svg?style=for-the-badge\u0026logo=HTML5\u0026logoColor=white)\n- ![CSS](https://img.shields.io/badge/CSS3-1572B6.svg?style=for-the-badge\u0026logo=CSS3\u0026logoColor=white)\n- ![Vite](https://img.shields.io/badge/Vite-646CFF.svg?style=for-the-badge\u0026logo=Vite\u0026logoColor=white)\n\n## Screenshots\n\n![Product Page](./src/public/img/product.jpg) _Caption for Screenshot 1\n(Product Home Page)_\n![Product Page](./src/public/img/product3.jpg)\n_Caption for Screenshot 2 (Product Home Page)_\n![Pricing Page](./src/public/img/pricing-page.jpg)\n_Caption for Screenshot 3 (Pricing Page)_\n![Customers Page](./src/public/img/customers-page.jpg)\n_Caption for Screenshot 4 (Customers Page)_\n\n## Issues\n\nIf you encounter any issues or have suggestions, please\n[open an issue](https://github.com/Alexandrbig1/business-product/issues).\n\n## License\n\nThis project is licensed under the [MIT License](LICENSE).\n\n## Feedback\n\nI welcome feedback and suggestions from users to improve the application's\nfunctionality and user experience.\n\n## Languages and Tools:\n\n\u003cdiv align=\"center\"\u003e  \n \n\u003ca href=\"https://en.wikipedia.org/wiki/HTML5\" target=\"_blank\"\u003e\u003cimg style=\"margin: 10px\" src=\"https://profilinator.rishav.dev/skills-assets/html5-original-wordmark.svg\" alt=\"HTML5\" height=\"50\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://www.w3schools.com/css/\" target=\"_blank\"\u003e\u003cimg style=\"margin: 10px\" src=\"https://profilinator.rishav.dev/skills-assets/css3-original-wordmark.svg\" alt=\"CSS3\" height=\"50\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://www.javascript.com/\" target=\"_blank\"\u003e\u003cimg style=\"margin: 10px\" src=\"https://profilinator.rishav.dev/skills-assets/javascript-original.svg\" alt=\"JavaScript\" height=\"50\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://www.figma.com/\" target=\"_blank\" rel=\"noreferrer\"\u003e \u003cimg src=\"https://www.vectorlogo.zone/logos/figma/figma-icon.svg\" alt=\"figma\" width=\"40\" height=\"40\"/\u003e \u003c/a\u003e\n\u003ca href=\"https://git-scm.com/\" target=\"_blank\" rel=\"noreferrer\"\u003e \u003cimg src=\"https://www.vectorlogo.zone/logos/git-scm/git-scm-icon.svg\" alt=\"git\" width=\"40\" height=\"40\"/\u003e \u003c/a\u003e\n\u003c/div\u003e\n\n## Connect with me:\n\n\u003cdiv align=\"center\"\u003e\n\u003ca href=\"https://linkedin.com/in/alex-smagin29\" target=\"_blank\"\u003e\n\u003cimg src=https://img.shields.io/badge/linkedin-%231E77B5.svg?\u0026style=for-the-badge\u0026logo=linkedin\u0026logoColor=white alt=linkedin style=\"margin-bottom: 5px;\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://github.com/alexandrbig1\" target=\"_blank\"\u003e\n\u003cimg src=https://img.shields.io/badge/github-%2324292e.svg?\u0026style=for-the-badge\u0026logo=github\u0026logoColor=white alt=github style=\"margin-bottom: 5px;\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://discord.gg/uzM3UNQU\" target=\"_blank\"\u003e\n\u003cimg src=\"https://img.shields.io/badge/discord-%237289DA.svg?\u0026style=for-the-badge\u0026logo=discord\u0026logoColor=white\" alt=\"Discord\" style=\"margin-bottom: 5px;\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://stackoverflow.com/users/22484161/alex-smagin\" target=\"_blank\"\u003e\n\u003cimg src=https://img.shields.io/badge/stackoverflow-%23F28032.svg?\u0026style=for-the-badge\u0026logo=stackoverflow\u0026logoColor=white alt=stackoverflow style=\"margin-bottom: 5px;\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://dribbble.com/Alexandrbig1\" target=\"_blank\"\u003e\n\u003cimg src=https://img.shields.io/badge/dribbble-%23E45285.svg?\u0026style=for-the-badge\u0026logo=dribbble\u0026logoColor=white alt=dribbble style=\"margin-bottom: 5px;\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://www.behance.net/a1126\" target=\"_blank\"\u003e\n\u003cimg src=https://img.shields.io/badge/behance-%23191919.svg?\u0026style=for-the-badge\u0026logo=behance\u0026logoColor=white alt=behance style=\"margin-bottom: 5px;\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://www.upwork.com/freelancers/~0117da9f9f588056d2\" target=\"_blank\"\u003e\n\u003cimg src=\"https://img.shields.io/badge/upwork-%230077B5.svg?\u0026style=for-the-badge\u0026logo=upwork\u0026logoColor=white\u0026color=%23167B02\" alt=\"Upwork\" style=\"margin-bottom: 5px;\" /\u003e\n\u003c/a\u003e\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexandrbig1%2Fbusiness-product","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falexandrbig1%2Fbusiness-product","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexandrbig1%2Fbusiness-product/lists"}