A modern, responsive landing page for a fictional cat cafe in San Francisco called "Whiskers & Lattes". This landing page showcases the cafe's services, adoptable cats, menu, and reservation system with a cozy, warm orange color scheme that makes visitors feel at home.
- Fully responsive design that works on mobile, tablet, and desktop
- Warm, inviting color palette with orange and amber tones
- Cozy Quicksand font family for a homey feel
- Smooth scrolling navigation
- Beautiful animations and transitions
- Interactive gallery of adoptable cats
- Menu display with categories
- Location information with Google Maps integration
- Booking form with validation
- Mobile-friendly navigation menu
- HTML5
- CSS3 (with custom properties and flexbox/grid layouts)
- JavaScript (vanilla, no frameworks)
- Google Fonts
- Font Awesome icons
- Google Maps embed
index.html- Main HTML filestyles.css- All CSS stylingscript.js- JavaScript functionality
Simply open the index.html file in any modern web browser to view the landing page.
The landing page includes:
- Hero section with call-to-action
- About section with key features
- Gallery of adoptable cats
- Menu section with food and drinks
- Visit information with map
- Booking form
- Footer with contact information
You can easily customize this landing page by:
- Changing the color scheme in the CSS
:rootvariables - Updating the cat images and information
- Modifying the menu items and pricing
- Updating the contact information and map location
This project is available for personal and commercial use. Feel free to modify it to suit your needs.
- Cat images from Unsplash
- Icons from Font Awesome
- Fonts from Google Fonts