Solo Mini Project 3
Hometown Homepage
Requirements and Recommendations
Use homepage layout design tool like "Figma" to create the landing page
Use Canva tool for Layout template design
Hometown Logo
Use Flexbox Navbar with flex-nav-links
Responsive Design
Guideline for Solo Mini Project 3
Your Hometown Website Build
Home Page
Header: Logo and Flexbox Navbar (Home, About, Sightseeing, Contact)
Hero Section: Engaging background image or a local landmark.
Main Content(Flex container)
Home Section(left): Introduction or welcome message.
Three Column Image Section(right): Highlights key attractions with images. When clicked the image, image description popup appears.
Footer: Contains essential links, social media icons, and copyright notice.
About Page
Header: Logo and Navbar( same as Home page).
Main Content(flex container):
Two Column Layout: Text-based content on left hand side, relevant images on the other, providing background and guider profile.
Footer: Same as on the Home page, for consistency.
Sightseeing Page
Header: Logo and Navbar( same as Home page).
Main Content(flex container):
Image Gallery with Flexbox: Three columns of sliding images, each with its own description box.
Interactive Description: When an image is clicked, the description box populates with more details.
Footer: Consistent footer with links, social media icons, and other essentials.
Contact Us Page
Header: Logo and Navbar( same as Home page).
Main Content(flex container):
Three Column Layout:
Column 1: Address details.
Column 2: Email & Phone.
Column 3: Embedded Google Map.
Footer: Matches the footer across all other pages.
Last updated