forked from ithoq/MagicTheme
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
248 lines (248 loc) · 10.2 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
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
<meta name="description" content="bootstrap admin template">
<meta name="author" content="amazingSurge">
<title>Remark | Remark Admin Template</title>
<link rel="apple-touch-icon" href="assets/images/apple-touch-icon.png">
<link rel="shortcut icon" href="assets/images/favicon.ico">
<!-- Stylesheets -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- Fonts -->
<link rel="stylesheet" href="global/fonts/web-icons/web-icons.min.css">
<link rel="stylesheet" href="global/fonts/brand-icons/brand-icons.min.css">
<link rel="stylesheet" href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300'>
<!--[if lt IE 9]>
<script src="global/vendor/html5shiv/html5shiv.min.js"></script>
<![endif]-->
<!--[if lt IE 10]>
<script src="global/vendor/media-match/media.match.min.js"></script>
<script src="global/vendor/respond/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- Navbar -->
<header class="header">
<nav class="navbar">
<div class="navbar-brand navbar-brand-center">
<img class="brand-logo" src="assets/images/logo-purple.png" alt="">
</div>
</nav>
<section class="section section-main">
<div class="container">
<h2 class="section-title">Stylish Responsive Bootstrap Admin Template</h2>
<p class="section-desc">It's professional comes with terrific UI components, widgets, forms, tables,
charts, pages and
<br/>applications. Each one is fully customizable, exceptionally easy to use
and carefully.</p>
</div>
</section>
</header>
<!-- Section Layouts -->
<section class="section section-layouts">
<div class="container">
<h3 class="section-title">Choose one of the demos</h3>
<p class="section-desc">You can customize it as you want and use it for any kind of App, Startup,
Dashboard...</p>
<ul class="blocks-100 blocks-xs-2 blocks-xl-3">
<li>
<figure class="overlay">
<img src="assets/images/layouts/center.jpg" alt="Center Layout">
<figcaption class="overlay-panel">
<a class="btn btn-round btn-dark" target="_blank" href="center/index.html">Classic</a>
<a class="btn btn-round btn-dark" target="_blank" href="material/center/index.html">Material</a>
</figcaption>
</figure>
<div class="desc">
<h4>
Center Layout
<span class="new">New</span>
</h4>
<p></p>
</div>
</li>
<li>
<figure class="overlay">
<img src="assets/images/layouts/topbar.jpg" alt="Topbar Layout">
<figcaption class="overlay-panel">
<a class="btn btn-round btn-dark" target="_blank" href="topbar/index.html">Classic</a>
<a class="btn btn-round btn-dark" target="_blank" href="material/topbar/index.html">Material</a>
</figcaption>
</figure>
<div class="desc">
<h4>
Topbar Layout
<span class="new">New</span>
</h4>
<p></p>
</div>
</li>
<li>
<figure class="overlay">
<img src="assets/images/layouts/iconbar.jpg" alt="Iconbar Layout">
<figcaption class="overlay-panel">
<a class="btn btn-round btn-dark" target="_blank" href="iconbar/index.html">Classic</a>
<a class="btn btn-round btn-dark" target="_blank" href="material/iconbar/index.html">Material</a>
</figcaption>
</figure>
<div class="desc">
<h4>
Iconbar Layout
<span class="new">New</span>
</h4>
<p></p>
</div>
</li>
<li>
<figure class="overlay">
<img src="assets/images/layouts/mmenu.jpg" alt="MMenu Layout">
<figcaption class="overlay-panel">
<a class="btn btn-round btn-dark" target="_blank" href="mmenu/index.html">Classic</a>
<a class="btn btn-round btn-dark" target="_blank" href="material/mmenu/index.html">Material</a>
</figcaption>
</figure>
<div class="desc">
<h4>
MMenu Layout
<span class="new">New</span>
</h4>
<p></p>
</div>
</li>
<li>
<figure class="overlay">
<img src="assets/images/layouts/topicon.jpg" alt="Topicon Layout">
<figcaption class="overlay-panel">
<a class="btn btn-round btn-dark" target="_blank" href="topicon/index.html">Classic</a>
<a class="btn btn-round btn-dark" target="_blank" href="material/topicon/index.html">Material</a>
</figcaption>
</figure>
<div class="desc">
<h4>
Topicon Layout
<span class="new">New</span>
</h4>
<p></p>
</div>
</li>
<li>
<figure class="overlay">
<img src="assets/images/layouts/base.jpg" alt="Basic Layout">
<figcaption class="overlay-panel">
<a class="btn btn-round btn-dark" target="_blank" href="base/index.html">Classic</a>
<a class="btn btn-round btn-dark" target="_blank" href="material/base/index.html">Material</a>
</figcaption>
</figure>
<div class="desc">
<h4>
Basic Layout
</h4>
<p></p>
</div>
</li>
</ul>
</div>
</section>
<!-- End Section Product -->
<!-- Start Section Feature List -->
<section class="section section-feature">
<div class="container">
<h3 class="section-title">We are the best choice</h3>
<ul class="blocks-100 blocks-xs-2 blocks-xl-3">
<li class="iconbox iconbox-left wow fadeInDown" style="visibility: visible; animation-name: fadeInDown;">
<i class="icon iconbox-icon wb-mobile" aria-hidden="true"></i>
<div class="iconbox-content">
<h3 class="iconbox-title">Responsive design</h3>
<p>Fully adjust to fit the size of screen, whether its mobile, tablet
or desktop.</p>
</div>
</li>
<li class="iconbox iconbox-left wow fadeInDown" data-wow-delay="500ms" style="visibility: visible; animation-delay: 500ms; animation-name: fadeInDown;">
<i class="icon iconbox-icon wb-extension" aria-hidden="true"></i>
<div class="iconbox-content">
<h3 class="iconbox-title">UI Components</h3>
<p>It offers a wide choice of elements, full customizable components.</p>
</div>
</li>
<li class="iconbox iconbox-left wow fadeInDown" data-wow-delay="600ms" style="visibility: visible; animation-delay: 600ms; animation-name: fadeInDown;">
<i class="icon iconbox-icon wb-grid-4" aria-hidden="true"></i>
<div class="iconbox-content">
<h3 class="iconbox-title">Application</h3>
<p>The app is designed to help you save time by developing projects.</p>
</div>
</li>
<li class="iconbox iconbox-left wow fadeInDown" data-wow-delay="600ms" style="visibility: visible; animation-delay: 600ms; animation-name: fadeInDown;">
<i class="icon iconbox-icon wb-file" aria-hidden="true"></i>
<div class="iconbox-content">
<h3 class="iconbox-title">Pre-build pages ready</h3>
<p>With the choice of pages offered and building websites fast.</p>
</div>
</li>
<li class="iconbox iconbox-left wow fadeInDown" data-wow-delay="300ms" style="visibility: visible; animation-delay: 300ms; animation-name: fadeInDown;">
<i class="icon iconbox-icon wb-layout" aria-hidden="true"></i>
<div class="iconbox-content">
<h3 class="iconbox-title">Dark & Bright Menubar</h3>
<p>Look great against light or dark menu backgrounds.</p>
</div>
</li>
<li class="iconbox iconbox-left wow fadeInDown" data-wow-delay="400ms" style="visibility: visible; animation-delay: 400ms; animation-name: fadeInDown;">
<i class="icon iconbox-icon wb-pencil" aria-hidden="true"></i>
<div class="iconbox-content">
<h3 class="iconbox-title">11 Color Skins</h3>
<p>Come with 11 color palette and excepttionally easy to switch</p>
</div>
</li>
</ul>
</div>
</section>
<!-- End Section Feature List-->
<!-- Section Call to action -->
<section class="section section-cta">
<div class="container">
<h3 class="section-title">All of these for the perfect price</h3>
<span class="price">24$</span>
<p>
<a class="btn btn-round btn-dark btn-buy" href="http://themeforest.net/item/remark-responsive-bootstrap-admin-template/11989202"
target="blank">
<span>
<i class="icon wb-shopping-cart"></i> PURCHASE NOW
</span>
</a>
</p>
</div>
</section>
<!-- End Section Call to action -->
<!-- Footer -->
<footer class="footer">
<div class="container">
<img class="footer-logo" src="assets/images/logo-purple.png" alt="">
<p>Copyright © 2015 Remark. All Rights Reserved | AmazingSurge Ltd.</p>
</div>
</footer>
<!-- End Footer -->
<!-- Core -->
<!-- Google Analytics -->
<script>
(function(i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function() {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js',
'ga');
ga('create', 'UA-65522665-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>