-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
272 lines (252 loc) · 8.73 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
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
<!DOCTYPE html>
<html lang="zxx">
<head>
<meta charset="utf-8">
<meta name="description" content="Greatly - MultiPurpose Business, Corporate, Agency web Template">
<meta name="keywords" content="business, construction, corporate, creative, hosting, multipurpose, portfolio, responsive, restaurant, wedding">
<meta name="author" content="envatoprime">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Greatly - The Multipurpose HTML5 Template</title>
<!-- all css links here -->
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700" rel="stylesheet">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/slick.css">
<link rel="stylesheet" href="css/venobox.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">
<!-- all css links here -->
</head>
<body>
<!--======== bannar ends here =========-->
<section id="general" class="sec-pad pb-0">
<div class="genarel-bg"></div>
<div class="container text-center">
<div class="row">
<div class="col-lg-12">
<h1 class="color-w">Wellcome to our demo page</h1>
<hr>
<p class="mt-5 color-w"><strong>Greatly</strong> is a pixel perfect creative multi purpose HTML5 Template designed with great attention to details, flexibility and performance. It is ultra professional, smooth and sleek, with a clean modern layout.</p>
</div>
</div>
</div>
</section>
<!--======== general-info ends here =========-->
<section id="demos" class="bg-faded-two sec-pad">
<div class="container text-center">
<div class="row">
<div class="col-lg-12">
<h2 class="color-common">*** GREATLY ***
</h2>
<hr>
<h3 class="color-common color-2 thin">Color-1
</h3>
<div class="row justify-content-center mt-5">
<div class="col-md-6 col-lg-4 pt-4">
<a class="item" href="gratly/index.html" target="_blank">
<div class="demo-img">
<img src="images/default.png" class="img-fluid" alt="">
</div>
<h5 class="color-common my-3">Default</h5>
</a>
</div>
<div class="col-md-6 col-lg-4 pt-4">
<a class="item" href="gratly/indexSlider1.html" target="_blank">
<div class="demo-img">
<img src="images/default.png" class="img-fluid" alt="">
</div>
<h5 class="color-common my-3">Home - With Slider</h5>
</a>
</div>
<div class="col-md-6 col-lg-4 pt-4">
<a class="item" href="gratly/indexVideo1.html" target="_blank">
<div class="demo-img">
<img src="images/video1.png" class="img-fluid" alt="">
</div>
<h5 class="color-common my-3">Home - With Video</h5>
</a>
</div>
</div>
<hr>
<h3 class="color-common color-1 thin">Color-2
</h3>
<div class="row justify-content-center mt-5">
<div class="col-md-6 col-lg-4 pt-4">
<a class="item" href="gratly/index2.html" target="_blank">
<div class="demo-img">
<img src="images/default2.png" class="img-fluid" alt="">
</div>
<h5 class="color-common my-3">Default</h5>
</a>
</div>
<div class="col-md-6 col-lg-4 pt-4">
<a class="item" href="gratly/indexSlider2.html" target="_blank">
<div class="demo-img">
<img src="images/default2.png" class="img-fluid" alt="">
</div>
<h5 class="color-common my-3">Home - With Slider</h5>
</a>
</div>
<div class="col-md-6 col-lg-4 pt-4">
<a class="item" href="gratly/indexVideo2.html" target="_blank">
<div class="demo-img">
<img src="images/default2.png" class="img-fluid" alt="">
</div>
<h5 class="color-common my-3">Home - With Video</h5>
</a>
</div>
</div>
</div>
</div>
<hr>
</div>
</section>
<!--======== demos ends here =========-->
<section id="feature" class="sec-pad">
<div class="container text-center">
<div class="row">
<div class="col-lg-12">
<h2 class="color-common thin">Feature</h2>
<hr>
<p class="mt-5">This template has everything that you need . Check out some of features that we have in this template . Contact with
us if you need additional informations about any template .</p>
</div>
</div>
<div class="row">
<div class="col-md-6 col-lg-3 feature-box text-left mt-5">
<h5>
<i class="fa fa-television mr-3 color-common"></i>Responsive</h5>
<hr>
<p>Your Website will work on any device: desktop, tablet or mobile.</p>
</div>
<div class="col-md-6 col-lg-3 feature-box text-left mt-5">
<h5>
<i class="fa fa-cogs mr-3 color-common"></i>Customizable</h5>
<hr>
<p>You can easily read, edit, and write your own code, or change everything.</p>
</div>
<div class="col-md-6 col-lg-3 feature-box text-left mt-5">
<h5>
<i class="fa fa-code mr-3 color-common"></i>Clean Code</h5>
<hr>
<p>You can find our code well organized, commented and readable.</p>
</div>
<div class="col-md-6 col-lg-3 feature-box text-left mt-5">
<h5>
<i class="fa fa-upload mr-3 color-common"></i>Free Updates</h5>
<hr>
<p>When you purchase this template, you'll freely receive future updates.</p>
</div>
</div>
<div class="row mt-5 feature-list">
<div class="col-lg-12">
<h4 class="color-common mb-5">And</h4>
</div>
<div class="col-md-6 col-lg-3 text-left">
<ul>
<li>HTML5 & CSS3</li>
<li>Built with Bootstrap 4 (latest version)</li>
<li>Responsive design</li>
<li>Well documented</li>
<li>Developer friendly code</li>
<li>6 HTML page</li>
</ul>
</div>
<div class="col-md-6 col-lg-3 text-left">
<ul>
<li>Comented code</li>
<li>Updated pricing section</li>
<li>6 component variation</li>
<li>Easy to customize: sidebar, header, color scheme, content</li>
<li>Valid HTML & CSS</li>
</ul>
</div>
<div class="col-md-6 col-lg-3 text-left">
<ul>
<li>FontAwesome icons</li>
<li>Single page Layouts</li>
<li>Awesome view</li>
<li>Sticky Menubar</li>
<li>Cross Browser Compatible</li>
<li>JQuery and CSS3 Animation</li>
</ul>
</div>
<div class="col-md-6 col-lg-3 text-left">
<ul>
<li>Slick Slider</li>
<li>Venobox (Lightbox)</li>
<li>Owl Carousel</li>
<li>Table of content</li>
<li>24/7 Friendly Customer Support</li>
<li>And Much More.. </li>
</ul>
</div>
</div>
</div>
</section>
<!--======== feature ends here =========-->
<section id="credits" class="sec-pad">
<div class="container text-center">
<div class="row">
<div class="col-lg-12">
<h2 class="color-common thin">Credits</h2>
<hr>
</div>
</div>
<div class="row">
<div class="col-md-6 col-lg-3 feature-box mt-5">
<h5>
<a href="https://getbootstrap.com/" class="heading-link color-common">Bootstrap</a>
</h5>
<hr>
<p>Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.</p>
</div>
<div class="col-md-6 col-lg-3 feature-box mt-5">
<h5>
<a href="https://jquery.com/" class="heading-link color-common">jQuery</a>
</h5>
<hr>
<p>jQuery is a fast, small, and feature-rich JavaScript library.</p>
</div>
<div class="col-md-6 col-lg-3 feature-box mt-5">
<h5>
<a href="https://fontawesome.com/v4.7.0/" class="heading-link color-common">Font Awesome</a>
</h5>
<hr>
<p>Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything
that can be done with the power of CSS.</p>
</div>
<div class="col-md-6 col-lg-3 feature-box mt-5">
<h5>
<a href="#" class="heading-link color-common">Google Font</a>
</h5>
<hr>
<p>We're using Roboto, Raleway</p>
</div>
</div>
</div>
</section>
<!--======== credits ends here =========-->
<footer>
<div class="container">
<div class="up">
<a href="#bannar">
<i class="fa fa-angle-up"></i>
</a>
</div>
<div class="col-lg-12 text-center">
<p class="m-0 p-0">Copyright © 2018. All right reserved by <a class="text-white" href="https://mamunverse.com/">Mamunur Rashid</a></p>
</div>
</div>
</footer>
<!--======== footer ends here =========-->
<!-- all js links here -->
<script src="js/jquery-v1.12.4.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/slick.min.js"></script>
<script src="js/venobox.min.js"></script>
<script src="js/jquery.nicescroll.min.js"></script>
<script src="js/custom.js"></script>
<!-- all js links here -->
</body>
</html>