https://github.com/eduardapontel/tourist-destination
This project provides a webpage for discovering the city of Busan, South Korea.
https://github.com/eduardapontel/tourist-destination
css html south-korea travel
Last synced: 4 months ago
JSON representation
This project provides a webpage for discovering the city of Busan, South Korea.
- Host: GitHub
- URL: https://github.com/eduardapontel/tourist-destination
- Owner: eduardapontel
- Created: 2024-08-26T22:59:21.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-11-30T23:04:00.000Z (7 months ago)
- Last Synced: 2024-12-01T00:19:35.686Z (7 months ago)
- Topics: css, html, south-korea, travel
- Language: HTML
- Homepage: https://eduardapontel.github.io/tourist-destination/
- Size: 2.49 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Tourist Destination 🌍✈️
This project provides a webpage for discovering the city of Busan, South Korea. It highlights some must-see historical destinations and offers a glimpse into the city's vibrant culture and attractions.
## Features ✨
- **Header**: Introduces the page with a headline and a main title.
- **Description and Image**: Provides a brief description of Busan and displays a large image of the city.
- **List of Destinations**: Presents three key historical sites to visit in Busan, each with a brief description and suitable categories (e.g., History, Couples, Families, Budget).
- **Footer**: Credits the designers of the page.
## Layout ✏️
The layout for this project was created by Rocketseat using Figma. You can view the layout file and its components by visiting the following link: [Figma Layout](https://www.figma.com/community/file/1384542229391733447).
The layout showcases the structure, color scheme, and visual design of the webpage, providing a clear reference for the development of the project.
## HTML Structure 📝
1. **Header**: Contains a headline and a main title.
2. **Description Image Container**: Includes a large image of Busan and a description paragraph.
3. **List Container**:
- **List Header**: Provides a heading and introductory text about the historical destinations.
- **List**: Contains three cards, each representing a must-see destination with an image, heading, description, and categories.
4. **Final Paragraph**: A concluding statement about the city.
5. **Footer**: Displays a credit message with an icon.
## CSS Styling 🎨
- **Reset**: Removes default padding and margins.
- **Global Styles**: Sets default font family and styles for the body.
- **Container**: Defines the layout and spacing for the main content.
- **Text Styles**: Customizes the appearance of headlines, headings, and paragraphs.
- **Image Styles**: Ensures images are rounded and properly sized.
- **List and Card Styles**: Defines the appearance and layout of the list items and cards.
- **Footer**: Styles the footer section with a specific font and spacing.
## How to Access the Project 🚀
- Access it directly by clicking [here](https://eduardapontel.github.io/tourist-destination/).
**Or** follow the steps below to run it locally:
- Clone the repository:
```git clone https://github.com/eduardapontel/tourist-destination.git```
- Open `index.html` in your browser.
## Contributing 🤝
Feel free to contribute to the project by submitting issues or pull requests. If you have suggestions for improvements or additional features, your feedback is welcome!