-
Notifications
You must be signed in to change notification settings - Fork 0
/
more.html
132 lines (123 loc) · 5.87 KB
/
more.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="css/more.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link href='https://fonts.googleapis.com/css?family=Bowlby One SC' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Fanwood Text' rel='stylesheet'>
<title>More Donuts - Dolly </title>
</head>
<body id="full">
<nav id='navbar' class="navbar navbar-expand-lg bg-warning navbar-dark" >
<h1 class="header">Dolly Donuts</h1>
<button id='toggle' 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"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class=" navbar-nav header_link">
<li class="nav-item active">
<a class="nav-link" style="padding-right: 80px;" href="index.html">Home</a>
</li>
<li class="nav-item active">
<a class="nav-link" style="padding-right: 40px;" href="donut.html">Donuts</a>
</li>
<li>
<label class="switch">
<input type="checkbox">
<span class="slider round"></span>
</label>
</li>
</ul>
</div>
</nav>
<div class="choco">
<div class="card">
<div id="card1" class=" card_style">
<img class="card-img-top card_img" src="images/12.jpg" alt="Card image">
<div></div>
<div class="card-body">
<h4 class="card-title card_head" style="font-weight: bold;">Vanilla Creamy Doughnut</h4>
<p class="card-text">They are crispy, a little crunchy from the sugar and smooth and creamy
inside.<br>₹ 50</p>
</div>
</div>
</div><br><br>
<div class="card">
<div id="card2" class=" card_style">
<img class="card-img-top card_img" src="images/13.jpg" alt="Card image">
<div></div>
<div class="card-body">
<h4 class="card-title card_head" style="font-weight: bold;">Blueberry Doughnut</h4>
<p class="card-text">These Blueberry Doughnut are fun and easy treat that's perfect for any
breakfast or brunch.<br>₹ 40</p>
</div>
</div>
</div><br><br>
<div class="card">
<div id="card3" class=" card_style">
<img class="card-img-top card_img" src="images/14.jpg" alt="Card image">
<div></div>
<div class="card-body">
<h4 class="card-title card_head" style="font-weight: bold;">Glazed Doughnut</h4>
<p class="card-text">Glazed Doughnut are easy to make and it is the basic type of doughnut
which will be crispy with cream on it.<br>₹ 30</p>
</div>
</div>
</div><br><br>
<div id="card4" class="rotate_background">
<img src="images/22.png" class="rotate linear infinite" width="325"/>
</div><br><br>
<div class="card">
<div id="card5" class=" card_style">
<img class="card-img-top card_img" src="images/15.jpg" alt="Card image">
<div></div>
<div class="card-body">
<h4 class="card-title card_head" style="font-weight: bold;">Boston Kreme Pie Doughnut</h4>
<p class="card-text">Boston Kreme Pie Doughnut filled with vanilla custard and dipped in
chocolate.<br>₹ 30</p>
</div>
</div>
</div><br><br>
<div class="card">
<div id="card6" class=" card_style">
<img class="card-img-top card_img" src="images/16.jpg" alt="Card image">
<div></div>
<div class="card-body">
<h4 class="card-title card_head" style="font-weight: bold;">Fluffy Oreo Chocolate Cake Doughnut</h4>
<p class="card-text">Fluffy Oreo Chocolate Cake Doughnut are normal, moist, yet crumby
chocolate cake donut. <br>₹ 60</p>
</div>
</div>
</div><br><br>
<div class="card">
<div id="card7" class=" card_style">
<img class="card-img-top card_img" src="images/17.jpg" alt="Card image">
<div></div>
<div class="card-body">
<h4 class="card-title card_head" style="font-weight: bold;">Zeppole</h4>
<p class="card-text">Zeppole are fried doughnuts where it can either be fluffy or dense and
topped with a sprinkle of powdered sugar.<br>₹ 50</p>
</div>
</div>
</div><br><br>
<div class="card">
<div id="card8" class=" card_style">
<img class="card-img-top card_img" src="images/18.jpg" alt="Card image">
<div></div>
<div class="card-body">
<h4 class="card-title card_head" style="font-weight: bold;">Malasadas</h4>
<p class="card-text">Malasadas is Portuguese-style doughnuts where they are fried and
rolled in sugar.<br>₹ 30</p>
</div>
</div>
</div><br><br>
</div>
<script src="./js/more.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>