https://github.com/alexandrbig1/business-product

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
https://github.com/alexandrbig1/business-product

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

Last synced: 4 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/alexandrbig1/business-product
• Owner: Alexandrbig1
• License: mit
• Created: 2023-08-27T20:54:21.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-12-30T17:40:38.000Z (almost 2 years ago)
• Last Synced: 2023-12-30T18:42:36.170Z (almost 2 years ago)
• 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
• Language: HTML
• Homepage: https://alexandrbig1.github.io/business-product/
• Size: 758 KB
• Stars: 10
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Business "Product" Website



[![GitHub last commit](https://img.shields.io/github/last-commit/Alexandrbig1/business-product)](https://github.com/Alexandrbig1/business-product/commits/main)

[![GitHub license](https://img.shields.io/github/license/Alexandrbig1/business-product)](https://github.com/Alexandrbig1/business-product/blob/main/LICENSE)

[![JavaScript](https://img.shields.io/badge/JavaScript-Latest-yellow.svg)](https://developer.mozilla.org/en-US/docs/Web/JavaScript)

[![HTML](https://img.shields.io/badge/HTML5--orange)](https://developer.mozilla.org/en-US/docs/Web/HTML)

[![CSS](https://img.shields.io/badge/CSS3-styles-blue)](https://developer.mozilla.org/en-US/docs/Web/CSS)

[![Vite](https://img.shields.io/badge/Vite-5.0.10-green)](https://vitejs.dev/)

## Project Overview

This 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.

## Table of Contents

- [Features](#features)

- [Technologies Used](#technologies-used)

- [Screenshots](#screenshots)

- [Issues](#issues)

- [License](#license)

- [Contact](#connect-with-me)

## Features

1. **Responsive Design:**

   - Optimized for desktop, tablets, and mobile devices.

2. **JavaScript Functionality:**

   - Enhanced user experience through interactive features.

3. **Sticky Header:**

   - The header remains fixed when scrolling through the main page.

4. **Smooth Scrolling:**

   - Seamless navigation between pages and sections.

5. **Modal Window:**

   - Detailed news can be viewed in a modal window.

6. **Hidden Menu-Burger:**

   - The main menu is hidden and accessible through a menu-burger for tablets and mobiles.

7. **Figma Wireframe:**

   - The project wireframe was created using Figma.

8. **Scroll Up Button:**

   - Convenient button for scrolling back to the top of the page.

## Technologies Used

- ![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E.svg?style=for-the-badge&logo=JavaScript&logoColor=black)

- ![HTML](https://img.shields.io/badge/HTML5-E34F26.svg?style=for-the-badge&logo=HTML5&logoColor=white)

- ![CSS](https://img.shields.io/badge/CSS3-1572B6.svg?style=for-the-badge&logo=CSS3&logoColor=white)

- ![Vite](https://img.shields.io/badge/Vite-646CFF.svg?style=for-the-badge&logo=Vite&logoColor=white)

## Screenshots

![Product Page](./src/public/img/product.jpg) _Caption for Screenshot 1

(Product Home Page)_

![Product Page](./src/public/img/product3.jpg)

_Caption for Screenshot 2 (Product Home Page)_

![Pricing Page](./src/public/img/pricing-page.jpg)

_Caption for Screenshot 3 (Pricing Page)_

![Customers Page](./src/public/img/customers-page.jpg)

_Caption for Screenshot 4 (Customers Page)_

## Issues

If you encounter any issues or have suggestions, please

[open an issue](https://github.com/Alexandrbig1/business-product/issues).

## License

This project is licensed under the [MIT License](LICENSE).

## Feedback

I welcome feedback and suggestions from users to improve the application's

functionality and user experience.

## Languages and Tools:

  

 







  

  



## Connect with me: