Skip to content

hectorzayas/CSS-02-FinalProject

Repository files navigation

The Himalayas

Overview:

The Himalayas is a web project that showcases the beauty and majesty of the Himalayan mountain range. It features a variety of articles and stunning visuals. This project was inspired by and follows the coding practices of Jacinto Wong.

Features:

  • Full Responsive Sections: Sections that showcase the best practices for web page responsiveness. The website is fully responsive and works on various screen sizes.
  • Optimized Design: The website is fully optimized following the best practices for media lazy load and media compression.

Employed Tools:

  • HTML5: For structuring the content of the website.
  • SCSS: Used for more efficient and maintainable CSS.
  • JavaScript: For adding interactivity to the website.
  • Google Fonts: Used for typography.
  • Font Awesome: For social media and other icons.
  • NPM Packages: Various packages were used during development.

Implementation Details:

The project was developed in several stages, each focusing on a different aspect of the website.

HTML Structure

The first step was to create the HTML structure for each page. This included the navigation bar, main content, and footer.

CSS Styling

Next, CSS was used to style each element on the page. SCSS was used to make the CSS more maintainable and efficient.

JavaScript Interactivity

JavaScript was added to make the website more interactive. This included things like the navigation bar and image gallery.

Responsive Design

The website was made responsive. This ensures that it looks good on all screen sizes, from desktops to mobile phones.

Optimization

Finally, the website was optimized for a better user experience.

Thanks:

Special thanks to Jacinto Wong for providing the CSS course that inspired this project. His teachings were instrumental in the development of this project.