/BangOlufsen_landing

Primary LanguageSCSSGNU General Public License v3.0GPL-3.0

Bang&Olufsen Landing Page Layout

This project is a simple landing page layout designed and developed using HTML and CSS. It showcases a modern and responsive layout suitable for various purposes.

Technologies Used

  1. HTML: The structure of the web page is built using HTML5 markup.
  2. CSS (SCSS): Styling is applied using Cascading Style Sheets (CSS3), including custom styles and layout adjustments.

Features

  1. Responsive Design: The layout is designed to be fully responsive, ensuring optimal viewing and interaction experience across a wide range of devices and screen sizes.
  2. Clean and Modern UI: The design follows a clean and modern aesthetic, with carefully chosen colors, typography, and spacing to enhance readability and visual appeal.
  3. Smooth Scroll: Smooth scrolling is implemented for navigating through different sections of the page, providing a modern and user-friendly browsing experience.
  4. Customizable Components: The layout is highly customizable, allowing developers to easily modify and adapt it to suit their specific needs and branding requirements.
  5. Semantic HTML: The structure of the page is built using semantic HTML elements, ensuring accessibility and search engine optimization (SEO) best practices.

Usage

To view the Landing Page Layout, simply open the index.html file in a web browser. Alternatively, you can access the live version of the page here.

Installation

To run this project locally, follow these steps:

  1. Clone the repository:
  1. Install dependencies:
  • npm install
  1. Run the development server:
  • npm start
  1. Open your browser and visit http://localhost:8080 to view the application.

Contributing

Contributions are welcome! If you'd like to contribute to the project, feel free to fork the repository, make your changes, and submit a pull request.

Credits

  1. Design Inspiration: The layout design is inspired by various modern landing page designs found across the web.
  2. Images: All images used in this project are either self-created or sourced from royalty-free stock image websites.
  3. Icons: Icons used in the project are from the Font Awesome icon library.
  4. Fonts: The fonts utilized are sourced from Google Fonts.

Project Link

Design Link

Author

This project was developed by Denys Hurskiy.

License

This project is licensed under the MIT License - see the LICENSE file for details.