Skip to content

shreyas1103/Zomato-Homepage-Clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Zomato-Homepage-Clone

🍽️ Zomato Clone A simple Zomato-inspired food discovery web application built using HTML and CSS. This project includes a landing page and a login page, designed for practice in web design.

✨ Features

🏠 Landing Page (index.html)
🧭 Navigation bar with links (Home, Explore, Login, Sign Up)
🌆 Hero section with a background image and search bar
🍔 Food categories (Delivery, Dining, Nightlife)
🥘 Featured dishes section (Coffee, Butter Chicken, Paneer Masala, Biryani, Rolls)
🏙️ Popular restaurants section with image cards
📱 Responsive layout using CSS Flexbox

🔐 Login Page (login.html)

🎨 Styled login form with background image
👤 Inputs for username and password
🔘 Login button with hover effects
📏 Minimal responsive design

🛠 Technologies Used

💻 HTML5 – Structure of the website
🎨 CSS3 – Styling and layout (external stylesheet style.css and inline CSS in login page)

📂 File Structure

project-folder/
│
├── index.html       # Main landing page
├── login.html       # Login page
├── style.css        # Stylesheet for index.html

🚀 How to Run

⬇️ Clone or download this repository.
🌐 Open index.html in your browser to view the landing page.
🔗 Click the Login link in the navigation bar to open login.html.

🔮 Future Enhancements

⚡ Add JavaScript for interactive features (search, login validation)
📱 Improve responsive design for mobile screens
🗄 Connect to a backend for real user authentication

👨‍💻 Author

Created as a beginner front-end web development project with ❤️.

About

Zomato Clone is a beginner-friendly front-end project built using HTML and CSS. It is designed to replicate the look and feel of Zomato’s homepage🍽️.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors