A modern, highly interactive, and responsive single-page web application built for Shree Sandwich (previously optimized for mobile view and branding as an "Evening Snack" destination). The site features premium card-based layouts, responsive grids, dark mode, smooth scrolling, and dynamic menu item filtering.
(Add a screenshot of your website here)
┌───────────────────────────────────────────┐
│ SHREE SANDWICH │
│ [ Home ] [ Menu ] [ Contact ] │
│ ┌─────────────────────────────────────┐ │
│ │ Hot, Grilled & Fresh Sandwiches │ │
│ │ Order Now | View Menu │ │
│ └─────────────────────────────────────┘ │
│ │
│ [ Category 1 ] [ Category 2 ] │
│ ┌───────────┐ ┌───────────┐ │
│ │ Veg Grill │ │ Cheese Sp │ │
│ └───────────┘ └───────────┘ │
└───────────────────────────────────────────┘
- Interactive Menu: Showcases sandwich categories with descriptions, prices, and high-quality image cards.
- Mobile-First Design: Fully optimized navigation menu, custom flex-grids, and interactive elements tailored specifically for mobile and tablet screens.
- Modern Transitions: Subtle micro-interactions on hovers, buttons, and card containers.
- Vercel Integration: Configured and optimized for lightning-fast delivery via Vercel edge networks.
- HTML5: Semantic architecture.
- CSS3: Custom layout styles, typography mapping, media queries, and transition states.
- JavaScript: Interactive page controls, category filtering, and mobile menu behaviors.
shree-sandwich/
│
├── index.html # Core HTML structure
├── styles.css # Stylesheets and responsiveness controls
├── logo.png / Logo.jpeg # Branding elements
├── evening_sandwich.png # Asset images
├── hero_*.png # High-resolution sandwich showcases
└── README.md # Project documentation
git clone https://github.com/om-mane-coder/shree-sandwich.gitSimply double-click index.html or open it with your web browser to run:
start index.htmlThis project is open-source and available under the MIT License.