Added original Magazine template for reference.
This commit is contained in:
286
original-template/index.html
Normal file
286
original-template/index.html
Normal file
@ -0,0 +1,286 @@
|
||||
|
||||
<!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>
|
||||
<!-- END #fh5co-header -->
|
||||
<div class="container-fluid">
|
||||
<div class="row fh5co-post-entry">
|
||||
<article class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs-12 animate-box">
|
||||
<figure>
|
||||
<a href="single.html"><img src="images/pic_1.jpg" alt="Image" class="img-responsive"></a>
|
||||
</figure>
|
||||
<span class="fh5co-meta"><a href="single.html">Food & Drink</a></span>
|
||||
<h2 class="fh5co-article-title"><a href="single.html">We Eat and Drink All Night</a></h2>
|
||||
<span class="fh5co-meta fh5co-date">March 6th, 2016</span>
|
||||
</article>
|
||||
<article class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs-12 animate-box">
|
||||
<figure>
|
||||
<a href="single.html"><img src="images/pic_2.jpg" alt="Image" class="img-responsive"></a>
|
||||
</figure>
|
||||
<span class="fh5co-meta"><a href="single.html">Food & Drink</a></span>
|
||||
<h2 class="fh5co-article-title"><a href="single.html">Beef Steak at Guatian Restaurant</a></h2>
|
||||
<span class="fh5co-meta fh5co-date">March 6th, 2016</span>
|
||||
</article>
|
||||
<div class="clearfix visible-xs-block"></div>
|
||||
<article class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs-12 animate-box">
|
||||
<figure>
|
||||
<a href="single.html"><img src="images/pic_3.jpg" alt="Image" class="img-responsive"></a>
|
||||
</figure>
|
||||
<span class="fh5co-meta"><a href="single.html">Travel</a>, <a href="single.html">Style</a></span>
|
||||
<h2 class="fh5co-article-title"><a href="single.html">An Overlooking River at the East Cost</a></h2>
|
||||
<span class="fh5co-meta fh5co-date">March 6th, 2016</span>
|
||||
</article>
|
||||
<article class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs-12 animate-box">
|
||||
<figure>
|
||||
<a href="single.html"><img src="images/pic_4.jpg" alt="Image" class="img-responsive"></a>
|
||||
</figure>
|
||||
<span class="fh5co-meta"><a href="single.html">Travel</a>, <a href="single.html">Style</a></span>
|
||||
<h2 class="fh5co-article-title"><a href="single.html">A Wildlife In The Mountain of India</a></h2>
|
||||
<span class="fh5co-meta fh5co-date">March 6th, 2016</span>
|
||||
</article>
|
||||
<div class="clearfix visible-lg-block visible-md-block visible-sm-block visible-xs-block"></div>
|
||||
<article class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs-12 animate-box">
|
||||
<figure>
|
||||
<a href="single.html"><img src="images/pic_5.jpg" alt="Image" class="img-responsive"></a>
|
||||
</figure>
|
||||
<span class="fh5co-meta"><a href="single.html">Photography</a></span>
|
||||
<h2 class="fh5co-article-title"><a href="single.html">We Took A Photo</a></h2>
|
||||
<span class="fh5co-meta fh5co-date">March 6th, 2016</span>
|
||||
</article>
|
||||
<article class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs-12 animate-box">
|
||||
<figure>
|
||||
<a href="single.html"><img src="images/pic_6.jpg" alt="Image" class="img-responsive"></a>
|
||||
</figure>
|
||||
<span class="fh5co-meta"><a href="single.html">Travel</a>, <a href="single.html">Style</a></span>
|
||||
<h2 class="fh5co-article-title"><a href="single.html">A Modernize Huge and Beautiful Building</a></h2>
|
||||
<span class="fh5co-meta fh5co-date">March 6th, 2016</span>
|
||||
</article>
|
||||
<div class="clearfix visible-xs-block"></div>
|
||||
<article class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs-12 animate-box">
|
||||
<figure>
|
||||
<a href="single.html"><img src="images/pic_7.jpg" alt="Image" class="img-responsive"></a>
|
||||
</figure>
|
||||
<span class="fh5co-meta"><a href="single.html">Food & Drinks</a></span>
|
||||
<h2 class="fh5co-article-title"><a href="single.html">Enjoying the Native Juice Drink in Brazil</a></h2>
|
||||
<span class="fh5co-meta fh5co-date">March 6th, 2016</span>
|
||||
</article>
|
||||
<article class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs-12 animate-box">
|
||||
<figure>
|
||||
<a href="single.html"><img src="images/pic_8.jpg" alt="Image" class="img-responsive"></a>
|
||||
</figure>
|
||||
<span class="fh5co-meta"><a href="single.html">Travel</a>, <a href="single.html">Style</a></span>
|
||||
<h2 class="fh5co-article-title"><a href="single.html">Boat Travel in The Vietnam River</a></h2>
|
||||
<span class="fh5co-meta fh5co-date">March 6th, 2016</span>
|
||||
</article>
|
||||
<div class="clearfix visible-lg-block visible-md-block visible-sm-block visible-xs-block"></div>
|
||||
|
||||
|
||||
|
||||
<article class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs-12 animate-box">
|
||||
<figure>
|
||||
<a href="single.html"><img src="images/pic_1.jpg" alt="Image" class="img-responsive"></a>
|
||||
</figure>
|
||||
<span class="fh5co-meta"><a href="single.html">Food & Drink</a></span>
|
||||
<h2 class="fh5co-article-title"><a href="single.html">We Eat and Drink All Night</a></h2>
|
||||
<span class="fh5co-meta fh5co-date">March 6th, 2016</span>
|
||||
</article>
|
||||
<article class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs-12 animate-box">
|
||||
<figure>
|
||||
<a href="single.html"><img src="images/pic_2.jpg" alt="Image" class="img-responsive"></a>
|
||||
</figure>
|
||||
<span class="fh5co-meta"><a href="single.html">Food & Drink</a></span>
|
||||
<h2 class="fh5co-article-title"><a href="single.html">Beef Steak at Guatian Restaurant</a></h2>
|
||||
<span class="fh5co-meta fh5co-date">March 6th, 2016</span>
|
||||
</article>
|
||||
<div class="clearfix visible-xs-block"></div>
|
||||
<article class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs-12 animate-box">
|
||||
<figure>
|
||||
<a href="single.html"><img src="images/pic_3.jpg" alt="Image" class="img-responsive"></a>
|
||||
</figure>
|
||||
<span class="fh5co-meta"><a href="single.html">Travel</a>, <a href="single.html">Style</a></span>
|
||||
<h2 class="fh5co-article-title"><a href="single.html">An Overlooking River at the East Cost</a></h2>
|
||||
<span class="fh5co-meta fh5co-date">March 6th, 2016</span>
|
||||
</article>
|
||||
<article class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs-12 animate-box">
|
||||
<figure>
|
||||
<a href="single.html"><img src="images/pic_4.jpg" alt="Image" class="img-responsive"></a>
|
||||
</figure>
|
||||
<span class="fh5co-meta"><a href="single.html">Travel</a>, <a href="single.html">Style</a></span>
|
||||
<h2 class="fh5co-article-title"><a href="single.html">A Wildlife In The Mountain of India</a></h2>
|
||||
<span class="fh5co-meta fh5co-date">March 6th, 2016</span>
|
||||
</article>
|
||||
<div class="clearfix visible-lg-block visible-md-block visible-sm-block visible-xs-block"></div>
|
||||
<article class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs-12 animate-box">
|
||||
<figure>
|
||||
<a href="single.html"><img src="images/pic_5.jpg" alt="Image" class="img-responsive"></a>
|
||||
</figure>
|
||||
<span class="fh5co-meta"><a href="single.html">Photography</a></span>
|
||||
<h2 class="fh5co-article-title"><a href="single.html">We Took A Photo</a></h2>
|
||||
<span class="fh5co-meta fh5co-date">March 6th, 2016</span>
|
||||
</article>
|
||||
<article class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs-12 animate-box">
|
||||
<figure>
|
||||
<a href="single.html"><img src="images/pic_6.jpg" alt="Image" class="img-responsive"></a>
|
||||
</figure>
|
||||
<span class="fh5co-meta"><a href="single.html">Travel</a>, <a href="single.html">Style</a></span>
|
||||
<h2 class="fh5co-article-title"><a href="single.html">A Modernize Huge and Beautiful Building</a></h2>
|
||||
<span class="fh5co-meta fh5co-date">March 6th, 2016</span>
|
||||
</article>
|
||||
<div class="clearfix visible-xs-block"></div>
|
||||
<article class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs-12 animate-box">
|
||||
<figure>
|
||||
<a href="single.html"><img src="images/pic_7.jpg" alt="Image" class="img-responsive"></a>
|
||||
</figure>
|
||||
<span class="fh5co-meta"><a href="single.html">Food & Drinks</a></span>
|
||||
<h2 class="fh5co-article-title"><a href="single.html">Enjoying the Native Juice Drink in Brazil</a></h2>
|
||||
<span class="fh5co-meta fh5co-date">March 6th, 2016</span>
|
||||
</article>
|
||||
<article class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs-12 animate-box">
|
||||
<figure>
|
||||
<a href="single.html"><img src="images/pic_8.jpg" alt="Image" class="img-responsive"></a>
|
||||
</figure>
|
||||
<span class="fh5co-meta"><a href="single.html">Travel</a>, <a href="single.html">Style</a></span>
|
||||
<h2 class="fh5co-article-title"><a href="single.html">Boat Travel in The Vietnam River</a></h2>
|
||||
<span class="fh5co-meta fh5co-date">March 6th, 2016</span>
|
||||
</article>
|
||||
<div class="clearfix visible-xs-block"></div>
|
||||
</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>
|
||||
|
||||
Reference in New Issue
Block a user