248 lines
14 KiB
HTML
248 lines
14 KiB
HTML
|
||
<!DOCTYPE html>
|
||
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
|
||
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
|
||
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
|
||
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<title>Magazine — Free Fully Responsive HTML5 Bootstrap Template by FREEHTML5.co</title>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<meta name="description" content="Free HTML5 Template by FREEHTML5.CO" />
|
||
<meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" />
|
||
<meta name="author" content="FREEHTML5.CO" />
|
||
|
||
<!--
|
||
//////////////////////////////////////////////////////
|
||
|
||
FREE HTML5 TEMPLATE
|
||
DESIGNED & DEVELOPED by FREEHTML5.CO
|
||
|
||
Website: http://freehtml5.co/
|
||
Email: info@freehtml5.co
|
||
Twitter: http://twitter.com/fh5co
|
||
Facebook: https://www.facebook.com/fh5co
|
||
|
||
//////////////////////////////////////////////////////
|
||
-->
|
||
|
||
<!-- Facebook and Twitter integration -->
|
||
<meta property="og:title" content=""/>
|
||
<meta property="og:image" content=""/>
|
||
<meta property="og:url" content=""/>
|
||
<meta property="og:site_name" content=""/>
|
||
<meta property="og:description" content=""/>
|
||
<meta name="twitter:title" content="" />
|
||
<meta name="twitter:image" content="" />
|
||
<meta name="twitter:url" content="" />
|
||
<meta name="twitter:card" content="" />
|
||
|
||
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
|
||
<link rel="shortcut icon" href="favicon.ico">
|
||
<!-- Google Fonts -->
|
||
<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic|Roboto:400,300,700' rel='stylesheet' type='text/css'>
|
||
<!-- Animate -->
|
||
<link rel="stylesheet" href="css/animate.css">
|
||
<!-- Icomoon -->
|
||
<link rel="stylesheet" href="css/icomoon.css">
|
||
<!-- Bootstrap -->
|
||
<link rel="stylesheet" href="css/bootstrap.css">
|
||
|
||
<link rel="stylesheet" href="css/style.css">
|
||
|
||
|
||
<!-- Modernizr JS -->
|
||
<script src="js/modernizr-2.6.2.min.js"></script>
|
||
<!-- FOR IE9 below -->
|
||
<!--[if lt IE 9]>
|
||
<script src="js/respond.min.js"></script>
|
||
<![endif]-->
|
||
|
||
</head>
|
||
<body>
|
||
<div id="fh5co-offcanvas">
|
||
<a href="#" class="fh5co-close-offcanvas js-fh5co-close-offcanvas"><span><i class="icon-cross3"></i> <span>Close</span></span></a>
|
||
<div class="fh5co-bio">
|
||
<figure>
|
||
<img src="images/person1.jpg" alt="Free HTML5 Bootstrap Template" class="img-responsive">
|
||
</figure>
|
||
<h3 class="heading">About Me</h3>
|
||
<h2>Emily Tran Le</h2>
|
||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p>
|
||
<ul class="fh5co-social">
|
||
<li><a href="#"><i class="icon-twitter"></i></a></li>
|
||
<li><a href="#"><i class="icon-facebook"></i></a></li>
|
||
<li><a href="#"><i class="icon-instagram"></i></a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="fh5co-menu">
|
||
<div class="fh5co-box">
|
||
<h3 class="heading">Categories</h3>
|
||
<ul>
|
||
<li><a href="#">Travel</a></li>
|
||
<li><a href="#">Style</a></li>
|
||
<li><a href="#">Photography</a></li>
|
||
<li><a href="#">Food & Drinks</a></li>
|
||
<li><a href="#">Culture</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="fh5co-box">
|
||
<h3 class="heading">Search</h3>
|
||
<form action="#">
|
||
<div class="form-group">
|
||
<input type="text" class="form-control" placeholder="Type a keyword">
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- END #fh5co-offcanvas -->
|
||
<header id="fh5co-header">
|
||
|
||
<div class="container-fluid">
|
||
|
||
<div class="row">
|
||
<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a>
|
||
<ul class="fh5co-social">
|
||
<li><a href="#"><i class="icon-twitter"></i></a></li>
|
||
<li><a href="#"><i class="icon-facebook"></i></a></li>
|
||
<li><a href="#"><i class="icon-instagram"></i></a></li>
|
||
</ul>
|
||
<div class="col-lg-12 col-md-12 text-center">
|
||
<h1 id="fh5co-logo"><a href="index.html">Magazine <sup>TM</sup></a></h1>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</header>
|
||
<a href="#" class="fh5co-post-prev"><span><i class="icon-chevron-left"></i> Prev</span></a>
|
||
<a href="#" class="fh5co-post-next"><span>Next <i class="icon-chevron-right"></i></span></a>
|
||
<!-- END #fh5co-header -->
|
||
<div class="container-fluid">
|
||
<div class="row fh5co-post-entry single-entry">
|
||
<article class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 col-xs-12 col-xs-offset-0">
|
||
<figure class="animate-box">
|
||
<img src="images/single_1.jpg" alt="Image" class="img-responsive">
|
||
</figure>
|
||
<span class="fh5co-meta animate-box"><a href="single.html">Travel</a></span>
|
||
<h2 class="fh5co-article-title animate-box"><a href="single.html">My First Time Traveling in Vietnam</a></h2>
|
||
<span class="fh5co-meta fh5co-date animate-box">March 6th, 2016</span>
|
||
|
||
<div class="col-lg-12 col-lg-offset-0 col-md-12 col-md-offset-0 col-sm-12 col-sm-offset-0 col-xs-12 col-xs-offset-0 text-left content-article">
|
||
<div class="row">
|
||
<div class="col-lg-8 cp-r animate-box">
|
||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large <a href="#">language</a> ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p>
|
||
|
||
<p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar. The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn’t listen. </p>
|
||
|
||
<p>She packed her seven versalia, put her initial into the belt and made herself on the way. When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then she continued her way.</p>
|
||
</div>
|
||
<div class="col-lg-4 animate-box">
|
||
<div class="fh5co-highlight right">
|
||
<h4>Highlight</h4>
|
||
<p>Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row rp-b">
|
||
<div class="col-md-12 animate-box">
|
||
<blockquote>
|
||
<p>“She packed her seven versalia, put her initial into the belt and made herself on the way. When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove ” <cite>— Jean Smith</cite></p>
|
||
</blockquote>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row rp-b">
|
||
<div class="col-lg-6 col-md-12 animate-box">
|
||
<figure>
|
||
<img src="images/pic_1.jpg" alt="Free HTML5 Bootstrap Template by FREEHTML5.co" class="img-responsive">
|
||
<figcaption>This is a sweet image caption. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia</figcaption>
|
||
</figure>
|
||
</div>
|
||
<div class="col-lg-6 col-md-12 cp-l animate-box">
|
||
<p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar. The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn’t listen. </p>
|
||
|
||
<p>She packed her seven versalia, put her initial into the belt and made herself on the way. When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then she continued her way.</p>
|
||
|
||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large <a href="#">language</a> ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row rp-b">
|
||
<div class="col-lg-6 col-lg-push-6 col-md-12 col-md-push-0 animate-box">
|
||
<figure>
|
||
<img src="images/pic_4.jpg" alt="Free HTML5 Bootstrap Template by FREEHTML5.co" class="img-responsive">
|
||
<figcaption>This is a sweet image caption. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia</figcaption>
|
||
</figure>
|
||
</div>
|
||
<div class="col-lg-6 col-lg-pull-6 col-md-12 col-md-pull-0 cp-r animate-box">
|
||
<p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar. The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn’t listen. </p>
|
||
|
||
<p>She packed her seven versalia, put her initial into the belt and made herself on the way. When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then she continued her way.</p>
|
||
|
||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large <a href="#">language</a> ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-12 animate-box">
|
||
<h2>Pointing has no control about the blind texts</h2>
|
||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large <a href="#">language</a> ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p>
|
||
<p>She packed her seven versalia, put her initial into the belt and made herself on the way. When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then she continued her way.</p>
|
||
</div>
|
||
<div class="col-md-4 animate-box">
|
||
<figure>
|
||
<img src="images/pic_5.jpg" alt="Free HTML5 Bootstrap Template by FREEHTML5.co" class="img-responsive">
|
||
<figcaption>This is a sweet image caption. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia</figcaption>
|
||
</figure>
|
||
</div>
|
||
<div class="col-md-4 animate-box">
|
||
<figure>
|
||
<img src="images/pic_6.jpg" alt="Free HTML5 Bootstrap Template by FREEHTML5.co" class="img-responsive">
|
||
<figcaption>This is a sweet image caption. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia</figcaption>
|
||
</figure>
|
||
</div>
|
||
<div class="col-md-4 animate-box">
|
||
<figure>
|
||
<img src="images/pic_7.jpg" alt="Free HTML5 Bootstrap Template by FREEHTML5.co" class="img-responsive">
|
||
<figcaption>This is a sweet image caption. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia</figcaption>
|
||
</figure>
|
||
</div>
|
||
<div class="col-md-12 animate-box">
|
||
<h2>Pointing has no control about the blind texts</h2>
|
||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large <a href="#">language</a> ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p>
|
||
<p>She packed her seven versalia, put her initial into the belt and made herself on the way. When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then she continued her way.</p>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
|
||
<footer id="fh5co-footer">
|
||
<p><small>© 2016. Magazine Free HTML5. All Rights Reserverd. <br> Designed by <a href="http://freehtml5.co" target="_blank">FREEHTML5.co</a> Demo Images: <a href="http://unsplash.com/" target="_blank">Unsplash</a></small></p>
|
||
</footer>
|
||
|
||
<!-- jQuery -->
|
||
<script src="js/jquery.min.js"></script>
|
||
<!-- jQuery Easing -->
|
||
<script src="js/jquery.easing.1.3.js"></script>
|
||
<!-- Bootstrap -->
|
||
<script src="js/bootstrap.min.js"></script>
|
||
<!-- Waypoints -->
|
||
<script src="js/jquery.waypoints.min.js"></script>
|
||
<!-- Main JS -->
|
||
<script src="js/main.js"></script>
|
||
|
||
</body>
|
||
</html>
|
||
|