-
Notifications
You must be signed in to change notification settings - Fork 0
/
offersale.html
198 lines (187 loc) · 8.37 KB
/
offersale.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
197
198
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1.0">
<title>Fresh Pick | Offer Sale </title>
<link rel="stylesheet" href="design.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<nav class="nav nav_top">
<div class="logo">
<a href="index.html"><img src="images/logo.jpeg" width="250"></a>
</div>
<div class="nav_side">
<a href="about.html">ABOUT US</a>
<a href="offersale.html">OFFER SALE</a>
<a href="grocery.html">GROCERY</a>
<a href="contact.html">CONTACT</a>
</div>
</nav>
<div class="side" style="padding-top:100px;">
<div class="left">
<img src="images/pics4.jpg">
</div>
<div class="right">
<h2>EVERYTHING FRESH!</h2>
<p>
Pick the fresh fruits and vegetables,which were imported from our farm.Finest meat and chicken.Tasty snacks and beer that makes you chill.One press everything will be in your door step now.Hurry up order soon by pressing the below button!!
</p>
<div class="side_btn">
<a href="#">SHOP NOW</a>
</div>
</div>
</div>
<div class="main">
<div class="main_content">
<h2>UP TO 50% OFF!
<br>
<span>Our Fresh Picks on SALE</span>
</h2>
</div>
</div>
<div class="product">
<h2>FRESH PICKS FOR YOU</h2>
<div class="product_container">
<div class="item">
<div class="item_img">
<img src="images/pic5.jpg">
</div>
<div class="item_content">
<h3>FRESH VEGETABLES</h3>
<p>Eat "Fresh" stay "Healthy"</p>
<br><br><br>
<a href="#">ORDER NOW</a>
</div>
</div>
<div class="item">
<div class="item_img">
<img src="images/pic6.jpg">
</div>
<div class="item_content">
<h3>FRESH FRUITS</h3>
<p>"Bounty" fruits keep your body "Healthy". You can find all tasty fruits that makes you glow</p>
<br><br>
<a href="#">ORDER NOW</a>
</div>
</div>
<div class="item">
<div class="item_img">
<img src="images/pic7.jpg">
</div>
<div class="item_content">
<h3>DAIRY PRODUCTS</h3>
<p>Dairy For Strong Bodies and For Strong Minds.All kinds of dairy products available here which are freshly prepared under our surveillance</p>
<br><br>
<a href="#">ORDER NOW</a>
</div>
</div>
<div class="item">
<div class="item_img">
<img src="images/pic8.png">
</div>
<div class="item_content">
<h3>GROCERY ITEMS</h3>
<p>We deliver nicely packed and sealed grocery items.</p>
<br><br>
<a href="#">ORDER NOW</a>
</div>
</div>
</div>
</div>
<hr>
<div class="keypoint">
<h2>CHOOSE FROM</h2><br><br><br>
<div class="key_container">
<div class="key_img">
<img src="images/My Pictures.jpg">
</div>
<div class="key_content">
<li>Cereals and Breakfast food - Batter</li>
<li>Cured Meats,Fish,and Chicken</li>
<li>Dairy,Chesse and Eggs</li>
<li>Pasta,Noodles and Rice</li>
<li>Oils, Sauces, Soups and Canned goods</li>
<li>Drinks, Snacks and Crackers</li>
<li>Cosmetics and other accessories</li>
</div>
</div>
</div>
<hr>
<div class="team">
<h2>Know Our Team</h2>
<div class="team_container">
<div class="team_video">
<video controls>
<source src="images/Promo Video.mp4" type="video/mp4">
</video>
</div>
<div class="team_content">
<p>We provide extraordinary shopping experience. Also, we just really love when they are fresh.</p>
<br><p>We are a pioneering specialty supermarket retailer and importer that began with a modest shop in the now-iconic Texas in 1970; Today, we employ more than 550 proud team members and have evolved into a community-driven enterprise with our fifteen retail locations,import and e-commerce divisions.</p>
</div>
</div>
</div>
<div class="feed">
<h2>FEED US BACK</h2>
<div class="feed_form" method="post">
<form name="submit-googlesheet">
<input type="text" name="Enter your name" placeholder="Name"><br>
<input type="email" name="Enter your email" placeholder="Email ID"><br>
<input type="text" name="Enter your contact number" placeholder="Number"><br>
<textarea rows="5" cols="7" name="Review" placeholder="Write your review"></textarea><br>
<button type="submit">Submit</button>
</form>
</div>
</div>
<footer>
<div class="footer_logo">
<a href="index.html"><img src="images/logo.jpeg" width="250"></a>
</div>
<div class="pages">
<h3>Customer Care</h3>
<a href="about.html">About Us</a>|
<a href="offersale">Offer Sale</a>|
<a href="grocery.html">Grocery</a>|
<a href="contact.html">Contact</a>
</div>
<div class="doc">
<h3>Documents</h3>
<a href="#">Privacy Policy</a>|
<a href="#">Terms of Use</a>|
<a href="#">Refund Policy</a>
</div>
<div class="social">
<h3>Follow Us</h3>
<a href="https://www.facebook.com/" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href="https://www.linkedin.com/" target="_blank"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
</div>
<div class="contact">
<h3>Contact Us</h3>
<a href="https://api.WhatsApp.com/send?phone=+910000000000" target="_blank"><i class="fa fa-whatsapp" aria-hidden="true"></i></a>
<a href="tel: +910000000000"><i class="fa fa-phone" aria-hidden="true"></i></a>
<a href="mailto: [email protected]"><i class="fa fa-envelope-o" aria-hidden="true"></i></a>
</div>
<hr>
<p>Copyright © 2022 Fresh Pick. All rights reserved.</p>
</footer>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
<script type="text/javascript">
const scriptURL = 'https://script.google.com/macros/s/AKfycbzmY7HJmUEupsd8UBLj-aTxEsPcKQEWFYaxFA44IcIYrYCjanY1WcTF4zyKYXFQubtbTA/exec'
const form = document.forms['submit-googlesheet']
form.addEventListener('submit', e => {
e.preventDefault()
fetch(scriptURL, { method: 'POST', body: new FormData(form)})
.then(response => alert("Thanks you for your valuable feedback!"))
.catch(error => console.error('Error!', error.message))
})
</script>
</body>
</html>