Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Grills & Spices - Basic HTML CSS Website

image
Recording.2026-07-16.132637.mp4

A modern, responsive, and visually engaging single-page web application built as a frontend development project. Grills & Spices is a fictional restaurant concept designed to showcase clean semantic layout structure, CSS styling, and user-responsive design. This website showcases the restaurant's background, specialties, extensive food and wine menu, image gallery, health tips, and a customer feedback form.

Live Preview: grills-and-spices.netlify.app


Features

  • Responsive Single-Page Architecture: Smooth navigation between sections including Home, About, Menu, Gallery, Health Tips, and Contact Us.
  • Dynamic Interactive Menu: Organized layout showcasing Starters, Mains, Burgers, Salads, Desserts, and an extensive Wine list.
  • Visual Gallery: High-quality image integration featuring signature dishes, desserts, and beverage options.
  • Customer Feedback Form: A built-in "Write to us" messaging section to collect visitor inquiries.
  • Informative Sections: Features a curated list of practical health and nutrition tips for visitors.

Repository Structure

The code is structured cleanly to keep assets and main logic organized:

├── Webpage/               # Contains additional webpage assets or experimental builds
├── index.html             # Main entry point containing the full structural code
└── [image_files].jpg      # Image assets referenced directly within the main layout

⚠️ Note: For the website to render images correctly, the index.html file must remain saved in the same root directory as all the associated asset images (e.g., about.jpg, menu.jpg, etc.).


Tech Stack

  • HTML5: Structure, semantics, and layout scaffolding.
  • CSS3: Custom styling, layout responsiveness, and aesthetic detailing.

About

A modern, responsive, and visually engaging single-page web application built as a frontend development project.

Topics

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages