-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex1.html
executable file
·584 lines (513 loc) · 21.3 KB
/
index1.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
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
<!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="SHIELD - Free Bootstrap 3 Theme">
<meta name="author" content="Carlos Alvarez - Alvarez.is - blacktie.co">
<link rel="shortcut icon" href="assets/ico/favicon.png">
<title> Bengkel Wijaya Motor Bekasi</title>
<!-- Bootstrap core CSS -->
<link href="assets/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="assets/css/main.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/icomoon.css">
<link href="assets/css/animate-custom.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:400,300,700' rel='stylesheet' type='text/css'>
<script src="assets/js/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/modernizr.custom.js"></script>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="assets/js/html5shiv.js"></script>
<script src="assets/js/respond.min.js"></script>
<![endif]-->
</head>
<body data-spy="scroll" data-offset="0" data-target="#navbar-main">
<div id="navbar-main">
<!-- Fixed navbar -->
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<form class="navbar-form navbar-right" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search">
</div>
<button type="submit" class="btn btn-default">Cari</button>
</form>
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon icon-shield" style="font-size:30px; color:#3498db;"></span>
</button>
<a class="navbar-brand hidden-xs hidden-sm" href="#home"><span class="icon icon-shield" style="font-size:18px; color:#3498db;"></span></a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="#home" class="smoothScroll">Home</a></li>
<li> <a href="#Info" class="smoothScroll"> Info</a></li>
<li> <a href="#Cara Pembelian" class="smoothScroll"> Panduan Pemesanan</a></li>
<li> <a href="#Admin" class="smoothScroll"> Admin</a></li>
<li> <a href="#Katalog" class="smoothScroll"> Katalog</a></li>
<li> <a href="#blog" class="smoothScroll"> Komentar</a></li>
<li> <a href="#contact" class="smoothScroll"> Contact</a></li>
</div>
<!--/.nav-collapse -->
</div>
</div>
</div>
<!-- ==== HEADERWRAP ==== -->
<div id="headerwrap" id="home" name="home">
<header class="clearfix">
<h1><span class=""></span></h1>
<p>Selamat Datang</p>
<p>Di Bengkel Wijaya Motor Bekasi</p>
<p><a data-toggle="modal" href="#myLogin" class="btn btn-primary btn-lg">Daftar</a>
<a data-toggle="modal" href="#myRegister" class="btn btn-primary btn-lg">Masuk</a>
</p>
<div class="modal fade" id="myLogin" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">LOGIN</h4>
</div>
<div class="modal-body">
<form>
<input type="text" class="form-control" placeholder="Username">
<input type="password" class="form-control" placeholder="Passowrd">
<input type="submit" class="btn btn-primary" value="Login">
</form>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<div class="modal fade" id="myRegister" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">DAFTAR</h4>
</div>
<div class="modal-body">
<form>
<input type="text" class="form-control" placeholder="Nama Lengkap">
<input type="text" class="form-control" placeholder="ID">
<input type="text" class="form-control" placeholder="Email">
<input type="password" class="form-control" placeholder="Password">
<td colspan="2" align="center"><font color="#0000FF">Sudah Jadi Anggota? <a href="myLogin">Masuk</a></font></td>
<p></p>
<input type="submit" class="btn btn-primary" value="Daftar">
</form>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
</header>
</div><!-- /headerwrap -->
<!-- ==== GREYWRAP ==== -->
<div id="greywrap">
<div class="row">
<div class="col-lg-4 callout">
<span class="glyphicon glyphicon-shopping-cart"></span>
<h2><p class="text-primary">Download Aplikasi</h2>
</div><!-- col-lg-4 -->
<div class="col-lg-4 callout">
<span class="glyphicon glyphicon-earphone"></span>
<h2><p class="text-success">Hubungi</h2>
</div><!-- col-lg-4 -->
<div class="col-lg-4 callout">
<span class="glyphicon glyphicon-thumbs-up"></span>
<h2><p class="text-warning">Menyukai</h2>
</div><!-- col-lg-4 -->
</div><!-- row -->
</div><!-- greywrap -->
<!-- ==== ABOUT ==== -->
<div class="container" id="Info" name="Info">
<div class="row white">
<br>
<h1 class="centered">BENGKEL WIJAYA MOTOR BEKASI</h1>
<hr>
<div class="col-lg-6">
<div style="text-align: center">
<font size="6px">
<p><strong>VISI</strong></p>
</font>
</div>
<font size="5px">
<p>Menjadi bengkel umum terbaik dan terlengkap, menjadi Bengkel pilihan pertama setelah bengkel besmi untuk melakukan perawatan dan perbaikan kendaraan roda dua.</p>
</font>
</div><!-- col-lg-6 -->
<div class="col-lg-6">
<div style="text-align: center">
<font size="6px">
<p><strong>MISI</strong></p>
</font>
</div>
<font size="5px">
<p>1. Melengkapi fasilitas bengkel sesuai dengan kemajuan Teknologi Otomotif.</p>
<p>2. Melakukan survey untuk mengetahui index kepuasan yang bertujuan untuk meningkatkan unit entry bengkel.</p>
<p>3. Meningkatkan income bengkel, kesejahteraan karyawan dan keuntungan bagi perusahaan atau para investor.</p>
</font>
</div><!-- col-lg-6 -->
</div><!-- row -->
</div><!-- container -->
<!-- ==== SECTION DIVIDER1 -->
<section class="section-divider textdivider divider1">
<div class="container">
<h1>KEPUASAN PELANGGAN MENJADI HAK PATEN UNTUK KAMI</h1>
<hr>
</div><!-- container -->
</section><!-- section -->
<!-- ==== SERVICES ==== -->
<div class="container" id="Cara Pembelian" name="Cara Pembelian">
<br>
<br>
<div class="row">
<h2 class="centered">CARA MENDAFTAR, PEMESANAN BARANG, DAN SERVICE KENDARAAN</h2>
<P> </P>
<P> </P>
<P> </P>
<div class="col-lg-offset-2 col-lg-8">
<p><strong>* Cara Mendaftar Menjadi Member</strong></p>
<p>Jika anda ingin memesan barang atau service kendaraan anda, anda harus daftar atau menjadi member terlebih dahulu.</p>
<p>1. Klik Daftar, lalu isi keterangan/biodata anda.</p>
<p>2. Setelah semua sudah di isi, pastikan biodata yang anda isi benar, setelah semua OK lalu Klik Dafar dan tunggu proses.</p>
<p>3. Jika proses selesai akan ada pemberitahuan "Selamat Anda telah bergabung di Bengkel Wijaya Motor Bekasi sebagai member".</p>
<p><strong>* Cara Pemesanan Barang</strong></p>
<p>Untuk pemesanan barang di Bengkel Wijaya Motor Bekasi caranya mudah.</p>
<p>1. Anda harus menuju Menu Katalog, Klik Menu Katalog.</p>
<p>2. Pilih barang yang akan anda pesan.</p>
<p>3. Setelah anda sudah memilih barang yang akan anda pesan, lalu Klik Pesan.</p>
<p>4. Lalu anda pilih untuk pembayaran melalui Rekening yang tersedia di Menu, Pilih Rekening lalu masukan Nomer Rekening anda dan Klik Pesan.</P>
<p>5. Tunggu proses, lalu masukan ALAMAT tempat tujuan pengiriman.</p>
<p>6. Jika sudah Klik Kirim, lalu tunggu proses.</p>
<p>7. Setelah proses pemesanan selesai, akan ada pemberitahuan "Pemesanan selesai! barang akan dikirim dalam waktu 3 hari, jika barang tidak sampai dalam 3 hari mohon hubungi +62 8120 0000 1111. Terimakasih :D".</p>
<p><strong>* Cara Service Kendaraan Online dan Offline</strong></p>
<p>1. </p>
<p>2. </p>
<p>3. </p>
<p>4. </p>
<p>5. </p>
<p>6. </p>
</div><!-- col-lg -->
</div><!-- row -->
<div class="col-lg-offset-2 col-lg-8">
<img class="img-responsive" src="assets/img/Teknologi-eSP-Honda.png" alt="">
</div><!-- col -->
</div><!-- row -->
</div><!-- container -->
<!-- ==== SECTION DIVIDER2 -->
<section class="section-divider textdivider divider2">
<div class="container">
<h1>KEPUASAN PELANGGAN MENJADI HAK PATEN UNTUK KAMI</h1>
<hr>
</div><!-- container -->
</section><!-- section -->
<!-- ==== TEAM MEMBERS ==== -->
<div class="container" id="Admin" name="Admin">
<br>
<div class="row white centered">
<h1 class="centered">Admin</h1>
<hr>
<p><a class="btn btn-success">Cek Admin</a></p>
<br>
<br>
<div class="col-lg-3 centered">
<img class="img img-circle" src="assets/img/team/team01.jpg" height="120px" width="120px" alt="">
<br>
<h4><b>Yudistira Agesta</b></h4>
<a href="#" class="icon icon-twitter"></a>
<a href="#" class="icon icon-facebook"></a>
<a href="#" class="icon icon-flickr"></a>
<p>Mike combines an expert technical knowledge with a real eye for design. Working with clients from a wide range of industries, he fully understands client objectives when working on a project, large or small.</p>
</div><!-- col-lg-3 -->
<div class="col-lg-3 centered">
<img class="img img-circle" src="assets/img/team/team02.jpg" height="120px" width="120px" alt="">
<br>
<h4><b>Trimanto</b></h4>
<a href="#" class="icon icon-twitter"></a>
<a href="#" class="icon icon-facebook"></a>
<a href="#" class="icon icon-flickr"></a>
<p>Tim is an experienced marcoms practitioner and manages projects from inception to delivery. He understands the synergy between great design and commercial effectiveness which shines through on every project.</p>
</div><!-- col-lg-3 -->
<div class="col-lg-3 centered">
<img class="img img-circle" src="assets/img/team/team03.jpg" height="120px" width="120px" alt="">
<br>
<h4><b>Casudin</b></h4>
<a href="#" class="icon icon-twitter"></a>
<a href="#" class="icon icon-facebook"></a>
<a href="#" class="icon icon-flickr"></a>
<p>Be a creative director is a hard task, but Michele loves what she does. Her combination of knowledge and expertise is an important pillar in our agency.</p>
</div><!-- col-lg-3 -->
<div class="col-lg-3 centered">
<img class="img img-circle" src="assets/img/team/team04.jpg" height="120px" width="120px" alt="">
<br>
<h4><b>Didik</b></h4>
<a href="#" class="icon icon-twitter"></a>
<a href="#" class="icon icon-facebook"></a>
<a href="#" class="icon icon-flickr"></a>
<p>Jaye began making websites when animated logos and scrolling text were cool, but has since found a love for simplicity, creating websites that are a pleasure to browse. Monkey Island Fan.</p>
</div><!-- col-lg-3 -->
</div><!-- row -->
</div><!-- container -->
<!-- ==== GREYWRAP ==== -->
<div id="greywrap">
<div class="container">
<div class="row">
<div class="col-lg-8 centered">
<img class="img-responsive" src="assets/img/pgm-fi.png" align="">
</div>
<div class="col-lg-4">
<h2>Hubungi!</h2>
<p>Bila terjadi kesalahan, segera hubungi.</p>
<p><a href="#contact" class="btn btn-success">Contact</a></p>
</div>
</div><!-- row -->
</div>
<br>
<br>
</div><!-- greywrap -->
<!-- ==== SECTION DIVIDER3 -->
<section class="section-divider textdivider divider3">
<div class="container">
<h1>KEPUASAN PELANGGAN MENJADI HAK PATEN UNTUK KAMI</h1>
<hr>
</div><!-- container -->
</section><!-- section -->
<!-- ==== PORTFOLIO ==== -->
<div class="container" id="Katalog" name="Katalog">
<br>
<div class="row">
<br>
<h1 class="centered">KATALOG</h1>
<hr>
<br><div class="btn-group navbar-right">
<button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Pilihan <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#">Ban Dalam</a></li>
<li><a href="#">Oli Motor Matic Dan Bebek</a></li>
<li><a href="#">Gear Seat</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Ke List Katagori</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Lebih Banyak</a></li>
</ul>
</li>
</ul>
</div>
<br>
<br>
</div>
<!-- /row -->
<div class="container">
<div class="row">
<!-- PORTFOLIO IMAGE 1 -->
<div class="col-md-4 ">
<div class="grid mask">
<figure>
<img class="img-responsive" src="assets/img/portfolio/Oli.jpg" alt="">
<figcaption>
<h5>Yamahalube Oil</h5>
<a data-toggle="modal" href="#myModal" class="btn btn-primary btn-lg">Pesan</a>
</figcaption><!-- /figcaption -->
</figure><!-- /figure -->
</div><!-- /grid-mask -->
</div><!-- /col -->
<!-- MODAL SHOW THE PORTFOLIO IMAGE. In this demo, all links point to this modal. You should create
a modal for each of your projects. -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title"></h4>
</div>
<div class="modal-body">
<div class="alert alert-danger" role="alert">Maaf! anda belum terdaftar di data Bengkel.</div>
<p><b><a href="#myRegister">Daftar Sekarang</a></b></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- PORTFOLIO IMAGE 2 -->
<div class="col-md-4">
<div class="grid mask">
<figure>
<img class="img-responsive" src="assets/img/portfolio/VARIO,BEAT,SCOOPY MORTECH.jpg" alt="">
<figcaption>
<h5>MORTECH</h5>
<a data-toggle="modal" href="#myModal" class="btn btn-primary btn-lg">Pesan</a>
</figcaption><!-- /figcaption -->
</figure><!-- /figure -->
</div><!-- /grid-mask -->
</div><!-- /col -->
<!-- PORTFOLIO IMAGE 3 -->
<div class="col-md-4">
<div class="grid mask">
<figure>
<img class="img-responsive" src="assets/img/portfolio/shok breker.jpg" alt="">
<figcaption>
<h5>Shock Absober</h5>
<a data-toggle="modal" href="#myModal" class="btn btn-primary btn-lg">Pesan</a>
</figcaption><!-- /figcaption -->
</figure><!-- /figure -->
</div><!-- /grid-mask -->
</div><!-- /col -->
</div><!-- /row -->
<!-- PORTFOLIO IMAGE 4 -->
<div class="row">
<div class="col-md-4 ">
<div class="grid mask">
<figure>
<img class="img-responsive" src="assets/img/portfolio/handle rem tangan.jpg" alt="">
<figcaption>
<h5>Handle Rem Tangan</h5>
<a data-toggle="modal" href="#myModal" class="btn btn-primary btn-lg">Pesan</a>
</figcaption><!-- /figcaption -->
</figure><!-- /figure -->
</div><!-- /grid-mask -->
</div><!-- /col -->
<!-- PORTFOLIO IMAGE 5 -->
<div class="col-md-4">
<div class="grid mask">
<figure>
<img class="img-responsive" src="assets/img/portfolio/piringan cakram.jpg" alt="">
<figcaption>
<h5>Piringan Cakram</h5>
<a data-toggle="modal" href="#myModal" class="btn btn-primary btn-lg">Pesan</a>
</figcaption><!-- /figcaption -->
</figure><!-- /figure -->
</div><!-- /grid-mask -->
</div><!-- /col -->
<!-- PORTFOLIO IMAGE 6 -->
<div class="col-md-4">
<div class="grid mask">
<figure>
<img class="img-responsive" src="assets/img/portfolio/GEAR SEAT VIXION SSS.jpg" alt="">
<figcaption>
<h5>GEAR SEAT VIXION SSS</h5>
<a data-toggle="modal" href="#myModal" class="btn btn-primary btn-lg">Pesan</a>
</figcaption><!-- /figcaption -->
</figure><!-- /figure -->
</div><!-- /grid-mask -->
</div><!-- /col -->
</div><!-- /row -->
<br>
<nav>
<ul class="pager">
<li><a href="#">Sebelumnya</a></li>
<li><a href="#">Selanjutnya</a></li>
</ul>
</nav>
<br>
</div><!-- /row -->
</div><!-- /container -->
<!-- ==== SECTION DIVIDER4 ==== -->
<section class="section-divider textdivider divider4">
<div class="container">
<h1>KEPUASAN PELANGGAN MENJADI HAK PATEN UNTUK KAMI</h1>
<hr>
</div><!-- container -->
</section><!-- section -->
<!-- ==== BLOG ==== -->
<div class="container" id="blog" name="blog">
<br>
<div class="row">
<br>
<h1 class="centered">KOMENTAR</h1>
<hr>
<br>
<br>
</div><!-- /row -->
<div class="row">
<div class="col-lg-6 blog-bg">
<div class="col-lg-4 centered">
<br>
<p><img class="img img-circle" src="assets/img/team/team04.jpg" width="60px" height="60px"></p>
<h4>Muhammad Fakih</h4>
<h5>Published Feb 07.</h5>
</div>
<div class="col-lg-8 blog-content">
<h2>Menyukai</h2>
<p>Sangat membantu sekali bengkel online ini.</p>
<p><a href="#" class="icon icon-link"> Lanjut Baca</a></p>
<br>
</div>
</div><!-- /col -->
<div class="col-lg-6 blog-bg">
<div class="col-lg-4 centered">
<br>
<p><img class="img img-circle" src="assets/img/team/A jalak.jpg" width="60px" height="60px"></p>
<h4>Ahmad Samsuri</h4>
<h5>Published Feb 07.</h5>
</div>
<div class="col-lg-8 blog-content">
<h2>Menyukai</h2>
<p>Harus terus dikembangkan lagi bengkel online ini, Good!!!</p>
<p><a href="#" class="icon icon-link"> Lanjut Baca</a></p>
<br>
</div>
</div><!-- /col -->
</div><!-- /row -->
<br>
<br>
</div><!-- /container -->
<!-- ==== SECTION DIVIDER6 ==== -->
<section class="section-divider textdivider divider6">
<div class="container">
<h1>Bekasi - Jawa Barat, Indonesia.</h1>
<hr>
<p>+62</p>
<p><a class="icon icon-twitter" href="#"></a> | <a class="icon icon-facebook" href="#"></a></p>
</div><!-- container -->
</section><!-- section -->
<div class="container" id="contact" name="contact">
<div class="row">
<br>
<h1 class="centered">THANKS FOR VISITING US</h1>
<hr>
<br>
<br>
<div class="col-lg-4">
<span class="glyphicon glyphicon-download-alt"></span>
<h2>Download Aplikasi</h2>
</div><!-- col-lg-4 -->
<div class="col-lg-4">
<h3>Contact Information</h3>
<p><span class="icon icon-home"></span> Some Address 987, Bekasi<br/>
<span class="icon icon-phone"></span> +62 8120 0000 1111 <br/>
<span class="icon icon-mobile"></span> +62 8120 0000 1111 <br/>
<span class="icon icon-envelop"></span> <a href="#"> WijayaMotor_bks@blacktie.co</a> <br/>
<span class="icon icon-twitter"></span> <a href="#"> @WijayaMotor_Bks </a> <br/>
<span class="icon icon-facebook"></span> <a href="#"> Wijaya Motor Bekasi </a> <br/>
</p>
</div><!-- col -->
<div class="col-lg-4">
<h3>Support Us</h3>
<p>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.</p>
</div><!-- col -->
</div><!-- row -->
</div><!-- container -->
<div id="footerwrap">
<div class="container">
<h4>Created by <a href="http://blacktie.co">WM.Bekasi</a> - Copyright 2016</h4>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="assets/js/retina.js"></script>
<script type="text/javascript" src="assets/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="assets/js/smoothscroll.js"></script>
<script type="text/javascript" src="assets/js/jquery-func.js"></script>
</body>
</html>