ENGO 651 - Adv. Topics on Geospatial Technologies
This personal webpage project showcases my travel photos around the world. It's built using HTML5, Bootstrap 4, and SCSS.
- index.html (Home): Contains an introduction, a hero image, a list of top destinations.
- destinations.html: Lists ordered by visited places with descriptions.
- gallery.html: Features a responsive Bootstrap carousel displaying photos from different trips.
- contact.html: Provides contact information and an inquiry form arranged using the Bootstrap grid system.
- Utilizes SCSS variables, nesting, and inheritance.
- Implements mobile-responsive design with @media queries.
- Applies various CSS properties across multiple selectors.
- Uses the navigation bar component and collapses it for mobile devices.
- The gallery uses the carousel component.
- Contact details and form are arranged in columns using the Bootstrap grid.
For detailed code implementation, please refer to the respective HTML and SCSS files in this repository.