mirror of
https://github.com/dawidolko/Website-Templates.git
synced 2025-10-28 00:03:10 +01:00
451 lines
20 KiB
HTML
451 lines
20 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
|
|
<title>Swifty Bootstrap Multi-purpose Responsive Template</title>
|
|
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
|
<meta content="" name="description">
|
|
<meta content="http://webthemez.com" name="author">
|
|
<!-- css -->
|
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="css/fancybox/jquery.fancybox.css" rel="stylesheet">
|
|
<link href="css/jcarousel.css" rel="stylesheet">
|
|
<link href="css/flexslider.css" rel="stylesheet">
|
|
<link href="js/owl-carousel/owl.carousel.css" rel="stylesheet">
|
|
<link href="css/style.css" rel="stylesheet">
|
|
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
|
|
<!--[if lt IE 9]>
|
|
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
|
<![endif]-->
|
|
</head>
|
|
|
|
<body>
|
|
<div class="home-page" id="wrapper">
|
|
<!-- start header -->
|
|
|
|
<header>
|
|
<div class="navbar navbar-default navbar-static-top">
|
|
<div class="container">
|
|
<div class="navbar-header">
|
|
<button class="navbar-toggle" data-target=
|
|
".navbar-collapse" data-toggle="collapse" type=
|
|
"button"><span class="icon-bar"></span> <span class=
|
|
"icon-bar"></span> <span class=
|
|
"icon-bar"></span></button> <a class="navbar-brand"
|
|
href="index.html"><img alt="logo" src=
|
|
"img/logo.png"></a>
|
|
</div>
|
|
|
|
<div class="navbar-collapse collapse">
|
|
<ul class="nav navbar-nav">
|
|
<li class="active">
|
|
<a href="index.html">Home</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="about.html">About Us</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="services.html">Services</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="portfolio.html">Portfolio</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="pricing.html">Pricing</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="contact.html">Contact</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header><!-- end header -->
|
|
|
|
<section id="banner">
|
|
<!-- Slider -->
|
|
|
|
<div class="flexslider" id="main-slider">
|
|
<ul class="slides">
|
|
<li>
|
|
<img alt="" src="img/slides/1.jpg">
|
|
|
|
<div class="flex-caption wow fadeInLeft animated" data-wow-animation-name="none">
|
|
<h3>Smart Design</h3>
|
|
|
|
<p>Doloribus omnis minus temporibus perferquam</p>
|
|
</div>
|
|
</li>
|
|
|
|
<li>
|
|
<img alt="" src="img/slides/2.jpg">
|
|
|
|
<div class="flex-caption wow fadeInRight animated" data-wow-animation-name="none">
|
|
<h3>Best Quality</h3>
|
|
|
|
<p>Lorem ipsum dolo amet, consectetur
|
|
provident.</p>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div><!-- end slider -->
|
|
</section>
|
|
|
|
<section class="hero-text">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class=
|
|
"col-lg-6 col-sm-6 text-center wow fadeInLeft animated"
|
|
data-wow-animation-name="none"><img alt="" src=
|
|
"img/tab1.png"></div>
|
|
|
|
<div class="col-lg-6 col-sm-6 wow fadeInRight animated"
|
|
data-wow-animation-name="none">
|
|
<h1>Our Smart Products</h1>
|
|
<hr>
|
|
|
|
<p><i class="fa fa-check fa-lg pr-10"></i> Lorem
|
|
ipsum dolor sit amet, consectetur adipisicing elit.
|
|
Dolores quae porro consequatur aliquam, incidunt
|
|
eius magni provident, doloribus omnis minus
|
|
ovident, doloribus omnis minus temporibus
|
|
perferendis nesciunt. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam</p><br/>
|
|
|
|
<p><i class="fa fa-check fa-lg pr-10"></i> A Lorem
|
|
ipsum dolor sit amet, consectetur adipisicing elit.
|
|
Dolores quae porro consequatur aliquam, incidunt
|
|
eius magni provident, doloribus omnis minus
|
|
ovident, doloribus omnis minus temporibus
|
|
perferendis nesciunt. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam</p><br/>
|
|
|
|
<p><i class="fa fa-check fa-lg pr-10"></i> Sonsectetur adipisicing elit.
|
|
Dolores quae porro consequatur aliquam, incidunt
|
|
eius magni provident, doloribus omnis minus
|
|
ovident, doloribus omnis minus temporibus
|
|
perferendis nesciunt. Sed ut perspiciatis unde omnis iste natus error sit.</p>
|
|
<hr>
|
|
<a class="btn btn-purchase" href=
|
|
"javascript:;">Purchase now</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="content">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="aligncenter">
|
|
<h2 class="aligncenter">Our Services</h2>Lorem
|
|
ipsum dolor sit amet, consectetur adipisicing elit.
|
|
Dolores quae porro consequatur aliquam, incidunt
|
|
eius magni provident, doloribus omnis minus
|
|
ovident, doloribus omnis minus temporibus
|
|
perferendis nesciunt..
|
|
</div><br>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="skill-home">
|
|
<div class="skill-home-solid clearfix">
|
|
<div class="col-md-3 text-center">
|
|
<span class="icons c1 fa fa-trophy" style=
|
|
"font-style: italic"></span>
|
|
|
|
<div class="box-area">
|
|
<h3>Web Development</h3>
|
|
|
|
<p>Lorem ipsum dolor sitamet, consec tetur
|
|
adipisicing elit. Dolores quae porro
|
|
consequatur aliquam, incidunt eius magni
|
|
provident</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-3 text-center">
|
|
<span class="icons c2 fa fa-picture-o" style=
|
|
"font-style: italic"></span>
|
|
|
|
<div class="box-area">
|
|
<h3>UI Design</h3>
|
|
|
|
<p>Lorem ipsum dolor sitamet, consec tetur
|
|
adipisicing elit. Dolores quae porro
|
|
consequatur aliquam, incidunt eius magni
|
|
provident</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-3 text-center">
|
|
<span class="icons c3 fa fa-desktop" style=
|
|
"font-style: italic"></span>
|
|
|
|
<div class="box-area">
|
|
<h3>Interaction</h3>
|
|
|
|
<p>Lorem ipsum dolor sitamet, consec tetur
|
|
adipisicing elit. Dolores quae porro
|
|
consequatur aliquam, incidunt eius magni
|
|
provident</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-3 text-center">
|
|
<span class="icons c4 fa fa-globe" style=
|
|
"font-style: italic"></span>
|
|
|
|
<div class="box-area">
|
|
<h3>User Experience</h3>
|
|
|
|
<p>Lorem ipsum dolor sitamet, consec tetur
|
|
adipisicing elit. Dolores quae porro
|
|
consequatur aliquam, incidunt eius magni
|
|
provident</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="testimonial-area">
|
|
<div class="testimonial-solid">
|
|
<div class="container">
|
|
<div class="testi-icon-area">
|
|
<div class="quote fa fa-microphone" style=
|
|
"font-style: italic"></div>
|
|
</div>
|
|
|
|
<div class="carousel slide" data-ride="carousel" id=
|
|
"carousel-example-generic">
|
|
<ol class="carousel-indicators">
|
|
<li class="" data-slide-to="0" data-target=
|
|
"#carousel-example-generic">
|
|
<a href="#"></a>
|
|
</li>
|
|
|
|
<li class="" data-slide-to="1" data-target=
|
|
"#carousel-example-generic">
|
|
<a href="#"></a>
|
|
</li>
|
|
|
|
<li class="active" data-slide-to="2" data-target=
|
|
"#carousel-example-generic">
|
|
<a href="#"></a>
|
|
</li>
|
|
|
|
<li class="" data-slide-to="3" data-target=
|
|
"#carousel-example-generic">
|
|
<a href="#"></a>
|
|
</li>
|
|
</ol>
|
|
|
|
<div class="carousel-inner">
|
|
<div class="item">
|
|
<p>Blanditiis praesentium voluptatum deleniti
|
|
atque corrupti quos dolores et quas molestias
|
|
excepturi sint occaecati cupiditate non
|
|
provident, similique sunt in culpa qui officia
|
|
deserunt mollitia animi.</p>
|
|
|
|
<p style="font-weight: bold">- Mark John -</p>
|
|
</div>
|
|
|
|
<div class="item">
|
|
<p>Blanditiis praesentium voluptatum deleniti
|
|
atque corrupti quos dolores et quas molestias
|
|
excepturi sint occaecati cupiditate non
|
|
provident, similique sunt in culpa qui officia
|
|
deserunt mollitia animi.</p>
|
|
|
|
<p style="font-weight: bold">- Jaison Warner
|
|
-</p>
|
|
</div>
|
|
|
|
<div class="item active">
|
|
<p>Blanditiis praesentium voluptatum deleniti
|
|
atque corrupti quos dolores et quas molestias
|
|
excepturi sint occaecati cupiditate non
|
|
provident, similique sunt in culpa qui officia
|
|
deserunt mollitia animi.</p>
|
|
|
|
<p style="font-weight: bold">- Tony Antonio
|
|
-</p>
|
|
</div>
|
|
|
|
<div class="item">
|
|
<p>Blanditiis praesentium voluptatum deleniti
|
|
atque corrupti quos dolores et quas molestias
|
|
excepturi sint occaecati cupiditate non
|
|
provident, similique sunt in culpa qui officia
|
|
deserunt mollitia animi.</p>
|
|
|
|
<p style="font-weight: bold">- Leena Doe -</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<footer>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-3">
|
|
<div class="widget">
|
|
<h5 class="widgetheading">Our Contact</h5>
|
|
|
|
<address>
|
|
<strong>Swifty company Inc</strong><br>
|
|
JC Main Road, Near Silnile tower<br>
|
|
Pin-21542 NewYork US.
|
|
</address>
|
|
|
|
<p><i class="icon-phone"></i> (123) 456-789 -
|
|
1255-12584<br>
|
|
<i class="icon-envelope-alt"></i>
|
|
email@domainname.com</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-3">
|
|
<div class="widget">
|
|
<h5 class="widgetheading">Quick Links</h5>
|
|
|
|
<ul class="link-list">
|
|
<li>
|
|
<a href="#">Latest Events</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="#">Terms and conditions</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="#">Privacy policy</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="#">Career</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="#">Contact us</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-3">
|
|
<div class="widget">
|
|
<h5 class="widgetheading">Latest posts</h5>
|
|
|
|
<ul class="link-list">
|
|
<li>
|
|
<a href="#">Lorem ipsum dolor sit amet,
|
|
consectetur adipiscing elit.</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="#">Pellentesque et pulvinar enim.
|
|
Quisque at tempor ligula</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="#">Natus error sit voluptatem
|
|
accusantium doloremque</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-3">
|
|
<div class="widget">
|
|
<h5 class="widgetheading">Recent News</h5>
|
|
|
|
<ul class="link-list">
|
|
<li>
|
|
<a href="#">Lorem ipsum dolor sit amet,
|
|
consectetur adipiscing elit.</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="#">Pellentesque et pulvinar enim.
|
|
Quisque at tempor ligula</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="#">Natus error sit voluptatem
|
|
accusantium doloremque</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="sub-footer">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-6">
|
|
<div class="copyright">
|
|
<p><span>© Swifty 2015 All right reserved.
|
|
By</span> <a href=
|
|
"http://webthemez.com">WebThemez</a></p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-6">
|
|
<ul class="social-network">
|
|
<li>
|
|
<a class="fa fa-facebook" data-placement=
|
|
"top" href="#" style="font-style: italic"
|
|
title="Facebook"></a>
|
|
</li>
|
|
|
|
<li>
|
|
<a class="fa fa-twitter" data-placement=
|
|
"top" href="#" style="font-style: italic"
|
|
title="Twitter"></a>
|
|
</li>
|
|
|
|
<li>
|
|
<a class="fa fa-linkedin" data-placement=
|
|
"top" href="#" style="font-style: italic"
|
|
title="Linkedin"></a>
|
|
</li>
|
|
|
|
<li>
|
|
<a class="fa fa-pinterest" data-placement=
|
|
"top" href="#" style="font-style: italic"
|
|
title="Pinterest"></a>
|
|
</li>
|
|
|
|
<li>
|
|
<a class="fa fa-google-plus"
|
|
data-placement="top" href="#" style=
|
|
"font-style: italic" title=
|
|
"Google plus"></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div><a class="scrollup fa fa-angle-up active" href="#" style=
|
|
"font-style: italic"></a> <!-- javascript
|
|
================================================== -->
|
|
<!-- Placed at the end of the document so the pages load faster -->
|
|
<script src="js/jquery.js"></script> <script src="js/jquery.easing.1.3.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/jquery.fancybox.pack.js"></script> <script src="js/jquery.fancybox-media.js"></script> <script src="js/portfolio/jquery.quicksand.js"></script> <script src="js/portfolio/setting.js"></script> <script src="js/jquery.flexslider.js"></script> <script src="js/animate.js"></script> <script src="js/custom.js"></script> <script src="js/owl-carousel/owl.carousel.js"></script>
|
|
</body>
|
|
</html> |