-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
245 lines (225 loc) · 11.5 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
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
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Gren</title>
<meta name="description" content="Free Bootstrap Theme by uicookies.com">
<meta name="keywords" content="free website templates, free bootstrap themes, free template, free bootstrap, free website template">
<link href="https://fonts.googleapis.com/css?family=Just+Another+Hand|Open+Sans:300,400" rel="stylesheet">
<link rel="stylesheet" href="css/styles-merged.css">
<link rel="stylesheet" href="css/style.min.css">
<link rel="stylesheet" href="css/custom.css">
<!--[if lt IE 9]>
<script src="js/vendor/html5shiv.min.js"></script>
<script src="js/vendor/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- START: header -->
<div class="probootstrap-loader"></div>
<header role="banner" class="probootstrap-header">
<div class="container">
<a href="index.html" class="probootstrap-logo">Gren</a>
<a href="#" class="probootstrap-burger-menu visible-xs" ><i>Menu</i></a>
<div class="mobile-menu-overlay"></div>
<nav role="navigation" class="probootstrap-nav hidden-xs">
<ul class="probootstrap-main-nav">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="#">About</a></li>
</ul>
<div class="extra-text visible-xs">
<a href="#" class="probootstrap-burger-menu"><i>Menu</i></a>
<h5>Connect</h5>
<ul class="social-buttons">
<li><a href="#"><i class="icon-twitter"></i></a></li>
<li><a href="#"><i class="icon-facebook2"></i></a></li>
<li><a href="#"><i class="icon-instagram2"></i></a></li>
</ul>
</div>
</nav>
</div>
</header>
<!-- END: header -->
<section class="probootstrap-slider flexslider">
<div class="probootstrap-text-intro">
<div class="left-align">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="text-center top-align-carousel">
<h1 class=" probootstrap-animate mb20 font-size" data-animate-effect="fadeIn" style="color: green;font-weight: bold;font-family: 'Times New Roman', Times, serif;">GREN</h1>
<div class="probootstrap-animate probootstrap-sub-wrap mb30" data-animate-effect="fadeIn" style="color: green;"> The Sustainable Shopping System, welcomes you.</div>
<p class="probootstrap-animate" data-animate-effect="fadeIn"><a href="#" class="btn btn-ghost btn-ghost-white" style="background-color: green;"> Get Started </a></p>
</div>
</div>
</div>
</div>
</div>
<ul class="slides">
<li style="background-image: url(img/firstImage.jpg);size:700px"></li>
<li style="background-image: url(img/secondImage.jpg);"></li>
<li style="background-image: url(img/thirdImage.jpg);"></li>
</ul>
</section>
<!-- END: slider -->
<section class="probootstrap-section">
<div class="container">
<h2 class="text-center">Steps We Covered </h2>
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 probootstrap-animate">
<div class="service">
<div class="icon text-center"><img src="img/carbonDetect.png" style="width:150px" alt=""></div>
<h2 class="heading text-center">Scanning Products</h2>
<p>Our app is going to scan the product and will provide information about how much the product is contributing in Global Warming </p>
</div>
</div>
<div class="clearfix visible-sm-block"></div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 probootstrap-animate">
<div class="service">
<div class="icon text-center"><img src="img/alternative.png" style="width:150px" alt=""></div>
<h2 class="heading text-center">Alternate Products</h2>
<p>By using Machine Learning model we will show some Alternate products which have minimum carbon effect then the product you scanned</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 probootstrap-animate">
<div class="service">
<div class="icon text-center"><img src="img/dashboardCo.png" style="width:150px" alt=""></div>
<h2 class="heading text-center">Dashboard For Co2 Effect</h2>
<p>Our App is going to show you a Dashboard which is going to be very much informative in terms of Co2. It will show you how much Co2 you have contributed in Global Warming Effect.</p>
</div>
</div>
<div class="clearfix visible-sm-block"></div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 probootstrap-animate">
<div class="service">
<div class="icon text-center"><img src="img/objectGarbage.png" style="width:150px" alt=""></div>
<h2 class="heading text-center">Give Us Garbage</h2>
<p>In our app we have provided feature in which you can Provide your Garbage to Us. Our Machine learning model will predict the garbage type and qty.</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 probootstrap-animate">
<div class="service">
<div class="icon text-center"><img src="img/Reward.png" style="width:150px" alt=""></div>
<h2 class="heading text-center">Get Your Reward</h2>
<p>In return of Garbage we are going to provide discount to every user on our Alternate suggested Products.</p>
</div>
</div>
<div class="clearfix visible-sm-block"></div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 probootstrap-animate">
<div class="service">
<div class="icon text-center"><img src="img/community.png" style="width:150px" alt=""></div>
<h2 class="heading text-center"> Compete With Friends </h2>
<p>In our APP we also provided community Section in which you can compare with your friends and family about how much you saved earth from Global Warming?</p>
</div>
</div>
<div class="clearfix visible-lg-block visible-md-block"></div>
</div>
</div>
</section>
<section class="probootstrap-section probootstrap-bg" style="background-image: url(img/slider_2.jpg);">
<div class="container text-center">
<h2 class="heading probootstrap-animate" data-animate-effect="fadeIn">Go Green - With Us</h2>
<p class="sub-heading probootstrap-animate" data-animate-effect="fadeIn">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
</div>
</section>
<section class="probootstrap-section">
<div class="container">
<h2 class="text-center">Some Organic Products </h2>
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 probootstrap-animate" data-animate-effect="fadeIn">
<div class="product-item">
<figure><img src="img/tissue.jpg" style="height: 300px;" alt="Free Template by uicookies.com" class="img-responsive"></figure>
<div class="text">
<h2 class="heading">Bambooee Eco-Friendly Facial Tissue Carbox - 400 Pulls</h2>
<p>Beco Facial Tissue Made from 100% virgin Bamboo pulp, the facial tissues provide strength, absorbency, and a clean white appearance.The two-ply facial tissues offer enhanced performance compared to single-ply tissues.</p>
<p><a href="#" class="btn btn-primary btn-sm">View Details</a></p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 probootstrap-animate" data-animate-effect="fadeIn">
<div class="product-item">
<figure><img src="img/toothpaste.jpg" alt="Free Template by uicookies.com" class="img-responsive"></figure>
<div class="text">
<h2 class="heading">Irimedadi Toothpaste (125ml)</h2>
<p>Herbostra Irimedadi herbal toothpaste with neem extracts removes bacteria and takes care of oral cavity. <br>It cleanses teeth, strengthens gums and prevent tooth decay.</p>
<p><a href="#" class="btn btn-primary btn-sm">View Details</a></p>
</div>
</div>
</div>
<div class="clearfix visible-sm-block"></div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 probootstrap-animate" data-animate-effect="fadeIn">
<div class="product-item">
<figure><img src="img/plates.jpg" alt="Free Template by uicookies.com" class="img-responsive"></figure>
<div class="text">
<h2 class="heading">E-PRAKRITI Made in India Natural PATTAL Dinner plate (Brown, 25)</h2>
<p><br>
*100% NATURAL <br>
*100% BIO-DEGRADABLE <br>
* HEALTHY AND BOOST YOUR IMMUNITY <br>
*MADE WITH HANDS WITH NO CHEMICALS
*DRIED UNDER THE SUN
<br>
</p>
<p><a href="#" class="btn btn-primary btn-sm">View Details</a></p>
</div>
</div>
</div>
</div>
</section>
<footer class="probootstrap-footer probootstrap-bg" style="background-image: url(img/slider_3.jpg)">
<div class="container">
<div class="row mb60">
<div class="col-md-3">
<div class="probootstrap-footer-widget">
<h4 class="heading">About Us</h4>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p>
<p><a href="#">Read more...</a></p>
</div>
</div>
<div class="col-md-3">
<div class="probootstrap-footer-widget">
<h4 class="heading">Quick Links</h4>
<ul class="stack-link">
<li><a href="#">Organic Products</a></li>
<li><a href="#">Go To APP</a></li>
</ul>
</div>
</div>
<div class="col-md-3">
<div class="probootstrap-footer-widget">
<h4 class="heading">Subscribe</h4>
<p>Far far away behind the word mountains far from.</p>
<form action="#">
<div class="form-field">
<input type="text" class="form-control" placeholder="Enter your email">
<button class="btn btn-subscribe"><i class="icon-arrow-long-right"></i></button>
</div>
</form>
</div>
</div>
</div>
<div class="row copyright">
<div class="col-md-6">
<div class="probootstrap-footer-widget">
<p>© 2022 Designed by Team VR1</p>
</div>
</div>
<div class="col-md-6">
<div class="probootstrap-footer-widget right">
<ul class="probootstrap-footer-social">
<li><a href="https://www.facebook.com/coderbricks/"><i class="icon-twitter"></i></a></li>
<li><a href="https://www.facebook.com/coderbricks/"><i class="icon-facebook"></i></a></li>
<li><a href="https://www.instagram.com/coder_bricks/"><i class="icon-instagram2"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<div class="gototop js-top">
<a href="#" class="js-gotop"><i class="icon-chevron-thin-up"></i></a>
</div>
<script src="js/scripts.min.js"></script>
<script src="js/main.min.js"></script>
<script src="js/custom.js"></script>
</body>
</html>