-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
234 lines (222 loc) · 12.3 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
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<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">
<meta name="description" content="unititled">
<meta name="keywords" content="HTML5 Crowdfunding Profile Template">
<meta name="author" content="Audain Designs">
<link rel="shortcut icon" href="favicon.ico">
<title>Launch - HTML5 Crowdfunding Profile Template</title>
<!-- Gobal CSS -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<!-- Template CSS -->
<link href="assets/css/style.css" rel="stylesheet">
<!--Fonts-->
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!--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','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-12345678-9', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<!--header-->
<header class="header">
<div class="container">
<div class="row">
<div class="goal-summary pull-left">
<div class="backers">
<h3>2300</h3>
<span>backers</span>
</div>
<div class="funded">
<h3>R$ 25.200</h3>
<span>R$ 60.000</span>
</div>
<div class="time-left">
<h3>27</h3>
<span>dias para o fim</span>
</div>
<div class="reminder last">
<a href="#"><i class="fa fa-star"></i>lembra-me</a>
</div>
</div>
</div>
</div>
</header>
<!--/header-->
<!--main content-->
<div class="main-content">
<div class="container">
<div class="row">
<div class="content col-md-8 col-sm-12 col-xs-12">
<div class="section-block">
<div class="funding-meta">
<h1>Sistemas de matutenções preventivas!</h1>
<span class="type-meta"><i class="fa fa-user"></i> Jonathan Doe</span>
<span class="type-meta"><i class="fa fa-tag"></i> <a href="#">crowdfunding</a>, <a href="#">launch</a> </span>
<!--img src="assets/img/image-heartbeat.jpg" class="img-responsive" alt="launch HTML5 Crowdfunding"-->
<div class="video-frame">
<iframe width="560" height="315" src="https://www.youtube.com/embed/XRSbtm4vWMQ?rel=0" frameborder="0" allowfullscreen></iframe>
</div>
<p>Essa campanha tem o objetivo criar uma versão para dispositivos móveis(Android e IOS) do sistema de manutenções preventivas.O presente projeto tem como finalidade implementar um sistema de auxilio nas manutenções e seus possíveis riscos , caso não sejam feitos a manutenção A empresa KW Motos detectou no seu processo de pesquisa de novas tecnologias, a necessidade da criação de um sistema que informe as manutenções preventivas das motos para os seus proprietários. O objetivo desse projeto é implementar um sistema que possa acompanhar a motocicleta desde o processo de venda para um cliente até as suas necessidades de manutenções, realizando alertas dos riscos, caso não sejam feitas as manutenções.</p>
<h2>R$25,200</h2>
<span class="contribution">raised by <strong>2300</strong> pessoas ajudaram </span>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%;">
<span class="sr-only">45% Complete</span>
</div>
</div>
<span class="goal-progress"><strong>45%</strong> para R$ 60.000</span>
</div>
<span class="count-down"><strong>27</strong>Dias para o fim</span>
<a href="#" class="btn btn-launch">precisa de ajuda?</a>
</div>
<!--tabs-->
<div class="section-block">
<div class="section-tabs">
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#about" aria-controls="about" role="tab" data-toggle="tab">sobre</a></li>
</ul>
</div>
</div>
<!--/tabs-->
<!--tab panes-->
<div class="section-block">
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="about">
<div class="about-information">
<h1 class="section-title">Sobre o sistema</h1>
<p>A implementação desse projeto tem como motivação o grande numero de motocicletas que não fazem as manutenções programadas estipuladas pela a fabrica. Assim os riscos de durabilidade e desempenho do veiculo são gravemente afetados, além do maior risco de afetar a integridade do seu condutor, oferecendo eventuais falhas mecânicas que podem acarretar em acidentes graves ou até mesmo levar á óbito o seu condutor. Esse risco pode ser minimizado ao efetuar as revisões programadas da motocicleta. </p>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="updates">
<div class="update-information">
<h1 class="section-title">UPDATES</h1>
<!--update items-->
<div class="update-post">
<h4 class="update-title">We've started shipping!</h4>
<span class="update-date">Posted 2 days ago</span>
<p>Suspendisse luctus at massa sit amet bibendum. Cras commodo congue urna, vel dictum velit bibendum eget. Vestibulum quis risus euismod, facilisis lorem nec, dapibus leo. Quisque sodales eget dolor iaculis dapibus. Vivamus sit amet lacus ipsum. Nullam varius lobortis neque, et efficitur lacus. Quisque dictum tellus nec mi luctus imperdiet. Morbi vel aliquet velit, accumsan dapibus urna. Cras ligula orci, suscipit id eros non, rhoncus efficitur nisi.</p>
</div>
<div class="update-post">
<h4 class="update-title">Launch begins manufacturing </h4>
<span class="update-date">Posted 9 days ago</span>
<p>Suspendisse luctus at massa sit amet bibendum. Cras commodo congue urna, vel dictum velit bibendum eget. Vestibulum quis risus euismod, facilisis lorem nec, dapibus leo. Quisque sodales eget dolor iaculis dapibus. Vivamus sit amet lacus ipsum. Nullam varius lobortis neque, et efficitur lacus. Quisque dictum tellus nec mi luctus imperdiet. Morbi vel aliquet velit, accumsan dapibus urna. Cras ligula orci, suscipit id eros non, rhoncus efficitur nisi.</p>
</div>
<div class="update-post">
<h4 class="update-title">Designs have now been finalized</h4>
<span class="update-date">Posted 17 days ago</span>
<p>Suspendisse luctus at massa sit amet bibendum. Cras commodo congue urna, vel dictum velit bibendum eget. Vestibulum quis risus euismod, facilisis lorem nec, dapibus leo. Quisque sodales eget dolor iaculis dapibus. Vivamus sit amet lacus ipsum. Nullam varius lobortis neque, et efficitur lacus. Quisque dictum tellus nec mi luctus imperdiet. Morbi vel aliquet velit, accumsan dapibus urna. Cras ligula orci, suscipit id eros non, rhoncus efficitur nisi.</p>
</div>
<!--/update items-->
</div>
</div>
</div>
</div>
</div>
<!--/tabs-->
<!--/main content-->
<!--sidebar-->
<div class="content col-md-4 col-sm-12 col-xs-12">
<div class="section-block summary">
<h1 class="section-title">KW MOTOS</h1>
<div class="profile-contents">
<h2 class="position"></h2>
<img src="assets/img/moto.png" class="profile-image img responsive" alt="John Doe">
<!--social links-->
<ul class="list-inline">
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-git"></i></a></li>
</ul>
<!--/social links-->
<a href="#" class="btn btn-contact"><i class="fa fa-envelope"></i>CONTACT US</a>
</div>
</div>
<div class="section-block">
<h1 class="section-title">RECOMPESAS</h1>
<!--reward blocks-->
<div class="reward-block">
<h3>R$ 15,00</h3>
<h2>VALOR MÍNIMO</h2>
<p>Ao contribuir esse valor ganhe um recodo especial no seu email o facebook</p>
<span><i class="fa fa-users"></i> 1000 backers</span>
<a href="" class="btn btn-reward">GET THIS REWARD</a>
</div>
<div class="reward-block popular">
<h3>R$ 50,00</h3>
<h2>VALOR MÉDIO</h2>
<p>Ao contribuir esse valor ganhe um recodo especial no seu email o facebook + uma camisa da empresa e o app free</p>
<span><i class="fa fa-users"></i> 320 backers</span>
<a href="" class="btn btn-reward">GET THIS REWARD</a>
</div>
<div class="reward-block">
<h3>R$100</h3>
<h2>VALOR PREMIUN</h2>
<p>Ao contribuir esse valor ganhe um recodo especial no seu email o facebook + mais a camisa da empresa um protetor de tank para sua moto e um chaveiro personalizado.</p>
<span><i class="fa fa-users"></i> 105 backers</span>
<a href="" class="btn btn-reward">GET THIS REWARD</a>
</div>
<!--/reward blocks-->
</div>
<!--credits-->
<div class="section-block">
<h1 class="section-title">CREDITS</h1>
<!--credits block-->
<div class="credit-block sources">
<ul class="list-unstyled">
<li><a href="http://getbootstrap.com/"><i class="fa fa-external-link"></i>Bootstrap</a></li>
<li><a href="http://fortawesome.github.io/Font-Awesome/"><i class="fa fa-external-link"></i>FontAwesome</a></li>
<li><a href="https://www.google.com/fonts"><i class="fa fa-external-link"></i>Google Fonts</a></li>
<li><a href="http://jquery.com/"><i class="fa fa-external-link"></i>jQuery</a></li>
<li><a href="https://vimeo.com/67938315"><i class="fa fa-external-link"></i>Vimeo Video</a></li>
<li><a href="http://uifaces.com/"><i class="fa fa-external-link"></i>Glasses Image</a></li>
</ul>
</div>
<div class="credit-block license">
<p>The Launch template was created by <a class="lined" href="http://themes.audaindesigns.com">Audain Designs</a> for use by anyone for <strong>FREE</strong> and is covered uner the <a class="lined" href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 License</a>.</p>
<p>As time goes on the template may receive updates, follow us on twitter to get notified when an update is released.</p>
<a href="http://twitter.com/audaindesigns" class="btn btn-follow"><i class="fa fa-twitter"></i>FOLLOW US</a>
<a href="#" class="btn btn-download"><i class="fa fa-download"></i>DOWNLOAD TEMPLATE</a>
</div>
<!--/credits block-->
</div>
<!--/credits-->
</div>
<!--/sidebar-->
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="row">
<!--This template has been created under the Creative Commons Attribution 3.0 License. Please keep the attribution link below when using this template in your own project, thank you.-->
<span class="copyright">Created by <a href="http://themes.audaindesigns.com" target="_blank">Audain Designs</a> for free use</span>
</div>
</div>
</footer>
<!-- Global jQuery -->
<script type="text/javascript" src="assets/js/jquery-1.12.3.min.js"></script>
<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
<!-- Template JS -->
<script type="text/javascript" src="assets/js/main.js"></script>
</body>
</html>