-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·314 lines (264 loc) · 14.6 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
306
307
308
309
310
311
312
313
314
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NWFWWTT');</script>
<!-- End Google Tag Manager -->
<meta name="theme-color" content="#ffffff">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<meta property="og:image" content="http://summerbird.ilman.co/img/bike-1.jpg"/>
<meta property="og:description" content="Kece pisan lah, aslina ieu mah cek aja langsung 👍💥" />
<title>Dijual | sepeda klasik-moderen stylish</title>
<!-- Bootstrap Core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<!-- Plugin CSS -->
<link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
<!-- Theme CSS -->
<link href="css/creative.min.css" rel="stylesheet">
<!-- 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/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '494083600954815');
fbq('track', 'PageView');
fbq('track', 'ViewContent');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=494083600954815&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
</head>
<body id="page-top">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NWFWWTT"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
</button>
<a id="call-seller" class="navbar-brand page-scroll" href="#footer">
📞 HUBUNGI PENJUAL
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li>
<a class="page-scroll" href="#cerita">Cerita</a>
</li>
<li>
<a class="page-scroll" href="#fitur">Fitur</a>
</li>
<li>
<a class="page-scroll" href="#harga">Harga</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<!-- PERMULAAN -->
<header id="permulaan">
<div class="header-content">
<div class="header-content-inner">
<h1 id="homeHeading">DIJUAL</h1>
<br>
<h2 class="section-heading">Sepeda klasik-moderen stylish</h2>
</div>
</div>
</header>
<!-- TITLE -->
<section class="bg-primary" id="">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<p class="spacious salam">SUMMERBIRD</p>
<br>
<h2 class="section-heading"><em>Feel the breezing wind of Scandinavian summer</em></h2>
</div>
</div>
</div>
</section>
<!-- PENJELASAN -->
<section class="text-center" id="cerita">
<!-- penjelasan -->
<div class="container">
<div class="row">
<div class="col-sm-12">
<p class="spacious salam">A Modern Citybike</p>
<img class="img-responsive" src="/img/bike-1.jpg" alt="Sepeda klasik modern 2">
</div>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<p class="text-left">Sepeda ini terinspirasi dari pengalaman saya selama tinggal di Eropa, terutama setelah mengunjungi Amsterdam dan Copenhagen, Denmark. Di kedua kota tersebut banyak sekali penduduknya yang bersepeda setiap hari, baik untuk pergi bekerja, bersantai, ataupun berolah raga. Tidak ada kebisingan, tidak ada kepulan asap, tidak ada klakson, hanya ratusan sepeda yang melaju di jalanan. Sebuah surga bagi pesepeda.</p>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<img class="img-responsive" src="/img/bike-4.jpg" alt="Sepeda klasik modern 2">
</div>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<p class="text-left">Sekembalinya ke Indonesia pada awal tahun 2015, Bandung sedang gencar-gencarnya berbenah diri untuk menjadi kota yang nyaman bagi pesepeda. Ditambah dengan iklim kota ini yang cukup dingin, jalanan yang mulus, teduh, topografi cenderung datar, dan kendaraan yang tidak terlalu padat membuat saya tergerak untuk memiliki sebuah sepeda baru. Sayangnya, di Indonesia jarang ada sepeda yang didesain khusus untuk kaum urban dengan desain yang simple & stylish. Kebanyakan sepeda yang dijual adalah tipe yang mengedepankan fungsi tanpa mementingkan desain. Hasilnya adalah sepeda yang terlalu bulky, complicated, dan ribet untuk digunakan.</p>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<img class="img-responsive" src="/img/bike-6.jpg" alt="Sepeda klasik modern 2">
</div>
</div>
<div class="row">
<div class="col-sm-12">
<img class="img-responsive" src="/img/bike-5.jpg" alt="Sepeda klasik modern 2">
</div>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<p class="text-left">Disitulah saya menemukan London Taxi, brand sepeda yang mengedepankan desain & fungsionalitas untuk kaum urban. Namun meski memiliki basis yang mencukupi sebagai sepeda perkotaan, namun saya masih mendapati beberapa hal yang dapat ditingkatkan lagi. Untuk itulah saya mulai memodifikasi sepeda ini dengan menghilangkan kedua rem tangan, mengganti hub nya dengan three-speed internal gear hub dilengkapi rem dengan sistem torpedo. Lalu stang nya diganti dengan tipe moustache dengan leather grip dari kulit asli. </p>
<p class="text-left">Hasilnya: sebuah sepeda klasik yang kekinian. Paduan antara gaya klasik-moderen, kesederhanaan yang berkelas, dengan fungsi yang tepat guna.</p>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<img class="img-responsive" src="/img/bike-7.jpg" alt="Sepeda klasik modern 2">
<br>
<p><em>Gear shifter</em></p>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<img class="img-responsive" src="/img/bike-8.jpg" alt="Sepeda klasik modern 2">
<br>
<p><em>3 speed SRAM internal gear</em></p>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<img class="img-responsive" src="/img/bike-9.jpg" alt="Sepeda klasik modern 2">
<br>
<p><em>Automated magnetic bike lamp</em></p>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<img class="img-responsive" src="/img/bike-11.jpg" alt="Sepeda klasik modern 2">
</div>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<p class="text-left">Minus: ada bagian yang catnya sedikit terkelupas akibat pemakaian biasa (tidak ada gambarnya disini)</p>
</div>
</div>
</div>
</section>
<!-- FITUR -->
<section id="fitur">
<div class="container">
<div class="call-to-action text-center">
<h2>Fitur</h2>
</div>
<div class="row artikels">
<div class="col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 artikel">
<h3>Three-speed SRAM internal gear.</h3>
<p class="intro">Gear (gigi) sepeda ini terletak didalem hub, bukan diluar seperti pada umumnya. Keuntungannya: tampilannya lebih simple, stylish & tetep bisa melibas jalan nanjak tanpa masalah. Simplicity at its best.</p>
</div>
</div>
<div class="row artikels">
<div class="col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 artikel">
<h3>Torpedo Brake.</h3>
<p class="intro">Pengereman siatem torpedo ini membuat tampilan lebih simpel tanpa kabel yang belibet. Remnya pakem, dan kaki pun bisa nyaman nggak terbawa pedal ky fixie.</p>
</div>
</div>
<div class="row artikels">
<div class="col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 artikel">
<h3>Automatic magnetic lights.</h3>
<p class="intro">Dilengkapi dua buah lampu kedip (merah & putih) yang dinyalakan gerakan magnet, kamu ga perlu ribet2 nyalain atau matiin lampu setiap mau jalan.</p>
</div>
</div>
<div class="row artikels">
<div class="col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 artikel">
<h3>Stang moustache.</h3>
<p class="intro">Stang klasik mirip dengan stang onthel, sehingga tampilannya stylish & membuat posisi duduk kamu lebih tegak, lebih nyantai.</p>
</div>
</div>
<div class="row artikels">
<div class="col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 artikel">
<h3>Stitched leather hand grip.</h3>
<p class="intro">Grip stylish dari kulit asli yang dijahit, menghasilkan kesan mewah, simpel, dan berkelas.</p>
</div>
</div>
<div class="row artikels">
<div class="col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 artikel">
<h3>Frame, sadel, pedal dll dari London Taxi.</h3>
<p class="intro">Brand yang terkenal selalu membuat sepeda stylish & ergonomis.</p>
</div>
</div>
</div>
</section>
<!-- HARGA -->
<section class="bg-primary" id="harga">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<p class="text-faded">Harga sewaktu beli: <br>Sepeda London Taxi + Internal Gear Hub + Lampu + Stang + Leather Grip = <span style="color: white; ">4,5jt ++<span></p>
<hr class="light" />
<p class="text-faded">Sekarang kamu bisa dapatkan seharga:</p>
<h2 class="section-heading"><em>Rp. 3,2jt (Nego)</em></h2>
</div>
</div>
</div>
</section>
<section id="footer" class="">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<h3 class="section-heading">Hubungi Penjual</h3>
<hr class="primary">
<p>Silakan hubungi saya (Anwari) di no handphone <a href="sms:081222271070;?&body=Halo%20Anwari,%20saya%20berminat%20membeli%20sepedanya">081 2222 71070</a> (langsung <a href="sms:081222271070;?&body=Halo%20Anwari,%20saya%20berminat%20membeli%20sepedanya">SMS</a> atau <a href="whatsapp://send?text=Halo%20Anwari!%20Saya%20berminat%20beli%20sepedanya%20dong!&phone=+6281222271070">WhatsApp</a> saja). <br><br>Bisa juga melalui message instagram di akun <a href="https://instagram.com/anwari333" target="_blank">@anwari333</a></p>
</div>
</div>
</div>
</section>
<!-- jQuery -->
<script src="vendor/jquery/jquery.min.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<!-- Plugin JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="vendor/scrollreveal/scrollreveal.min.js"></script>
<script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
<!-- Theme JavaScript -->
<script src="js/creative.min.js"></script>
</body>
</html>