-
Notifications
You must be signed in to change notification settings - Fork 0
/
iced_tea_man.html
151 lines (122 loc) · 7.15 KB
/
iced_tea_man.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
<!DOCTYPE html>
<html lang="zxx" class="noscroll">
<head>
<meta charset="UTF-8">
<meta name="description" content="Ogani Template">
<meta name="keywords" content="Ogani, unica, creative, html">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Cafe MRP | Iced Teas</title>
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;600;900&display=swap" rel="stylesheet">
<!-- Css Styles -->
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
<link rel="stylesheet" href="css/font-awesome.min.css" type="text/css">
<link rel="stylesheet" href="css/elegant-icons.css" type="text/css">
<link rel="stylesheet" href="css/nice-select.css" type="text/css">
<link rel="stylesheet" href="css/jquery-ui.min.css" type="text/css">
<link rel="stylesheet" href="css/owl.carousel.min.css" type="text/css">
<link rel="stylesheet" href="css/slicknav.min.css" type="text/css">
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body class="main_body">
<!-- Page Preloder -->
<div id="preloder">
<div class="loader"></div>
</div>
<!-- Breadcrumb Section Begin -->
<header id="header_nav" class="header breadcrumb-section set-bg">
<script type="text/javascript" src="./header.js"></script>
</header>
<!-- Breadcrumb Section End -->
<!-- Product Section Begin -->
<p id="demo"></p>
<div class="main_menu"><button style="border: none"><a href="main_menu.html" class="site-btn">Go Back</a></button>
<section class="product spad">
<h3 align="center"><b>Iced Teas</b></h3>
<div class="container">
<div class="row">
<div class="col-lg-9 col-md-7">
<div class="product__discount">
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="product__item">
<!-- <h5 align="left"><b>Veg Soups</b></h5>-->
<div class="product__item__text man man">
<h6 class="itemName">Lemon</h6>
<div class="quantity">
<div class = "site-btn show_item" style="width: 65px;padding: 5px; margin-bottom: 20px;"> Show </div>
<div class = "site-btn hide_item" style="width: 65px;padding: 5px; margin-bottom: 20px; background-color: #ff5f5f"> Hide </div>
</div>
<input class = "price" style="width: 65px; height: 35px; padding 5px; position: relative" value="₹ 150">
<p class="site-btn change" style="width: 65px;padding: 5px; position:relative; left: 20px; background-color: #7abaff">Change</p>
</div>
<div class="product__item__text man man">
<h6 class="itemName">Peach</h6>
<div class="quantity">
<div class = "site-btn show_item" style="width: 65px;padding: 5px; margin-bottom: 20px;"> Show </div>
<div class = "site-btn hide_item" style="width: 65px;padding: 5px; margin-bottom: 20px; background-color: #ff5f5f"> Hide </div>
</div>
<input class = "price" style="width: 65px; height: 35px; padding 5px; position: relative" value="₹ 150">
<p class="site-btn change" style="width: 65px;padding: 5px; position:relative; left: 20px; background-color: #7abaff">Change</p>
</div>
<div class="product__item__text man man">
<h6 class="itemName">Apple Cinnamon</h6>
<div class="quantity">
<div class = "site-btn show_item" style="width: 65px;padding: 5px; margin-bottom: 20px;"> Show </div>
<div class = "site-btn hide_item" style="width: 65px;padding: 5px; margin-bottom: 20px; background-color: #ff5f5f"> Hide </div>
</div>
<input class = "price" style="width: 65px; height: 35px; padding 5px; position: relative" value="₹ 150">
<p class="site-btn change" style="width: 65px;padding: 5px; position:relative; left: 20px; background-color: #7abaff">Change</p>
</div>
<div class="product__item__text man man">
<h6 class="itemName">Watermelon Mint</h6>
<div class="quantity">
<div class = "site-btn show_item" style="width: 65px;padding: 5px; margin-bottom: 20px;"> Show </div>
<div class = "site-btn hide_item" style="width: 65px;padding: 5px; margin-bottom: 20px; background-color: #ff5f5f"> Hide </div>
</div>
<input class = "price" style="width: 65px; height: 35px; padding 5px; position: relative" value="₹ 150">
<p class="site-btn change" style="width: 65px;padding: 5px; position:relative; left: 20px; background-color: #7abaff">Change</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="product__item">
</div>
</div>
</div>
</div>
</div>
<div align="center">
<button style="border: none; margin-bottom: 10px; float: left; width: 40%; "><a href="main_menu.html"
class="site-btn"
style=" font-size: 16px; padding: 5px; padding-top: 15px; padding-bottom: 15px;">Main
Menu</a></button>
<button style="float: right; display: inline-block; width: 50%; font-size: 16px; padding: 5px; padding-top: 15px; padding-bottom: 15px;"
class="button_button2 site-btn">Checkout
</button>
</div>
</div>
</section>
<!-- Product Section End -->
<footer class="footer spad">
<script type="text/javascript" src="./footer.js"></script>
</footer>
</div>
<div class="menu_tab">
<div class="temp_menu">
<script type="text/javascript" src="js/menu.js"></script>
</div>
<span class = "menu_btn">Menu</span>
</div>
</div>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery-confirm.min.js"></script>
<script src="js/jquery.nice-select.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/jquery.slicknav.js"></script>
<script src="js/mixitup.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>