Skip to content

Vikas-ProCoder/responsive_landing_page

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Responsive Food Landing Page

A modern and fully responsive Food Website Landing Page built using HTML, CSS, and JavaScript.
This project is designed to showcase a clean UI, smooth interactions, and mobile-friendly navigation.


Features

  • Fully Responsive Design (Mobile, Tablet, Desktop)
  • Attractive Food-Themed UI
  • Sticky Navigation Bar
  • Mobile Hamburger Menu Toggle
  • Special Dishes Section with Ratings
  • Chef Section
  • Client Testimonials Slider
  • Smooth Navigation
  • Cart Icon UI
  • Remix Icons Integration

Technologies Used

  • HTML5
  • CSS3
  • JavaScript (Vanilla JS)
  • Remix Icon CDN

Project Structure

responsive_landing_page/ │ ├── index.html ├── style.css ├── main.js ├── assets/ │ ├── food.png │ ├── special-1.png │ ├── special-2.png │ ├── special-3.png │ ├── chef.jpg │ ├── client-1.jpg │ ├── client-2.jpg │ ├── client-3.jpg │ └── explore.png └── README.md


JavaScript Functionalities

Mobile Menu Toggle

  • Opens & closes navigation menu
  • Changes menu icon dynamically

Client Testimonial Slider

  • Clickable bullets to change slides
  • Smooth horizontal transition

How to Run Locally

  1. Clone the repository
git clone https://github.com/Vikas-ProCoder/responsive_landing_page.git

## Screen Recording video
<video controls src="Screen Recording 2026-01-05 234302.mp4" title="Title"></video>

About

This is a responsive food landing page built using HTML, CSS, and JavaScript. It serves as a modern front-end template for a food restaurant business. The design is clean, visually and works across devices - desktop, tablet, and mobile. The page includes hero, banner, featured dishes with ratings, a chef's intro, testimonials slider, and a footer

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors