-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
305 lines (253 loc) · 10.1 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
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<title>SINFUL DESIGN helps to promote your business. Order site spa web-api 3d design</title>
<link href="css/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link href="css/main.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<link rel="shortcut icon" type="image/png" href="images/favicon.png">
<script src="js/pace.js"></script>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,600' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="preloader"></div>
<!-- masthead -->
<main id="top" class="masthead" role="main">
<div class="container">
<div class="logo"> <a href="index.html#"><img src="images/logo.png" alt="logo"></a>
</div>
<h1><strong>Helps to promote your business</strong></h1>
<div class="row">
<div class="col-md-6 col-sm-12 col-md-offset-3 subscribe">
<form class="form-horizontal" role="form" action="subscribe.php" id="subscribeForm" method="POST">
<div class="form-group">
<div class="col-md-7 col-sm-6 col-sm-offset-1 col-md-offset-0">
<input class="form-control input-lg" name="email" type="email" id="address" placeholder="Enter your email" data-validate="validate(required, email)" required="required">
</div>
<div class="col-md-5 col-sm-4">
<button type="submit" class="btn btn-success btn-lg">CALL US TO CREATE</button>
</div>
</div>
</form>
<span id="result" class="alertMsg"></span> </div>
</div>
<a href="index.html#explore" class="scrollto">
<p>SCROLL DOWN TO EXPLORE</p>
<p class="scrollto--arrow"><img src="images/scroll_down.png" alt="scroll down arrow"></p>
</a>
</div>
</main>
<!-- features -->
<div class="container" id="explore">
<div class="section-title">
<h2>Samples of product with style.</h2>
<h4>This theme is an idea we can do for your Web Project or your App.</h4>
</div>
<section class="row heroimg breath">
<div class="container">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<img src="images/flat-mockup-temp1.png" alt="1-flat-mockup-temp" style="width:100%;">
</div>
<div class="item">
<img src="images/flat-mockup-temp2.png" alt="2-flat-mockup-temp" style="width:100%;">
</div>
<div class="item">
<img src="images/flat-mockup-temp3.png" alt="3-flat-mockup-temp" style="width:100%;">
</div>
<div class="item">
<img src="images/flat-mockup-temp4.png" alt="4-flat-mockup-temp" style="width:100%;">
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</section>
<div class="section-title">
<h2>More information about your product.</h2>
<h4>Always detail some important features.</h4>
</div>
<section class="row features">
<div class="col-sm-6 col-md-3">
<div class="thumbnail">
<img src="images/service_01.png" alt="analytics-icon">
<div class="caption">
<h3>What is your aims?</h3>
<p>Tell us about your company and products. About consumers and competitors.</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="thumbnail">
<img src="images/service_02.png" alt="analytics-icon">
<div class="caption">
<h3>Visualization</h3>
<p>Where will you use the product? (Print/Internet/Presentation) What colors fonts do you prefer?</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="thumbnail">
<img src="images/service_03.png" alt="analytics-icon">
<div class="caption">
<h3>Materials and Features</h3>
<p>What materials do you have about your company products and goals. (Text, photo, icons, logos, fonts, atc.)</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="thumbnail">
<img src="images/service_04.png" alt="analytics-icon">
<div class="caption">
<h3>Terms</h3>
<p>From one week till one month. Depending on your desires and possibilities.</p>
</div>
</div>
</div>
</section>
<div class="section-title">
<h2>We are happy to help your purposes</h2>
<h4>Our community is the best team to promote your products</h4>
</div>
<section class="row clientlogo breath">
<div class="col-md-12 text-center">
<img src="images/team-logos.png" alt="team-logos">
</div>
</section>
</div>
<!-- customers -->
<div class="highlight testimonials">
<div class="container">
<div class="section-title">
<h2>What our customers said</h2>
<h4>Don't take our word. See our testimonials </h4>
</div>
<section class="row breath">
<div class="col-md-6">
<div class="testblock">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </div>
<div class="clientblock">
<img src="images/customer-img-1.png" alt=".">
<p><strong>Tina Oss</strong> <br>
Chief Financial Officer <a href="index.html#">SinfulDesign.com</a>
</p>
</div>
</div>
<div class="col-md-6">
<div class="testblock">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </div>
<div class="clientblock">
<img src="images/customer-img-2.png" alt=".">
<p><strong>Johny the Captain</strong> <br>
CEO of <a href="index.html#">SinfulDesign.com</a>
</p>
</div>
</div>
</section>
</div>
</div>
<!-- pricing -->
<div class="container">
<div class="section-title">
<h2>Honest pricing. No surprises.</h2>
<h4>No contract. No risk. No credit card required. </h4>
</div>
<section class="row breath planpricing">
<div class="col-md-4">
<div class="pricing color1">
<div class="planname">Personal</div>
<div class="price"> <span class="curr">$</span>14<span class="per">/MO</span></div>
<div class="billing">Billed Annually</div>
</div>
</div>
<div class="col-md-4">
<div class="pricing color2">
<div class="planname">Agency</div>
<div class="price"> <span class="curr">$</span>49<span class="per">/MO</span></div>
<div class="billing">Billed Annually</div>
</div>
</div>
<div class="col-md-4">
<div class="pricing color3">
<div class="planname">Enterprise</div>
<div class="price"> <span class="curr">$</span>99<span class="per">/MO</span></div>
<div class="billing">Billed Annually</div>
</div>
</div>
</section><!-- /section planpricing -->
<div class="section-title">
<h5>Frequently Asked Questions</h5>
</div>
<section class="row faq breath">
<div class="col-md-6">
<h6>How does the free trial work?</h6>
<p>Our 10 day trial is 100% free and does not require credit card information to start. If at the end of your trial you would like to upgrade, great. If not, you can cancel your account altogether, or let us mark it as inactive for you to come back to later.</p>
<h6>Can I switch plans later?</h6>
<p>Absolutely. You can switch between our paid plans, or cancel your account altogether, whenever you like. We will adjust any payments accordingly.</p>
</div>
<div class="col-md-6">
<h6>Do I need to choose a plan now?</h6>
<p>No. You get the full featured, unlimited version of our service completely free for 10 days. Once you're ready to upgrade, you may choose a plan which suits your needs.</p>
<h6>What payment types do you accept?</h6>
<p>We accept payments from MasterCard, Visa, Visa Debit and American Express. We do not accept PayPal. Remember, you do not need to supply card details to start your free trial.</p>
</div>
</section>
</div>
<!-- footer -->
<main class="footercta" role="main">
<div class="container">
<h1>The Most <strong>Powerful & Simple </strong> Way <br>
to <strong>launch</strong> your product</h1>
<div class="row">
<div class="col-md-12 breath text-center">
<a href="index.html#top" class="btn btn-success btn-lg gototop">GET EARLY ACCESS</a>
</div>
</div>
</div>
</main>
<div class="container">
<section class="row breath">
<div class="col-md-12 footerlinks">
<p>Copyright © 2017 Sinful Design. All Rights Reserved</p>
</div>
</section>
</div>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/easing.js"></script>
<script src="js/nicescroll.js"></script>
<script>
$(function() {
$('.scrollto, .gototop').bind('click',function(event){
var $anchor = $(this);
$('html, body').stop().animate({
scrollTop: $($anchor.attr('href')).offset().top
}, 1500,'easeInOutExpo');
event.preventDefault();
});
});
</script>
</body>
</html>