290 lines
10 KiB
HTML
290 lines
10 KiB
HTML
<!DOCTYPE html>
|
|
<!--[if lt IE 8 ]><html class="ie ie7" lang="en"> <![endif]-->
|
|
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
|
|
<!--[if (gte IE 8)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
|
|
<head>
|
|
|
|
|
|
<!--- Basic Page Needs
|
|
================================================== -->
|
|
<meta charset="utf-8">
|
|
<title>Kreative Journal</title>
|
|
<meta name="description" content="">
|
|
<meta name="author" content="">
|
|
|
|
<!-- Mobile Specific Metas
|
|
================================================== -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
|
|
<!-- CSS
|
|
================================================== -->
|
|
<link rel="stylesheet" href="css/base.css">
|
|
<link rel="stylesheet" href="css/layout.css">
|
|
|
|
<!--[if lt IE 9]>
|
|
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
|
<![endif]-->
|
|
|
|
<!-- Favicons
|
|
================================================== -->
|
|
<link rel="shortcut icon" href="favicon.ico">
|
|
|
|
|
|
</head>
|
|
|
|
<body class="narrow">
|
|
|
|
<!-- Header
|
|
================================================== -->
|
|
<header id="top" class="static">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col full">
|
|
|
|
<div class="logo">
|
|
<a href="index.html"><img alt="" src="images/logo.png"></a>
|
|
</div>
|
|
|
|
<nav id="nav-wrap">
|
|
|
|
<a class="mobile-btn" href="#nav-wrap" title="Show navigation">Show navigation</a>
|
|
<a class="mobile-btn" href="#" title="Hide navigation">Hide navigation</a>
|
|
|
|
<ul id="nav" class="nav">
|
|
<li><a href="index.html">Site</a></li>
|
|
<li class="active"><a href="#">Journal</a></li>
|
|
</ul>
|
|
|
|
</nav>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</header> <!-- Header End -->
|
|
|
|
<!-- Blog Entries
|
|
================================================== -->
|
|
<div id="blog-entries">
|
|
|
|
<!-- Post -->
|
|
<article class="post">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col entry-header cf">
|
|
|
|
<h1><a href="blog-single.html" title="">Proin gravida nibh vel velit auctor aliquet Aenean sollicitudin auctor.</a></h1>
|
|
|
|
<div class="post-meta">
|
|
|
|
<time class="date" datetime="2013-08-14T11:24">Aug 14, 2013</time>
|
|
|
|
<p class="categories">
|
|
<span class="sep">/</span><a href="#">Design</a>
|
|
<span class="sep">/</span><a href="#">User Inferface</a>
|
|
<span class="sep">/</span><a href="#">Web Design</a>
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col post-image">
|
|
<img src="images/post-image/post-image-c-972x360.jpg" alt="post-image" title="post-image">
|
|
</div>
|
|
|
|
<div class="col post-content offset-2">
|
|
|
|
<p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,
|
|
nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate
|
|
cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a
|
|
ornare odio. Sed non mauris vitae erat consequat auctor eu in elit. </p>
|
|
|
|
<p><a href="blog-single.html" class="more-link">Read More<i class="icon-angle-right"></i></a></p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</article> <!-- Post End -->
|
|
|
|
<!-- Post -->
|
|
<article class="post">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col entry-header cf">
|
|
|
|
<h1><a href="blog-single.html" title="">Quis autem vel esse eum iure reprehenderit qui in ea voluptate velit esse.</a></h1>
|
|
|
|
<div class="post-meta">
|
|
|
|
<time class="date" datetime="2013-08-12T10:24">Aug 12, 2013</time>
|
|
|
|
<p class="categories">
|
|
<span class="sep">/</span><a href="#">Design</a>
|
|
<span class="sep">/</span><a href="#">Photography</a>
|
|
<span class="sep">/</span><a href="#">Branding</a>
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col post-image">
|
|
<img src="images/post-image/post-image-b-972x360.jpg" alt="post-image" title="post-image">
|
|
</div>
|
|
|
|
<div class="col post-content offset-2">
|
|
|
|
<p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,
|
|
nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate
|
|
cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a
|
|
ornare odio. Sed non mauris vitae erat consequat auctor eu in elit. </p>
|
|
|
|
<p><a href="blog-single.html" class="more-link">Read More<i class="icon-angle-right"></i></a></p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</article> <!-- Post End -->
|
|
|
|
<!-- Post -->
|
|
<article class="post">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col entry-header cf">
|
|
|
|
<h1><a href="blog-single.html" title="">Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit sed.</a></h1>
|
|
|
|
<div class="post-meta">
|
|
|
|
<time class="date" datetime="2013-08-10T10:24">Aug 10, 2013</time>
|
|
|
|
<p class="categories">
|
|
<span class="sep">/</span><a href="#">Photography</a>
|
|
<span class="sep">/</span><a href="#">Branding</a>
|
|
<span class="sep">/</span><a href="#">Develpment</a>
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col post-image">
|
|
<img src="images/post-image/post-image-a-972x360.jpg" alt="post-image" title="post-image">
|
|
</div>
|
|
|
|
<div class="col post-content offset-2">
|
|
|
|
<p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,
|
|
nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate
|
|
cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a
|
|
ornare odio. Sed non mauris vitae erat consequat auctor eu in elit. </p>
|
|
|
|
<p><a href="blog-single.html" class="more-link">Read More<i class="icon-angle-right"></i></a></p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</article> <!-- Post End -->
|
|
|
|
<div class="row">
|
|
|
|
<!-- Pagination -->
|
|
<nav class="col full pagination">
|
|
<ul>
|
|
<li><span class="page-numbers prev inactive">Prev</span></li>
|
|
<li><span class="page-numbers current">1</span></li>
|
|
<li><a href="#" class="page-numbers">2</a></li>
|
|
<li><a href="#" class="page-numbers">3</a></li>
|
|
<li><a href="#" class="page-numbers">4</a></li>
|
|
<li><a href="#" class="page-numbers">5</a></li>
|
|
<li><a href="#" class="page-numbers">6</a></li>
|
|
<li><a href="#" class="page-numbers">7</a></li>
|
|
<li><a href="#" class="page-numbers">8</a></li>
|
|
<li><a href="#" class="page-numbers">9</a></li>
|
|
<li><a href="#" class="page-numbers next">Next</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
</div>
|
|
|
|
</div> <!-- Blog Entries End -->
|
|
|
|
|
|
<!-- Bottom Block
|
|
================================================== -->
|
|
<div id="bottom-block">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col three-fourths">
|
|
|
|
<ul class="blog-categories">
|
|
|
|
<li class="current"><a href="/blog">All</a></li>
|
|
<li><a title="View all posts filed under Community" href="#">Community</a></li>
|
|
<li><a title="View all posts filed under Design" href="#">Design</a></li>
|
|
<li><a title="View all posts filed under Development" href="#">Development</a></li>
|
|
<li><a title="View all posts filed under User Interface" href="#">User Interface</a></li>
|
|
<li><a title="View all posts filed under News" href="#">News</a></li>
|
|
<li><a title="View all posts filed under Photography" href="#">Photography</a></li>
|
|
<li><a title="View all posts filed under Projects" href="#">Projects</a></li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<div class="col one-fourth back-to-top">
|
|
<p><a href="#top">Back to Top<i class="icon-level-up"></i></a></p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div> <!-- Bottom Block End -->
|
|
|
|
<!-- footer
|
|
================================================== -->
|
|
<footer>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col g-7">
|
|
<ul class="copyright">
|
|
<li>Copyright © 2013 Kreative</li>
|
|
<li>Design by <a href="http://www.styleshout.com/" title="Styleshout">Styleshout</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col g-5 pull-right">
|
|
<ul class="social-links">
|
|
<li><a href="#"><i class="icon-facebook"></i></a></li>
|
|
<li><a href="#"><i class="icon-twitter"></i></a></li>
|
|
<li><a href="#"><i class="icon-google-plus-sign"></i></a></li>
|
|
<li><a href="#"><i class="icon-linkedin"></i></a></li>
|
|
<li><a href="#"><i class="icon-skype"></i></a></li>
|
|
<li><a href="#"><i class="icon-rss-sign"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</footer> <!-- Footer End-->
|
|
|
|
<!-- Java Script
|
|
================================================== -->
|
|
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
|
<script>window.jQuery || document.write('<script src="js/jquery-1.10.2.min.js"><\/script>')</script>
|
|
<script type="text/javascript" src="js/jquery-migrate-1.2.1.min.js"></script>
|
|
|
|
<script src="js/smoothscrolling.js"></script>
|
|
|
|
</body>
|
|
|
|
</html> |