Original theme
This commit is contained in:
parent
fe90a14a57
commit
ac623a4eee
37 changed files with 6922 additions and 0 deletions
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>
|
Loading…
Add table
Add a link
Reference in a new issue