-
Notifications
You must be signed in to change notification settings - Fork 12
/
Copy pathindex.html
117 lines (117 loc) · 6.68 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
117
<!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">
<link rel="stylesheet" href="css/botstrap_modified.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">
<title>Responsive Food website</title>
</head>
<body>
<div class="header">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="#">Tomato</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#menu">Menu</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#app">App</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#subscribe">Subscribe</a>
</li>
</ul>
<form class="d-flex">
<input class="form-control me-2" type="search" placeholder="Enter your favourite food" aria-label="Search">
<button class="btn btn-outline-danger" type="submit">Search</button>
</form>
</div>
</div>
</nav>
<div class="body">
<span>Welcome To</span>
<h1>Tomato Foods</h1>
<div class="btn-team">
<button class="btn-white">Contact Us</button>
<button class="btn-white">Our Menu</button>
</div>
</div>
</div>
<div class="discover" id="about">
<h2>About <span class="text-danger">Our </span> Services</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam optio voluptas, nemo, esse nihil beatae facere ipsam ipsa eius enim totam libero repellat ut! Est, omnis nulla commodi, repellendus voluptas eligendi iusto, saepe deleniti a vel hic deserunt necessitatibus sapiente cupiditate ipsum ad dolorum impedit facilis. Obcaecati commodi quibusdam porro animi repudiandae earum architecto nihil nesciunt, impedit, nemo maiores id!</p>
<img src="assests/food.jpg" alt="Food">
</div>
<div class="divider"></div>
<div class="topdishes" id="menu">
<h2>Discover Our <span class="text-danger">Top </span>Dishes</h2>
<div class="row card-dishes">
<div class="col-md-4 col-sm-6 mb-grid-gutter"><a class="card border-0 shadow" href="food-delivery-category.html"><img class="card-img-top" src="assests/menu.jpg" alt="Food Name">
<div class="card-body py-4 text-center">
<h3 class="h5 mt-1">Food Name</h3>
</div></a></div>
<div class="col-md-4 col-sm-6 mb-grid-gutter"><a class="card border-0 shadow" href="food-delivery-category.html"><img class="card-img-top" src="assests/menu.jpg" alt="Food Name">
<div class="card-body py-4 text-center">
<h3 class="h5 mt-1">Food Name</h3>
</div></a></div>
<div class="col-md-4 col-sm-6 mb-grid-gutter"><a class="card border-0 shadow" href="food-delivery-category.html"><img class="card-img-top" src="assests/menu.jpg" alt="Food Name">
<div class="card-body py-4 text-center">
<h3 class="h5 mt-1">Food Name</h3>
</div></a></div>
<div class="col-md-4 col-sm-6 mb-grid-gutter"><a class="card border-0 shadow" href="food-delivery-category.html"><img class="card-img-top" src="assests/menu.jpg" alt="Food Name">
<div class="card-body py-4 text-center">
<h3 class="h5 mt-1">Food Name</h3>
</div></a></div>
<div class="col-md-4 col-sm-6 mb-grid-gutter"><a class="card border-0 shadow" href="food-delivery-category.html"><img class="card-img-top" src="assests/menu.jpg" alt="Food Name">
<div class="card-body py-4 text-center">
<h3 class="h5 mt-1">Food Name</h3>
</div></a></div>
<div class="col-md-4 col-sm-6 mb-grid-gutter"><a class="card border-0 shadow" href="food-delivery-category.html"><img class="card-img-top" src="assests/menu.jpg" alt="Food Name">
<div class="card-body py-4 text-center">
<h3 class="h5 mt-1">Food Name</h3>
</div></a></div>
</div>
</div>
<div class="divider"></div>
<div class="app" id="app">
<div class="left">
<h2>Presenting Our New <br> Tomato App</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum vel pariatur, dolores beatae facere libero molestiae quidem fuga veniam tenetur.</p>
<img src="assests/store.png" alt="download" class="downloadImg">
</div>
<img src="assests/app.png" alt="app" class="appImg">
</div>
<div class="subscribe" id="subscribe">
<h2>Subscribe To <span class="text-danger">Our </span>Newsletter</h2>
<div class="form">
<div class="input-group mb-3 newsletterForm">
<input type="text" class="form-control" placeholder="Enter your Email ID here">
<button class="input-group-text btn btn-danger">Subscribe</button>
</div>
</div>
</div>
<div class="divider"></div>
<div class="footer">
<footer>
© 2022 Tomato Foods
</footer>
</div>
<script src="js/nav.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
</body>
</html>