se_project_aroundtheus

Project 3: Around The U.S.

This project showcases a simple webpage called Around The US, featuring a profile section, a gallery of cards representing beautiful locations, and a footer.

This project is made so all the elements are displayed correctly on popular screen sizes. The goal of the project it to learn more about webpage designs.

Overview

Profile Section

• Displays an avatar image.
• Contains the name “Jacques Cousteau” and the title “Explorer”.
• Includes buttons for editing the profile and adding new content.

Card Gallery

• A collection of six cards, each with:
  • An image.
  • The name of the location.
  • A like button.

Gallery Locations

• Yosemite Valley
• Lake Louise
• Bald Mountains
• Latemar
• Vanoise National Park
• Lago di Braies

Footer

• copyright information.

Tools used

• HTML5
• CSS Figma
• Link to the project on Figma

Project Structure

. ├── images/ # Contains images used in the project ├── pages/ # Contains the CSS file, Styles the webpage ├── index.html # Main HTML file of the structure of the webpage. └── favicon.ico # Favicon for the webpage which displayed in the browser.

How to Run the project

• Clone this repository.
• Open the index.html file in any web browser.

License

© 2025 Around The U.S. // From TripleTen Sprint-3 project.

GitHub Pages:

here

Video of project

here

Image

button Network and Device