-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
116 lines (114 loc) · 5.82 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Munchies</title>
<!-- font for italian food title-->
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="icons/favicon.ico" type="image/x-icon">
<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=Satisfy&display=swap" rel="stylesheet">
<!-- Font for navigation bar -->
<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=Dancing+Script&family=Satisfy&display=swap" rel="stylesheet">
</head>
<body>
<header>
<img src="images/bg.png" alt="">
<nav>
<img class="logo" src="images/Munchies2.png">
<ul>
<li><a href="" class="home">Home</a></li>
<li><a href="">Menu</a></li>
<li><a href="story.html">Our Story</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
<img class="srch" src="images/srch.png" alt="">
</nav>
<h1>Italian food</h1>
<h4>Spaghatti Recipe</h4>
<p>Cook ground beef in a saucepan over medium-high heat with garlic, onion, and green pepper. Stir until the
meat is brown and crumbly. The vegetables should be tenderStir diced tomatoes, tomato sauce, and tomato
paste into the beef mixture. Add oregano, basil, salt, and pepper.</p>
<a class="btn" href="">Read More</a>
</header>
<main>
<section class="best">
<h1>Our best dishes</h1>
<p>These dishes are the best we serve. Customers all over the world have loved them.It's not like our other
dishes are not good. These are simply better than our competittors can make.
them.
</p><br><br>
<section class="flexible">
<div class="first">
<img src="images/1.png" alt="">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Architecto, cupiditate.</p>
</div>
<div>
<img src="images/2.png" alt="">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Architecto, cupiditate.</p>
</div>
<div class="third">
<img src="images/3.png" alt="">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Architecto, cupiditate.</p>
</div>
</section><br>
<a class="see" href="">See More</a>
<section class="promo">
<div class="dis">
<img src="images/1.png" alt="">
<div class="half ">
<h1>Discount upto 50%</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere maiores laudantium, facilis
obcaecati dolorem modi ut maxime consequatur ratione deserunt ea commodi dolores praesentium
cupiditate veritatis labore hic. Itaque, unde! Modi, repellendus cupiditate vero totam corporis
aperiam? Aspernatur pariatur repellendus</p><br>
<a class="getdis" href="">Get discount</a>
</div>
</div>
<div class="resize">
<div class="nhalf">
<h1>Buy 1 Get 1 Free</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi at eaque laborum itaque ipsam aut totam possimus in, esse obcaecati temporibus omnis nesciunt doloremque? Minima magni quisquam ipsa fuga porro.</p><br>
<a href="">Get Promo</a>
</div>
<img class="food" src="images/2.png" alt="">
</div>
</section>
</main>
</body>
<footer>
<section class="foot">
<div class="footleft">
<h2>Munchies</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro libero, temporibus dignissimos velit non quasi facere ratione sint veritatis animi quia! Distinctio asperiores, a neque excepturi debitis ullam adipisci aut?Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aperiam inventore, quibusdam culpa quidem corporis quod quam quas nobis hic vero?</p>
</div>
<div class="footright">
<h2>About Us</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro libero, temporibus dignissimos velit non quasi facere ratione sint veritatis animi quia! Distinctio asperiores, a neque excepturi debitis ullam adipisci aut?Lorem ipsum </p>
<a href=""><h3>Our team</h3></a>
<a href=""><h3>Location</h3></a>
</div>
<div class="footright">
<h2>Service</h2>
<a href=""><h3>How to order</h3></a>
<a href=""><h3>Our products</h3></a>
<a href=""><h3>Order Status</h3></a>
<a href=""><h3>Payment method</h3></a>
</div>
<div class="footright">
<h2>Others</h2>
<a href=""><h3>Help</h3></a>
<a href=""><h3>Privacy</h3></a>
<a href=""><h3>Terms and Condition</h3></a>
<a href=""><h3>Brand guidelines</h3></a>
<a href=""><h3>Newsletter</h3></a>
</div>
</section>
<h4>©Amanat Mahmud</h4>
</footer>
</html>