-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtitle_subtitile.html
208 lines (205 loc) · 14.6 KB
/
title_subtitile.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>title</title>
<!-- Aione framework website, 3D websites, Grid system -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="identifier-url" content="https://aioneframework.com/" />
<meta name="title" content="Aione Framework | Responsive CSS Framework" />
<meta name="description" content="Aione framework is responsive css framework to make responsive websites, web applications and mobile applications using 100 coulmn grid system" />
<meta name="abstract" content="all in one Responsive CSS Framework" />
<meta name="keywords" content="aione framework, Mobile first css framework, Web application framework, mobile application framework, editor, code, live, css, framework, css4, layout, playground, help" />
<meta name="author" content="OXO IT SOLUTIONS PRIVATE LIMITED" />
<meta name="revisit-after" content="10" />
<meta name="language" content="EN" />
<meta name="copyright" content="©2018 OXO IT SOLUTIONS PRIVATE LIMITED" />
<meta name="robots" content="All" />
<meta name="theme-color" content="#1570a6"/>
<meta name="application-name" content="Aione Framework">
<meta name="msapplication-TileColor" content="#FFFFFF" />
<meta name="msapplication-TileImage" content="https://aioneframework.com/assets/images/mstile-144x144.png" />
<meta name="msapplication-square70x70logo" content="https://aioneframework.com/assets/images/mstile-70x70.png" />
<meta name="msapplication-square150x150logo" content="https://aioneframework.com/assets/images/mstile-150x150.png" />
<meta name="msapplication-wide310x150logo" content="https://aioneframework.com/assets/images/mstile-310x150.png" />
<meta name="msapplication-square310x310logo" content="https://aioneframework.com/assets/images/mstile-310x310.png" />
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="https://aioneframework.com/assets/images/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://aioneframework.com/assets/images/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://aioneframework.com/assets/images/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://aioneframework.com/assets/images/apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon-precomposed" sizes="60x60" href="https://aioneframework.com/assets/images/apple-touch-icon-60x60.png" />
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="https://aioneframework.com/assets/images/apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="https://aioneframework.com/assets/images/apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="https://aioneframework.com/assets/images/apple-touch-icon-152x152.png" />
<link rel="icon" type="image/png" href="https://aioneframework.com/assets/images/favicon-196x196.png" sizes="196x196" />
<link rel="icon" type="image/png" href="https://aioneframework.com/assets/images/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/png" href="https://aioneframework.com/assets/images/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="https://aioneframework.com/assets/images/favicon-16x16.png" sizes="16x16" />
<link rel="icon" type="image/png" href="https://aioneframework.com/assets/images/favicon-128.png" sizes="128x128" />
<link rel="manifest" href="/manifest.json">
<link rel="stylesheet" type="text/css" href="https://cdn.aioneframework.com/assets/css/aione.min.css" >
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans:100,300,400">
<style type="text/css">
</style>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Aione Framework",
"url": "https://aioneframework.com/",
"logo": "https://cdn.aioneframework.com/assets/images/aione-framework-logo-small.png",
"contactPoint": [
{
"@type": "ContactPoint",
"telephone": "+91-183-2401000",
"contactType": "customer service"
}
],
"sameAs": [
"https://www.facebook.com/AioneFramework",
"https://twitter.com/AioneFramework"
],
"potentialAction": {
"@type": "SearchAction",
"target": "https://aioneframework.com/?q={search}",
"query-input": "required name=search"
}
}
</script>
</head>
<body>
<div id="aione_wrapper" class="aione-wrapper page-home layout-header-top aione-layout-wide aione-theme-arcane">
<div class="wrapper">
<div id="aione_header" class="aione-header light load-template">
</div>
<!-- #aione-header -->
<div id="aione_main" class="aione-main fullwidth">
<div class="wrapper">
<div id="aione_content" class="aione-content">
<div class="wrapper">
<div id="aione_page_content" class="aione-page-content">
<div class="wrapper">
<section>
<div class="ar p-4p" style="background-color: #f6f6f6;">
<div class="ac l60 m50 s100">
<div class="">
<h4 class="font-weight-800 grey darken-4">Title and Subtitle</h4>
<h6 class="font-size-15"><a href="#" class="grey">Home / Elements / Title and Subtitle</a></h6>
</div>
</div>
<div class="ac l40 m50 s100">
<div class="aione-align-center font-size-22 black line-height-100 custom-icon-color">
<span><i class="ion-social-facebook pr-18"></i></span>
<span><i class="ion-social-twitter pr-18"></i></span>
<span><i class="ion-social-googleplus pr-18"></i></span>
<span><i class="ion-social-linkedin pr-18"></i></span>
</div>
</div>
</div>
</section>
<section>
<div class="ar p-7p">
<div class="ac l100 m50 s100">
<div class="aione-align-center">
<h4 class="font-weight-500 grey darken-4">CUSTOM FONT FAMILY & SIZE</h4>
<h5 class="font-weight-500 mt-20">Custom Font Family & Size</h5>
<h1 class="font-weight-500 light-blue lighten-2">Completely Customizable & Free</h1>
<h6 class="font-weight-400">RELEASE YOUR CREATIVITY WITH THIS THEME’S AMAZING OPTIONS</h6>
<h1 class="font-weight-100 light-blue lighten-2">600+ Google Fonts</h1>
<h3 class="font-weight-100">Release Your Creativity With This Theme’s Amazing Options</h3>
</div>
</div>
</div>
</section>
<section>
<div class="ar p-7p" style="background-color: #f6f6f6;">
<div class="ac l100 m50 s100">
<div class="aione-align-center">
<h4 class="font-weight-500 grey darken-4">CUSTOM FONT FAMILY & SIZE</h4>
<h5 class="font-weight-500 mt-20">Custom Font Family & Size</h5>
<h1 class="font-weight-700 light-blue lighten-2">Completely Customizable & Free</h1>
<h6 class="font-weight-400">RELEASE YOUR CREATIVITY WITH THIS THEME’S AMAZING OPTIONS</h6>
<h1 class="font-weight-400 light-blue lighten-2">600+ Google Fonts</h1>
<h3 class="font-weight-300">Release Your Creativity With This Theme’s Amazing Options</h3>
</div>
</div>
</div>
</section>
<section>
<div class="ar p-7p">
<div class="ac l100 m50 s100">
<div class="">
<h1 class="font-weight-500 grey darken-4 aione-align-center">Large Title</h1>
<p class="line-height-22">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sem augue, tincidunt vel elit vel, ullamcorper tincidunt libero. Mauris id nulla sit amet felis laoreet elementum sed at magna. Sed quis rutrum felis. Integer malesuada in odio sit amet varius. Vestibulum non tristique velit, id luctus nulla. Quisque nec dui vel lorem aliquam malesuada. Mauris faucibus nibh at suscipit pharetra. Etiam mattis condimentum erat, sed elementum tellus vestibulum quis.</p>
</div>
<div class="aione-border-bottom p-20"></div>
<div class="pv-20">
<h3 class="font-weight-500 grey darken-4 aione-align-center">Medium Title</h3>
<p class="line-height-22">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sem augue, tincidunt vel elit vel, ullamcorper tincidunt libero. Mauris id nulla sit amet felis laoreet elementum sed at magna. Sed quis rutrum felis. Integer malesuada in odio sit amet varius. Vestibulum non tristique velit, id luctus nulla. Quisque nec dui vel lorem aliquam malesuada. Mauris faucibus nibh at suscipit pharetra. Etiam mattis condimentum erat, sed elementum tellus vestibulum quis.</p>
</div>
<div class="aione-border-bottom p-20"></div>
<div class="pv-20">
<h5 class="font-weight-500 grey darken-4 aione-align-center">Small Title</h5>
<p class="line-height-22">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sem augue, tincidunt vel elit vel, ullamcorper tincidunt libero. Mauris id nulla sit amet felis laoreet elementum sed at magna. Sed quis rutrum felis. Integer malesuada in odio sit amet varius. Vestibulum non tristique velit, id luctus nulla. Quisque nec dui vel lorem aliquam malesuada. Mauris faucibus nibh at suscipit pharetra. Etiam mattis condimentum erat, sed elementum tellus vestibulum quis.</p>
</div>
</div>
</div>
</section>
<section>
<div class="ar ph-7p">
<div class="">
<h3 class="font-weight-500 grey darken-4 aione-align-center mb-30">Subtitle</h3>
</div>
<div class="ac l100 m50 s100">
<div class="aione-align-center">
<p class="font-size-18 font-weight-300">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</div>
</div>
<div class="aione-border-bottom p-20"></div>
<div class="ac l100 m50 s100">
<div class="aione-align-center">
<p class="font-size-18 font-weight-300 p-30">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sem augue, tincidunt vel elit vel, ullamcorper tincidunt libero.
</p>
</div>
</div>
<div class="aione-border-bottom p-40"></div>
<div class="ac l100 m50 s100">
<div class="aione-align-center">
<p class="font-size-18 font-weight-300 p-40">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br> Nulla sem augue, tincidunt vel elit vel, ullamcorper tincidunt libero.
</p>
</div>
</div>
<div class="aione-border-bottom p-50"></div>
</div>
</section>
</div>
</div>
</div>
<!-- .wrapper -->
</div>
<!-- .aione-content -->
</div>
<!-- .wrapper -->
</div>
<div id="aione_footer" class="aione-footer dark load-template">
</div>
<!-- .aione-footer -->
<div id="aione_copyright" class="aione-copyright dark load-template">
</div>
<!-- .aione-copyright -->
</div>
</div>
<!-- Core-->
<script type="text/javascript" src="https://cdn.aioneframework.com/assets/js/vendor.min.js"></script>
<script type="text/javascript" src="https://cdn.aioneframework.com/assets/js/aione.min.js"></script>
<!-- Google Analytics-->
<script type="text/javascript" src="assets/js/ga.min.js"></script>
<style type="text/css">
</style>
<script type="text/javascript">
</script>
</body>
</html>