THE MET Landing Page

Overview

This landing page is a practice project focusing on HTML and SCSS skills, showcasing a sample page for THE MET Museum. It provides information about the museum, including operating hours, current exhibitions, and offers a way for visitors to contact the museum directly.

Technologies

The project utilizes the following technologies:

• HTML5 for page markup.
• SCSS for advanced styling capabilities.
• Gulp for workflow automation.
• BEM (Block, Element, Modifier) methodology for organizing CSS classes.

Project Structure

The folder structure is organized as follows:

• .github/workflows contains CI/CD configurations.
• src for the source code:
  • images - the images directory.
  • scripts - the JavaScript files directory.
  • styles - the SCSS styles directory, including:
    • blocks - block styles.
    • page-structure - page structure styles.
    • sections - section styles.
    • utils - utility styles and mixins.
  • index.html - the main HTML document.

Installation and Launch

To run the project locally:

1. Clone the repository:

   git clone https://github.com/mykhailonl/MET-landing.git

2. Navigate to the project directory:

   cd MET-landing

3. Install the dependencies:

   npm install

4. Start the project:

   npm start
   
   

Live Demo

You can view and interact with the live demo of the site at https://mykhailonl.github.io/MET-landing/.

Project Goals

The main goal of the project was to create a hands-on project to demonstrate proficiency in HTML and SCSS, as well as BEM methodology.

License

This project is distributed under the GPL-3.0 license. See the LICENSE file for more details.

Contact

If you have any questions or suggestions, feel free to reach out to me at [mikhaillapchinskyi+the-met@gmail.com].

Thank you for your interest in THE MET Landing Page!