first commit
This commit is contained in:
Olu Amey
@@ -0,0 +1,285 @@
|
||||
<!-- Page Title
|
||||
============================================= -->
|
||||
<section id="page-title" class="page-title-parallax page-title-dark" style="padding: 250px 0; background-image: url('/hassets2/images/about/parallax.jpg'); background-size: cover; background-position: center center;" data-bottom-top="background-position:0px 400px;" data-top-bottom="background-position:0px -500px;">
|
||||
|
||||
<div class="container clearfix">
|
||||
<h1>About Us</h1>
|
||||
<span>Everything you need to know about our Company</span>
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="#">Pages</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">About Us</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
</section><!-- #page-title end -->
|
||||
|
||||
<!-- Content
|
||||
============================================= -->
|
||||
<section id="content">
|
||||
|
||||
<div class="content-wrap">
|
||||
|
||||
<div class="container clearfix">
|
||||
|
||||
<div class="col_one_third">
|
||||
|
||||
<div class="heading-block fancy-title nobottomborder title-bottom-border">
|
||||
<h4>Why choose <span>Us</span>.</h4>
|
||||
</div>
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi quidem minus id omnis, nam expedita, ea fuga commodi voluptas iusto, hic autem deleniti dolores explicabo labore enim repellat earum perspiciatis.</p>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col_one_third">
|
||||
|
||||
<div class="heading-block fancy-title nobottomborder title-bottom-border">
|
||||
<h4>Our <span>Mission</span>.</h4>
|
||||
</div>
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi quidem minus id omnis, nam expedita, ea fuga commodi voluptas iusto, hic autem deleniti dolores explicabo labore enim repellat earum perspiciatis.</p>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col_one_third col_last">
|
||||
|
||||
<div class="heading-block fancy-title nobottomborder title-bottom-border">
|
||||
<h4>What we <span>Do</span>.</h4>
|
||||
</div>
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi quidem minus id omnis, nam expedita, ea fuga commodi voluptas iusto, hic autem deleniti dolores explicabo labore enim repellat earum perspiciatis.</p>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="section nomargin">
|
||||
<div class="container clearfix">
|
||||
|
||||
<div class="col_one_fourth nobottommargin center" data-animate="bounceIn">
|
||||
<i class="i-plain i-xlarge divcenter icon-line2-directions"></i>
|
||||
<div class="counter counter-lined"><span data-from="100" data-to="846" data-refresh-interval="50" data-speed="2000"></span>K+</div>
|
||||
<h5>Lines of Codes</h5>
|
||||
</div>
|
||||
|
||||
<div class="col_one_fourth nobottommargin center" data-animate="bounceIn" data-delay="200">
|
||||
<i class="i-plain i-xlarge divcenter nobottommargin icon-line2-graph"></i>
|
||||
<div class="counter counter-lined"><span data-from="3000" data-to="15360" data-refresh-interval="100" data-speed="2500"></span>+</div>
|
||||
<h5>KBs of HTML Files</h5>
|
||||
</div>
|
||||
|
||||
<div class="col_one_fourth nobottommargin center" data-animate="bounceIn" data-delay="400">
|
||||
<i class="i-plain i-xlarge divcenter nobottommargin icon-line2-layers"></i>
|
||||
<div class="counter counter-lined"><span data-from="10" data-to="408" data-refresh-interval="25" data-speed="3500"></span>*</div>
|
||||
<h5>No. of Templates</h5>
|
||||
</div>
|
||||
|
||||
<div class="col_one_fourth nobottommargin center col_last" data-animate="bounceIn" data-delay="600">
|
||||
<i class="i-plain i-xlarge divcenter nobottommargin icon-line2-clock"></i>
|
||||
<div class="counter counter-lined"><span data-from="60" data-to="1200" data-refresh-interval="30" data-speed="2700"></span>+</div>
|
||||
<h5>Hours of Coding</h5>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row common-height clearfix">
|
||||
|
||||
<div class="col-md-5 col-padding" style="background: url('/hassets2/images/team/3.jpg') center center no-repeat; background-size: cover;"></div>
|
||||
|
||||
<div class="col-md-7 col-padding">
|
||||
<div>
|
||||
<div class="heading-block">
|
||||
<span class="before-heading color">CEO & Co-Founder</span>
|
||||
<h3>John Doe</h3>
|
||||
</div>
|
||||
|
||||
<div class="row clearfix">
|
||||
|
||||
<div class="col-lg-6">
|
||||
<p>Employment respond committed meaningful fight against oppression social challenges rural legal aid governance. Meaningful work, implementation, process cooperation, campaign inspire.</p>
|
||||
<p>Advancement, promising development John Lennon, our ambitions involvement underprivileged billionaire philanthropy save the world transform. Carbon rights maintain healthcare emergent, implementation inspire social change solve clean water livelihoods.</p>
|
||||
<a href="#" class="social-icon inline-block si-small si-light si-rounded si-facebook">
|
||||
<i class="icon-facebook"></i>
|
||||
<i class="icon-facebook"></i>
|
||||
</a>
|
||||
<a href="#" class="social-icon inline-block si-small si-light si-rounded si-twitter">
|
||||
<i class="icon-twitter"></i>
|
||||
<i class="icon-twitter"></i>
|
||||
</a>
|
||||
<a href="#" class="social-icon inline-block si-small si-light si-rounded si-gplus">
|
||||
<i class="icon-gplus"></i>
|
||||
<i class="icon-gplus"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6">
|
||||
<ul class="skills">
|
||||
<li data-percent="80">
|
||||
<span>Wordpress</span>
|
||||
<div class="progress">
|
||||
<div class="progress-percent"><div class="counter counter-inherit counter-instant"><span data-from="0" data-to="80" data-refresh-interval="30" data-speed="1100"></span>%</div></div>
|
||||
</div>
|
||||
</li>
|
||||
<li data-percent="60">
|
||||
<span>CSS3</span>
|
||||
<div class="progress">
|
||||
<div class="progress-percent"><div class="counter counter-inherit counter-instant"><span data-from="0" data-to="60" data-refresh-interval="30" data-speed="1100"></span>%</div></div>
|
||||
</div>
|
||||
</li>
|
||||
<li data-percent="90">
|
||||
<span>HTML5</span>
|
||||
<div class="progress">
|
||||
<div class="progress-percent"><div class="counter counter-inherit counter-instant"><span data-from="0" data-to="90" data-refresh-interval="30" data-speed="1100"></span>%</div></div>
|
||||
</div>
|
||||
</li>
|
||||
<li data-percent="70">
|
||||
<span>jQuery</span>
|
||||
<div class="progress">
|
||||
<div class="progress-percent"><div class="counter counter-inherit counter-instant"><span data-from="0" data-to="70" data-refresh-interval="30" data-speed="1100"></span>%</div></div>
|
||||
</div>
|
||||
</li>
|
||||
<li data-percent="85">
|
||||
<span>Ruby</span>
|
||||
<div class="progress">
|
||||
<div class="progress-percent"><div class="counter counter-inherit counter-instant"><span data-from="0" data-to="85" data-refresh-interval="30" data-speed="1100"></span>%</div></div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="row common-height bottommargin-lg clearfix">
|
||||
|
||||
<div class="col-md-7 col-padding" style="background-color: #F5F5F5;">
|
||||
<div>
|
||||
<div class="heading-block">
|
||||
<span class="before-heading color">Developer & Evangelist</span>
|
||||
<h3>Mary Jane</h3>
|
||||
</div>
|
||||
|
||||
<div class="row clearfix">
|
||||
|
||||
<div class="col-lg-6">
|
||||
<p>Employment respond committed meaningful fight against oppression social challenges rural legal aid governance. Meaningful work, implementation, process cooperation, campaign inspire.</p>
|
||||
<p>Advancement, promising development John Lennon, our ambitions involvement underprivileged billionaire philanthropy save the world transform. Carbon rights maintain healthcare emergent, implementation inspire social change solve clean water livelihoods.</p>
|
||||
<a href="#" class="social-icon inline-block si-small si-light si-rounded si-facebook">
|
||||
<i class="icon-facebook"></i>
|
||||
<i class="icon-facebook"></i>
|
||||
</a>
|
||||
<a href="#" class="social-icon inline-block si-small si-light si-rounded si-twitter">
|
||||
<i class="icon-twitter"></i>
|
||||
<i class="icon-twitter"></i>
|
||||
</a>
|
||||
<a href="#" class="social-icon inline-block si-small si-light si-rounded si-gplus">
|
||||
<i class="icon-gplus"></i>
|
||||
<i class="icon-gplus"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6">
|
||||
<ul class="skills">
|
||||
<li data-percent="80">
|
||||
<span>Wordpress</span>
|
||||
<div class="progress">
|
||||
<div class="progress-percent"><div class="counter counter-inherit counter-instant"><span data-from="0" data-to="80" data-refresh-interval="30" data-speed="1100"></span>%</div></div>
|
||||
</div>
|
||||
</li>
|
||||
<li data-percent="60">
|
||||
<span>CSS3</span>
|
||||
<div class="progress">
|
||||
<div class="progress-percent"><div class="counter counter-inherit counter-instant"><span data-from="0" data-to="60" data-refresh-interval="30" data-speed="1100"></span>%</div></div>
|
||||
</div>
|
||||
</li>
|
||||
<li data-percent="90">
|
||||
<span>HTML5</span>
|
||||
<div class="progress">
|
||||
<div class="progress-percent"><div class="counter counter-inherit counter-instant"><span data-from="0" data-to="90" data-refresh-interval="30" data-speed="1100"></span>%</div></div>
|
||||
</div>
|
||||
</li>
|
||||
<li data-percent="70">
|
||||
<span>jQuery</span>
|
||||
<div class="progress">
|
||||
<div class="progress-percent"><div class="counter counter-inherit counter-instant"><span data-from="0" data-to="70" data-refresh-interval="30" data-speed="1100"></span>%</div></div>
|
||||
</div>
|
||||
</li>
|
||||
<li data-percent="85">
|
||||
<span>Ruby</span>
|
||||
<div class="progress">
|
||||
<div class="progress-percent"><div class="counter counter-inherit counter-instant"><span data-from="0" data-to="85" data-refresh-interval="30" data-speed="1100"></span>%</div></div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-5 col-padding" style="background: url('/hassets2/images/team/8.jpg') center center no-repeat; background-size: cover;"></div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="section footer-stick">
|
||||
|
||||
<h4 class="uppercase center">What <span>Clients</span> Say?</h4>
|
||||
|
||||
<div class="fslider testimonial testimonial-full" data-animation="fade" data-arrows="false">
|
||||
<div class="flexslider">
|
||||
<div class="slider-wrap">
|
||||
<div class="slide">
|
||||
<div class="testi-image">
|
||||
<a href="#"><img src="/hassets2/images/testimonials/3.jpg" alt="Customer Testimonails"></a>
|
||||
</div>
|
||||
<div class="testi-content">
|
||||
<p>Similique fugit repellendus expedita excepturi iure perferendis provident quia eaque. Repellendus, vero numquam?</p>
|
||||
<div class="testi-meta">
|
||||
Steve Jobs
|
||||
<span>Apple Inc.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slide">
|
||||
<div class="testi-image">
|
||||
<a href="#"><img src="/hassets2/images/testimonials/2.jpg" alt="Customer Testimonails"></a>
|
||||
</div>
|
||||
<div class="testi-content">
|
||||
<p>Natus voluptatum enim quod necessitatibus quis expedita harum provident eos obcaecati id culpa corporis molestias.</p>
|
||||
<div class="testi-meta">
|
||||
Collis Ta'eed
|
||||
<span>Envato Inc.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slide">
|
||||
<div class="testi-image">
|
||||
<a href="#"><img src="/hassets2/images/testimonials/1.jpg" alt="Customer Testimonails"></a>
|
||||
</div>
|
||||
<div class="testi-content">
|
||||
<p>Incidunt deleniti blanditiis quas aperiam recusandae consequatur ullam quibusdam cum libero illo rerum!</p>
|
||||
<div class="testi-meta">
|
||||
John Doe
|
||||
<span>XYZ Inc.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section><!-- #content end -->
|
||||
|
||||
@@ -0,0 +1,247 @@
|
||||
<!-- Footer
|
||||
============================================= -->
|
||||
<footer id="footer" class="dark">
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- Footer Widgets
|
||||
============================================= -->
|
||||
<div class="footer-widgets-wrap clearfix">
|
||||
|
||||
<div class="col_two_third">
|
||||
|
||||
<div class="col_one_third">
|
||||
|
||||
<div class="widget clearfix">
|
||||
|
||||
<img src="/hassets2/images/footer-widget-logo.png" alt="" class="footer-logo">
|
||||
|
||||
<p>We believe in <strong>Simple</strong>, <strong>Creative</strong> & <strong>Flexible</strong> Design Standards.</p>
|
||||
|
||||
<div style="background: url('images/world-map.png') no-repeat center center; background-size: 100%;">
|
||||
<address>
|
||||
<strong>Headquarters:</strong><br>
|
||||
795 Folsom Ave, Suite 600<br>
|
||||
San Francisco, CA 94107<br>
|
||||
</address>
|
||||
<abbr title="Phone Number"><strong>Phone:</strong></abbr> (91) 8547 632521<br>
|
||||
<abbr title="Fax"><strong>Fax:</strong></abbr> (91) 11 4752 1433<br>
|
||||
<abbr title="Email Address"><strong>Email:</strong></abbr> info@canvas.com
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col_one_third">
|
||||
|
||||
<div class="widget widget_links clearfix">
|
||||
|
||||
<h4>Blogroll</h4>
|
||||
|
||||
<ul>
|
||||
<li><a href="http://codex.wordpress.org/">Documentation</a></li>
|
||||
<li><a href="http://wordpress.org/support/forum/requests-and-feedback">Feedback</a></li>
|
||||
<li><a href="http://wordpress.org/extend/plugins/">Plugins</a></li>
|
||||
<li><a href="http://wordpress.org/support/">Support Forums</a></li>
|
||||
<li><a href="http://wordpress.org/extend/themes/">Themes</a></li>
|
||||
<li><a href="http://wordpress.org/news/">WordPress Blog</a></li>
|
||||
<li><a href="http://planet.wordpress.org/">WordPress Planet</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col_one_third col_last">
|
||||
|
||||
<div class="widget clearfix">
|
||||
<h4>Recent Posts</h4>
|
||||
|
||||
<div id="post-list-footer">
|
||||
<div class="spost clearfix">
|
||||
<div class="entry-c">
|
||||
<div class="entry-title">
|
||||
<h4><a href="#">Lorem ipsum dolor sit amet, consectetur</a></h4>
|
||||
</div>
|
||||
<ul class="entry-meta">
|
||||
<li>10th July 2014</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="spost clearfix">
|
||||
<div class="entry-c">
|
||||
<div class="entry-title">
|
||||
<h4><a href="#">Elit Assumenda vel amet dolorum quasi</a></h4>
|
||||
</div>
|
||||
<ul class="entry-meta">
|
||||
<li>10th July 2014</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="spost clearfix">
|
||||
<div class="entry-c">
|
||||
<div class="entry-title">
|
||||
<h4><a href="#">Debitis nihil placeat, illum est nisi</a></h4>
|
||||
</div>
|
||||
<ul class="entry-meta">
|
||||
<li>10th July 2014</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col_one_third col_last">
|
||||
|
||||
<div class="widget clearfix" style="margin-bottom: -20px;">
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-lg-6 bottommargin-sm">
|
||||
<div class="counter counter-small"><span data-from="50" data-to="15065421" data-refresh-interval="80" data-speed="3000" data-comma="true"></span></div>
|
||||
<h5 class="nobottommargin">Total Downloads</h5>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6 bottommargin-sm">
|
||||
<div class="counter counter-small"><span data-from="100" data-to="18465" data-refresh-interval="50" data-speed="2000" data-comma="true"></span></div>
|
||||
<h5 class="nobottommargin">Clients</h5>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="widget subscribe-widget clearfix">
|
||||
<h5><strong>Subscribe</strong> to Our Newsletter to get Important News, Amazing Offers & Inside Scoops:</h5>
|
||||
<div class="widget-subscribe-form-result"></div>
|
||||
<form id="widget-subscribe-form" action="include/subscribe.php" role="form" method="post" class="nobottommargin">
|
||||
<div class="input-group divcenter">
|
||||
<div class="input-group-prepend">
|
||||
<div class="input-group-text"><i class="icon-email2"></i></div>
|
||||
</div>
|
||||
<input type="email" id="widget-subscribe-form-email" name="widget-subscribe-form-email" class="form-control required email" placeholder="Enter your Email">
|
||||
<div class="input-group-append">
|
||||
<button class="btn btn-success" type="submit">Subscribe</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="widget clearfix" style="margin-bottom: -20px;">
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-lg-6 clearfix bottommargin-sm">
|
||||
<a href="#" class="social-icon si-dark si-colored si-facebook nobottommargin" style="margin-right: 10px;">
|
||||
<i class="icon-facebook"></i>
|
||||
<i class="icon-facebook"></i>
|
||||
</a>
|
||||
<a href="#"><small style="display: block; margin-top: 3px;"><strong>Like us</strong><br>on Facebook</small></a>
|
||||
</div>
|
||||
<div class="col-lg-6 clearfix">
|
||||
<a href="#" class="social-icon si-dark si-colored si-rss nobottommargin" style="margin-right: 10px;">
|
||||
<i class="icon-rss"></i>
|
||||
<i class="icon-rss"></i>
|
||||
</a>
|
||||
<a href="#"><small style="display: block; margin-top: 3px;"><strong>Subscribe</strong><br>to RSS Feeds</small></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div><!-- .footer-widgets-wrap end -->
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Copyrights
|
||||
============================================= -->
|
||||
<div id="copyrights">
|
||||
|
||||
<div class="container clearfix">
|
||||
|
||||
<div class="col_half">
|
||||
Copyrights © 2020 All Rights Reserved by WrenchBoard.<br>
|
||||
<div class="copyright-links"><a href="#">Terms of Use</a> / <a href="#">Privacy Policy</a></div>
|
||||
</div>
|
||||
|
||||
<div class="col_half col_last tright">
|
||||
<div class="fright clearfix">
|
||||
<a href="#" class="social-icon si-small si-borderless si-facebook">
|
||||
<i class="icon-facebook"></i>
|
||||
<i class="icon-facebook"></i>
|
||||
</a>
|
||||
|
||||
<a href="#" class="social-icon si-small si-borderless si-twitter">
|
||||
<i class="icon-twitter"></i>
|
||||
<i class="icon-twitter"></i>
|
||||
</a>
|
||||
|
||||
<a href="#" class="social-icon si-small si-borderless si-gplus">
|
||||
<i class="icon-gplus"></i>
|
||||
<i class="icon-gplus"></i>
|
||||
</a>
|
||||
|
||||
<a href="#" class="social-icon si-small si-borderless si-pinterest">
|
||||
<i class="icon-pinterest"></i>
|
||||
<i class="icon-pinterest"></i>
|
||||
</a>
|
||||
|
||||
<a href="#" class="social-icon si-small si-borderless si-vimeo">
|
||||
<i class="icon-vimeo"></i>
|
||||
<i class="icon-vimeo"></i>
|
||||
</a>
|
||||
|
||||
<a href="#" class="social-icon si-small si-borderless si-github">
|
||||
<i class="icon-github"></i>
|
||||
<i class="icon-github"></i>
|
||||
</a>
|
||||
|
||||
<a href="#" class="social-icon si-small si-borderless si-yahoo">
|
||||
<i class="icon-yahoo"></i>
|
||||
<i class="icon-yahoo"></i>
|
||||
</a>
|
||||
|
||||
<a href="#" class="social-icon si-small si-borderless si-linkedin">
|
||||
<i class="icon-linkedin"></i>
|
||||
<i class="icon-linkedin"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
|
||||
<i class="icon-envelope2"></i> info@canvas.com <span class="middot">·</span> <i class="icon-headphones"></i> +91-11-6541-6369 <span class="middot">·</span> <i class="icon-skype2"></i> CanvasOnSkype
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div><!-- #copyrights end -->
|
||||
|
||||
</footer><!-- #footer end -->
|
||||
|
||||
</div><!-- #wrapper end -->
|
||||
|
||||
<!-- Go To Top
|
||||
============================================= -->
|
||||
<div id="gotoTop" class="icon-angle-up"></div>
|
||||
|
||||
<!-- External JavaScripts
|
||||
============================================= -->
|
||||
<script src="/hassets2/js/jquery.js"></script>
|
||||
<script src="/hassets2/js/plugins.js"></script>
|
||||
|
||||
<!-- Footer Scripts
|
||||
============================================= -->
|
||||
<script src="/hassets2/js/functions.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,64 @@
|
||||
<!DOCTYPE html>
|
||||
<html dir="ltr" lang="en-US">
|
||||
<head>
|
||||
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
<meta name="author" content="SemiColonWeb" />
|
||||
|
||||
<meta name="description" content="wrenchboard.com is an online marketplace to make money from your skills, find, buy and sell professional services. Connect with freelancers to get work done faster. Trade your freelance services." />
|
||||
<meta name="title" content="WrenchBoard: Find a Freelancer | Sell Professional Services" />
|
||||
<meta name="keywords" content="Online Jobs, Online Workers, work online Nigeria, hire a freelancer, hire freelancers, freelance marketplace, freelancer hire, freelance service, freelance professional services, How to make money online, find workers online, Online Services, digital services, freelancers community in Ghana, freelancers community in Nigeria, freelancer site in Africa, Best freelance website in Africa, Freelance Designers, Photographers, Writers in Nigeria, freelancers, freelance outsourcing in Nigeria, freelance IT services in Nigeria, hire freelancers online in Nigeria, freelance services online in Nigeria, freelance contractor in Nigeria, freelance sites in Nigeria, freelance jobs in Nigeria, freelance projects in Nigeria, freelance jobs online in Nigeria, professional freelancers in Nigeria, buy professional services in Nigeria, professional services jobs, professional business services, professional service providers in Nigeria, freelancing services, freelancing sites in Nigeria, freelancers for hire in Nigeria, freelancer search in Nigeria, search freelancer in Nigeria, find freelancers in Nigeria, Find workers US. Outsource from US to Nigeria, find a freelancer in Nigeria, freelancing projects in Nigeria, web freelancing in Nigeria, outsourcing sites freelancers in Nigeria, website for freelancers in Nigeria, marketplace for freelancers " />
|
||||
|
||||
|
||||
<!-- Stylesheets
|
||||
============================================= -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,400i,700|Raleway:300,400,500,600,700|Crete+Round:400i" rel="stylesheet" type="text/css" />
|
||||
<link rel="stylesheet" href="/hassets2/css/bootstrap.css" type="text/css" />
|
||||
<link rel="stylesheet" href="/hassets2/style.css" type="text/css" />
|
||||
<link rel="stylesheet" href="/hassets2/css/swiper.css" type="text/css" />
|
||||
<link rel="stylesheet" href="/hassets2/css/dark.css" type="text/css" />
|
||||
<link rel="stylesheet" href="/hassets2/css/font-icons.css" type="text/css" />
|
||||
<link rel="stylesheet" href="/hassets2/css/animate.css" type="text/css" />
|
||||
<link rel="stylesheet" href="/hassets2/css/magnific-popup.css" type="text/css" />
|
||||
|
||||
<link rel="stylesheet" href="/hassets2/css/responsive.css" type="text/css" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
|
||||
<!-- Document Title
|
||||
============================================= -->
|
||||
<title>WrenchBoard</title>
|
||||
|
||||
</head>
|
||||
|
||||
<body class="stretched">
|
||||
|
||||
<!-- Document Wrapper
|
||||
============================================= -->
|
||||
<div id="wrapper" class="clearfix">
|
||||
|
||||
<!-- Header
|
||||
============================================= -->
|
||||
<header id="header" class="full-header">
|
||||
|
||||
<div id="header-wrap">
|
||||
|
||||
<div class="container clearfix">
|
||||
|
||||
<div id="primary-menu-trigger"><i class="icon-reorder"></i></div>
|
||||
|
||||
<!-- Logo
|
||||
============================================= -->
|
||||
<div id="logo">
|
||||
<a href="/" class="standard-logo" data-dark-logo="/assets/ext/images/wrenchboard.png"><img src="/assets/ext/images/wrenchboard.png" alt="WrenchBoard Logo"></a>
|
||||
<a href="/" class="retina-logo" data-dark-logo="/assets/ext/images/wrenchboard.png"><img src="/assets/ext/images/wrenchboard.png" alt="WrenchBoard Logo"></a>
|
||||
</div><!-- #logo end -->
|
||||
|
||||
<!-- Primary Navigation
|
||||
============================================= -->
|
||||
<? include 'index2/menu.php'; ?>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</header><!-- #header end -->
|
||||
@@ -0,0 +1,586 @@
|
||||
|
||||
<nav id="primary-menu">
|
||||
|
||||
<ul>
|
||||
<li class="current"><a href="index.html"><div>Home</div></a>
|
||||
<ul>
|
||||
<li><a href="index-corporate.html"><div>Home - Corporate</div></a>
|
||||
<ul>
|
||||
<li><a href="index-corporate.html"><div>Corporate - Layout 1</div></a></li>
|
||||
<li><a href="index-corporate-2.html"><div>Corporate - Layout 2</div></a></li>
|
||||
<li><a href="index-corporate-3.html"><div>Corporate - Layout 3</div></a></li>
|
||||
<li><a href="index-corporate-4.html"><div>Corporate - Layout 4</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="index-portfolio.html"><div>Home - Portfolio</div></a>
|
||||
<ul>
|
||||
<li><a href="index-portfolio.html"><div>Portfolio - Layout 1</div></a></li>
|
||||
<li><a href="index-portfolio-2.html"><div>Portfolio - Layout 2</div></a></li>
|
||||
<li><a href="index-portfolio-3.html"><div>Portfolio - Masonry</div></a></li>
|
||||
<li><a href="index-portfolio-4.html"><div>Portfolio - AJAX</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="index-blog.html"><div>Home - Blog</div></a>
|
||||
<ul>
|
||||
<li><a href="index-blog.html"><div>Blog - Layout 1</div></a></li>
|
||||
<li><a href="index-blog-2.html"><div>Blog - Layout 2</div></a></li>
|
||||
<li><a href="index-blog-3.html"><div>Blog - Layout 3</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="index-shop.html"><div>Home - Shop</div></a>
|
||||
<ul>
|
||||
<li><a href="index-shop.html"><div>Shop - Layout 1</div></a></li>
|
||||
<li><a href="index-shop-2.html"><div>Shop - Layout 2</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="index-magazine.html"><div>Home - Magazine</div></a>
|
||||
<ul>
|
||||
<li><a href="index-magazine.html"><div>Magazine - Layout 1</div></a></li>
|
||||
<li><a href="index-magazine-2.html"><div>Magazine - Layout 2</div></a></li>
|
||||
<li><a href="index-magazine-3.html"><div>Magazine - Layout 3</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="landing.html"><div>Home - Landing Page</div></a>
|
||||
<ul>
|
||||
<li><a href="landing.html"><div>Landing Page - Layout 1</div></a></li>
|
||||
<li><a href="landing-2.html"><div>Landing Page - Layout 2</div></a></li>
|
||||
<li><a href="landing-3.html"><div>Landing Page - Layout 3</div></a></li>
|
||||
<li><a href="landing-4.html"><div>Landing Page - Layout 4</div></a></li>
|
||||
<li><a href="landing-5.html"><div>Landing Page - Layout 5</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="index-fullscreen-image.html"><div>Home - Full Screen</div></a>
|
||||
<ul>
|
||||
<li><a href="index-fullscreen-image.html"><div>Full Screen - Image</div></a></li>
|
||||
<li><a href="index-fullscreen-slider.html"><div>Full Screen - Slider</div></a></li>
|
||||
<li><a href="index-fullscreen-video.html"><div>Full Screen - Video</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="index-onepage.html"><div>Home - One Page</div></a>
|
||||
<ul>
|
||||
<li><a href="index-onepage.html"><div>One Page - Default</div></a></li>
|
||||
<li><a href="index-onepage-2.html"><div>One Page - Submenu</div></a></li>
|
||||
<li><a href="index-onepage-3.html"><div>One Page - Dots Style</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="index-wedding.html"><div>Home - Wedding</div></a></li>
|
||||
<li><a href="index-restaurant.html"><div>Home - Restaurant</div></a></li>
|
||||
<li><a href="index-events.html"><div>Home - Events</div></a></li>
|
||||
<li><a href="index-parallax.html"><div>Home - Parallax</div></a></li>
|
||||
<li><a href="index-app-showcase.html"><div>Home - App Showcase</div></a></li>
|
||||
<li><a href="index-boxed.html"><div>Home - Boxed Layout</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#"><div>Features</div></a>
|
||||
<ul>
|
||||
<li><a href="#"><div><i class="icon-stack"></i>Sliders</div></a>
|
||||
<ul>
|
||||
<li><a href="slider-revolution.html"><div>Revolution Slider</div></a>
|
||||
<ul>
|
||||
<li><a href="rs-demo-premium-concept.html"><div>Premium Templates</div></a></li>
|
||||
<li><a href="slider-revolution.html"><div>Full Screen</div></a></li>
|
||||
<li><a href="slider-revolution-fullwidth.html"><div>Full Width</div></a></li>
|
||||
<li><a href="slider-revolution-kenburns.html"><div>Kenburns Effect</div></a></li>
|
||||
<li><a href="slider-revolution-html5-videos.html"><div>HTML5 Video</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="slider-canvas.html"><div>Canvas Slider</div></a>
|
||||
<ul>
|
||||
<li><a href="slider-canvas.html"><div>Full Width</div></a></li>
|
||||
<li><a href="slider-canvas-fade.html"><div>Fade Transition</div></a></li>
|
||||
<li><a href="slider-canvas-autoplay.html"><div>Autoplay Feature</div></a></li>
|
||||
<li><a href="slider-canvas-video-event.html"><div>Custom Video Event</div></a></li>
|
||||
<li><a href="slider-canvas-pagination.html"><div>Pagination Navigation</div></a></li>
|
||||
<li><a href="slider-canvas-3.html"><div>3 Columns</div></a></li>
|
||||
<li><a href="slider-canvas-4.html"><div>4 Columns</div></a></li>
|
||||
<li><a href="slider-canvas-5.html"><div>5 Columns</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="slider-flex.html"><div>Flex Slider</div></a>
|
||||
<ul>
|
||||
<li><a href="slider-flex.html"><div>Default Layout</div></a></li>
|
||||
<li><a href="slider-flex-thumbs.html"><div>with Thumbs</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="slider-owl.html"><div>Owl Slider</div></a>
|
||||
<ul>
|
||||
<li><a href="slider-owl-full.html"><div>Full Width</div></a></li>
|
||||
<li><a href="slider-owl.html"><div>Boxed Width</div></a></li>
|
||||
<li><a href="slider-owl-videos.html"><div>Video Slider</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="static-parallax.html"><div>Static Media</div></a>
|
||||
<ul>
|
||||
<li><a href="static-parallax.html"><div>Static - Parallax</div></a></li>
|
||||
<li><a href="static-image.html"><div>Static - Image</div></a></li>
|
||||
<li><a href="static-thumbs-grid.html"><div>Static - Thumb Gallery</div></a></li>
|
||||
<li><a href="static-html5-video.html"><div>Static - HTML5 Video</div></a></li>
|
||||
<li><a href="static-embed-video.html"><div>Static - Embedded Video</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="widgets.html"><div><i class="icon-gift"></i>Widgets</div></a>
|
||||
<ul>
|
||||
<li><a href="widgets.html"><div>Links</div></a></li>
|
||||
<li><a href="widgets.html"><div>Flickr Photostream</div></a></li>
|
||||
<li><a href="widgets.html"><div>Dribbble Shots</div></a></li>
|
||||
<li><a href="widgets.html"><div>Instagram Feed</div></a></li>
|
||||
<li><a href="widgets.html"><div>Posts List</div></a></li>
|
||||
<li><a href="widgets.html"><div>Twitter Feed</div></a></li>
|
||||
<li><a href="widgets.html"><div>Tabbed Widgets</div></a></li>
|
||||
<li><a href="widgets.html"><div>Carousel</div></a></li>
|
||||
<li><a href="widgets.html"><div>Subscribers</div></a></li>
|
||||
<li><a href="widgets.html"><div>Social Icons</div></a></li>
|
||||
<li><a href="widgets.html"><div>Testimonials</div></a></li>
|
||||
<li><a href="widgets.html"><div>Quick Contact</div></a></li>
|
||||
<li><a href="widgets.html"><div>Tags Cloud</div></a></li>
|
||||
<li><a href="widgets.html"><div>Video Embeds</div></a></li>
|
||||
<li><a href="widgets.html"><div>Raw Text/HTML</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#"><div><i class="icon-umbrella"></i>Headers</div></a>
|
||||
<ul>
|
||||
<li><a href="header-light.html"><div>Light Version</div></a></li>
|
||||
<li><a href="header-dark.html"><div>Dark Version</div></a></li>
|
||||
<li><a href="header-transparent.html"><div>Transparent</div></a></li>
|
||||
<li><a href="header-semi-transparent.html"><div>Semi Transparent</div></a>
|
||||
<ul>
|
||||
<li><a href="header-semi-transparent.html"><div>Light Version</div></a></li>
|
||||
<li><a href="header-semi-transparent-dark.html"><div>Dark Version</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="header-side-left.html"><div>Left Side Header</div></a>
|
||||
<ul>
|
||||
<li><a href="header-side-left.html"><div>Fixed Position</div></a></li>
|
||||
<li><a href="header-side-left-open.html"><div>OnClick Open</div></a></li>
|
||||
<li><a href="header-side-left-open-push.html"><div>Push Content</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="header-side-right.html"><div>Right Side Header</div></a>
|
||||
<ul>
|
||||
<li><a href="header-side-right.html"><div>Fixed Position</div></a></li>
|
||||
<li><a href="header-side-right-open.html"><div>OnClick Open</div></a></li>
|
||||
<li><a href="header-side-right-open-push.html"><div>Push Content</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="header-floating.html"><div>Floating Version</div></a></li>
|
||||
<li><a href="static-sticky.html"><div>Static Sticky</div></a></li>
|
||||
<li><a href="responsive-sticky.html"><div>Responsive Sticky</div></a></li>
|
||||
<li><a href="logo-changer.html"><div>Alternate Logos</div></a></li>
|
||||
<li><a href="alternate-mobile-menu.html"><div>Alternate Mobile Menu</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="side-panel.html"><div><i class="icon-line-layout"></i>Side Panel</div></a>
|
||||
<ul>
|
||||
<li><a href="side-panel-left-overlay.html"><div>Left Overlay</div></a></li>
|
||||
<li><a href="side-panel-left-push.html"><div>Left Push</div></a></li>
|
||||
<li><a href="side-panel-right-overlay.html"><div>Right Overlay</div></a></li>
|
||||
<li><a href="side-panel.html"><div>Right Push</div></a></li>
|
||||
<li><a href="side-panel-light.html"><div>Light Background</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="mega-menu.html"><div><i class="icon-line-columns"></i>Mega Menu</div></a></li>
|
||||
<li><a href="#"><div><i class="icon-align-justify2"></i>Menu Styles</div></a>
|
||||
<ul>
|
||||
<li><a href="header-light.html"><div>Menu - Style 1</div></a></li>
|
||||
<li><a href="menu-2.html"><div>Menu - Style 2</div></a></li>
|
||||
<li><a href="menu-3.html"><div>Menu - Style 3</div></a></li>
|
||||
<li><a href="menu-4.html"><div>Menu - Style 4</div></a></li>
|
||||
<li><a href="menu-5.html"><div>Menu - Style 5</div></a></li>
|
||||
<li><a href="menu-6.html"><div>Menu - Style 6</div></a></li>
|
||||
<li><a href="menu-7.html"><div>Menu - Style 7</div></a></li>
|
||||
<li><a href="menu-8.html"><div>Menu - Style 8</div></a></li>
|
||||
<li><a href="menu-9.html"><div>Menu - Style 9</div></a></li>
|
||||
<li><a href="menu-10.html"><div>Menu - Overlay</div></a></li>
|
||||
<li><a href="split-menu.html"><div>Menu - Split Layout</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#"><div><i class="icon-ok-sign"></i>Page Titles</div></a>
|
||||
<ul>
|
||||
<li><a href="page.html"><div>Left Align</div></a></li>
|
||||
<li><a href="page-title-right.html"><div>Right Align</div></a></li>
|
||||
<li><a href="page-title-center.html"><div>Center Align</div></a></li>
|
||||
<li><a href="page-titledark.html"><div>Dark Style</div></a></li>
|
||||
<li><a href="page-title-pattern.html"><div>Pattern Background</div></a></li>
|
||||
<li><a href="page-title-parallax.html"><div>Parallax Background</div></a>
|
||||
<ul>
|
||||
<li><a href="page-title-parallax.html"><div>Default Header</div></a></li>
|
||||
<li><a href="page-title-parallax-header.html"><div>Transparent Header</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="page-title-video.html"><div>HTML5 Video</div></a></li>
|
||||
<li><a href="page-title-nobg.html"><div>No Background</div></a></li>
|
||||
<li><a href="page-title-mini.html"><div>Mini Version</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="contact.html"><div><i class="icon-envelope-alt"></i>Contact Pages</div></a>
|
||||
<ul>
|
||||
<li><a href="contact.html">Contact 1</a></li>
|
||||
<li><a href="contact-2.html">Contact 2</a></li>
|
||||
<li><a href="contact-3.html">Contact 3</a></li>
|
||||
<li><a href="contact-4.html">Contact 4</a></li>
|
||||
<li><a href="contact-5.html">Contact 5</a></li>
|
||||
<li><a href="contact-6.html">Contact 6</a></li>
|
||||
<li><a href="contact-7.html">Contact 7</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#footer" data-scrollto="#footer"><div><i class="icon-th"></i>Footers</div></a>
|
||||
<ul>
|
||||
<li><a href="sticky-footer.html"><div>Sticky Footer</div></a></li>
|
||||
<li><a href="#footer" data-scrollto="#footer"><div>Footer - Layout 1</div></a></li>
|
||||
<li><a href="footer-2.html#footer"><div>Footer - Layout 2</div></a></li>
|
||||
<li><a href="footer-3.html#footer"><div>Footer - Layout 3</div></a></li>
|
||||
<li><a href="footer-4.html#footer"><div>Footer - Layout 4</div></a></li>
|
||||
<li><a href="footer-5.html#footer"><div>Footer - Layout 5</div></a></li>
|
||||
<li><a href="footer-6.html#footer"><div>Footer - Layout 6</div></a></li>
|
||||
<li><a href="footer-7.html#footer"><div>Footer - Layout 7</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#"><div><i class="icon-calendar3"></i>Events</div></a>
|
||||
<ul>
|
||||
<li><a href="events-calendar.html"><div>Full Width Calendar</div></a></li>
|
||||
<li><a href="events-list.html"><div>Events List</div></a>
|
||||
<ul>
|
||||
<li><a href="events-list.html"><div>Right Sidebar</div></a></li>
|
||||
<li><a href="events-list-left-sidebar.html"><div>Left Sidebar</div></a></li>
|
||||
<li><a href="events-list-both-sidebar.html"><div>Both Sidebar</div></a></li>
|
||||
<li><a href="events-list-fullwidth.html"><div>Full Width</div></a></li>
|
||||
<li><a href="events-list-parallax.html"><div>Parallax List</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="event-single.html"><div>Single Event</div></a>
|
||||
<ul>
|
||||
<li><a href="event-single-right-sidebar.html"><div>Right Sidebar</div></a></li>
|
||||
<li><a href="event-single-left-sidebar.html"><div>Left Sidebar</div></a></li>
|
||||
<li><a href="event-single-both-sidebar.html"><div>Both Sidebar</div></a></li>
|
||||
<li><a href="event-single.html"><div>Full Width</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="event-single-full-width-image.html"><div>Single Event - Full</div></a>
|
||||
<ul>
|
||||
<li><a href="event-single-full-width-image.html"><div>Parallax Image</div></a></li>
|
||||
<li><a href="event-single-full-width-map.html"><div>Google Map</div></a></li>
|
||||
<li><a href="event-single-full-width-slider.html"><div>Slider Gallery</div></a></li>
|
||||
<li><a href="event-single-full-width-video.html"><div>HTML5 Video</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="modal-onload.html"><div><i class="icon-line-expand"></i>Modal OnLoad</div></a>
|
||||
<ul>
|
||||
<li><a href="modal-onload.html"><div>Simple Layout</div></a></li>
|
||||
<li><a href="modal-onload-iframe.html"><div>Video iFrame</div></a></li>
|
||||
<li><a href="modal-onload-subscribe.html"><div>Subscription Form</div></a></li>
|
||||
<li><a href="modal-onload-common-height.html"><div>Common Height</div></a></li>
|
||||
<li><a href="modal-onload-cookie.html"><div>Cookies Enabled</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="coming-soon.html"><div><i class="icon-time"></i>Coming Soon</div></a>
|
||||
<ul>
|
||||
<li><a href="coming-soon.html"><div>Simple Layout</div></a></li>
|
||||
<li><a href="coming-soon-2.html"><div>Parallax Image</div></a></li>
|
||||
<li><a href="coming-soon-3.html"><div>HTML5 Video</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="profile.html"><div><i class="icon-user"></i>User Profile</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="mega-menu"><a href="#"><div>Pages</div></a>
|
||||
<div class="mega-menu-content style-2 clearfix">
|
||||
<ul class="mega-menu-column col-lg-3">
|
||||
<li class="mega-menu-title"><a href="#"><div>Introduction</div></a>
|
||||
<ul>
|
||||
<li><a href="about.html"><div>About Us</div></a></li>
|
||||
<li><a href="about-2.html"><div>About Us - Layout 2</div></a></li>
|
||||
<li><a href="about-me.html"><div>About Me</div></a></li>
|
||||
<li><a href="team.html"><div>Team Members</div></a></li>
|
||||
<li><a href="jobs.html"><div>Careers</div></a></li>
|
||||
<li><a href="side-navigation.html"><div>Side Navigation</div></a></li>
|
||||
<li><a href="page-submenu.html"><div>Page Submenu</div></a></li>
|
||||
<li><a href="sitemap.html"><div>Sitemap</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="mega-menu-column col-lg-3">
|
||||
<li class="mega-menu-title"><a href="#"><div>Utility</div></a>
|
||||
<ul>
|
||||
<li><a href="services.html"><div>Services - Layout 1</div></a></li>
|
||||
<li><a href="services-2.html"><div>Services - Layout 2</div></a></li>
|
||||
<li><a href="services-3.html"><div>Services - Layout 3</div></a></li>
|
||||
<li><a href="faqs.html"><div>FAQs - Layout 1</div></a></li>
|
||||
<li><a href="faqs-2.html"><div>FAQs - Layout 2</div></a></li>
|
||||
<li><a href="faqs-3.html"><div>FAQs - Layout 3</div></a></li>
|
||||
<li><a href="faqs-4.html"><div>FAQs - Layout 4</div></a></li>
|
||||
<li><a href="maintenance.html"><div>Maintenance Page</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="mega-menu-column col-lg-3">
|
||||
<li class="mega-menu-title"><a href="#"><div>Layout Grids</div></a>
|
||||
<ul>
|
||||
<li><a href="full-width.html"><div>Full Width</div></a></li>
|
||||
<li><a href="full-width-wide.html"><div>Full Width - Wide</div></a></li>
|
||||
<li><a href="right-sidebar.html"><div>Right Sidebar</div></a></li>
|
||||
<li><a href="left-sidebar.html"><div>Left Sidebar</div></a></li>
|
||||
<li><a href="both-sidebar.html"><div>Both Sidebar</div></a></li>
|
||||
<li><a href="both-right-sidebar.html"><div>Both Right Sidebar</div></a></li>
|
||||
<li><a href="both-left-sidebar.html"><div>Both Left Sidebar</div></a></li>
|
||||
<li><a href="blank-page.html"><div>Blank Page</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="mega-menu-column col-lg-3">
|
||||
<li class="mega-menu-title"><a href="#"><div>Miscellaneous</div></a>
|
||||
<ul>
|
||||
<li><a href="login-register.html"><div>Login/Register</div></a></li>
|
||||
<li><a href="login-register-2.html"><div>Login/Register - Style 2</div></a></li>
|
||||
<li><a href="login-register-3.html"><div>Login/Register - Style 3</div></a></li>
|
||||
<li><a href="login-1.html"><div>Login - Style 1</div></a></li>
|
||||
<li><a href="login-2.html"><div>Login - Style 2</div></a></li>
|
||||
<li><a href="404.html"><div>404 - Simple Layout</div></a></li>
|
||||
<li><a href="404-2.html"><div>404 - Parallax Image</div></a></li>
|
||||
<li><a href="404-3.html"><div>404 - HTML5 Video</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="mega-menu"><a href="#"><div>Portfolio</div></a>
|
||||
<div class="mega-menu-content style-2 clearfix">
|
||||
<ul class="mega-menu-column col-5">
|
||||
<li class="mega-menu-title"><a href="#"><div>Grids</div></a>
|
||||
<ul>
|
||||
<li><a href="portfolio-1.html"><div>1 Column</div></a></li>
|
||||
<li><a href="portfolio-2.html"><div>2 Columns</div></a></li>
|
||||
<li><a href="portfolio-3.html"><div>3 Columns</div></a></li>
|
||||
<li><a href="portfolio.html"><div>4 Columns</div></a></li>
|
||||
<li><a href="portfolio-5.html"><div>5 Columns</div></a></li>
|
||||
<li><a href="portfolio-6.html"><div>6 Columns</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="mega-menu-column col-5">
|
||||
<li class="mega-menu-title"><a href="#"><div>Masonry</div></a>
|
||||
<ul>
|
||||
<li><a href="portfolio-mixed-masonry.html"><div>Mixed Columns</div></a></li>
|
||||
<li><a href="portfolio-2-masonry.html"><div>2 Columns</div></a></li>
|
||||
<li><a href="portfolio-3-masonry.html"><div>3 Columns</div></a></li>
|
||||
<li><a href="portfolio-masonry.html"><div>4 Columns</div></a></li>
|
||||
<li><a href="portfolio-5-masonry.html"><div>5 Columns</div></a></li>
|
||||
<li><a href="portfolio-6-masonry.html"><div>6 Columns</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="mega-menu-column col-5">
|
||||
<li class="mega-menu-title"><a href="#"><div>Loading Styles</div></a>
|
||||
<ul>
|
||||
<li><a href="portfolio.html"><div>jQuery Filter</div></a></li>
|
||||
<li><a href="portfolio-jpagination.html"><div>jQuery Pagination</div></a></li>
|
||||
<li><a href="portfolio-infinity-scroll.html"><div>Infinity Scroll</div></a></li>
|
||||
<li><a href="portfolio-ajax.html"><div>AJAX In Page</div></a></li>
|
||||
<li><a href="portfolio-ajax-in-modal.html"><div>AJAX In Modal</div></a></li>
|
||||
<li><a href="portfolio-filter-styles.html"><div>Filter Styles</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="mega-menu-column col-5">
|
||||
<li class="mega-menu-title"><a href="#"><div>Single Project</div></a>
|
||||
<ul>
|
||||
<li><a href="portfolio-single-extended.html"><div>Extended Item</div></a></li>
|
||||
<li><a href="portfolio-single-fullwidth.html"><div>Parallax Image</div></a></li>
|
||||
<li><a href="portfolio-single-gallery-full.html"><div>Slider Gallery</div></a></li>
|
||||
<li><a href="portfolio-single-video-fullwidth-left-sidebar.html"><div>HTML5 Video</div></a></li>
|
||||
<li><a href="portfolio-single-thumbs-right-sidebar.html"><div>Masonry Thumbs</div></a></li>
|
||||
<li><a href="portfolio-single-video-both-sidebar.html"><div>Embed Video</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="mega-menu-column col-5">
|
||||
<li class="mega-menu-title"><a href="#"><div>Layouts</div></a>
|
||||
<ul>
|
||||
<li><a href="portfolio-nomargin.html"><div>Default</div></a></li>
|
||||
<li><a href="portfolio-1-alt-right-sidebar.html"><div>Right Sidebar</div></a></li>
|
||||
<li><a href="portfolio-3-left-sidebar.html"><div>Left Sidebar</div></a></li>
|
||||
<li><a href="portfolio-2-both-sidebar.html"><div>Both Sidebar</div></a></li>
|
||||
<li><a href="portfolio-fullwidth-notitle.html"><div>100% Width</div></a></li>
|
||||
<li><a href="portfolio-parallax.html"><div>Parallax</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="mega-menu"><a href="#"><div>Blog</div></a>
|
||||
<div class="mega-menu-content style-2 clearfix">
|
||||
<ul class="mega-menu-column col-lg-3">
|
||||
<li class="mega-menu-title"><a href="#"><div>Default</div></a>
|
||||
<ul>
|
||||
<li><a href="blog.html"><div>Right Sidebar</div></a></li>
|
||||
<li><a href="blog-left-sidebar.html"><div>Left Sidebar</div></a></li>
|
||||
<li><a href="blog-both-sidebar.html"><div>Both Sidebar</div></a></li>
|
||||
<li><a href="blog-full-width.html"><div>Full Width</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="mega-menu-title"><a href="#"><div>Timeline</div></a>
|
||||
<ul>
|
||||
<li><a href="blog-timeline-right-sidebar.html"><div>Right Sidebar</div></a></li>
|
||||
<li><a href="blog-timeline-left-sidebar.html"><div>Left Sidebar</div></a></li>
|
||||
<li><a href="blog-timeline.html"><div>Full Width</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="mega-menu-column col-lg-3">
|
||||
<li class="mega-menu-title"><a href="#"><div>Masonry</div></a>
|
||||
<ul>
|
||||
<li><a href="blog-masonry.html"><div>4 Columns</div></a></li>
|
||||
<li><a href="blog-masonry-3.html"><div>3 Columns</div></a></li>
|
||||
<li><a href="blog-masonry-2.html"><div>2 Columns</div></a></li>
|
||||
<li><a href="blog-masonry-full.html"><div>100% Width</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="mega-menu-title"><a href="#"><div>Grid</div></a>
|
||||
<ul>
|
||||
<li><a href="blog-grid.html"><div>4 Columns</div></a></li>
|
||||
<li><a href="blog-grid-3.html"><div>3 Columns</div></a></li>
|
||||
<li><a href="blog-grid-2.html"><div>2 Columns</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="mega-menu-column col-lg-3">
|
||||
<li class="mega-menu-title"><a href="#"><div>Small Thumbs</div></a>
|
||||
<ul>
|
||||
<li><a href="blog-small-left-sidebar.html"><div>Left Sidebar</div></a></li>
|
||||
<li><a href="blog-small.html"><div>Right Sidebar</div></a></li>
|
||||
<li><a href="blog-small-both-sidebar.html"><div>Both Sidebar</div></a></li>
|
||||
<li><a href="blog-small-full-width.html"><div>Full Width</div></a></li>
|
||||
<li><a href="blog-small-alt.html"><div>Alternate Layout</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="mega-menu-title"><a href="#"><div>Item Splitting</div></a>
|
||||
<ul>
|
||||
<li><a href="blog-grid.html"><div>Pagination</div></a></li>
|
||||
<li><a href="blog-masonry.html"><div>Infinite Scroll</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="mega-menu-column col-lg-3">
|
||||
<li class="mega-menu-title"><a href="#"><div>Single</div></a>
|
||||
<ul>
|
||||
<li><a href="blog-single.html"><div>Default Layout</div></a></li>
|
||||
<li><a href="blog-single-left-sidebar.html"><div>Left Sidebar</div></a></li>
|
||||
<li><a href="blog-single-full.html"><div>Full Width</div></a></li>
|
||||
<li><a href="blog-single-small.html"><div>Small Image</div></a></li>
|
||||
<li><a href="blog-single-split-right-sidebar.html"><div>Split Layout</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="mega-menu-title"><a href="#"><div>Comments Module</div></a>
|
||||
<ul>
|
||||
<li><a href="blog-single-left-sidebar.html#comments"><div>Facebook Comments</div></a></li>
|
||||
<li><a href="blog-single-small.html#comments"><div>Disqus Comments</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="shop.html"><div>Shop</div></a>
|
||||
<ul>
|
||||
<li><a href="shop.html"><div>4 Columns</div></a></li>
|
||||
<li><a href="shop-3.html"><div>3 Columns</div></a>
|
||||
<ul>
|
||||
<li><a href="shop-3.html"><div>Full Width</div></a></li>
|
||||
<li><a href="shop-3-right-sidebar.html"><div>Right Sidebar</div></a></li>
|
||||
<li><a href="shop-3-left-sidebar.html"><div>Left Sidebar</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="shop-2.html"><div>2 Columns</div></a>
|
||||
<ul>
|
||||
<li><a href="shop-2-right-sidebar.html"><div>Right Sidebar</div></a></li>
|
||||
<li><a href="shop-2-left-sidebar.html"><div>Left Sidebar</div></a></li>
|
||||
<li><a href="shop-2-both-sidebar.html"><div>Both Sidebar</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="shop-1.html"><div>1 Columns</div></a>
|
||||
<ul>
|
||||
<li><a href="shop-1.html"><div>Full Width</div></a></li>
|
||||
<li><a href="shop-1-right-sidebar.html"><div>Right Sidebar</div></a></li>
|
||||
<li><a href="shop-1-left-sidebar.html"><div>Left Sidebar</div></a></li>
|
||||
<li><a href="shop-1-both-sidebar.html"><div>Both Sidebar</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="shop-category-parallax.html"><div>Categories - Parallax</div></a></li>
|
||||
<li><a href="shop-combination-filter.html"><div>Combination Filter</div></a></li>
|
||||
<li><a href="shop-single.html"><div>Single Product</div></a>
|
||||
<ul>
|
||||
<li><a href="shop-single.html"><div>Full Width</div></a></li>
|
||||
<li><a href="shop-single-right-sidebar.html"><div>Right Sidebar</div></a></li>
|
||||
<li><a href="shop-single-left-sidebar.html"><div>Left Sidebar</div></a></li>
|
||||
<li><a href="shop-single-both-sidebar.html"><div>Both Sidebar</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="cart.html"><div>Cart</div></a></li>
|
||||
<li><a href="checkout.html"><div>Checkout</div></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="mega-menu"><a href="#"><div>Shortcodes</div></a>
|
||||
<div class="mega-menu-content clearfix">
|
||||
<ul class="mega-menu-column col-5">
|
||||
<li><a href="animations.html"><div><i class="icon-magic"></i>Animations</div></a></li>
|
||||
<li><a href="buttons.html"><div><i class="icon-link"></i>Buttons</div></a></li>
|
||||
<li><a href="carousel.html"><div><i class="icon-heart3"></i>Carousel</div></a></li>
|
||||
<li><a href="charts.html"><div><i class="icon-bar-chart"></i>Charts</div></a></li>
|
||||
<li><a href="clients.html"><div><i class="icon-apple"></i>Clients</div></a></li>
|
||||
<li><a href="columns-grids.html"><div><i class="icon-th-large"></i>Columns</div></a></li>
|
||||
<li><a href="counters.html"><div><i class="icon-time"></i>Counters</div></a></li>
|
||||
<li><a href="component-datatable.html"><div><i class="icon-table"></i>Data Tables</div></a></li>
|
||||
<li><a href="component-datepicker.html"><div><i class="icon-calendar3"></i>Date & Time Pickers</div></a></li>
|
||||
</ul>
|
||||
<ul class="mega-menu-column col-5">
|
||||
<li><a href="dividers.html"><div><i class="icon-indent-right"></i>Dividers</div></a></li>
|
||||
<li><a href="featured-boxes.html"><div><i class="icon-lightbulb"></i>Icon Boxes</div></a></li>
|
||||
<li><a href="gallery.html"><div><i class="icon-picture"></i>Galleries</div></a></li>
|
||||
<li><a href="headings-dropcaps.html"><div><i class="icon-pencil2"></i>Heading Styles</div></a></li>
|
||||
<li><a href="icon-lists.html"><div><i class="icon-list-alt"></i>Icon Lists</div></a></li>
|
||||
<li><a href="labels-badges.html"><div><i class="icon-plus-sign"></i>Labels</div></a></li>
|
||||
<li><a href="lightbox.html"><div><i class="icon-resize-full"></i>Lightbox</div></a></li>
|
||||
<li><a href="form-elements.html"><div><i class="icon-edit"></i>Form Elements</div></a></li>
|
||||
<li><a href="component-uploads.html"><div><i class="icon-line-upload"></i>File Uploads</div></a></li>
|
||||
</ul>
|
||||
<ul class="mega-menu-column col-5">
|
||||
<li><a href="lists-cards.html"><div><i class="icon-th-list"></i>Lists & Cards</div></a></li>
|
||||
<li><a href="maps.html"><div><i class="icon-map-marker2"></i>Maps</div></a></li>
|
||||
<li><a href="media-embeds.html"><div><i class="icon-play"></i>Media Embeds</div></a></li>
|
||||
<li><a href="modal-popovers.html"><div><i class="icon-move"></i>Modal Boxes</div></a></li>
|
||||
<li><a href="navigation.html"><div><i class="icon-align-justify2"></i>Navigations</div></a></li>
|
||||
<li><a href="pagination-progress.html"><div><i class="icon-cogs"></i>Pagination</div></a></li>
|
||||
<li><a href="pie-skills.html"><div><i class="icon-tasks"></i>Pies & Skills</div></a></li>
|
||||
<li><a href="component-range-slider.html"><div><i class="icon-line-move"></i>Range Slider</div></a></li>
|
||||
<li><a href="component-ratings.html"><div><i class="icon-star3"></i>Star Ratings</div></a></li>
|
||||
</ul>
|
||||
<ul class="mega-menu-column col-5">
|
||||
<li><a href="pricing.html"><div><i class="icon-dollar"></i>Pricing Boxes</div></a></li>
|
||||
<li><a href="process-steps.html"><div><i class="icon-thumbs-up"></i>Process Steps</div></a></li>
|
||||
<li><a href="promo-boxes.html"><div><i class="icon-rocket"></i>Promo Boxes</div></a></li>
|
||||
<li><a href="quotes-blockquotes.html"><div><i class="icon-quote-left"></i>Blockquotes</div></a></li>
|
||||
<li><a href="responsive.html"><div><i class="icon-laptop2"></i>Responsive</div></a></li>
|
||||
<li><a href="sections.html"><div><i class="icon-folder-open"></i>Sections</div></a></li>
|
||||
<li><a href="social-icons.html"><div><i class="icon-facebook2"></i>Social Icons</div></a></li>
|
||||
<li><a href="component-select-picker.html"><div><i class="icon-select"></i>Select Picker</div></a></li>
|
||||
<li><a href="component-select-box.html"><div><i class="icon-line-columns"></i>Select Boxes</div></a></li>
|
||||
</ul>
|
||||
<ul class="mega-menu-column col-5">
|
||||
<li><a href="style-boxes.html"><div><i class="icon-exclamation-sign"></i>Alert Boxes</div></a></li>
|
||||
<li><a href="styled-icons.html"><div><i class="icon-flag2"></i>Styled Icons</div></a></li>
|
||||
<li><a href="tables.html"><div><i class="icon-table"></i>Tables</div></a></li>
|
||||
<li><a href="tabs.html"><div><i class="icon-star3"></i>Tabs</div></a></li>
|
||||
<li><a href="testimonials-twitter.html"><div><i class="icon-user4"></i>Testimonials</div></a></li>
|
||||
<li><a href="thumbnails-slider.html"><div><i class="icon-camera3"></i>Thumbnails</div></a></li>
|
||||
<li><a href="toggles-accordions.html"><div><i class="icon-ok-circle"></i>Toggles</div></a></li>
|
||||
<li><a href="component-radios-switches.html"><div><i class="icon-line-square-check"></i>Radios & Switches</div></a></li>
|
||||
<li><a href="component-typeahead.html"><div><i class="icon-type"></i>Input Typeahead</div></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
</nav><!-- #primary-menu end -->
|
||||
@@ -0,0 +1,13 @@
|
||||
|
||||
<nav id="primary-menu">
|
||||
|
||||
<ul>
|
||||
<li class="current"><a href="/"><div>Home</div></a> </li>
|
||||
<li><a href="#"><div>How it Works</div></a></li>
|
||||
<li><a href="#"><div>Market</div></a></li>
|
||||
<li><a href="/login"><div>Login</div></a></li>
|
||||
<li class="mega-menu" style="background-color: #6666ff;"><a href="/registration"><div>Sign up</div></a></li>
|
||||
</ul>
|
||||
|
||||
|
||||
</nav><!-- #primary-menu end -->
|
||||
@@ -0,0 +1,524 @@
|
||||
|
||||
|
||||
<section id="slider" class="slider-element slider-parallax swiper_wrapper clearfix">
|
||||
|
||||
<div class="slider-parallax-inner">
|
||||
|
||||
<div class="swiper-container swiper-parent">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide dark" style="background-image: url('images/slider/swiper/1.jpg');">
|
||||
<div class="container clearfix">
|
||||
<div class="slider-caption slider-caption-center">
|
||||
<h2 data-caption-animate="fadeInUp">Welcome to WrenchBoard</h2>
|
||||
<p class="d-none d-sm-block" data-caption-animate="fadeInUp" data-caption-delay="200">Create just what you need for your Perfect Website. Choose from a wide range of Elements & simply put them on our Canvas.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide dark">
|
||||
<div class="container clearfix">
|
||||
<div class="slider-caption slider-caption-center">
|
||||
<h2 data-caption-animate="fadeInUp">Beautifully Flexible</h2>
|
||||
<p class="d-none d-sm-block" data-caption-animate="fadeInUp" data-caption-delay="200">Looks beautiful & ultra-sharp on Retina Screen Displays. Powerful Layout with Responsive functionality that can be adapted to any screen size.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="video-wrap">
|
||||
<video poster="/hassets2/images/videos/explore.jpg" preload="auto" loop autoplay muted>
|
||||
<source src='/hassets2/images/videos/explore.mp4' type='video/mp4' />
|
||||
<source src='/hassets2/images/videos/explore.webm' type='video/webm' />
|
||||
</video>
|
||||
<div class="video-overlay" style="background-color: rgba(0,0,0,0.55);"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide" style="background-image: url('/hassets2/images/slider/swiper/3.jpg'); background-position: center top;">
|
||||
<div class="container clearfix">
|
||||
<div class="slider-caption">
|
||||
<h2 data-caption-animate="fadeInUp">Great Performance</h2>
|
||||
<p class="d-none d-sm-block" data-caption-animate="fadeInUp" data-caption-delay="200">You'll be surprised to see the Final Results of your Creation & would crave for more.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slider-arrow-left"><i class="icon-angle-left"></i></div>
|
||||
<div class="slider-arrow-right"><i class="icon-angle-right"></i></div>
|
||||
<div class="slide-number"><div class="slide-number-current"></div><span>/</span><div class="slide-number-total"></div></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<!-- Content
|
||||
============================================= -->
|
||||
<section id="content">
|
||||
|
||||
<div class="content-wrap">
|
||||
|
||||
<div class="promo promo-light promo-full bottommargin-lg header-stick notopborder">
|
||||
<div class="container clearfix">
|
||||
<h3>Call us today at <span>+91.22.57412541</span> or Email us at <span>support@canvas.com</span></h3>
|
||||
<span>We strive to provide Our Customers with Top Notch Support to make their Theme Experience Wonderful</span>
|
||||
<a href="/login" class="button button-dark button-xlarge button-rounded">Your Dashboard</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container clearfix">
|
||||
|
||||
<div class="col_one_fourth nobottommargin">
|
||||
<div class="feature-box fbox-center fbox-light fbox-effect nobottomborder">
|
||||
<div class="fbox-icon">
|
||||
<a href="#"><i class="i-alt noborder icon-shop"></i></a>
|
||||
</div>
|
||||
<h3>e-Commerce Solutions<span class="subtitle">Start your Own Shop today</span></h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col_one_fourth nobottommargin">
|
||||
<div class="feature-box fbox-center fbox-light fbox-effect nobottomborder">
|
||||
<div class="fbox-icon">
|
||||
<a href="#"><i class="i-alt noborder icon-wallet"></i></a>
|
||||
</div>
|
||||
<h3>Easy Payment Options<span class="subtitle">Credit Cards & PayPal Support</span></h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col_one_fourth nobottommargin">
|
||||
<div class="feature-box fbox-center fbox-light fbox-effect nobottomborder">
|
||||
<div class="fbox-icon">
|
||||
<a href="#"><i class="i-alt noborder icon-megaphone"></i></a>
|
||||
</div>
|
||||
<h3>Instant Notifications<span class="subtitle">Realtime Email & SMS Support</span></h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col_one_fourth nobottommargin col_last">
|
||||
<div class="feature-box fbox-center fbox-light fbox-effect nobottomborder">
|
||||
<div class="fbox-icon">
|
||||
<a href="#"><i class="i-alt noborder icon-fire"></i></a>
|
||||
</div>
|
||||
<h3>Hot Offers Daily<span class="subtitle">Upto 50% Discounts</span></h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clear"></div><div class="line bottommargin-lg"></div>
|
||||
|
||||
<div class="col_two_fifth nobottommargin">
|
||||
<a href="http://vimeo.com/101373765" data-lightbox="iframe">
|
||||
<img src="/hassets2/images/others/1.jpg" alt="Image">
|
||||
<span class="i-overlay"><img src="/hassets2/images/icons/play.png" alt="Play"></span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="col_three_fifth nobottommargin col_last">
|
||||
|
||||
<div class="heading-block">
|
||||
<h2>Globally Preferred Ecommerce Platform</h2>
|
||||
</div>
|
||||
|
||||
<p>Worldwide John Lennon, mobilize humanitarian; emergency response donors; cause human experience effect. Volunteer Action Against Hunger Aga Khan safeguards women's.</p>
|
||||
|
||||
<div class="col_half nobottommargin">
|
||||
<ul class="iconlist iconlist-color nobottommargin">
|
||||
<li><i class="icon-caret-right"></i> Responsive Ready Layout</li>
|
||||
<li><i class="icon-caret-right"></i> Retina Display Supported</li>
|
||||
<li><i class="icon-caret-right"></i> Powerful & Optimized Code</li>
|
||||
<li><i class="icon-caret-right"></i> 380+ Templates Included</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col_half nobottommargin col_last">
|
||||
<ul class="iconlist iconlist-color nobottommargin">
|
||||
<li><i class="icon-caret-right"></i> 12+ Headers & Menu Designs</li>
|
||||
<li><i class="icon-caret-right"></i> Premium Sliders Included</li>
|
||||
<li><i class="icon-caret-right"></i> Light & Dark Colors</li>
|
||||
<li><i class="icon-caret-right"></i> e-Commerce Design Included</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="section topmargin-lg">
|
||||
<div class="container clearfix">
|
||||
|
||||
<div class="heading-block center">
|
||||
<h2>Features that you are gonna Love</h2>
|
||||
<span>Canvas comes with 100+ Feature oriented Shortcodes that are easy to use too.</span>
|
||||
</div>
|
||||
|
||||
<div class="clear bottommargin-sm"></div>
|
||||
|
||||
<div class="col_one_third">
|
||||
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn">
|
||||
<div class="fbox-icon">
|
||||
<a href="#"><i class="icon-phone2"></i></a>
|
||||
</div>
|
||||
<h3>Responsive Layout</h3>
|
||||
<p>Powerful Layout with Responsive functionality that can be adapted to any screen size.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col_one_third">
|
||||
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="200">
|
||||
<div class="fbox-icon">
|
||||
<a href="#"><i class="icon-eye"></i></a>
|
||||
</div>
|
||||
<h3>Retina Ready Graphics</h3>
|
||||
<p>Looks beautiful & ultra-sharp on Retina Displays with Retina Icons, Fonts & Images.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col_one_third col_last">
|
||||
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="400">
|
||||
<div class="fbox-icon">
|
||||
<a href="#"><i class="icon-star2"></i></a>
|
||||
</div>
|
||||
<h3>Powerful Performance</h3>
|
||||
<p>Optimized code that are completely customizable and deliver unmatched fast performance.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
|
||||
<div class="col_one_third">
|
||||
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="600">
|
||||
<div class="fbox-icon">
|
||||
<a href="#"><i class="icon-video"></i></a>
|
||||
</div>
|
||||
<h3>HTML5 Video</h3>
|
||||
<p>Canvas provides support for Native HTML5 Videos that can be added to a Full Width Background.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col_one_third">
|
||||
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="800">
|
||||
<div class="fbox-icon">
|
||||
<a href="#"><i class="icon-params"></i></a>
|
||||
</div>
|
||||
<h3>Parallax Support</h3>
|
||||
<p>Display your Content attractively using Parallax Sections that have unlimited customizable areas.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col_one_third col_last">
|
||||
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="1000">
|
||||
<div class="fbox-icon">
|
||||
<a href="#"><i class="icon-fire"></i></a>
|
||||
</div>
|
||||
<h3>Endless Possibilities</h3>
|
||||
<p>Complete control on each & every element that provides endless customization possibilities.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
|
||||
<div class="col_one_third nobottommargin">
|
||||
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="1200">
|
||||
<div class="fbox-icon">
|
||||
<a href="#"><i class="icon-bulb"></i></a>
|
||||
</div>
|
||||
<h3>Light & Dark Color Schemes</h3>
|
||||
<p>Change your Website's Primary Scheme instantly by simply adding the dark class to the body.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col_one_third nobottommargin">
|
||||
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="1400">
|
||||
<div class="fbox-icon">
|
||||
<a href="#"><i class="icon-heart2"></i></a>
|
||||
</div>
|
||||
<h3>Boxed & Wide Layouts</h3>
|
||||
<p>Stretch your Website to the Full Width or make it boxed to surprise your visitors.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col_one_third nobottommargin col_last">
|
||||
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="1600">
|
||||
<div class="fbox-icon">
|
||||
<a href="#"><i class="icon-note"></i></a>
|
||||
</div>
|
||||
<h3>Extensive Documentation</h3>
|
||||
<p>We have covered each & everything in our Documentation including Videos & Screenshots.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container clearfix">
|
||||
|
||||
<div class="heading-block center">
|
||||
<h3>Some of our <span>Featured</span> Works</h3>
|
||||
<span>We have worked on some Awesome Projects that are worth boasting of.</span>
|
||||
</div>
|
||||
|
||||
<div id="oc-portfolio" class="owl-carousel portfolio-carousel portfolio-nomargin carousel-widget" data-margin="1" data-pagi="false" data-autoplay="5000" data-items-xs="1" data-items-sm="2" data-items-md="3" data-items-xl="4">
|
||||
|
||||
<div class="oc-item">
|
||||
<div class="iportfolio">
|
||||
<div class="portfolio-image">
|
||||
<a href="portfolio-single.html">
|
||||
<img src="/hassets2/images/portfolio/4/1.jpg" alt="Open Imagination">
|
||||
</a>
|
||||
<div class="portfolio-overlay">
|
||||
<a href="/hassets2/images/portfolio/full/1.jpg" class="left-icon" data-lightbox="image"><i class="icon-line-plus"></i></a>
|
||||
<a href="portfolio-single.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio-desc">
|
||||
<h3><a href="portfolio-single.html">Open Imagination</a></h3>
|
||||
<span><a href="#">Media</a>, <a href="#">Icons</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="oc-item">
|
||||
<div class="iportfolio">
|
||||
<div class="portfolio-image">
|
||||
<a href="portfolio-single.html">
|
||||
<img src="/hassets2/images/portfolio/4/2.jpg" alt="Locked Steel Gate">
|
||||
</a>
|
||||
<div class="portfolio-overlay">
|
||||
<a href="/hassets2/images/portfolio/full/2.jpg" class="left-icon" data-lightbox="image"><i class="icon-line-plus"></i></a>
|
||||
<a href="portfolio-single.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio-desc">
|
||||
<h3><a href="portfolio-single.html">Locked Steel Gate</a></h3>
|
||||
<span><a href="#">Illustrations</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="oc-item">
|
||||
<div class="iportfolio">
|
||||
<div class="portfolio-image">
|
||||
<a href="#">
|
||||
<img src="/hassets2/images/portfolio/4/3.jpg" alt="Mac Sunglasses">
|
||||
</a>
|
||||
<div class="portfolio-overlay">
|
||||
<a href="http://vimeo.com/89396394" class="left-icon" data-lightbox="iframe"><i class="icon-line-play"></i></a>
|
||||
<a href="portfolio-single-video.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio-desc">
|
||||
<h3><a href="portfolio-single-video.html">Mac Sunglasses</a></h3>
|
||||
<span><a href="#">Graphics</a>, <a href="#">UI Elements</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="oc-item">
|
||||
<div class="iportfolio">
|
||||
<div class="portfolio-image">
|
||||
<a href="portfolio-single.html">
|
||||
<img src="/hassets2/images/portfolio/4/5.jpg" alt="Console Activity">
|
||||
</a>
|
||||
<div class="portfolio-overlay">
|
||||
<a href="/hassets2/images/portfolio/full/5.jpg" class="left-icon" data-lightbox="image"><i class="icon-line-plus"></i></a>
|
||||
<a href="portfolio-single.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio-desc">
|
||||
<h3><a href="portfolio-single.html">Console Activity</a></h3>
|
||||
<span><a href="#">UI Elements</a>, <a href="#">Media</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="oc-item">
|
||||
<div class="iportfolio">
|
||||
<div class="portfolio-image">
|
||||
<a href="portfolio-single-video.html">
|
||||
<img src="/hassets2/images/portfolio/4/7.jpg" alt="Backpack Contents">
|
||||
</a>
|
||||
<div class="portfolio-overlay">
|
||||
<a href="http://www.youtube.com/watch?v=kuceVNBTJio" class="left-icon" data-lightbox="iframe"><i class="icon-line-play"></i></a>
|
||||
<a href="portfolio-single-video.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio-desc">
|
||||
<h3><a href="portfolio-single-video.html">Backpack Contents</a></h3>
|
||||
<span><a href="#">UI Elements</a>, <a href="#">Icons</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="oc-item">
|
||||
<div class="iportfolio">
|
||||
<div class="portfolio-image">
|
||||
<a href="portfolio-single.html">
|
||||
<img src="/hassets2/images/portfolio/4/8.jpg" alt="Sunset Bulb Glow">
|
||||
</a>
|
||||
<div class="portfolio-overlay">
|
||||
<a href="/hassets2/images/portfolio/full/8.jpg" class="left-icon" data-lightbox="image"><i class="icon-line-plus"></i></a>
|
||||
<a href="portfolio-single.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio-desc">
|
||||
<h3><a href="portfolio-single.html">Sunset Bulb Glow</a></h3>
|
||||
<span><a href="#">Graphics</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="oc-item">
|
||||
<div class="iportfolio">
|
||||
<div class="portfolio-image">
|
||||
<a href="portfolio-single-video.html">
|
||||
<img src="/hassets2/images/portfolio/4/10.jpg" alt="Study Table">
|
||||
</a>
|
||||
<div class="portfolio-overlay">
|
||||
<a href="http://vimeo.com/91973305" class="left-icon" data-lightbox="iframe"><i class="icon-line-play"></i></a>
|
||||
<a href="portfolio-single-video.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio-desc">
|
||||
<h3><a href="portfolio-single-video.html">Study Table</a></h3>
|
||||
<span><a href="#">Graphics</a>, <a href="#">Media</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="oc-item">
|
||||
<div class="iportfolio">
|
||||
<div class="portfolio-image">
|
||||
<a href="portfolio-single.html">
|
||||
<img src="/hassets2/images/portfolio/4/11.jpg" alt="Workspace Stuff">
|
||||
</a>
|
||||
<div class="portfolio-overlay">
|
||||
<a href="/hassets2/images/portfolio/full/11.jpg" class="left-icon" data-lightbox="image"><i class="icon-line-plus"></i></a>
|
||||
<a href="portfolio-single.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio-desc">
|
||||
<h3><a href="portfolio-single.html">Workspace Stuff</a></h3>
|
||||
<span><a href="#">Media</a>, <a href="#">Icons</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="section topmargin-sm nobottommargin">
|
||||
|
||||
<div class="container clearfix">
|
||||
|
||||
<div class="heading-block center">
|
||||
<h3>Testimonials</h3>
|
||||
<span>Check out some of our Client Reviews</span>
|
||||
</div>
|
||||
|
||||
<ul class="testimonials-grid grid-3 clearfix nobottommargin">
|
||||
<li>
|
||||
<div class="testimonial">
|
||||
<div class="testi-image">
|
||||
<a href="#"><img src="/hassets2/images/testimonials/1.jpg" alt="Customer Testimonails"></a>
|
||||
</div>
|
||||
<div class="testi-content">
|
||||
<p>Incidunt deleniti blanditiis quas aperiam recusandae consequatur ullam quibusdam cum libero illo rerum repellendus!</p>
|
||||
<div class="testi-meta">
|
||||
John Doe
|
||||
<span>XYZ Inc.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="testimonial">
|
||||
<div class="testi-image">
|
||||
<a href="#"><img src="/hassets2/images/testimonials/2.jpg" alt="Customer Testimonails"></a>
|
||||
</div>
|
||||
<div class="testi-content">
|
||||
<p>Natus voluptatum enim quod necessitatibus quis expedita harum provident eos obcaecati id culpa corporis molestias.</p>
|
||||
<div class="testi-meta">
|
||||
Collis Ta'eed
|
||||
<span>Envato Inc.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="testimonial">
|
||||
<div class="testi-image">
|
||||
<a href="#"><img src="/hassets2/images/testimonials/7.jpg" alt="Customer Testimonails"></a>
|
||||
</div>
|
||||
<div class="testi-content">
|
||||
<p>Fugit officia dolor sed harum excepturi ex iusto magnam asperiores molestiae qui natus obcaecati facere sint amet.</p>
|
||||
<div class="testi-meta">
|
||||
Mary Jane
|
||||
<span>Google Inc.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="testimonial">
|
||||
<div class="testi-image">
|
||||
<a href="#"><img src="/hassets2/images/testimonials/3.jpg" alt="Customer Testimonails"></a>
|
||||
</div>
|
||||
<div class="testi-content">
|
||||
<p>Similique fugit repellendus expedita excepturi iure perferendis provident quia eaque. Repellendus, vero numquam?</p>
|
||||
<div class="testi-meta">
|
||||
Steve Jobs
|
||||
<span>Apple Inc.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="testimonial">
|
||||
<div class="testi-image">
|
||||
<a href="#"><img src="/hassets2/images/testimonials/4.jpg" alt="Customer Testimonails"></a>
|
||||
</div>
|
||||
<div class="testi-content">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus, perspiciatis illum totam dolore deleniti labore.</p>
|
||||
<div class="testi-meta">
|
||||
Jamie Morrison
|
||||
<span>Adobe Inc.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="testimonial">
|
||||
<div class="testi-image">
|
||||
<a href="#"><img src="/hassets2/images/testimonials/8.jpg" alt="Customer Testimonails"></a>
|
||||
</div>
|
||||
<div class="testi-content">
|
||||
<p>Porro dolorem saepe reiciendis nihil minus neque. Ducimus rem necessitatibus repellat laborum nemo quod.</p>
|
||||
<div class="testi-meta">
|
||||
Cyan Ta'eed
|
||||
<span>Tutsplus</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="container clearfix">
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<a href="#" class="button button-full center tright footer-stick">
|
||||
<div class="container clearfix">
|
||||
Canvas comes with Unlimited Customizations & Options. <strong>Check Out</strong> <i class="icon-caret-right" style="top:4px;"></i>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
</section><!-- #content end -->
|
||||
|
||||
|
||||
Reference in New Issue
Block a user