-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
72 lines (45 loc) · 2.25 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Small project</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<section class="hero_image">
<div class="hero_wrapper">
<h1>THE FOOD YOU LOVE</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<form class="form_code">
<input class="post_code "type="text" placeholder="Enter your post code">
<button type="submit">Find Food</button>
</form>
</div>
</section>
<section class="product">
<div class="product_list">
<img class="img-responsive" src="food1.jpeg" alt="">
<h2 class="product_heading">Food 1
</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
</div>
<div class="product_list">
<img class="img-responsive" src="food2.jpeg" alt="">
<h2 class="product_heading">Food 2
</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
</div>
<div class="product_list">
<img class="img-responsive" src="food3.jpeg" alt="">
<h2 class="product_heading">Food 3
</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
</div>
</section>
<section class="copyright"> <p><b>@Copyright 2021<br>
ShohailSSS</b>
</p>
</section>
</body>
</html>