402 lines
No EOL
18 KiB
HTML
402 lines
No EOL
18 KiB
HTML
<!DOCTYPE html>
|
|
<html class="no-js" lang="en">
|
|
<head>
|
|
|
|
<!--- basic page needs
|
|
================================================== -->
|
|
<meta charset="utf-8">
|
|
<title>Blog Listing - Keep It Simple</title>
|
|
<meta name="description" content="">
|
|
<meta name="author" content="">
|
|
|
|
<!-- mobile specific metas
|
|
================================================== -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<!-- CSS
|
|
================================================== -->
|
|
<link rel="stylesheet" href="css/base.css">
|
|
<link rel="stylesheet" href="css/main.css">
|
|
|
|
<!-- script
|
|
================================================== -->
|
|
<script src="js/modernizr.js"></script>
|
|
<script defer src="js/fontawesome/all.min.js"></script>
|
|
|
|
<!-- favicons
|
|
================================================== -->
|
|
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
|
|
<link rel="manifest" href="site.webmanifest">
|
|
|
|
</head>
|
|
|
|
<body id="top">
|
|
|
|
<!-- preloader
|
|
================================================== -->
|
|
<div id="preloader">
|
|
<div id="loader" class="dots-fade">
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Header
|
|
================================================== -->
|
|
<header class="s-header">
|
|
|
|
<div class="row">
|
|
<div class="s-header__content column">
|
|
<div class="s-header__brand">
|
|
<h1 class="s-header__logotext">
|
|
<a href="index.html" title="">Keep It Simple.</a>
|
|
</h1>
|
|
<p class="s-header__tagline">Put your awesome tagline here.</p>
|
|
</div>
|
|
</div>
|
|
</div> <!-- end row -->
|
|
|
|
<nav class="s-header__nav-wrap">
|
|
|
|
<div class="row">
|
|
|
|
<ul class="s-header__nav">
|
|
<li><a href="index.html">Home</a></li>
|
|
<li class="has-children"><a href="#0">Dropdown</a>
|
|
<ul>
|
|
<li><a href="#0">Submenu 01</a></li>
|
|
<li><a href="#0">Submenu 02</a></li>
|
|
<li><a href="#0">Submenu 03</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="demo.html">Demo</a></li>
|
|
<li><a href="archives.html">Archives</a></li>
|
|
<li class="has-children current"><a href="#0">Blog</a>
|
|
<ul>
|
|
<li><a href="blog.html">Blog Entries</a></li>
|
|
<li><a href="single.html">Single Blog</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="page.html">Page</a></li>
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</nav> <!-- end #nav-wrap -->
|
|
|
|
<a class="header-menu-toggle" href="#0" title="Menu"><span>Menu</span></a>
|
|
|
|
</header> <!-- Header End -->
|
|
|
|
|
|
|
|
<!-- Content
|
|
================================================== -->
|
|
<div class="s-content">
|
|
|
|
<div class="row">
|
|
|
|
<div id="main" class="s-content__main large-8 column">
|
|
|
|
<article class="entry">
|
|
|
|
<header class="entry__header">
|
|
|
|
<h2 class="entry__title h1">
|
|
<a href="single.html" title="">Hey, We Love Open Sans!</a>
|
|
</h2>
|
|
|
|
<div class="entry__meta">
|
|
<ul>
|
|
<li>July 12, 2019</li>
|
|
<li><a href="#0" title="" rel="category tag">Ghost</a></li>
|
|
<li>John Doe</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</header>
|
|
|
|
<div class="entry__content">
|
|
<p>
|
|
Duis ex ad cupidatat tempor Excepteur cillum cupidatat fugiat nostrud cupidatat dolor sunt sint sit nisi
|
|
est eu exercitation incididunt adipisicing veniam velit id fugiat enim mollit amet anim veniam dolor dolor
|
|
irure velit commodo cillum sit nulla ullamco magna amet magna cupidatat qui labore cillum sit in tempor
|
|
veniam consequat non laborum adipisicing aliqua ea nisi sint ut quis proident ullamco ut dolore culpa
|
|
occaecat ut laboris in sit minim cupidatat ut dolor voluptate enim veniam consequat occaecat fugiat in
|
|
adipisicing in amet Ut nulla nisi non ut enim aliqua laborum mollit quis nostrud sed sed.
|
|
</p>
|
|
</div>
|
|
|
|
</article> <!-- end entry -->
|
|
|
|
<article class="entry">
|
|
|
|
<header class="entry__header">
|
|
|
|
<h2 class="entry__title h1">
|
|
<a href="single.html" title="">We Need Better Web Typography.</a>
|
|
</h2>
|
|
|
|
<div class="entry__meta">
|
|
<ul>
|
|
<li>July 11, 2019</li>
|
|
<li>
|
|
<a href="#0" title="" rel="category tag">Wordpress</a>,
|
|
<a href="#0" title="" rel="category tag">Ghost</a>
|
|
</li>
|
|
<li>Jane Doe</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</header>
|
|
|
|
<div class="entry__content">
|
|
<p>
|
|
Duis ex ad cupidatat tempor Excepteur cillum cupidatat fugiat nostrud cupidatat dolor sunt sint sit nisi
|
|
est eu exercitation incididunt adipisicing veniam velit id fugiat enim mollit amet anim veniam dolor dolor
|
|
irure velit commodo cillum sit nulla ullamco magna amet magna cupidatat qui labore cillum sit in tempor
|
|
veniam consequat non laborum adipisicing aliqua ea nisi sint ut quis proident ullamco ut dolore culpa
|
|
occaecat ut laboris in sit minim cupidatat ut dolor voluptate enim veniam consequat occaecat fugiat in
|
|
adipisicing in amet Ut nulla nisi non ut enim aliqua laborum mollit quis nostrud sed sed.
|
|
</p>
|
|
</div>
|
|
|
|
</article> <!-- end entry -->
|
|
|
|
<article class="entry">
|
|
|
|
<header class="entry__header">
|
|
|
|
<h2 class="entry__title h1">
|
|
<a href="single.html" title="">White Space Everywhere.</a>
|
|
</h2>
|
|
|
|
<div class="entry__meta">
|
|
<ul>
|
|
<li>July 10, 2019</li>
|
|
<li>
|
|
<a href="#0" title="" rel="category tag">Joomla</a>,
|
|
<a href="#0" title="" rel="category tag">Drupal</a>
|
|
</li>
|
|
<li>Naruto Uzumaki</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</header>
|
|
|
|
<div class="entry__content">
|
|
<p>
|
|
Duis ex ad cupidatat tempor Excepteur cillum cupidatat fugiat nostrud cupidatat dolor sunt sint sit nisi
|
|
est eu exercitation incididunt adipisicing veniam velit id fugiat enim mollit amet anim veniam dolor dolor
|
|
irure velit commodo cillum sit nulla ullamco magna amet magna cupidatat qui labore cillum sit in tempor
|
|
veniam consequat non laborum adipisicing aliqua ea nisi sint ut quis proident ullamco ut dolore culpa
|
|
occaecat ut laboris in sit minim cupidatat ut dolor voluptate enim veniam consequat occaecat fugiat in
|
|
adipisicing in amet Ut nulla nisi non ut enim aliqua laborum mollit quis nostrud sed sed.
|
|
</p>
|
|
</div>
|
|
|
|
</article> <!-- end entry -->
|
|
|
|
<article class="entry">
|
|
|
|
<header class="entry__header">
|
|
|
|
<h2 class="entry__title h1">
|
|
<a href="single.html" title="">Simple And Minimalist Designs.</a>
|
|
</h2>
|
|
|
|
<div class="entry__meta">
|
|
<ul>
|
|
<li>July 09, 2019</li>
|
|
<li>
|
|
<a href="#0" title="" rel="category tag">Ghost</a>
|
|
</li>
|
|
<li>Naruto Uzumaki</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</header>
|
|
|
|
<div class="entry__content">
|
|
<p>
|
|
Duis ex ad cupidatat tempor Excepteur cillum cupidatat fugiat nostrud cupidatat dolor
|
|
sunt sint sit nisi est eu exercitation incididunt adipisicing veniam velit id fugiat
|
|
enim mollit amet anim veniam dolor dolor irure velit commodo cillum sit nulla ullamco
|
|
magna amet magna cupidatat qui labore cillum sit in tempor veniam consequat non laborum
|
|
adipisicing aliqua ea nisi sint ut quis proident ullamco ut dolore culpa occaecat ut
|
|
laboris in sit minim cupidatat ut dolor voluptate enim veniam consequat occaecat fugiat
|
|
in adipisicing in amet Ut nulla nisi non ut enim aliqua laborum mollit quis nostrud
|
|
sed sed.
|
|
</p>
|
|
</div>
|
|
|
|
</article> <!-- end entry -->
|
|
|
|
<!-- page nav -->
|
|
<div class="post-list-nav">
|
|
<a rel="prev" href="#0">Prev</a>
|
|
<a rel="next" href="#0">Next</a>
|
|
</div>
|
|
|
|
</div> <!-- end main -->
|
|
|
|
|
|
<div id="sidebar" class="s-content__sidebar large-4 column">
|
|
|
|
<div class="widget widget--search">
|
|
<h3 class="h6">Search</h3>
|
|
<form action="#0">
|
|
<input type="text" value="Search here..." onblur="if(this.value == '') { this.value = 'Search here...'; }" onfocus="if (this.value == 'Search here...') { this.value = ''; }" class="text-search">
|
|
<input type="submit" value="" class="submit-search">
|
|
</form>
|
|
</div>
|
|
|
|
<div class="widget widget--categories">
|
|
<h3 class="h6">Categories.</h3>
|
|
<ul>
|
|
<li><a href="#0" title="">Wordpress</a> (2)</li>
|
|
<li><a href="#0" title="">Ghost</a> (14)</li>
|
|
<li><a href="#0" title="">Joomla</a> (5)</li>
|
|
<li><a href="#0" title="">Drupal</a> (3)</li>
|
|
<li><a href="#0" title="">Magento</a> (2)</li>
|
|
<li><a href="#0" title="">Uncategorized</a> (9)</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="widget widget_text group">
|
|
<h3 class="h6">Widget Text.</h3>
|
|
|
|
<p>
|
|
Lorem ipsum Ullamco commodo laboris sit dolore commodo aliquip incididunt fugiat esse dolor
|
|
aute fugiat minim eiusmod do velit labore fugiat officia ad sit culpa labore in consectetur
|
|
sint cillum sint consectetur voluptate adipisicing Duis irure magna ut sit amet reprehenderit.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="widget widget_tags">
|
|
<h3 class="h6">Post Tags.</h3>
|
|
|
|
<div class="tagcloud group">
|
|
<a href="#0">Corporate</a>
|
|
<a href="#0">Onepage</a>
|
|
<a href="#0">Agency</a>
|
|
<a href="#0">Multipurpose</a>
|
|
<a href="#0">Blog</a>
|
|
<a href="#0">Landing Page</a>
|
|
<a href="#0">Resume</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="widget widget_popular">
|
|
<h3 class="h6">Popular Post.</h3>
|
|
|
|
<ul class="link-list">
|
|
<li><a href="#0">Sint cillum consectetur voluptate.</a></li>
|
|
<li><a href="#0">Lorem ipsum Ullamco commodo.</a></li>
|
|
<li><a href="#0">Fugiat minim eiusmod do.</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div> <!-- end sidebar -->
|
|
|
|
</div> <!-- end row -->
|
|
|
|
</div> <!-- end content-wrap -->
|
|
|
|
|
|
<!-- Footer
|
|
================================================== -->
|
|
<footer class="s-footer">
|
|
|
|
<div class="row s-footer__top">
|
|
<div class="column">
|
|
<ul class="s-footer__social">
|
|
<li><a href="#0"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
|
|
<li><a href="#0"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
|
|
<li><a href="#0"><i class="fab fa-youtube" aria-hidden="true"></i></a></li>
|
|
<li><a href="#0"><i class="fab fa-vimeo-v" aria-hidden="true"></i></a></li>
|
|
<li><a href="#0"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
|
|
<li><a href="#0"><i class="fab fa-linkedin" aria-hidden="true"></i></a></li>
|
|
<li><a href="#0"><i class="fab fa-skype" aria-hidden="true"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div> <!-- end footer__top -->
|
|
|
|
<div class="row s-footer__bottom">
|
|
|
|
<div class="large-6 tab-full column s-footer__info">
|
|
<h3 class="h6">About Keep It Simple</h3>
|
|
|
|
<p>
|
|
Lorem ipsum Ullamco commodo laboris sit dolore commodo aliquip incididunt fugiat esse dolor
|
|
aute fugiat minim eiusmod do velit labore fugiat officia ad sit culpa labore in consectetur
|
|
sint cillum sint consectetur voluptate adipisicing Duis
|
|
</p>
|
|
|
|
<p>
|
|
Lorem ipsum Sed nulla deserunt voluptate elit occaecat culpa cupidatat sit irure sint
|
|
sint incididunt cupidatat esse in Ut sed commodo tempor consequat culpa fugiat incididunt.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="large-6 tab-full column">
|
|
<div class="row">
|
|
<div class="large-8 tab-full column">
|
|
|
|
<h3 class="h6">Photostream</h3>
|
|
|
|
<ul class="photostream group">
|
|
<li><a href="#0"><img alt="thumbnail" src="images/thumb.jpg"></a></li>
|
|
<li><a href="#0"><img alt="thumbnail" src="images/thumb.jpg"></a></li>
|
|
<li><a href="#0"><img alt="thumbnail" src="images/thumb.jpg"></a></li>
|
|
<li><a href="#0"><img alt="thumbnail" src="images/thumb.jpg"></a></li>
|
|
<li><a href="#0"><img alt="thumbnail" src="images/thumb.jpg"></a></li>
|
|
<li><a href="#0"><img alt="thumbnail" src="images/thumb.jpg"></a></li>
|
|
<li><a href="#0"><img alt="thumbnail" src="images/thumb.jpg"></a></li>
|
|
<li><a href="#0"><img alt="thumbnail" src="images/thumb.jpg"></a></li>
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<div class="large-4 tab-full column">
|
|
<h3 class="h6">Navigate</h3>
|
|
|
|
<ul class="s-footer__list s-footer-list--nav group">
|
|
<li><a href="#0">Home</a></li>
|
|
<li><a href="#0">Blog</a></li>
|
|
<li><a href="#0">Demo</a></li>
|
|
<li><a href="#0">Archives</a></li>
|
|
<li><a href="#0">About</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="ss-copyright">
|
|
<span>© Copyright Keep It Simple 2019</span>
|
|
<span>Design by <a href="https://www.styleshout.com/">StyleShout</a></span>
|
|
</div>
|
|
|
|
</div> <!-- end footer__bottom -->
|
|
|
|
|
|
<div class="ss-go-top">
|
|
<a class="smoothscroll" title="Back to Top" href="#top">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0l8 9h-6v15h-4v-15h-6z"/></svg>
|
|
</a>
|
|
</div> <!-- end ss-go-top -->
|
|
|
|
</footer> <!-- end Footer-->
|
|
|
|
|
|
<!-- Java Script
|
|
================================================== -->
|
|
<script src="js/jquery-3.2.1.min.js"></script>
|
|
<script src="js/main.js"></script>
|
|
|
|
</body>
|
|
|
|
</html> |