-
Notifications
You must be signed in to change notification settings - Fork 0
/
pasta.html
196 lines (185 loc) · 9.13 KB
/
pasta.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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Google fonts -->
<link href="https://fonts.googleapis.com/css2?family=Odibee+Sans&family=Open+Sans&display=swap" rel="stylesheet">
<!-- OTHER CSS -->
<link rel="stylesheet" href="inc/bootstrap/css/bootstrap.min.css" >
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="inc/css/hover-min.css">
<!-- Main Style -->
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="animation.css">
<title>Pasta-Let's Eat</title>
</head>
<body id="pasta">
<nav class="navbar navbar-expand-lg sticky-top navbar-light bg-custom" id="top">
<a class="navbar-brand" href="#">
<img src="images/loo.png" width="100px" height="70px">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"><i class="fa fa-align-justify"></i></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav px-5">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="pasta.html">Pasta</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="cakes.htm" id="navbarDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Cakes
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="cakes.htm#bday-special"> <i class="fa fa-mobile-alt"></i>Birthday special Cakes</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="cakes.htm#choco-cake">chocolate Cake</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="cakes.htm#strb-cake">Strawberry cake</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="cakes.htm#pnapl-cake">PineApple cake</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="Pakistani cuisines.htm" id="navbarDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Pakistani Cuisines
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="pakistani cuisines.htm#desi-khana"> <i class="fa fa-mobile-alt"></i>Desi khaana</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="pakistani cuisines.htm#samosa-chat">samosa & chat</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="pakistani cuisines.htm#biryani">Biryani special</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.htm">Contact Us</a>
</li>
</ul>
<button class="nav-link mx-3 ml-auto hvr-shutter-in-vertical">Online Order</button>
<a href="tel:+9201723523"><button class="nav-link mx-3 mr-auto hvr-shutter-in-vertical"><i class="fa fa-phone"> +9201723523</i></button> </a>
</div>
</nav>
<!-- Navbar End -->
<!-- HEADER -->
<div class="container p-5">
<div class="row mt-lg-5 my-header">
<div class="col-md-6 py-4 ">
<br><br><br><h1 class="tracking-out-contract">" We Are Providing a healthy and Tasty food to your family, <br> So, Let's Eat "</h1> </div>
<div class="col-md-4">
<img class="img"src="images/loo.png" alt="logo-image" width="400vh">
</div>
</div>
</div>
<!-- END HEADER -->
<div class="container-fluid">
<div class="row">
<div class="col-lg d-flex flex-column justify-content-center mx-5">
<h1>Macroni special</h1>
<center>
<img src="images/loo.png" alt=" feature images" width="100wh" height="100vh">
</center>
</div>
</div>
<div class="row p-5">
<div class="col-md-3 col-xsm-6 m-4">
<div class="card" style="width: 18rem;">
<img src="images/pasta/special pasta.jpg" class="card-img-top" alt="..." height="200px" width="100%">
<div class="card-body bg-custom">
<h4 class="card-title text-justify">Special Macroni</h4>
<h2 class="card-text text-justify">200</h2><br>
<a href="tel:+923233040536" class="btn btn-outline-light">Order Now <i class="fa fa-phone">
</i></a>
</div>
</div>
</div>
<div class="col-md-3 col-xsm-6 m-4">
<div class="card" style="width: 18rem;">
<img src="images/spicy-pasta.jpg" class="card-img-top" alt="..." height="200px" width="100%">
<div class="card-body bg-custom">
<h4 class="card-title text-justify">Simple macroni</h4>
<h2 class="card-text text-justify">200</h2><br>
<a href="tel:+923233040536" class="btn btn-outline-light">Order Now <i class="fa fa-phone">
</i></a>
</div>
</div>
</div>
<div class="col-md-3 col-xsm-6 m-4">
<div class="card" style="width: 18rem;">
<img src="images/pasta/spicy.webp" class="card-img-top" alt="..." height="200px" width="100%">
<div class="card-body bg-custom">
<h4 class="card-title text-justify">Spicy Macroni</h4>
<h2 class="card-text text-justify">250</h2><br>
<a href="tel:+923233040536" class="btn btn-outline-light">Order Now <i class="fa fa-phone">
</i></a>
</div>
</div>
</div>
</div>
<!-- <div class="row">
<div class="col-lg-3">
<div class="card text-center bg-custom">
<div class="card-header ">
<h2>Special deal</h2>
</div>
<div class="card-body">
<h4 class="card-title">Spicy spreghetti with Chicken</h4>
<p class=""> <img src="images/pasta/spicy speghetti.jpg" alt="" width="100%" height="100%"></p>
<a href="tel:+923233040536" class="btn btn-outline-light">Order Now</a>
</div><h3>
<div class="card-footer card-text">
500(1 KG)</h3>
</div>
</div>
</div>
</div> -->
<div class="row p-5">
<div class="col-md-3 col-xsm-6 m-4">
<div class="card" style="width: 18rem;">
<img src="images/russian salad.jfif" class="card-img-top" alt="..." height="200px" width="100%">
<div class="card-body bg-custom">
<h4 class="card-title text-justify">Russian Salad</h4>
<h2 class="card-text text-justify">300</h2><br>
<a href="tel:+923233040536" class="btn btn-outline-light">Order Now <i class="fa fa-phone">
</i></a>
</div>
</div>
</div>
<div class="col-md-3 col-xsm-6 m-4">
<div class="card" style="width: 18rem;">
<img src="images/vegi salad.jpg" class="card-img-top" alt="..." height="200px" width="100%">
<div class="card-body bg-custom">
<h4 class="card-title text-justify">Veggi salad</h4>
<h2 class="card-text text-justify">250</h2><br>
<a href="tel:+923233040536" class="btn btn-outline-light">Order Now <i class="fa fa-phone">
</i></a>
</div>
</div>
</div>
<div class="col-md-3 col-xsm-6 m-4">
<div class="card" style="width: 18rem;">
<img src="images/pasta/delicious russian slad.jpg" class="card-img-top" alt="..." height="200px" width="100%">
<div class="card-body bg-custom">
<h4 class="card-title text-justify">Special Russian</h4>
<h2 class="card-text text-justify">450</h2><br>
<a href="tel:+923233040536" class="btn btn-outline-light">Order Now <i class="fa fa-phone">
</i></a>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid px-5 py-2 my-header">
<span style="font-size:.8rem; color: white;">Copyright © 2020 Saylani Welfare</span>
<p class="text-right">
<a href="#top" > back to top</a></p>
</div>
<script src="inc/jquery/jquery-3.4.1.slim.min.js"></script>
<script src="inc/bootstrap/js/bootstrap.min.js"></script>
<script src="inc/popperjs/popper.min.js" ></script>
</body>
</html>