Skip to content

This project is a static HTML and CSS clone of the Zomato homepage, capturing key UI elements like the navigation bar, hero section, and collections. It's designed purely for educational purposes, showcasing the use of basic web development technologies.

Notifications You must be signed in to change notification settings

apvastava/Zomato-UI-Clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Zomato UI Clone

This project is a static frontend clone of the Zomato homepage, implemented using HTML and CSS. The design replicates the essential UI elements, including the navigation bar, hero section, offer cards, collections, app promotion, and footer.

Technologies Used

  • HTML5: Structure and content of the webpage.
  • CSS3: Styling and layout.
  • FontAwesome: Icons used across the UI.
  • Google Fonts: "Poppins" font family.

Features

  • Hero Section: Centralized search functionality for restaurants, cuisines, and dishes.
  • We Offer Section: Cards displaying various services like online ordering, dining, and nightlife.
  • Collections: Curated lists of top venues in Varanasi, displayed as image cards.
  • App Promotion: Section to promote the Zomato app with options to share the download link via email or phone.
  • Footer: Contains links to various sections of Zomato and social media icons.

How to Run

  1. Clone the repository.
  2. Open index.html in any modern web browser.

License

This project is for educational purposes and does not claim any rights over the original Zomato design or content.

About

This project is a static HTML and CSS clone of the Zomato homepage, capturing key UI elements like the navigation bar, hero section, and collections. It's designed purely for educational purposes, showcasing the use of basic web development technologies.

Topics

Resources

Stars

Watchers

Forks