Skip to content

alina-kabanets/bose-landing-page

Repository files navigation

Bose - an HTML and CSS based landing page, fit for a company/service with a one page view.

preview img preview img

Features:

  • Responsive Landing Page Using HTML, CSS & JavaScript, Scss and BEM methodology.
  • The project was implemented from the Figma design
  • Developed first with the Mobile First methodology, then for desktop and tablet.
  • Responsive gallery images.
  • Smooth scrolling for the whole page.
  • Fixed header navigation menu with hover transition on the icons.
  • Sections designed with flexbox or CSS grid.
  • Location-related addresses / links open google maps.
  • Section buttons designed with hover transition.
  • Placeholders in the forms suggest what to enter; require validation of the form fields (required, email / tel etc.), then it is clear in what format to enter the data.

Quick start guide

Instructions to start this project:

  • Clone repository:

    git clone [repository]
    
  • Install NPM packages and dependencies:

    npm install
    
  • Run project on local server:

    npm start