Original theme
This commit is contained in:
parent
fe90a14a57
commit
ac623a4eee
37 changed files with 6922 additions and 0 deletions
BIN
Keep_it_simple_3_0_0/android-chrome-192x192.png
Normal file
BIN
Keep_it_simple_3_0_0/android-chrome-192x192.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.2 KiB |
BIN
Keep_it_simple_3_0_0/android-chrome-512x512.png
Normal file
BIN
Keep_it_simple_3_0_0/android-chrome-512x512.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
Keep_it_simple_3_0_0/apple-touch-icon.png
Normal file
BIN
Keep_it_simple_3_0_0/apple-touch-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
320
Keep_it_simple_3_0_0/archives.html
Normal file
320
Keep_it_simple_3_0_0/archives.html
Normal file
|
|
@ -0,0 +1,320 @@
|
||||||
|
<!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>
|
||||||
402
Keep_it_simple_3_0_0/blog.html
Normal file
402
Keep_it_simple_3_0_0/blog.html
Normal file
|
|
@ -0,0 +1,402 @@
|
||||||
|
<!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>
|
||||||
1282
Keep_it_simple_3_0_0/css/base.css
Normal file
1282
Keep_it_simple_3_0_0/css/base.css
Normal file
File diff suppressed because it is too large
Load diff
1
Keep_it_simple_3_0_0/css/compressed/base.min.css
vendored
Normal file
1
Keep_it_simple_3_0_0/css/compressed/base.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
Keep_it_simple_3_0_0/css/compressed/main.min.css
vendored
Normal file
1
Keep_it_simple_3_0_0/css/compressed/main.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
2607
Keep_it_simple_3_0_0/css/main.css
Normal file
2607
Keep_it_simple_3_0_0/css/main.css
Normal file
File diff suppressed because it is too large
Load diff
708
Keep_it_simple_3_0_0/demo.html
Normal file
708
Keep_it_simple_3_0_0/demo.html
Normal file
|
|
@ -0,0 +1,708 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html class="no-js" lang="en">
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<!--- basic page needs
|
||||||
|
================================================== -->
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Style Guide - 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">Mind Body Soul Healing</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">Past life And Regression Theraphy</a></li>
|
||||||
|
<li><a href="#0">Submenu 03</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="current"><a href="demo.html">Demo</a></li>
|
||||||
|
<li><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 add-bottom">
|
||||||
|
|
||||||
|
<div class="column large-full">
|
||||||
|
|
||||||
|
<h1 class="h-remove-top">Style Guide.</h1>
|
||||||
|
|
||||||
|
<p class="lead">Lorem ipsum Officia elit ad tempor dolore est ex incididunt incididunt occaecat culpa deserunt
|
||||||
|
sunt labore in cillum ullamco magna in Excepteur consequat in reprehenderit proident mollit incididunt officia commodo.
|
||||||
|
Duis ea officia sed dolor pariatur enim dolore dolore quis incididunt nulla exercitation commodo veniam et ea incididunt.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div> <!-- end row -->
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
<div class="column large-6 tab-full">
|
||||||
|
|
||||||
|
<h3>Paragraph and Image</h3>
|
||||||
|
|
||||||
|
<p><a href="#"><img width="120" height="120" class="h-pull-left" alt="sample-image" src="images/sample-image.jpg"></a>
|
||||||
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum.Cras id urna. Morbi
|
||||||
|
tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis,
|
||||||
|
purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna.
|
||||||
|
Phasellus suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla velit magna id
|
||||||
|
neque posuere nunc justo tempus leo. </p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna.
|
||||||
|
Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo.
|
||||||
|
Donec mattis, purus nec placerat bibendum, dui pede condimentumodio, ac blandit ante orci ut diam.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>A <a href="#">link</a>,
|
||||||
|
<abbr title="this really isn't a very good description">abbrebation</abbr>,
|
||||||
|
<strong>strong text</strong>,
|
||||||
|
<em>em text</em>,
|
||||||
|
<del>deleted text</del>, and
|
||||||
|
<mark>this is a mark text.</mark>
|
||||||
|
<code>.code</code>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="column large-6 tab-full">
|
||||||
|
|
||||||
|
<h3>Drop Caps</h3>
|
||||||
|
|
||||||
|
<p class="drop-cap">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 language ocean. A small river named Duden flows by their place and supplies it with the
|
||||||
|
necessary regelialia. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem,
|
||||||
|
euposuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio,
|
||||||
|
ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra condimentum,
|
||||||
|
lorem tellus eleifend magna, eget fringilla velit magna id neque.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h3>Small Print</h3>
|
||||||
|
|
||||||
|
<p>Buy one widget, get one free!
|
||||||
|
<small>(While supplies last. Offer expires on the vernal equinox. Not valid in Ohio.)</small>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div> <!-- end row -->
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
<div class="column large-6 tab-full">
|
||||||
|
|
||||||
|
<h3>Pull Quotes</h3>
|
||||||
|
|
||||||
|
<aside class="pull-quote">
|
||||||
|
<blockquote>
|
||||||
|
<p>
|
||||||
|
When you look in the eyes of grace, when you meet grace,
|
||||||
|
when you embrace grace, when you see the nail prints in
|
||||||
|
grace’s hands and the fire in his eyes, when you feel his
|
||||||
|
relentless love for you - it will not motivate you to sin.
|
||||||
|
It will motivate you to righteousness.
|
||||||
|
</p>
|
||||||
|
</blockquote>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="column large-6 tab-full">
|
||||||
|
|
||||||
|
<h3>Block Quotes</h3>
|
||||||
|
|
||||||
|
<blockquote cite="http://where-i-got-my-info-from.com">
|
||||||
|
<p>
|
||||||
|
For God so loved the world, that he gave his only Son, that whoever believes in
|
||||||
|
him should not perish but have eternal life. For God did not send his Son into
|
||||||
|
the world to condemn the world, but in order that the world might be
|
||||||
|
saved through him.
|
||||||
|
</p>
|
||||||
|
<cite>
|
||||||
|
<a href="#0">John 3:16-17 ESV</a>
|
||||||
|
</cite>
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
<blockquote>
|
||||||
|
<p>There is a God-shaped vacuum in the heart of each man which cannot be satisfied
|
||||||
|
by any created thing but only by God the Creator.</p>
|
||||||
|
<cite>Blaise Pascal</cite>
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div> <!-- end row -->
|
||||||
|
|
||||||
|
<div class="row half-bottom">
|
||||||
|
|
||||||
|
<div class="column large-6 tab-full">
|
||||||
|
|
||||||
|
<h3>Example Lists</h3>
|
||||||
|
|
||||||
|
<ol>
|
||||||
|
<li>Here is an example</li>
|
||||||
|
<li>of an ordered list.</li>
|
||||||
|
<li>A parent list item.
|
||||||
|
<ul>
|
||||||
|
<li>one</li>
|
||||||
|
<li>two</li>
|
||||||
|
<li>three</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>A list item.</li>
|
||||||
|
</ol>
|
||||||
|
|
||||||
|
<ul class="disc">
|
||||||
|
<li>Here is an example</li>
|
||||||
|
<li>of an unordered list.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h3>Definition Lists</h3>
|
||||||
|
|
||||||
|
<h5>a) Multi-line Definitions (default) </h5>
|
||||||
|
|
||||||
|
<dl>
|
||||||
|
<dt><strong>This is a term</strong></dt>
|
||||||
|
<dd>this is the definition of that term, which both live in a <code>dl</code>.</dd>
|
||||||
|
<dt><strong>Another Term</strong></dt>
|
||||||
|
<dd>And it gets a definition too, which is this line</dd>
|
||||||
|
<dd>This is a 2<sup>nd</sup> definition for a single term. A <code>dt</code> may be followed by multiple <code>dd</code>s.</dd>
|
||||||
|
</dl>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="column large-6 tab-full">
|
||||||
|
|
||||||
|
<h3>Buttons</h3>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<a class="btn btn--primary h-full-width" href="#0">Primary Button</a>
|
||||||
|
<a class="btn h-full-width" href="#0">Default Button</a>
|
||||||
|
<a class="btn btn--stroke h-full-width" href="#0">Stroke Button</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h3>Stats Tabs</h3>
|
||||||
|
|
||||||
|
<ul class="stats-tabs">
|
||||||
|
<li><a href="#0">1,234 <em>Peter</em></a></li>
|
||||||
|
<li><a href="#0">567 <em>James</em></a></li>
|
||||||
|
<li><a href="#0">23,456 <em>John</em></a></li>
|
||||||
|
<li><a href="#0">3,456 <em>Andrew</em></a></li>
|
||||||
|
<li><a href="#0">456 <em>Philip</em></a></li>
|
||||||
|
<li><a href="#0">26 <em>Matthew</em></a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div> <!-- end row -->
|
||||||
|
|
||||||
|
<div class="row half-bottom">
|
||||||
|
|
||||||
|
<div class="column large-6 tab-full">
|
||||||
|
|
||||||
|
<h1>H1 Heading</h1>
|
||||||
|
<p>Doloremque dolor voluptas est sequi omnis. Pariatur ut aut. Sed enim tempora qui veniam qui cum vel.
|
||||||
|
Voluptas odit at vitae minima. In assumenda ut. Voluptatem totam impedit accusantium reiciendis excepturi aut qui accusamus praesentium.</p>
|
||||||
|
|
||||||
|
<h2>H2 Heading</h2>
|
||||||
|
<p>Doloremque dolor voluptas est sequi omnis. Pariatur ut aut. Sed enim tempora qui veniam qui cum vel.
|
||||||
|
Voluptas odit at vitae minima. In assumenda ut. Voluptatem totam impedit accusantium reiciendis excepturi aut qui accusamus praesentium.</p>
|
||||||
|
|
||||||
|
<h3>H3 Heading</h3>
|
||||||
|
<p>Doloremque dolor voluptas est sequi omnis. Pariatur ut aut. Sed enim tempora qui veniam qui cum vel.
|
||||||
|
Voluptas odit at vitae minima. In assumenda ut. Voluptatem totam impedit accusantium reiciendis excepturi aut qui accusamus praesentium.</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="column large-6 tab-full">
|
||||||
|
|
||||||
|
<h4>H4 Heading</h4>
|
||||||
|
<p>Doloremque dolor voluptas est sequi omnis. Pariatur ut aut. Sed enim tempora qui veniam qui cum vel.
|
||||||
|
Voluptas odit at vitae minima. In assumenda ut. Voluptatem totam impedit accusantium reiciendis excepturi aut qui accusamus praesentium.</p>
|
||||||
|
|
||||||
|
<h5>H5 Heading</h5>
|
||||||
|
<p>Doloremque dolor voluptas est sequi omnis. Pariatur ut aut. Sed enim tempora qui veniam qui cum vel.
|
||||||
|
Voluptas odit at vitae minima. In assumenda ut. Voluptatem totam impedit accusantium reiciendis excepturi aut qui accusamus praesentium.</p>
|
||||||
|
|
||||||
|
<h6>H6 Heading</h6>
|
||||||
|
<p>Doloremque dolor voluptas est sequi omnis. Pariatur ut aut. Sed enim tempora qui veniam qui cum vel.
|
||||||
|
Voluptas odit at vitae minima. In assumenda ut. Voluptatem totam impedit accusantium reiciendis excepturi aut qui accusamus praesentium.</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div> <!-- end row -->
|
||||||
|
|
||||||
|
<div class="row half-bottom">
|
||||||
|
|
||||||
|
<div class="column large-6 tab-full">
|
||||||
|
|
||||||
|
<h3>Responsive Image</h3>
|
||||||
|
<p><img src="images/wheel-500.jpg"
|
||||||
|
srcset="images/wheel-1000.jpg 1000w,
|
||||||
|
images/wheel-500.jpg 500w"
|
||||||
|
sizes="(max-width: 1000px) 100vw, 1000px" alt="">
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="column large-6 tab-full">
|
||||||
|
|
||||||
|
<h3>Responsive video</h3>
|
||||||
|
|
||||||
|
<div class="video-container">
|
||||||
|
<iframe src="https://player.vimeo.com/video/14592941?color=00a650&title=0&byline=0&portrait=0" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div> <!-- end row -->
|
||||||
|
|
||||||
|
<div class="row add-bottom">
|
||||||
|
|
||||||
|
<div class="column large-full">
|
||||||
|
|
||||||
|
<h3>Tables</h3>
|
||||||
|
<p>Be sure to use properly formed table markup with <code><thead></code> and <code><tbody></code> when building a <code>table</code>.</p>
|
||||||
|
|
||||||
|
<div class="table-responsive">
|
||||||
|
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Name</th>
|
||||||
|
<th>Age</th>
|
||||||
|
<th>Sex</th>
|
||||||
|
<th>Location</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>William J. Seymour</td>
|
||||||
|
<td>34</td>
|
||||||
|
<td>Male</td>
|
||||||
|
<td>Azusa Street</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Jennie Evans Moore</td>
|
||||||
|
<td>30</td>
|
||||||
|
<td>Female</td>
|
||||||
|
<td>Azusa Street</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div> <!-- end row -->
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
<div class="column large-full">
|
||||||
|
<h3>Pagination</h3>
|
||||||
|
|
||||||
|
<nav class="pgn">
|
||||||
|
<ul>
|
||||||
|
<li><a class="pgn__prev" href="#0">Prev</a></li>
|
||||||
|
<li><a class="pgn__num" href="#0">1</a></li>
|
||||||
|
<li><span class="pgn__num current">2</span></li>
|
||||||
|
<li><a class="pgn__num" href="#0">3</a></li>
|
||||||
|
<li><a class="pgn__num" href="#0">4</a></li>
|
||||||
|
<li><a class="pgn__num" href="#0">5</a></li>
|
||||||
|
<li><span class="pgn__num dots">…</span></li>
|
||||||
|
<li><a class="pgn__num" href="#0">8</a></li>
|
||||||
|
<li><a class="pgn__next" href="#0">Next</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div> <!-- end row -->
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
<div class="column large-6 tab-full">
|
||||||
|
|
||||||
|
<h3>Form Styles</h3>
|
||||||
|
|
||||||
|
<form>
|
||||||
|
<div>
|
||||||
|
<label for="sampleInput">Your email</label>
|
||||||
|
<input class="h-full-width" type="email" placeholder="test@mailbox.com" id="sampleInput">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label for="sampleRecipientInput">Reason for contacting</label>
|
||||||
|
<div class="ss-custom-select">
|
||||||
|
<select class="h-full-width" id="sampleRecipientInput">
|
||||||
|
<option value="Option 1">Questions</option>
|
||||||
|
<option value="Option 2">Report</option>
|
||||||
|
<option value="Option 3">Others</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="exampleMessage">Message</label>
|
||||||
|
<textarea class="h-full-width" placeholder="Your message" id="exampleMessage"></textarea>
|
||||||
|
|
||||||
|
<label class="h-add-bottom">
|
||||||
|
<input type="checkbox">
|
||||||
|
<span class="label-text">Send a copy to yourself</span>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<input class="btn--primary h-full-width" type="submit" value="Submit">
|
||||||
|
</form>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="column large-6 tab-full">
|
||||||
|
|
||||||
|
<h3>Alert Boxes</h3>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<div class="alert-box alert-box--error hideit">
|
||||||
|
<p>Error Message. Your Message Goes Here.</p>
|
||||||
|
<i class="fa fa-times alert-box__close" aria-hidden="true"></i>
|
||||||
|
</div><!-- end error -->
|
||||||
|
|
||||||
|
<div class="alert-box alert-box--success hideit">
|
||||||
|
<p>Success Message. Your Message Goes Here.</p>
|
||||||
|
<i class="fa fa-times alert-box__close" aria-hidden="true"></i>
|
||||||
|
</div><!-- end success -->
|
||||||
|
|
||||||
|
<div class="alert-box alert-box--info hideit">
|
||||||
|
<p>Info Message. Your Message Goes Here.</p>
|
||||||
|
<i class="fa fa-times alert-box__close" aria-hidden="true"></i>
|
||||||
|
</div><!-- end info -->
|
||||||
|
|
||||||
|
<div class="alert-box alert-box--notice hideit">
|
||||||
|
<p>Notice Message. Your Message Goes Here.</p>
|
||||||
|
<i class="fa fa-times alert-box__close" aria-hidden="true"></i>
|
||||||
|
</div><!-- end notice -->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div> <!-- end row -->
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
<div class="large-12 column">
|
||||||
|
<h3 class="half-bottom">Grid Columns</h3>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div> <!-- Row End-->
|
||||||
|
|
||||||
|
<!--<h4>1/3 Columns</h4> -->
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
<div class="large-4 mob-12 column">
|
||||||
|
<p>
|
||||||
|
Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus,
|
||||||
|
nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum,
|
||||||
|
faucibus at, tincidunt eget, porttitor non, dolor.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="large-4 mob-12 column">
|
||||||
|
<p>
|
||||||
|
Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus,
|
||||||
|
nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum,
|
||||||
|
faucibus at, tincidunt eget, porttitor non, dolor.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="large-4 mob-12 column">
|
||||||
|
<p>
|
||||||
|
Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus,
|
||||||
|
nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum,
|
||||||
|
faucibus at, tincidunt eget, porttitor non, dolor.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!--<h4>1/4 Columns</h4> -->
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
<div class="large-3 tab-6 mob-12 column">
|
||||||
|
<p>
|
||||||
|
Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus,
|
||||||
|
nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum,
|
||||||
|
faucibus at, tincidunt eget, porttitor non, dolor.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="large-3 tab-6 mob-12 column">
|
||||||
|
<p>
|
||||||
|
Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus,
|
||||||
|
nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum,
|
||||||
|
faucibus at, tincidunt eget, porttitor non, dolor.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="large-3 tab-6 mob-12 column">
|
||||||
|
<p>
|
||||||
|
Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus,
|
||||||
|
nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum,
|
||||||
|
faucibus at, tincidunt eget, porttitor non, dolor.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="large-3 tab-6 mob-12 column">
|
||||||
|
<p>
|
||||||
|
Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus,
|
||||||
|
nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum,
|
||||||
|
faucibus at, tincidunt eget, porttitor non, dolor.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!--<h4>1/2 Columns</h4> -->
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
<div class="large-6 mob-12 column">
|
||||||
|
<p>
|
||||||
|
Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus,
|
||||||
|
nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum,
|
||||||
|
faucibus at, tincidunt eget, porttitor non, dolor.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="large-6 mob-12 column">
|
||||||
|
<p>
|
||||||
|
Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus,
|
||||||
|
nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum,
|
||||||
|
faucibus at, tincidunt eget, porttitor non, dolor.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!--<h4>2/3 Columns</h4> -->
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
<div class="large-8 tab-7 mob-12 column">
|
||||||
|
<p>
|
||||||
|
Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus,
|
||||||
|
nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum,
|
||||||
|
faucibus at, tincidunt eget, porttitor non, dolor. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus,
|
||||||
|
nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum,
|
||||||
|
faucibus at, tincidunt eget, porttitor non, dolor.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="large-4 tab-5 mob-12 column">
|
||||||
|
<p>
|
||||||
|
Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus,
|
||||||
|
nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum,
|
||||||
|
faucibus at, tincidunt eget, porttitor non, dolor.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!--<h4>3/4 Columns</h4> -->
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
<div class="large-3 tab-5 mob-12 column">
|
||||||
|
<p>
|
||||||
|
Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus,
|
||||||
|
nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum,
|
||||||
|
faucibus at.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="large-9 tab-7 mob-12 column">
|
||||||
|
<p>
|
||||||
|
Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus,
|
||||||
|
nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum,
|
||||||
|
faucibus at, tincidunt eget, porttitor non, dolor.Integer faucibus, eros ac molestie placerat, enim tellus varius lacus,
|
||||||
|
nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum,
|
||||||
|
faucibus at, tincidunt eget, porttitor non, dolor. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus,
|
||||||
|
nec dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum,
|
||||||
|
faucibus at, tincidunt eget, porttitor non, dolor.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</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="#"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
|
||||||
|
<li><a href="#"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
|
||||||
|
<li><a href="#"><i class="fab fa-youtube" aria-hidden="true"></i></a></li>
|
||||||
|
<li><a href="#"><i class="fab fa-vimeo-v" aria-hidden="true"></i></a></li>
|
||||||
|
<li><a href="#"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
|
||||||
|
<li><a href="#"><i class="fab fa-linkedin" aria-hidden="true"></i></a></li>
|
||||||
|
<li><a href="#"><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>
|
||||||
BIN
Keep_it_simple_3_0_0/favicon-16x16.png
Normal file
BIN
Keep_it_simple_3_0_0/favicon-16x16.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 359 B |
BIN
Keep_it_simple_3_0_0/favicon-32x32.png
Normal file
BIN
Keep_it_simple_3_0_0/favicon-32x32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 700 B |
BIN
Keep_it_simple_3_0_0/favicon.ico
Normal file
BIN
Keep_it_simple_3_0_0/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
Keep_it_simple_3_0_0/images/avatars/user-01.jpg
Normal file
BIN
Keep_it_simple_3_0_0/images/avatars/user-01.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 37 KiB |
BIN
Keep_it_simple_3_0_0/images/avatars/user-02.jpg
Normal file
BIN
Keep_it_simple_3_0_0/images/avatars/user-02.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
BIN
Keep_it_simple_3_0_0/images/avatars/user-03.jpg
Normal file
BIN
Keep_it_simple_3_0_0/images/avatars/user-03.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 43 KiB |
BIN
Keep_it_simple_3_0_0/images/avatars/user-04.jpg
Normal file
BIN
Keep_it_simple_3_0_0/images/avatars/user-04.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
Keep_it_simple_3_0_0/images/avatars/user-05.jpg
Normal file
BIN
Keep_it_simple_3_0_0/images/avatars/user-05.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
BIN
Keep_it_simple_3_0_0/images/header-content-bg_@2x.png
Normal file
BIN
Keep_it_simple_3_0_0/images/header-content-bg_@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
7
Keep_it_simple_3_0_0/images/icons/icon-arrow-left.svg
Normal file
7
Keep_it_simple_3_0_0/images/icons/icon-arrow-left.svg
Normal file
|
|
@ -0,0 +1,7 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||||
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
width="32px" height="16px" viewBox="0 0 32 16" enable-background="new 0 0 32 16" xml:space="preserve">
|
||||||
|
<path fill="#272727" d="M9,0v6h23v4H9v6L0,8L9,0z"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 530 B |
7
Keep_it_simple_3_0_0/images/icons/icon-arrow-right.svg
Normal file
7
Keep_it_simple_3_0_0/images/icons/icon-arrow-right.svg
Normal file
|
|
@ -0,0 +1,7 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||||
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
width="32px" height="16px" viewBox="0 0 32 16" enable-background="new 0 0 32 16" xml:space="preserve">
|
||||||
|
<path fill="#272727" d="M32,8l-9,8v-6H0V6h23V0L32,8z"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 534 B |
1
Keep_it_simple_3_0_0/images/icons/icon-quote.svg
Normal file
1
Keep_it_simple_3_0_0/images/icons/icon-quote.svg
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9.983 3v7.391c0 5.704-3.731 9.57-8.983 10.609l-.995-2.151c2.432-.917 3.995-3.638 3.995-5.849h-4v-10h9.983zm14.017 0v7.391c0 5.704-3.748 9.571-9 10.609l-.996-2.151c2.433-.917 3.996-3.638 3.996-5.849h-3.983v-10h9.983z"/></svg>
|
||||||
|
After Width: | Height: | Size: 317 B |
1
Keep_it_simple_3_0_0/images/icons/icon-search.svg
Normal file
1
Keep_it_simple_3_0_0/images/icons/icon-search.svg
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10,18c1.846,0,3.543-0.635,4.897-1.688l4.396,4.396l1.414-1.414l-4.396-4.396C17.365,13.543,18,11.846,18,10 c0-4.411-3.589-8-8-8s-8,3.589-8,8S5.589,18,10,18z M10,4c3.309,0,6,2.691,6,6s-2.691,6-6,6s-6-2.691-6-6S6.691,4,10,4z"/></svg>
|
||||||
|
After Width: | Height: | Size: 322 B |
BIN
Keep_it_simple_3_0_0/images/sample-image.jpg
Normal file
BIN
Keep_it_simple_3_0_0/images/sample-image.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
BIN
Keep_it_simple_3_0_0/images/thumb.jpg
Normal file
BIN
Keep_it_simple_3_0_0/images/thumb.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
Keep_it_simple_3_0_0/images/wheel-1000.jpg
Normal file
BIN
Keep_it_simple_3_0_0/images/wheel-1000.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
BIN
Keep_it_simple_3_0_0/images/wheel-2000.jpg
Normal file
BIN
Keep_it_simple_3_0_0/images/wheel-2000.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 152 KiB |
BIN
Keep_it_simple_3_0_0/images/wheel-500.jpg
Normal file
BIN
Keep_it_simple_3_0_0/images/wheel-500.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 39 KiB |
396
Keep_it_simple_3_0_0/index.html
Normal file
396
Keep_it_simple_3_0_0/index.html
Normal file
|
|
@ -0,0 +1,396 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html class="no-js" lang="en">
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<!--- basic page needs
|
||||||
|
================================================== -->
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>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 class="current"><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"><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">
|
||||||
|
|
||||||
|
<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="#" 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 Typography.</a>
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<div class="entry__meta">
|
||||||
|
<ul>
|
||||||
|
<li>July 11, 2019</li>
|
||||||
|
<li>
|
||||||
|
<a href="#" title="" rel="category tag">Wordpress</a>,
|
||||||
|
<a href="#" 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="#" title="" rel="category tag">Joomla</a>,
|
||||||
|
<a href="#" 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="#" 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 -->
|
||||||
|
|
||||||
|
</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="#">
|
||||||
|
<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="#">Sint cillum consectetur voluptate.</a></li>
|
||||||
|
<li><a href="#">Lorem ipsum Ullamco commodo.</a></li>
|
||||||
|
<li><a href="#">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>
|
||||||
5
Keep_it_simple_3_0_0/js/fontawesome/all.min.js
vendored
Normal file
5
Keep_it_simple_3_0_0/js/fontawesome/all.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
4
Keep_it_simple_3_0_0/js/jquery-3.2.1.min.js
vendored
Normal file
4
Keep_it_simple_3_0_0/js/jquery-3.2.1.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
167
Keep_it_simple_3_0_0/js/main.js
Normal file
167
Keep_it_simple_3_0_0/js/main.js
Normal file
|
|
@ -0,0 +1,167 @@
|
||||||
|
/* ===================================================================
|
||||||
|
* Keep It Simple 3.0.0 - Main JS
|
||||||
|
*
|
||||||
|
* ------------------------------------------------------------------- */
|
||||||
|
|
||||||
|
(function($) {
|
||||||
|
|
||||||
|
"use strict";
|
||||||
|
|
||||||
|
const cfg = {
|
||||||
|
scrollDuration : 800, // smoothscroll duration
|
||||||
|
mailChimpURL : '' // mailchimp url
|
||||||
|
};
|
||||||
|
const $WIN = $(window);
|
||||||
|
|
||||||
|
|
||||||
|
// Add the User Agent to the <html>
|
||||||
|
// will be used for IE10/IE11 detection (Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0; rv:11.0))
|
||||||
|
const doc = document.documentElement;
|
||||||
|
doc.setAttribute('data-useragent', navigator.userAgent);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* preloader
|
||||||
|
* -------------------------------------------------- */
|
||||||
|
const ssPreloader = function() {
|
||||||
|
|
||||||
|
$("html").addClass('ss-preload');
|
||||||
|
|
||||||
|
$WIN.on('load', function() {
|
||||||
|
|
||||||
|
// force page scroll position to top at page refresh
|
||||||
|
// $('html, body').animate({ scrollTop: 0 }, 'normal');
|
||||||
|
|
||||||
|
// will first fade out the loading animation
|
||||||
|
$("#loader").fadeOut("slow", function() {
|
||||||
|
// will fade out the whole DIV that covers the website.
|
||||||
|
$("#preloader").delay(300).fadeOut("slow");
|
||||||
|
});
|
||||||
|
|
||||||
|
// for hero content animations
|
||||||
|
$("html").removeClass('ss-preload');
|
||||||
|
$("html").addClass('ss-loaded');
|
||||||
|
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
/* mobile menu
|
||||||
|
* ---------------------------------------------------- */
|
||||||
|
const ssMobileMenu = function() {
|
||||||
|
|
||||||
|
const $toggleButton = $('.header-menu-toggle');
|
||||||
|
const $headerContent = $('.header-content');
|
||||||
|
const $siteBody = $("body");
|
||||||
|
|
||||||
|
$toggleButton.on('click', function(event){
|
||||||
|
event.preventDefault();
|
||||||
|
|
||||||
|
// at 800px and below
|
||||||
|
if (window.matchMedia('(max-width: 800px)').matches) {
|
||||||
|
$toggleButton.toggleClass('is-clicked');
|
||||||
|
$siteBody.toggleClass('menu-is-open');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
$WIN.on('resize', function() {
|
||||||
|
|
||||||
|
// above 800px
|
||||||
|
if (window.matchMedia('(min-width: 801px)').matches) {
|
||||||
|
if ($siteBody.hasClass("menu-is-open")) $siteBody.removeClass("menu-is-open");
|
||||||
|
if ($toggleButton.hasClass("is-clicked")) $toggleButton.removeClass("is-clicked");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// open (or close) submenu items in mobile view menu.
|
||||||
|
// close all the other open submenu items.
|
||||||
|
$('.s-header__nav .has-children').children('a').on('click', function (e) {
|
||||||
|
e.preventDefault();
|
||||||
|
|
||||||
|
// at 800px and below
|
||||||
|
if (window.matchMedia('(max-width: 800px)').matches) {
|
||||||
|
|
||||||
|
$(this).toggleClass('sub-menu-is-open')
|
||||||
|
.next('ul')
|
||||||
|
.slideToggle(200)
|
||||||
|
.end()
|
||||||
|
.parent('.has-children')
|
||||||
|
.siblings('.has-children')
|
||||||
|
.children('a')
|
||||||
|
.removeClass('sub-menu-is-open')
|
||||||
|
.next('ul')
|
||||||
|
.slideUp(200);
|
||||||
|
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
/* alert boxes
|
||||||
|
* ------------------------------------------------------ */
|
||||||
|
const ssAlertBoxes = function() {
|
||||||
|
|
||||||
|
$('.alert-box').on('click', '.alert-box__close', function() {
|
||||||
|
$(this).parent().fadeOut(500);
|
||||||
|
});
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
/* smooth scrolling
|
||||||
|
* ------------------------------------------------------ */
|
||||||
|
const ssSmoothScroll = function() {
|
||||||
|
|
||||||
|
$('.smoothscroll').on('click', function (e) {
|
||||||
|
const target = this.hash;
|
||||||
|
const $target = $(target);
|
||||||
|
|
||||||
|
e.preventDefault();
|
||||||
|
e.stopPropagation();
|
||||||
|
|
||||||
|
$('html, body').stop().animate({
|
||||||
|
'scrollTop': $target.offset().top
|
||||||
|
}, cfg.scrollDuration, 'swing').promise().done(function () {
|
||||||
|
window.location.hash = target;
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
/* back to top
|
||||||
|
* ------------------------------------------------------ */
|
||||||
|
const ssBackToTop = function() {
|
||||||
|
|
||||||
|
const pxShow = 800;
|
||||||
|
const $goTopButton = $(".ss-go-top")
|
||||||
|
|
||||||
|
// Show or hide the button
|
||||||
|
if ($(window).scrollTop() >= pxShow) $goTopButton.addClass('link-is-visible');
|
||||||
|
|
||||||
|
$(window).on('scroll', function() {
|
||||||
|
if ($(window).scrollTop() >= pxShow) {
|
||||||
|
if(!$goTopButton.hasClass('link-is-visible')) $goTopButton.addClass('link-is-visible')
|
||||||
|
} else {
|
||||||
|
$goTopButton.removeClass('link-is-visible')
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* initialize
|
||||||
|
* ------------------------------------------------------ */
|
||||||
|
(function ssInit() {
|
||||||
|
|
||||||
|
ssPreloader();
|
||||||
|
ssMobileMenu();
|
||||||
|
ssAlertBoxes();
|
||||||
|
ssSmoothScroll();
|
||||||
|
ssBackToTop();
|
||||||
|
|
||||||
|
})();
|
||||||
|
|
||||||
|
})(jQuery);
|
||||||
3
Keep_it_simple_3_0_0/js/modernizr.js
Normal file
3
Keep_it_simple_3_0_0/js/modernizr.js
Normal file
File diff suppressed because one or more lines are too long
342
Keep_it_simple_3_0_0/page.html
Normal file
342
Keep_it_simple_3_0_0/page.html
Normal file
|
|
@ -0,0 +1,342 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html class="no-js" lang="en">
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<!--- basic page needs
|
||||||
|
================================================== -->
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Page - 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><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 class="current"><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">Just a Sample Page.</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
Molestias aperiam sapiente illo velit ipsam impedit vero ut ut. Ut repudiandae
|
||||||
|
temporibus labore aut. Commodi corporis in non ut. Explicabo libero dolorem
|
||||||
|
omnis quo facere. Et et qui alias ad. Ratione perferendis sunt voluptatibus
|
||||||
|
culpa. Alias ullam at voluptatibus sed nemo. Dolor irure velit commodo cillum sit nulla
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Voluptas voluptatibus dolores. Voluptatum illum odio. Fugiat voluptas eos et
|
||||||
|
non ducimus possimus illum harum. Qui omnis repudiandae. Repellat sequi quibusdam
|
||||||
|
animi molestiae non. Ducimus ut eos sed nihil reiciendis incidunt dolorem.
|
||||||
|
Molestiae facilis rerum. Harum dignissimos et est maxime alias reiciendis.
|
||||||
|
Provident eum consequatur recusandae laborum ut ducimus. Hic est ea voluptates
|
||||||
|
tenetur et eum voluptates. Porro perferendis nobis omnis odit commodi eveniet quos.
|
||||||
|
Aut nihil qui et.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Possimus magnam et omnis laudantium atque similique nostrum. Repudiandae nihil magni
|
||||||
|
omnis necessitatibus aliquid fuga voluptates. Quae incidunt quo repellendus vero
|
||||||
|
totam porro. Recusandae et qui. Officia fuga dicta fugit quam eum enim. Aperiam
|
||||||
|
impedit non sint perspiciatis iste. Assumenda consequatur dolorum eius ea in
|
||||||
|
accusamus aut. Consequuntur voluptatem necessitatibus soluta doloribus. Vero
|
||||||
|
nobis nisi molestias reprehenderit voluptatem quidem est reprehenderit sit.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div class="row block-large-1-2 block-tab-full">
|
||||||
|
|
||||||
|
<div class="column">
|
||||||
|
<h5>Our Process.</h5>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
|
||||||
|
doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
|
||||||
|
veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam
|
||||||
|
voluptatem quia voluptas sit aspernatur aut odit aut fugit.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="column">
|
||||||
|
<h5>Our Approach.</h5>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
|
||||||
|
doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
|
||||||
|
veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam
|
||||||
|
voluptatem quia voluptas sit aspernatur aut odit aut fugit.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="column">
|
||||||
|
<h5>Our Goal.</h5>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
|
||||||
|
doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
|
||||||
|
veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam
|
||||||
|
voluptatem quia voluptas sit aspernatur aut odit aut fugit.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="column">
|
||||||
|
<h5>Our Mission.</h5>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
|
||||||
|
doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
|
||||||
|
veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam
|
||||||
|
voluptatem quia voluptas sit aspernatur aut odit aut fugit.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</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>
|
||||||
|
</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>
|
||||||
124
Keep_it_simple_3_0_0/readme.txt
Normal file
124
Keep_it_simple_3_0_0/readme.txt
Normal file
|
|
@ -0,0 +1,124 @@
|
||||||
|
==================================================================================================
|
||||||
|
|
||||||
|
DESCRIPTION:
|
||||||
|
|
||||||
|
KEEP IT SIMPLE is a clean and minimalist website template designed primarily for blog sites.
|
||||||
|
The design does not use many images; it focuses more on content and typography. Keep It Simple
|
||||||
|
is fully responsive, and scales gracefully from desktop computers down to the smallest mobile
|
||||||
|
phone. Assets in high-resolution and vector format ensures that it looks sharp on retina screens.
|
||||||
|
|
||||||
|
==================================================================================================
|
||||||
|
|
||||||
|
|
||||||
|
LICENSE:
|
||||||
|
|
||||||
|
This free resource is provided by styleshout.com and is free to use in
|
||||||
|
both personal and commercial projects.
|
||||||
|
|
||||||
|
|
||||||
|
Rights:
|
||||||
|
-------
|
||||||
|
|
||||||
|
You are permitted to use this free resource in any number of personal and commercial projects for
|
||||||
|
yourself or a client. You may modify the resource according to your requirements and include them
|
||||||
|
in your projects under the following condition - you MUST give appropriate credit, provide an
|
||||||
|
attribution link to styleshout.com.
|
||||||
|
|
||||||
|
|
||||||
|
Prohibitions:
|
||||||
|
-------------
|
||||||
|
|
||||||
|
You are not permitted to resell or redistribute(even for free) the resource "as is" without
|
||||||
|
prior consent. If you would like to republish or promote this resource on your site, please
|
||||||
|
link back to the appropriate resource page on styleshout.com where users can find the download
|
||||||
|
and not directly to the download zip file.
|
||||||
|
|
||||||
|
|
||||||
|
Attribution:
|
||||||
|
------------
|
||||||
|
|
||||||
|
You must include a credit link to our website(https://www.styleshout.com) somewhere on your site.
|
||||||
|
We prefer the footer credit that comes with the template but you are still free to move it
|
||||||
|
somewhere else.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
If you have any questions about the License, feel free to contact us.
|
||||||
|
|
||||||
|
|
||||||
|
-----------------------------------------------------------------------------------------------------
|
||||||
|
|
||||||
|
|
||||||
|
REMOVING THE ATTRIBUTION LINK:
|
||||||
|
|
||||||
|
We understand that there are situations where you want to use our templates without
|
||||||
|
the crediting obligation. If that's your case, you can always send us a
|
||||||
|
credit removal fee of 10 USD through Paypal. This will allow you to use a single
|
||||||
|
template attribution/credit link free on ONE DOMAIN name.
|
||||||
|
|
||||||
|
You can send your payments through Paypal to this address: ealigam@gmail.com or
|
||||||
|
visit our attribution removal page: https://www.styleshout.com/attribution-free/
|
||||||
|
and click the pay button on the page.
|
||||||
|
|
||||||
|
If possible, kindly send us the site's url where the template is being used.
|
||||||
|
Also, keep your Paypal receipt as proof of payment and your good to go.
|
||||||
|
|
||||||
|
|
||||||
|
------------------------------------------------------------------------------------------------------
|
||||||
|
|
||||||
|
|
||||||
|
SUPPORT:
|
||||||
|
|
||||||
|
Since KEEP IT SIMPLE is distributed for free, support is not offered. KEEP IT SIMPLE is coded according
|
||||||
|
to current web standards and we did our best to make the template easy to use and modify.
|
||||||
|
If you have minimum web development experience, you can easily modify the template.
|
||||||
|
However, If you're still new to HTML and CSS, I suggest that you visit the
|
||||||
|
following tutorials:
|
||||||
|
|
||||||
|
- https://marksheet.io/
|
||||||
|
- http://learn.shayhowe.com/html-css/
|
||||||
|
|
||||||
|
These will teach you the essentials of HTML and CSS. In addition, if you want to include
|
||||||
|
jQuery in your skill-set, you can also check out these tutorials:
|
||||||
|
|
||||||
|
- https://code.tutsplus.com/courses/30-days-to-learn-jquery
|
||||||
|
- https://code.tutsplus.com/courses/introduction-to-jquery
|
||||||
|
|
||||||
|
|
||||||
|
------------------------------------------------------------------------------------------------------
|
||||||
|
|
||||||
|
|
||||||
|
GET THE LATEST VERSION:
|
||||||
|
|
||||||
|
We update our templates on a regular basis so to make sure that you have the latest version,
|
||||||
|
always download the template files directly on our website(https://www.styleshout.com/)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
-------------------------------------------------------------------------------------------------------
|
||||||
|
|
||||||
|
|
||||||
|
SOURCES AND CREDITS:
|
||||||
|
|
||||||
|
I've used the following resources as listed.
|
||||||
|
|
||||||
|
Fonts:
|
||||||
|
- Open Sans Font (https://fonts.google.com/specimen/Open+Sans)
|
||||||
|
- Merriweather Font (https://fonts.google.com/specimen/Merriweather)
|
||||||
|
|
||||||
|
Icons:
|
||||||
|
- FontAwesome (https://fontawesome.com/)
|
||||||
|
|
||||||
|
Stock Photos and Graphics:
|
||||||
|
- Unsplash.com (https://unsplash.com/)
|
||||||
|
|
||||||
|
Javascript Files:
|
||||||
|
- JQuery (http://jquery.com/)
|
||||||
|
- Modernizr (http://modernizr.com/)
|
||||||
|
|
||||||
|
-------------------------------------------------------------------------------------------------------
|
||||||
|
|
||||||
|
|
||||||
|
Thanks for downloading from Styleshout :)
|
||||||
|
|
||||||
|
|
||||||
543
Keep_it_simple_3_0_0/single.html
Normal file
543
Keep_it_simple_3_0_0/single.html
Normal file
|
|
@ -0,0 +1,543 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html class="no-js" lang="en">
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<!--- basic page needs
|
||||||
|
================================================== -->
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Blog Single - 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" class="ss-single">
|
||||||
|
|
||||||
|
<!-- 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><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> <!-- 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">
|
||||||
|
|
||||||
|
<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="#" title="" rel="category tag">Ghost</a></li>
|
||||||
|
<li>John Doe</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</header> <!-- entry__header -->
|
||||||
|
|
||||||
|
<div class="entry__content-media">
|
||||||
|
<img src="images/wheel-500.jpg"
|
||||||
|
srcset="images/wheel-1000.jpg 1000w,
|
||||||
|
images/wheel-500.jpg 500w"
|
||||||
|
sizes="(max-width: 1000px) 100vw, 1000px" alt="">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="entry__content">
|
||||||
|
<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 aliquip dolore
|
||||||
|
minim ex labore dolor Excepteur Duis velit in officia Excepteur
|
||||||
|
officia officia officia adipisicing magna eu ex sunt.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
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 aliquip dolore minim
|
||||||
|
ex labore dolor Excepteur Duis velit in officia Excepteur officia
|
||||||
|
officia officia cillum ut elit in fugiat incididunt ea ad Ut ut
|
||||||
|
ea ea dolor ex dolor eu magna voluptate irure consectetur.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Placeat quam fugit qui quia. Non quasi tempore qui illo. Dolor magni
|
||||||
|
ducimus doloribus rerum dolorem. Cum iste et commodi doloremque.
|
||||||
|
At veniam aperiam eum voluptates maiores iure facere. Cupiditate vero
|
||||||
|
similique ut sed aut. Est sint laboriosam quia totam fugit. Necessitatibus
|
||||||
|
sed ut autem eveniet mollitia. Temporibus ducimus officiis aut est quaerat
|
||||||
|
fuga est ut aut.
|
||||||
|
</p>
|
||||||
|
</div> <!-- entry__content -->
|
||||||
|
|
||||||
|
<p class="entry__tags">
|
||||||
|
<span>Tagged in </span>:
|
||||||
|
<a href="#0">orci</a>, <a href="#0">lectus</a>, <a href="#0">varius</a>, <a href="#0">turpis</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<ul class="entry__post-nav h-group">
|
||||||
|
<li class="prev"><a rel="prev" href="#0"><strong class="h6">Previous Article</strong> Duis Sed Odio Sit Amet Nibh Vulputate</a></li>
|
||||||
|
<li class="next"><a rel="next" href="#0"><strong class="h6">Next Article</strong> Morbi Elit Consequat Ipsum</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</article> <!-- end entry -->
|
||||||
|
|
||||||
|
<div class="comments-wrap">
|
||||||
|
|
||||||
|
<div id="comments">
|
||||||
|
|
||||||
|
<h3>5 Comments</h3>
|
||||||
|
|
||||||
|
<!-- START commentlist -->
|
||||||
|
<ol class="commentlist">
|
||||||
|
|
||||||
|
<li class="depth-1 comment">
|
||||||
|
|
||||||
|
<div class="comment__avatar">
|
||||||
|
<img class="avatar" src="images/avatars/user-01.jpg" alt="" width="50" height="50">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="comment__content">
|
||||||
|
|
||||||
|
<div class="comment__info">
|
||||||
|
<div class="comment__author">Itachi Uchiha</div>
|
||||||
|
|
||||||
|
<div class="comment__meta">
|
||||||
|
<div class="comment__time">July 12, 2019</div>
|
||||||
|
<div class="comment__reply">
|
||||||
|
<a class="comment-reply-link" href="#0">Reply</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="comment__text">
|
||||||
|
<p>Adhuc quaerendum est ne, vis ut harum tantas noluisse, id suas iisque mei. Nec te inani ponderum vulputate,
|
||||||
|
facilisi expetenda has et. Iudico dictas scriptorem an vim, ei alia mentitum est, ne has voluptua praesent.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</li> <!-- end comment level 1 -->
|
||||||
|
|
||||||
|
<li class="thread-alt depth-1 comment">
|
||||||
|
|
||||||
|
<div class="comment__avatar">
|
||||||
|
<img class="avatar" src="images/avatars/user-04.jpg" alt="" width="50" height="50">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="comment__content">
|
||||||
|
|
||||||
|
<div class="comment__info">
|
||||||
|
<div class="comment__author">John Doe</div>
|
||||||
|
|
||||||
|
<div class="comment__meta">
|
||||||
|
<div class="comment__time">July 12, 2019</div>
|
||||||
|
<div class="comment__reply">
|
||||||
|
<a class="comment-reply-link" href="#0">Reply</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="comment__text">
|
||||||
|
<p>Sumo euismod dissentiunt ne sit, ad eos iudico qualisque adversarium, tota falli et mei. Esse euismod
|
||||||
|
urbanitas ut sed, et duo scaevola pericula splendide. Primis veritus contentiones nec ad, nec et
|
||||||
|
tantas semper delicatissimi.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ul class="children">
|
||||||
|
|
||||||
|
<li class="depth-2 comment">
|
||||||
|
|
||||||
|
<div class="comment__avatar">
|
||||||
|
<img class="avatar" src="images/avatars/user-03.jpg" alt="" width="50" height="50">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="comment__content">
|
||||||
|
|
||||||
|
<div class="comment__info">
|
||||||
|
<div class="comment__author">Kakashi Hatake</div>
|
||||||
|
|
||||||
|
<div class="comment__meta">
|
||||||
|
<div class="comment__time">July 12, 2019</div>
|
||||||
|
<div class="comment__reply">
|
||||||
|
<a class="comment-reply-link" href="#0">Reply</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="comment__text">
|
||||||
|
<p>Duis sed odio sit amet nibh vulputate
|
||||||
|
cursus a sit amet mauris. Morbi accumsan ipsum velit. Duis sed odio sit amet nibh vulputate
|
||||||
|
cursus a sit amet mauris</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ul class="children">
|
||||||
|
|
||||||
|
<li class="depth-3 comment">
|
||||||
|
|
||||||
|
<div class="comment__avatar">
|
||||||
|
<img class="avatar" src="images/avatars/user-04.jpg" alt="" width="50" height="50">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="comment__content">
|
||||||
|
|
||||||
|
<div class="comment__info">
|
||||||
|
<div class="comment__author">John Doe</div>
|
||||||
|
|
||||||
|
<div class="comment__meta">
|
||||||
|
<div class="comment__time">july 11, 2019</div>
|
||||||
|
<div class="comment__reply">
|
||||||
|
<a class="comment-reply-link" href="#0">Reply</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="comment__text">
|
||||||
|
<p>Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est
|
||||||
|
etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</li> <!-- end comment level 1 -->
|
||||||
|
|
||||||
|
<li class="depth-1 comment">
|
||||||
|
|
||||||
|
<div class="comment__avatar">
|
||||||
|
<img class="avatar" src="images/avatars/user-02.jpg" alt="" width="50" height="50">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="comment__content">
|
||||||
|
|
||||||
|
<div class="comment__info">
|
||||||
|
<div class="comment__author">Shikamaru Nara</div>
|
||||||
|
|
||||||
|
<div class="comment__meta">
|
||||||
|
<div class="comment__time">July 11, 2019</div>
|
||||||
|
<div class="comment__reply">
|
||||||
|
<a class="comment-reply-link" href="#0">Reply</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="comment__text">
|
||||||
|
<p>Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</li> <!-- end comment level 1 -->
|
||||||
|
|
||||||
|
</ol>
|
||||||
|
<!-- END commentlist -->
|
||||||
|
|
||||||
|
</div> <!-- end comments -->
|
||||||
|
|
||||||
|
<div class="comment-respond">
|
||||||
|
|
||||||
|
<!-- START respond -->
|
||||||
|
<div id="respond">
|
||||||
|
|
||||||
|
<h3>Add Comment <span>Your email address will not be published</span></h3>
|
||||||
|
|
||||||
|
<form name="contactForm" id="contactForm" method="post" action="" autocomplete="off">
|
||||||
|
<fieldset>
|
||||||
|
|
||||||
|
<div class="form-field">
|
||||||
|
<input name="cName" id="cName" class="h-full-width" placeholder="Your Name" value="" type="text">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-field">
|
||||||
|
<input name="cEmail" id="cEmail" class="h-full-width" placeholder="Your Email" value="" type="text">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-field">
|
||||||
|
<input name="cWebsite" id="cWebsite" class="h-full-width" placeholder="Website" value="" type="text">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="message form-field">
|
||||||
|
<textarea name="cMessage" id="cMessage" class="h-full-width" placeholder="Your Message"></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<input name="submit" id="submit" class="btn btn--primary btn-wide btn--large h-full-width" value="Add Comment" type="submit">
|
||||||
|
|
||||||
|
</fieldset>
|
||||||
|
</form> <!-- end form -->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- END respond-->
|
||||||
|
|
||||||
|
</div> <!-- end comment-respond -->
|
||||||
|
|
||||||
|
</div> <!-- end comments-wrap -->
|
||||||
|
|
||||||
|
</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>
|
||||||
1
Keep_it_simple_3_0_0/site.webmanifest
Normal file
1
Keep_it_simple_3_0_0/site.webmanifest
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue