This repository has been archived by the owner on Oct 14, 2018. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 21
/
Copy pathabout.html
115 lines (110 loc) · 6.3 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Moderns Template</title>
<link rel="stylesheet" type="text/css" href="semantic/dist/semantic.min.css">
<link rel="stylesheet" type="text/css" href="assets/css/owl.carousel.css">
<link rel="stylesheet" type="text/css" href="assets/css/main.css">
</head>
<body>
<div id="top"></div>
<!-- Progress bar area -->
<div class="progress bar"></div>
<a href="#top" class="ui circular icon button" id="toTop" data-slide="slide">
<i class="angle up icon"></i>
</a>
<!-- Navbar fixed top area -->
<div class="ui fixed top menu">
<div class="center menu">
<a href="index.html" class="item">Home</a>
<a href="portofolio.html" class="item">Portofolio</a>
<a href="index.html" class="item logo">Logo</a>
<a href="" class="icon item logo" id="trigger"><i class="sidebar icon"></i></a>
<a href="blog.html" class="item">Blog</a>
<a href="about.html" class="active item">About</a>
</div>
</div>
<!-- Collapse Navbar Menu -->
<div class="ui fluid vertical menu collapse"></div>
<!-- Content area -->
<div class="ui container content">
<div class="ui stackable doubling grid">
<!-- Middle Content -->
<div class="sixteen wide column">
<div class="ui horizontal divider"><h2>About</h2></div>
<div align="center">
<p><b>Moderns Template</b> adalah free template siap pakai yang saya buat untuk di pakai, di modifikasi, dan di share kepada siapapun tetapi dengan tetap menyertakan alamat dan pembuat asli dari template ini yaitu saya sendiri di dalam file index, license, atau lainnya. Semoga template ini dapat berguna untuk anda sekalian. Terima kasih karena telah menggunakan template ini.</p>
<blockquote><h3>"Berkarya, Bersama, Berjaya"</h3></blockquote>
</div>
<br>
<div class="ui horizontal divider">Sample History</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus ex error natus, harum ipsum nam id cumque ut quasi esse, sed, suscipit accusamus rem! Doloremque tenetur fugit, non nisi harum.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium quas, explicabo quasi itaque a odio beatae tenetur veritatis consectetur. Quos vero libero beatae ea. Repellat odio illum laboriosam consectetur aliquid.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis dolores, similique quis assumenda, et mollitia nobis repellat? Ad eaque sapiente eos reprehenderit placeat quaerat, consequuntur, atque omnis consequatur ullam quod?</p><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus ex error natus, harum ipsum nam id cumque ut quasi esse, sed, suscipit accusamus rem! Doloremque tenetur fugit, non nisi harum.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium quas, explicabo quasi itaque a odio beatae tenetur veritatis consectetur. Quos vero libero beatae ea. Repellat odio illum laboriosam consectetur aliquid.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis dolores, similique quis assumenda, et mollitia nobis repellat? Ad eaque sapiente eos reprehenderit placeat quaerat, consequuntur, atque omnis consequatur ullam quod?Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus ex error natus, harum ipsum nam id cumque ut quasi esse, sed, suscipit accusamus rem! Doloremque tenetur fugit, non nisi harum.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium quas, explicabo quasi itaque a odio beatae tenetur veritatis consectetur. Quos vero libero beatae ea. Repellat odio illum laboriosam consectetur aliquid.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis dolores, similique quis assumenda, et mollitia nobis repellat? Ad eaque sapiente eos reprehenderit placeat quaerat, consequuntur, atque omnis consequatur ullam quod?</p>
<br>
<div class="ui horizontal divider">Our Client</div>
<!-- Slider Container -->
<div class="ui container">
<div class="ui centered stackable doubling grid">
<div class="eight wide column">
<div class="owl-carousel" id="multiple-slider">
<div class="item"><img src="assets/img/400x400.png"></div>
<div class="item"><img src="assets/img/400x400.png"></div>
<div class="item"><img src="assets/img/400x400.png"></div>
<div class="item"><img src="assets/img/400x400.png"></div>
<div class="item"><img src="assets/img/400x400.png"></div>
<div class="item"><img src="assets/img/400x400.png"></div>
<div class="item"><img src="assets/img/400x400.png"></div>
<div class="item"><img src="assets/img/400x400.png"></div>
<div class="item"><img src="assets/img/400x400.png"></div>
<div class="item"><img src="assets/img/400x400.png"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer area -->
<div class="container footer">
<div class="ui container">
<div class="ui four column stackable doubling grid">
<div class="column">
<div class="ui header">Sample Category</div>
<div class="ui list">
<a href="#" class="item">Javascript</a>
<a href="#" class="item">PHP</a>
<a href="#" class="item">Angular</a>
<a href="#" class="item">Semantic-UI</a>
</div>
</div>
<div class="column">
<div class="ui header">Archive</div>
<div class="ui list">
<a href="#" class="item">Introduction About System JS</a>
<a href="#" class="item">Learn About Angular 2 - Part 1</a>
<a href="#" class="item">Learn About Angular 2 - Part 2</a>
<a href="#" class="item">How to make Chat App</a>
<a href="#" class="item">Learn About Angular 2 - Part 3</a>
</div>
</div>
<div class="column">
<div class="ui header">Help</div>
<div class="ui list">
<a href="#" class="item">Term of Service</a>
<a href="#" class="item">Privacy Policy</a>
<a href="#" class="item">FAQ</a>
<a href="#" class="item">Contact Us</a>
</div>
</div>
</div>
</div>
</div>
<div class="copyright">
Modern Template | Muhibbudin Suretno | Semantic UI
</div>
<script src="assets/js/jquery.min.js"></script>
<script src="semantic/dist/semantic.min.js"></script>
<script src="assets/js/owl.carousel.js"></script>
<script src="assets/js/main.js"></script>
</body>