342 lines
No EOL
15 KiB
HTML
342 lines
No EOL
15 KiB
HTML
<!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> |