Skip to content

Commit

Permalink
first commit
Browse files Browse the repository at this point in the history
  • Loading branch information
@SakshamAgrawall
SakshamAgrawall committed Mar 26, 2023
0 parents commit ccde806
Show file tree
Hide file tree
Showing 22 changed files with 1,010 additions and 0 deletions.
Binary file added android-chrome-192x192.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added android-chrome-512x512.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added apple-touch-icon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added favicon-16x16.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added favicon-32x32.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added favicon.ico
Binary file not shown.
Binary file added images/1.img.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/1.plate.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/2.img.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/2.plate.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/3.img.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/3.plate.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/4.img.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/5.img.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/banner1.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/banner2.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/banner3.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/footer.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/logo.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
266 changes: 266 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,266 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<!-- favicon -->
<!-- css -->
<link rel="stylesheet" href="style.css"/>
<!-- css -->
<!-- google-font -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cabin+Sketch:wght@700&family=Delicious+Handrawn&family=Roboto&display=swap" rel="stylesheet">
<!-- google-font -->
<!-- Link Swiper's CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css" />
<!-- Link Swiper's CSS -->
<title>FOOD4YOU</title>
<body>
<!-- home section -->
<section id="home">
<div class="header">
<div class="brand">
<div class="logo">
<img src="images/logo.jpg" alt="logo" />
</div>
</div>
<div class="option">
<div class="contact">
<div class="info">
<span>Express Delivery</span>
<h3>1800 258 888</h3>
</div>
<div class="phone">
<ion-icon name="phone-portrait-outline"></ion-icon>
</div>
</div>
<div class="navbar">

<ul>
<li><a href="#home">HOME</a></li>
<li><a href="#menu">MENU</a></li>
<li><a href="#our-story">OUR STORY</a></li>
<li><a href="#contact_us">CONTACT US</a></li>
</ul>
</div>
</div>
</div>
<div class="home_quote" id="home_quote">
<div class="detail">
<h2>ARE YOU HUNGRY</h2>
<h1>DONT WAIT!</h1>
<h5>LET START TO ORDER FOOD NOW</h5>
<div class="line"></div>
<div class="offer-box">
<div class="lpart">
<span>THIS MONDAY</span>
<span>HAPPY HOUR</span>
</div>
<div class="rpart">
1+1=3
</div>
</div>
<a href="#">ORDER NOW</a>
</div>
<div class="plate">
<img src="images/1.plate.png" alt="plate1">
</div>
</div>
</section>
<!-- home section -->
<!-- menu section -->
<section id="menu">
<h1>CHOOSE & ENJOY</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum quaerat exercitationem at non nihil id consectetur deleniti neque </p>
<p> placeat, qui, nesciunt aliquid pariatur sapiente! Nostrum commodi, itaque impedit et mollitia ut aut!
</p>
<input type="radio" name="dot" id="one">
<input type="radio" name="dot" id="two">
<div id="item">
<div class="card">
<img src="images/1.plate.png" alt=""/>
<h6>LOREM IPUSUM DOLOR</h6>
<div>
Lorem ipsum dolor sit, amet consectetur adipisicing elit.
</div>
<a href="#menu">ORDER NOW</a>
</div>
<div class="card">
<img src="images/2.plate.png" alt=""/>
<h6>LOREM IPUSUM DOLOR</h6>
<div>
Lorem ipsum dolor sit, amet consectetur adipisicing elit.
</div>
<a href="#menu">ORDER NOW</a>
</div>
<div class="card">
<img src="images/3.plate.png" alt=""/>
<h6>LOREM IPUSUM DOLOR</h6>
<div>
Lorem ipsum dolor sit, amet consectetur adipisicing elit.
</div>
<a href="#menu">ORDER NOW</a>
</div>
</div>
<div class="button">
<label for="one" class="one active"></label>
<label for="two" class="two"></label>
</div>
</section>
<!-- menu section -->
<!-- swiper section -->
<section id="our-story">
<h5>DISCOVER</h5>
<h1>UPCOMING EVENTS</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates quo consequuntur porro quas enim, minima neque, perspiciatis a illo hic velit, suscipit assumenda aliquid ullam nulla? Pariatur quaerat fugiat tempore rerum dolorum.</p>

<div style="--swiper-navigation-color: #fff; --swiper-pagination-color: #fff" class="swiper mySwiper2">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="images/1.img.jpg" />
</div>
<div class="swiper-slide">
<img src="images/2.img.jpg" />
</div>
<div class="swiper-slide">
<img src="images/3.img.jpg" />
</div>
<div class="swiper-slide">
<img src="images/4.img.jpg" />
</div>
<div class="swiper-slide">
<img src="images/5.img.jpg" />
</div>
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
<div thumbsSlider="" class="swiper mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="images/1.img.jpg" />
</div>
<div class="swiper-slide">
<img src='images/2.img.jpg'/>
</div>
<div class="swiper-slide">
<img src='images/3.img.jpg'/>
</div>
<div class="swiper-slide">
<img src='images/4.img.jpg'/>
</div>
<div class="swiper-slide">
<img src='images/5.img.jpg'/>
</div>
</div>
</div>
</section>
<!-- swiper section -->
<!-- banner section -->
<section id="banner">
<div class="banner1">
<img src="images/banner1.jpg" alt="">
</div>
<div class="banner2">
<div class="banner2-1">
<img src="images/banner2.jpg" alt="">
</div>
<div class="banner2-2">
<img src="images/banner3.jpg" alt="">
</div>
</div>
</section>
<!-- banner section -->
<!-- contact section -->
<section id="contact_us">
<h5>RESERVATION</h5>
<h1>BOOK YOUR TABLE</h1>
<form action="">
<input type="text" placeholder="Name">

<input type="email" placeholder="EMAIL">
<input type="date">
<input type="time" placeholder="TIME">
<input type="number" placeholder="People">
<a href="#contact_us">FIND A TABLE</a>
</form>
</section>
<!-- contact section -->
<!-- footer section -->
<footer>
<div class="container1">
<div class="brand_details">
<div class="brand">

<div class="brand_name">
<h1>FOOD4YOU</h1>
</div>
</div>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dicta quisquam distinctio unde quaerat error voluptatibus quasi quis, veniam sed explicabo veritatis doloremque repellat beatae! Quo accusantium quibusdam velit excepturi ab dignissimos impedit.</p>
</div>
<div class="address">
<div class="location">
<ion-icon name="location-outline"></ion-icon>
Main Road, Building Name, Country
</div>
<div class="mail">
<ion-icon name="mail-outline"></ion-icon>
info@companyname.com
</div>
</div>
</div>
<div class="container2">
<div class="copyright">
&copy Company Name 2022. All Rights Reserved
</div>
<div class="social">
<ul>
<li><ion-icon name="logo-instagram"></ion-icon></li>
<li><ion-icon name="logo-facebook"></ion-icon></li>
<li><ion-icon name="logo-twitter"></ion-icon></li>
<li><ion-icon name="logo-whatsapp"></ion-icon></li>
</ul>
</div>
</div>
</footer>
<!-- footer section -->
<!-- Script for icon -->
<script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
<!-- Script for icon -->
<!-- Swiper JS -->
<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
<!-- Initialize Swiper -->
<script>
var swiper = new Swiper(".mySwiper", {
loop: true,
spaceBetween: 10,
slidesPerView: 4,
freeMode: true,
watchSlidesProgress: true,
});
var swiper2 = new Swiper(".mySwiper2", {
loop: true,
spaceBetween: 10,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
thumbs: {
swiper: swiper,
},
});
</script>
<!-- Swiper JS -->
</body>
</html>

<!--
</section> -->


1 change: 1 addition & 0 deletions site.webmanifest
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
Loading

0 comments on commit ccde806

Please sign in to comment.