1
- <!DOCTYPE html>
2
- < html lang ="en ">
3
- < head >
4
-
5
- < meta charset ="utf-8 ">
6
- < meta http-equiv ="X-UA-Compatible " content ="IE=edge ">
7
- < meta name ="viewport " content ="width=device-width, initial-scale=1 ">
8
- < meta name ="description " content ="">
9
- < meta name ="author " content ="">
10
-
11
- < title > Agency - Start Bootstrap Theme</ title >
12
-
13
- <!-- Bootstrap Core CSS -->
14
- < link href ="css/bootstrap.min.css " rel ="stylesheet ">
15
-
16
- <!-- Custom CSS -->
17
- < link href ="css/agency.css " rel ="stylesheet ">
18
-
19
- <!-- Custom Fonts -->
20
- < link href ="font-awesome-4.1.0/css/font-awesome.min.css " rel ="stylesheet " type ="text/css ">
21
- < link href ="http://fonts.googleapis.com/css?family=Montserrat:400,700 " rel ="stylesheet " type ="text/css ">
22
- < link href ="http://fonts.googleapis.com/css?family=Kaushan+Script " rel ="stylesheet " type ="text/css ">
23
- < link href ="http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic " rel ="stylesheet " type ="text/css ">
24
- < link href ="http://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700 " rel ="stylesheet " type ="text/css ">
25
-
26
- <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
27
- <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
28
- <!--[if lt IE 9]>
29
- <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
30
- <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
31
- <![endif]-->
32
-
33
- </ head >
34
-
35
- < body id ="page-top " class ="index ">
36
-
37
- <!-- Navigation -->
38
- < nav class ="navbar navbar-default navbar-fixed-top navbar-shrink ">
39
- < div class ="container ">
40
- <!-- Brand and toggle get grouped for better mobile display -->
41
- < div class ="navbar-header page-scroll ">
42
- < button type ="button " class ="navbar-toggle " data-toggle ="collapse " data-target ="#bs-example-navbar-collapse-1 ">
43
- < span class ="sr-only "> Toggle navigation</ span >
44
- < span class ="icon-bar "> </ span >
45
- < span class ="icon-bar "> </ span >
46
- < span class ="icon-bar "> </ span >
47
- </ button >
48
- < a class ="navbar-brand page-scroll " href ="#page-top "> Zero4Startup</ a >
49
- </ div >
50
-
51
- <!-- Collect the nav links, forms, and other content for toggling -->
52
- < div class ="collapse navbar-collapse " id ="bs-example-navbar-collapse-1 ">
53
- < ul class ="nav navbar-nav navbar-right ">
54
- < li class ="hidden ">
55
- < a href ="#page-top "> </ a >
56
- </ li >
57
- < li >
58
- < a class ="page-scroll " href ="#services "> Services</ a >
59
- </ li >
60
- < li class ="">
61
- < a class ="page-scroll " href ="#portfolio "> Features</ a >
62
- </ li >
63
- < li class ="active ">
64
- < a class ="page-scroll " href ="#contact "> Notify</ a >
65
- </ li >
66
- </ ul >
67
- </ div >
68
- <!-- /.navbar-collapse -->
69
- </ div >
70
- <!-- /.container-fluid -->
71
- </ nav >
72
-
73
- <!-- Header -->
74
- < header >
75
- < div class ="container ">
76
- < div class ="intro-text ">
77
- < div class ="intro-heading "> App for startups</ div >
78
- < div class ="intro-lead-in "> This app that makes your startup more powerful</ div >
79
- < a href ="#services " class ="page-scroll btn btn-xl "> Tell Me More</ a >
80
- </ div >
81
- </ div >
82
- </ header >
83
-
84
- <!-- Services Section -->
85
- < section id ="services ">
86
- < div class ="container ">
87
- < div class ="row ">
88
- < div class ="col-lg-12 text-center ">
89
- < h2 class ="section-heading "> Services</ h2 >
90
- < h3 class ="section-subheading text-muted "> We provide a range of outstanding services</ h3 >
91
- </ div >
92
- </ div >
93
- < div class ="row text-center ">
94
-
95
- < div class ="col-md-4 ">
96
- < span class ="fa-stack fa-4x ">
97
- < i class ="fa fa-circle fa-stack-2x text-primary "> </ i >
98
- < i class ="fa fa-rocket fa-stack-1x fa-inverse "> </ i >
99
- </ span >
100
- < h4 class ="service-heading "> Quick Setup</ h4 >
101
- < p class ="text-muted "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</ p >
102
- </ div >
103
- < div class ="col-md-4 ">
104
- < span class ="fa-stack fa-4x ">
105
- < i class ="fa fa-circle fa-stack-2x text-primary "> </ i >
106
- < i class ="fa fa-umbrella fa-stack-1x fa-inverse "> </ i >
107
- </ span >
108
- < h4 class ="service-heading "> Data Backup</ h4 >
109
- < p class ="text-muted "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</ p >
110
- </ div >
111
- < div class ="col-md-4 ">
112
- < span class ="fa-stack fa-4x ">
113
- < i class ="fa fa-circle fa-stack-2x text-primary "> </ i >
114
- < i class ="fa fa-sitemap fa-stack-1x fa-inverse "> </ i >
115
- </ span >
116
- < h4 class ="service-heading "> System Design</ h4 >
117
- < p class ="text-muted "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</ p >
118
- </ div >
119
-
120
- < div class ="col-md-4 ">
121
- < span class ="fa-stack fa-4x ">
122
- < i class ="fa fa-circle fa-stack-2x text-primary "> </ i >
123
- < i class ="fa fa-phone fa-stack-1x fa-inverse "> </ i >
124
- </ span >
125
- < h4 class ="service-heading "> 24/7 Support</ h4 >
126
- < p class ="text-muted "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</ p >
127
- </ div >
128
- < div class ="col-md-4 ">
129
- < span class ="fa-stack fa-4x ">
130
- < i class ="fa fa-circle fa-stack-2x text-primary "> </ i >
131
- < i class ="fa fa-map-marker fa-stack-1x fa-inverse "> </ i >
132
- </ span >
133
- < h4 class ="service-heading "> Map</ h4 >
134
- < p class ="text-muted "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</ p >
135
- </ div >
136
- < div class ="col-md-4 ">
137
- < span class ="fa-stack fa-4x ">
138
- < i class ="fa fa-circle fa-stack-2x text-primary "> </ i >
139
- < i class ="fa fa-cloud-download fa-stack-1x fa-inverse "> </ i >
140
- </ span >
141
- < h4 class ="service-heading "> Cloud Download</ h4 >
142
- < p class ="text-muted "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</ p >
143
- </ div >
144
-
145
- </ div >
146
- </ div >
147
- </ section >
148
-
149
- <!-- Features Grid Section -->
150
- < section id ="portfolio " class ="bg-light-gray ">
151
- < div class ="container ">
152
- < div class ="row ">
153
- < div class ="col-lg-12 text-center ">
154
- < h2 class ="section-heading "> Features</ h2 >
155
- < h3 class ="section-subheading text-muted "> We provide a range of outstanding features</ h3 >
156
- </ div >
157
- </ div >
158
- < div class ="row ">
159
- < div class ="col-md-4 col-sm-6 portfolio-item ">
160
- < a href ="#portfolioModal1 " class ="portfolio-link " data-toggle ="modal ">
161
- < div class ="portfolio-hover ">
162
- < div class ="portfolio-hover-content ">
163
- We make it... FREE for all our lovely customers
164
- </ div >
165
- </ div >
166
- < img src ="img/portfolio/free.jpg " class ="img-responsive " alt ="">
167
- </ a >
168
- < div class ="portfolio-caption ">
169
- < h4 > Free</ h4 >
170
- < p class ="text-muted "> All functions</ p >
171
- </ div >
172
- </ div >
173
- < div class ="col-md-4 col-sm-6 portfolio-item ">
174
- < a href ="#portfolioModal2 " class ="portfolio-link " data-toggle ="modal ">
175
- < div class ="portfolio-hover ">
176
- < div class ="portfolio-hover-content ">
177
- We promise to provide the fast processor
178
- </ div >
179
- </ div >
180
- < img src ="img/portfolio/fast.jpg " class ="img-responsive " alt ="">
181
- </ a >
182
- < div class ="portfolio-caption ">
183
- < h4 > Fast</ h4 >
184
- < p class ="text-muted "> Performance</ p >
185
- </ div >
186
- </ div >
187
- < div class ="col-md-4 col-sm-6 portfolio-item ">
188
- < a href ="#portfolioModal3 " class ="portfolio-link " data-toggle ="modal ">
189
- < div class ="portfolio-hover ">
190
- < div class ="portfolio-hover-content ">
191
- All your data is encrypted to keep them safe from attacks
192
- </ div >
193
- </ div >
194
- < img src ="img/portfolio/security.jpg " class ="img-responsive " alt ="">
195
- </ a >
196
- < div class ="portfolio-caption ">
197
- < h4 > Security</ h4 >
198
- < p class ="text-muted "> Web and Database</ p >
199
- </ div >
200
- </ div >
201
- </ div >
202
- </ div >
203
- </ section >
204
-
205
- <!-- Contact Section -->
206
- < section id ="contact ">
207
- < div class ="container ">
208
- < div class ="row ">
209
- < div class ="col-lg-12 text-center ">
210
- < h2 class ="section-heading "> Notify</ h2 >
211
- < h3 class ="section-subheading text-muted "> Notify me once your startup launch</ h3 >
212
- </ div >
213
- </ div >
214
- < div class ="row ">
215
- < div class ="col-lg-12 ">
216
- < form action ="https://zero4startup.us9.list-manage.com/subscribe/post?u=3ab01c04621448c868bd23c40&id=6aad136474 " method ="post " id ="mc-embedded-subscribe-form " name ="mc-embedded-subscribe-form " class ="validate " target ="_blank " novalidate >
217
- < div class ="row ">
218
- < div class ="col-md-6 col-md-offset-3 ">
219
-
220
- < div class ="form-group ">
221
- < input type ="email " name ="EMAIL " class ="form-control " placeholder ="Your Email " id ="email " required ="" data-validation-required-message ="Please enter your email address. ">
222
- < p class ="help-block text-danger "> </ p >
223
- </ div >
224
-
225
- </ div >
226
- < div class ="clearfix "> </ div >
227
- < div class ="col-lg-12 text-center ">
228
- < div id ="success "> </ div >
229
- <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
230
- < div style ="position: absolute; left: -5000px; "> < input type ="text " name ="b_3ab01c04621448c868bd23c40_6aad136474 " tabindex ="-1 " value =""> </ div >
231
- < button type ="submit " class ="btn btn-xl "> Notify Me</ button >
232
- </ div >
233
- </ div >
234
- </ form >
235
- </ div >
236
- </ div >
237
- </ div >
238
- </ section >
239
-
240
- < footer >
241
- < div class ="container ">
242
- < div class ="row ">
243
- < div class ="col-md-4 ">
244
- < span class ="copyright "> Copyright © Tarik </ span >
245
- </ div >
246
- < div class ="col-md-4 ">
247
- < ul class ="list-inline social-buttons ">
248
- < li > < a href ="# "> < i class ="fa fa-twitter "> </ i > </ a >
249
- </ li >
250
- < li > < a href ="# "> < i class ="fa fa-facebook "> </ i > </ a >
251
- </ li >
252
- < li > < a href ="# "> < i class ="fa fa-linkedin "> </ i > </ a >
253
- </ li >
254
- < li > < a href ="# "> < i class ="fa fa-instagram "> </ i > </ a >
255
- </ li >
256
- </ ul >
257
- </ div >
258
- < div class ="col-md-4 ">
259
- < ul class ="list-inline quicklinks ">
260
- < li > < a href ="# "> Privacy Policy</ a >
261
- </ li >
262
- < li > < a href ="# "> Terms of Use</ a >
263
- </ li >
264
- </ ul >
265
- </ div >
266
- </ div >
267
- </ div >
268
- </ footer >
269
-
270
-
271
- <!-- jQuery -->
272
- < script src ="js/jquery.js "> </ script >
273
-
274
- <!-- Bootstrap Core JavaScript -->
275
- < script src ="js/bootstrap.min.js "> </ script >
276
-
277
- <!-- Plugin JavaScript -->
278
- < script src ="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js "> </ script >
279
- < script src ="js/classie.js "> </ script >
280
- < script src ="js/cbpAnimatedHeader.js "> </ script >
281
-
282
- <!-- Contact Form JavaScript -->
283
- < script src ="js/jqBootstrapValidation.js "> </ script >
284
- < script src ="js/contact_me.js "> </ script >
285
-
286
- <!-- Custom Theme JavaScript -->
287
- < script src ="js/agency.js "> </ script >
288
-
289
-
290
-
291
-
292
- </ body >
1
+
2
+ <!DOCTYPE html>
3
+ < html lang ="en ">
4
+ < head >
5
+ < meta charset ="utf-8 ">
6
+ < meta http-equiv ="X-UA-Compatible " content ="IE=edge ">
7
+ < meta name ="viewport " content ="width=device-width, initial-scale=1 ">
8
+ <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
9
+ < meta name ="description " content ="">
10
+ < meta name ="author " content ="">
11
+ < link rel ="icon " href ="../../favicon.ico ">
12
+
13
+ < title > Starter Template for Bootstrap</ title >
14
+
15
+ <!-- Bootstrap core CSS -->
16
+ < link href ="css/bootstrap.min.css " rel ="stylesheet ">
17
+
18
+ <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
19
+ < link href ="css/ie10-viewport-bug-workaround.css " rel ="stylesheet ">
20
+
21
+ <!-- Custom styles for this template -->
22
+ < link href ="starter-template.css " rel ="stylesheet ">
23
+
24
+ <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
25
+ <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
26
+ < script src ="js/ie-emulation-modes-warning.js "> </ script >
27
+
28
+ <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
29
+ <!--[if lt IE 9]>
30
+ <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
31
+ <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
32
+ <![endif]-->
33
+ </ head >
34
+
35
+ < body >
36
+
37
+ < nav class ="navbar navbar-inverse navbar-static-top ">
38
+ < div class ="container ">
39
+ < div class ="navbar-header ">
40
+ < button type ="button " class ="navbar-toggle collapsed " data-toggle ="collapse " data-target ="#navbar " aria-expanded ="false " aria-controls ="navbar ">
41
+ < span class ="sr-only "> Toggle navigation</ span >
42
+ < span class ="icon-bar "> </ span >
43
+ < span class ="icon-bar "> </ span >
44
+ < span class ="icon-bar "> </ span >
45
+ </ button >
46
+ < a class ="navbar-brand " href ="# "> Project name</ a >
47
+ </ div >
48
+ < div id ="navbar " class ="collapse navbar-collapse ">
49
+ < ul class ="nav navbar-nav ">
50
+ < li class ="active "> < a href ="# "> Home</ a > </ li >
51
+ < li > < a href ="#about "> About</ a > </ li >
52
+ < li > < a href ="#contact "> Contact</ a > </ li >
53
+ </ ul >
54
+ </ div > <!--/.nav-collapse -->
55
+ </ div >
56
+ </ nav >
57
+
58
+ < div class ="container ">
59
+ < div class ="form-group ">
60
+ < label for ="exemplar "> Comment:</ label >
61
+ < textarea class ="form-control " rows ="5 " id ="exemplar "> Submit your exemplar</ textarea >
62
+ < button type ="button " class ="btn btn-primary "> Primary</ button >
63
+ </ div >
64
+ </ div > <!-- /.container -->
65
+
66
+
67
+ <!-- Bootstrap core JavaScript
68
+ ================================================== -->
69
+ <!-- Placed at the end of the document so the pages load faster -->
70
+ < script src ="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js "> </ script >
71
+ < script > window . jQuery || document . write ( '<script src="../../assets/js/vendor/jquery.min.js"><\/script>' ) </ script >
72
+ < script src ="js/bootstrap.min.js "> </ script >
73
+ <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
74
+ < script src ="js/ie10-viewport-bug-workaround.js "> </ script >
75
+ < script src ="js/myjs.js "> </ script >
76
+ </ body >
293
77
</ html >
0 commit comments