320 lines
No EOL
13 KiB
HTML
320 lines
No EOL
13 KiB
HTML
<!DOCTYPE html>
|
|
<html class="no-js" lang="en">
|
|
<head>
|
|
|
|
<!--- basic page needs
|
|
================================================== -->
|
|
<meta charset="utf-8">
|
|
<title>Archives - 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">
|
|
<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> <!-- 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 class="current"><a href="archives.html">Archives</a></li>
|
|
<li class="has-children"><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> <!-- end #nav -->
|
|
|
|
</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">
|
|
|
|
<section class="page-content">
|
|
|
|
<h2 class="page-content__title h1">Archives.</h2>
|
|
|
|
<p class="lead">
|
|
Lorem ipsum Nisi enim est proident est magna occaecat dolore
|
|
proident eu ex sunt consectetur consectetur dolore enim nisi exercitation
|
|
adipisicing magna culpa commodo deserunt ut do Ut occaecat. Lorem ipsum Veniam
|
|
consequat quis.
|
|
</p>
|
|
|
|
<h4>Last 10 Posts.</h4>
|
|
<ul>
|
|
<li><a href="#0">Dolor irure velit commodo cillum sit nulla</a></li>
|
|
<li><a href="#0">laborum mollit quis nostrud sed</a></li>
|
|
<li><a href="#0">consequat occaecat fugiat in adipisicing</a></li>
|
|
<li><a href="#0">qui labore cillum sit in tempor veniam consequat</a></li>
|
|
<li><a href="#0">quis nostrud sed sed</a></li>
|
|
<li><a href="#0">quis proident ullamco ut dolore</a></li>
|
|
<li><a href="#0">Dolor irure velit commodo cillum sit nulla</a></li>
|
|
<li><a href="#0">veniam dolor dolor irure velit commodo cillum</a></li>
|
|
<li><a href="#0">Dolor irure velit commodo cillum sit nulla</a></li>
|
|
<li><a href="#0">voluptate enim veniam consequat occaecat</a></li>
|
|
</ul>
|
|
|
|
<h4>Archives By Month.</h4>
|
|
<ul>
|
|
<li><a href="#0">July 2019</a></li>
|
|
<li><a href="#0">August 2019</a></li>
|
|
<li><a href="#0">September 2019</a></li>
|
|
<li><a href="#0">October 2019</a></li>
|
|
<li><a href="#0">November 2019</a></li>
|
|
<li><a href="#0">December 2019</a></li>
|
|
</ul>
|
|
|
|
<h4>Archives By Category.</h4>
|
|
<ul>
|
|
<li><a href="#0">Wordpress</a></li>
|
|
<li><a href="#0">Ghost</a></li>
|
|
<li><a href="#0">Joomla</a></li>
|
|
<li><a href="#0">Drupal</a></li>
|
|
<li><a href="#0">Magento</a></li>
|
|
<li><a href="#0">Uncategorized</a></li>
|
|
</ul>
|
|
|
|
<h4>Site Map.</h4>
|
|
|
|
<ul>
|
|
<li><a href="#0">Archives</a></li>
|
|
<li><a href="#0">Home</a></li>
|
|
<li><a href="#0">About Us</a></li>
|
|
<li><a href="#0">Blog</a></li>
|
|
<li><a href="#0">Demo</a></li>
|
|
<li><a href="#0">Other Stuff</a></li>
|
|
</ul>
|
|
|
|
</section> <!-- end page -->
|
|
|
|
</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>0
|
|
</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> |