/
index.html
170 lines (130 loc) · 7.63 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="favicon.ico">
<title>Kembara</title>
<link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=PT+Sans:400,700" rel="stylesheet">
<!-- Bootstrap core CSS -->
<link href="dist/css/style.css" rel="stylesheet">
<link href="dist/fonts/Ionicons/css/ionicons.min.css" rel="stylesheet">
</head>
<body>
<header id='site-header'>
<a class="logo" href="#">Kembara</a>
<nav class="navbar">
<button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#topnav" aria-controls="topnav" aria-expanded="false" aria-label="Toggle navigation">
☰
</button>
<div class="collapse navbar-toggleable-xs" id="topnav">
<ul class="nav navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Travel</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Code</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact</a>
</li>
</ul>
</div>
</nav>
</header>
<div class="container" id="page-container">
<div class="row">
<div class="col-md-10 col-xs-12 offset-md-1">
<article class="post">
<div class="post-header">
<h2><a href="#">Hong Kong</a></h2>
</div>
<div class="post-meta">
<span class="tags"><a href="#"><span class="tag tag-default">Travel</span></a></span> / <span class="date">4 August, 2016</span> / <span class="comments"><a href="#">0 Comments</a></span>
</div>
<div class="post-body">
<img src="http://lorempixel.com/1000/400" alt="" class="img-fluid">
<p> Lorem ipsum dolor <a href="#">sit amet</a>, consectetur adipiscing elit. Cras urna ligula, convallis eu pulvinar eu, aliquet ac justo. Donec porta odio tincidunt facilisis efficitur. Cras pretium turpis eu fringilla iaculis. Etiam imperdiet tortor in nunc ornare pellentesque. Maecenas quis felis posuere, congue libero et, maximus ante. Etiam bibendum odio a sem sagittis, vel finibus nisi bibendum. Donec vestibulum velit leo, ac tincidunt neque egestas quis. Proin ultricies cursus sollicitudin. Mauris ac enim pellentesque, lacinia erat efficitur, pellentesque purus. Praesent vulputate eleifend scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
<p>Phasellus nec velit eget arcu maximus finibus quis ut lectus. Donec suscipit odio ac erat condimentum, vel ultrices lorem faucibus. Vestibulum vehicula erat metus, vel cursus erat tincidunt non. Integer eget mauris vitae quam placerat pulvinar. In sem lectus, tristique vel rhoncus vel, faucibus et augue. Phasellus gravida turpis nunc, a convallis enim scelerisque maximus. Vivamus orci purus, malesuada sit amet mi sed, fermentum gravida quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
<blockquote class="blockquote">
"He who is fat but run to get better."
</blockquote>
</div>
<div class="post-footer">
</div>
</article>
<article class="post">
<div class="post-header">
<h2><a href="#">Universal Studios Singapore</a></h2>
</div>
<div class="post-meta">
<span class="tags"><a href="#"><span class="tag tag-default">Travel</span></a></span> / <span class="date">4 August, 2016</span> / <span class="comments"><a href="#">0 Comments</a></span>
</div>
<div class="post-body">
<img src="http://lorempixel.com/1000/400" alt="" class="img-fluid">
<p> Lorem ipsum dolor <a href="#">sit amet</a>, consectetur adipiscing elit. Cras urna ligula, convallis eu pulvinar eu, aliquet ac justo. Donec porta odio tincidunt facilisis efficitur. Cras pretium turpis eu fringilla iaculis. Etiam imperdiet tortor in nunc ornare pellentesque. Maecenas quis felis posuere, congue libero et, maximus ante. Etiam bibendum odio a sem sagittis, vel finibus nisi bibendum. Donec vestibulum velit leo, ac tincidunt neque egestas quis. Proin ultricies cursus sollicitudin. Mauris ac enim pellentesque, lacinia erat efficitur, pellentesque purus. Praesent vulputate eleifend scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
<p>Phasellus nec velit eget arcu maximus finibus quis ut lectus. Donec suscipit odio ac erat condimentum, vel ultrices lorem faucibus. Vestibulum vehicula erat metus, vel cursus erat tincidunt non. Integer eget mauris vitae quam placerat pulvinar. In sem lectus, tristique vel rhoncus vel, faucibus et augue. Phasellus gravida turpis nunc, a convallis enim scelerisque maximus. Vivamus orci purus, malesuada sit amet mi sed, fermentum gravida quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
<blockquote class="blockquote">
"He who is fat but run to get better."
</blockquote>
</div>
<div class="post-footer">
</div>
</article>
</div>
</div>
</div>
<section id="secondary-nav">
<div class="container">
<div class="row">
<div class="col-xs-6 col-sm-6 clearfix">
<blockquote class="blockquote text-muted">
"Life is like a camera. Focus only on what is important and you will capture it perfectly."
</blockquote>
</div>
<div class="col-xs-6 col-sm-3 clearfix">
<h4 class="title">Search</h4>
<form role="search" method="get" class="form-search" action="#">
<div class="input-group">
<label class="screen-reader-text" for="s">Search for:</label>
<input type="text" class="form-control search-query" placeholder="Search…" value="" name="s" title="Search for:" />
<span class="input-group-btn">
<button type="submit" class="btn btn-primary" name="submit" id="searchsubmit" value="Search"><i class="ion ion-search"></i></button>
</span>
</div>
</form>
</div>
<div class="col-xs-12 col-sm-3 text-xs-right">
<img src="images/about-me.png" width="60" class="img-rounded pull-xs-right m-l-1">
<h4 class="title">Social</h4>
<ul class="list-inline social-list">
<li class="list-inline-item"><a rel="nofollow" href="" title="Twitter"><i class="ion ion-social-twitter"></i></a> </li>
<li class="list-inline-item"><a rel="nofollow" href="" title="Facebook"><i class="ion ion-social-facebook"></i></a></li>
<li class="list-inline-item"><a rel="nofollow" href="" title="Github"><i class="ion ion-social-github"></i></a></li>
<li class="list-inline-item"><a rel="nofollow" href="" title="Youtube"><i class="ion ion-social-youtube"></i></a></li>
<li class="list-inline-item"><a rel="nofollow" href="" title="Youtube"><i class="ion ion-social-instagram-outline"></i></a></li>
</ul>
</div>
</div>
</div>
</section>
<footer id="site-footer">
<div class="container">
</div>
</footer>
<!-- Bootstrap core JavaScript
================================================== -->
<script src="dist/js/app.js"></script>
</body>
</html>