1225 lines
56 KiB
HTML
1225 lines
56 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
|
|
|
<title>Boson</title>
|
|
|
|
<!-- Styles -->
|
|
<link rel="stylesheet" href="css/prettyPhoto.css">
|
|
<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
|
|
<link rel="stylesheet" href="css/bootstrap.css">
|
|
<link rel="stylesheet" href="css/main.css">
|
|
<link rel="stylesheet" href="css/jquery-ui.css">
|
|
<link rel="stylesheet" href="css/yamm/yamm.css">
|
|
<link rel="stylesheet" href="css/color-scheme/blue.css">
|
|
<link rel="stylesheet" href="css/responsive.css">
|
|
<!-- extra CSS for new pages -->
|
|
<link rel="stylesheet" href="css/custom.css">
|
|
|
|
|
|
<!-- Base JS -->
|
|
<script src="js/jquery-1.9.1.min.js"></script>
|
|
<script src="js/bootstrap.min.js"></script>
|
|
<script src="js/jquery-ui.js"></script>
|
|
<script src="js/jquery.sticky.js"></script>
|
|
<script src="js/stellar.js"></script>
|
|
<script src="js/main.js"></script>
|
|
|
|
<!-- Revolution Slider -->
|
|
<script src="js/jquery.themepunch.plugins.min.js"></script>
|
|
<script src="js/jquery.themepunch.revolution.min.js"></script>
|
|
<script src="js/revolution-slider-options.js"></script>
|
|
|
|
<!-- Prety photo -->
|
|
<script src="js/jquery.prettyPhoto.js"></script>
|
|
<script>
|
|
$(document).ready(function(){
|
|
$("a[rel^='prettyPhoto']").prettyPhoto();
|
|
});
|
|
</script>
|
|
|
|
<!-- CSS and JS from Boson -->
|
|
<!-- Styles -->
|
|
<link rel="stylesheet" href="js/owl-carousel/owl.carousel.css">
|
|
<link rel="stylesheet" href="js/owl-carousel/owl.theme.css">
|
|
<link rel="stylesheet" href="js/owl-carousel/owl.transitions.css">
|
|
<link rel="stylesheet" href="js/rs-plugin/css/settings.css">
|
|
<link rel="stylesheet" href="js/flexslider/flexslider.css">
|
|
<link rel="stylesheet" href="js/isotope/isotope.css">
|
|
<link rel="stylesheet" href="css/jquery-ui.css">
|
|
<link rel="stylesheet" href="js/magnific-popup/magnific-popup.css">
|
|
<link rel="stylesheet" href="css/custom.css">
|
|
<link rel="stylesheet" href="css/responsive.css">
|
|
|
|
<!-- Google Fonts -->
|
|
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
|
|
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
|
|
<link href='http://fonts.googleapis.com/css?family=Raleway:400,200,100,300,500,600,700,800,900' rel='stylesheet' type='text/css'>
|
|
<link href='http://fonts.googleapis.com/css?family=Dosis:400,200,300,500,600,700,800' rel='stylesheet' type='text/css'>
|
|
<link href='http://fonts.googleapis.com/css?family=Lovers+Quarrel' rel='stylesheet' type='text/css'>
|
|
|
|
<!-- Icon Fonts -->
|
|
<link rel="stylesheet" href="css/icomoon/style.css" type="text/css">
|
|
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css" type="text/css">
|
|
</head>
|
|
<body class="home-wrap">
|
|
|
|
<div class="main">
|
|
|
|
|
|
<div>
|
|
<div >
|
|
|
|
<div >
|
|
|
|
|
|
<!-- HEADER
|
|
============================================= -->
|
|
<div class="header">
|
|
<header>
|
|
<div class="navbar yamm navbar-default navbar-top">
|
|
<div class="container">
|
|
<div class="navbar-header">
|
|
<button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
<a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
|
|
</div>
|
|
<div id="navbar-collapse-1" class="navbar-collapse collapse">
|
|
<!-- Search Form -->
|
|
<form action="/" class="b-search-form">
|
|
<div class="input-wrap">
|
|
<input type="text" placeholder="Search..">
|
|
</div>
|
|
</form>
|
|
<!-- End Search Form -->
|
|
<ul class="nav navbar-nav pull-right">
|
|
<li class="dropdown yamm-fw yamm-fw5">
|
|
<a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a> <ul class="dropdown-menu">
|
|
<li>
|
|
<div class="yamm-content">
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-3 m-submenu first">
|
|
<div class="mmenu-title">Home Pages</div>
|
|
<a href="index-1.html">Home Layout 1</a>
|
|
<a href="index-2.html">Home Layout 2</a>
|
|
<a href="index-3.html">Home Layout 3</a>
|
|
<a href="index-4.html">Home Layout 4</a>
|
|
<a href="index-5.html">Home Layout 5</a>
|
|
<a href="index-6.html">Home Layout 6</a>
|
|
<a href="index-7.html">Home Layout 7</a>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-3 m-submenu">
|
|
<a href="index-8.html">Home Layout 8</a>
|
|
<a href="index-9.html">Home Layout 9</a>
|
|
<a href="index-10.html">Home Layout 10</a>
|
|
<a href="index-11.html">Home Layout 11</a>
|
|
<div class="mmenu-title">Home - One Page</div>
|
|
<a href="index-onepage.html">One Page Default</a>
|
|
<a href="oncepage-topbar.html">One Page Topbar</a>
|
|
<a href="onepage-transparent.html">One Page Transparent</a>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-3 m-submenu">
|
|
<div class="mmenu-title">Landing Page 1-7</div>
|
|
<a href="home-restaurant.html">Home - Restaurant</a>
|
|
<a href="home-construction.html">Home - Construction</a>
|
|
<a href="home-hosting.html">Home - Hosting</a>
|
|
<a href="home-lawyer.html">Home - Lawyer</a>
|
|
<a href="home-fashion.html">Home - Fashion</a>
|
|
<a href="home-portfolio.html">Home - Portfolio</a>
|
|
<a href="home-landing.html">Home - App Landing</a>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-3 m-submenu">
|
|
<div class="mmenu-title">Landing Pages 8 - 14</div>
|
|
<a href="home-creative.html">Home - Creative</a>
|
|
<a href="home-marketing.html">Home - Marketing</a>
|
|
<a href="home-resume.html">Home - Resume</a>
|
|
<a href="home-medical.html">Home - Medical</a>
|
|
<a href="home-gym.html">Home - Gym</a>
|
|
<a href="home-church.html">Home - church</a>
|
|
<a href="home-charity.html">Home - Charity</a>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-3 m-submenu">
|
|
<div class="mmenu-title">Landing Pages 15-21 </div>
|
|
<a href="home-resume.html">Home - Resume</a>
|
|
<a href="home-portfolio2.html">Home - Portfolio 2</a>
|
|
<a href="home-app-landing.html">Home - App landing</a>
|
|
<a href="home-corporate.html">Home - Corporate</a>
|
|
<a href="home-hosting2.html">Home - Hosting</a>
|
|
<a href="home-marketing.html">Home - Marketing</a>
|
|
<a href="home-restaurant2.html">Home - Restaurant 2</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
<!-- Classic list -->
|
|
<li class="dropdown">
|
|
<a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
|
|
<ul class="dropdown-menu yamm-sm">
|
|
<li class="dropdown-submenu">
|
|
<a href="#">Home - One Page</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="index-onepage.html">One Page Default</a></li>
|
|
<li><a href="oncepage-topbar.html">One Page Topbar</a></li>
|
|
<li><a href="onepagefullslider.html">One Page Full Slider</a></li>
|
|
<li><a href="onepage-transparent.html">One Page Transparent</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
|
|
<li><a href="onepage-construction.html">One Page - Construction</a></li>
|
|
<li><a href="onepage-hosting.html">One Page - Hosting</a></li>
|
|
<li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
|
|
<li><a href="onepage-fashion.html">One Page - Fashion</a></li>
|
|
<li><a href="onepage-landing.html">One Page - App Landing</a></li>
|
|
<li><a href="onepage-resume.html">One Page - Resume</a></li>
|
|
<li><a href="onepage-medical.html">One Page - Medical</a></li>
|
|
<li><a href="onepage-gym.html">One Page - Gym</a></li>
|
|
<li><a href="onepage-church.html">One Page - church</a></li>
|
|
<li><a href="onepage-charity.html">One Page - Charity</a></li>
|
|
<li><a href="onepage-corporate.html">One Page - Corporate</a></li>
|
|
</ul>
|
|
</li><li class="dropdown">
|
|
<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
|
|
<ul class="dropdown-menu yamm-sm">
|
|
<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
|
|
<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
|
|
<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
|
|
<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
|
|
<li><a href="index-transparent.html">Transparent Nav</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown yamm-fw">
|
|
<a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
|
|
<ul class="dropdown-menu">
|
|
<li>
|
|
<div class="yamm-content">
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-3 m-submenu first">
|
|
<a href="about-us.html">About Us</a>
|
|
<a href="pricing.html">Pricing Tables</a>
|
|
<a href="testimonials.html">Testimonials</a>
|
|
<a href="testimonials-2.html">Testimonials: 2</a>
|
|
<a href="404-error-page.html">404 Error Page</a>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-3 m-submenu">
|
|
<a href="services-2.html">Services: 1</a>
|
|
<a href="services-3.html">Services: 2</a>
|
|
<a href="services-4.html">Services: 3</a>
|
|
<a href="services-5.html">Services: 4</a>
|
|
<a href="services-6.html">Services: 5</a>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-3 m-submenu">
|
|
<a href="meet-the-team.html">Meet The Team</a>
|
|
<a href="faq.html">F.A.Q.</a>
|
|
<a href="full-width-page.html">Full Width Page</a>
|
|
<a href="side-navigation.html">Side Navigation</a>
|
|
<a href="search-results.html">Search Results</a>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-3 m-submenu">
|
|
<a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
|
|
<a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
|
|
<a href="no-title-bar.html">No Title Bar</a>
|
|
<a href="contact-us-1.html">Contact Us 1</a>
|
|
<a href="contact-us-2.html">Contact Us 2</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown">
|
|
<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
|
|
<ul class="dropdown-menu yamm-sm">
|
|
<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
|
|
<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
|
|
<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
|
|
<li class="dropdown-submenu">
|
|
<a href="#">Single Project: Wide</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="portfolio-single-wide-image.html">Image</a></li>
|
|
<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
|
|
<li><a href="portfolio-single-wide-video.html">Video</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown-submenu">
|
|
<a href="#">Single Project: Half</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="portfolio-single-half-image.html">Image</a></li>
|
|
<li><a href="portfolio-single-half-slider.html">Slider</a></li>
|
|
<li><a href="portfolio-single-half-video.html">Video</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown">
|
|
<a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
|
|
<ul class="dropdown-menu yamm-sm">
|
|
<li><a href="blog-large.html">Blog: Large Images</a></li>
|
|
<li><a href="blog-medium.html">Blog: Medium Images</a></li>
|
|
<li class="dropdown-submenu">
|
|
<a href="#">Blog: Single Post</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="blog-single-image.html">Image</a></li>
|
|
<li><a href="blog-single-slider.html">Slider</a></li>
|
|
<li><a href="blog-single-video.html">Video</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="news.html">News</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown">
|
|
<a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
|
|
<ul class="dropdown-menu yamm-sm">
|
|
<li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
|
|
<li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
|
|
<li><a href="elements.html">Elements</a></li>
|
|
<li><a href="images.html">Images & Gallery</a></li>
|
|
<li><a href="lists.html">Lists</a></li>
|
|
<li><a href="columns.html">Grid Columns</a></li>
|
|
<li><a href="typography.html">Typography</a></li>
|
|
<li><a href="media.html">Media</a></li>
|
|
<li><a href="pricing-elements.html">Elements of Prices</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown">
|
|
<a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
|
|
<ul class="dropdown-menu yamm-sm">
|
|
<li><a href="./shop.html">Shop - Home</a></li>
|
|
<li><a href="./shop-single.html">Shop - Single</a></li>
|
|
<li><a href="./shop_checkout.html">Shop - Checkout</a></li>
|
|
<li><a href="./shop_cart.html">Shop - Cart</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
</div>
|
|
<!-- END HEADER
|
|
============================================= -->
|
|
<!-- SLIDER -->
|
|
<div class="slider-wrap">
|
|
<div class="tp-banner-container">
|
|
<div class="tp-banner" >
|
|
<ul>
|
|
<li data-transition="fade" data-slotamount="7" data-masterspeed="2000" data-saveperformance="on" data-title="Ken Burns Slide">
|
|
<!-- MAIN IMAGE -->
|
|
<img src="images/dummy.png" alt="2" data-lazyload="images/slider/1/2.jpg" data-bgposition="right top" data-kenburns="off" data-duration="12000" data-ease="Power0.easeInOut" data-bgfit="cover" data-bgpositionend="center bottom">
|
|
<div class="tp-caption tentered_white_huge lft tp-resizeme" data-endspeed="300" data-easing="Power4.easeOut" data-start="400" data-speed="600" data-y="280" data-hoffset="0" data-x="center"
|
|
style=" color: #fff;
|
|
text-transform: uppercase;
|
|
font-size: 40px;
|
|
letter-spacing: 6px;
|
|
font-family: Montserrat;
|
|
font-weight: 400;
|
|
"
|
|
>
|
|
Creative Premium Template
|
|
</div>
|
|
<div class="tp-caption tentered_white_huge lfb tp-resizeme" data-endspeed="300" data-easing="Power4.easeOut" data-start="800" data-speed="600" data-y="350" data-hoffset="0" data-x="center"
|
|
style=" color: #fff;
|
|
font-size: 13px;
|
|
text-transform: uppercase;
|
|
letter-spacing: 10px;
|
|
"
|
|
>
|
|
ready to use for everyone
|
|
</div>
|
|
<a href="#" class="tp-caption lfb tp-resizeme rs-parallaxlevel-0"
|
|
data-x="center"
|
|
data-y="400"
|
|
data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
|
|
data-speed="500"
|
|
data-start="1200"
|
|
data-easing="Power3.easeInOut"
|
|
data-splitin="none"
|
|
data-splitout="none"
|
|
data-elementdelay="0.1"
|
|
data-endelementdelay="0.1"
|
|
data-linktoslide="next"
|
|
style="z-index: 12; max-width: auto; max-height: auto; white-space: nowrap;padding:15px 28px;
|
|
color: #fff;
|
|
text-transform: uppercase;
|
|
border: none;
|
|
background:#000;
|
|
font-size: 12px;
|
|
letter-spacing: 3px;
|
|
font-family: Montserrat;
|
|
border-radius: 0px;
|
|
display: table;
|
|
transition: .4s;
|
|
;">buy this theme</a>
|
|
</li>
|
|
|
|
<!-- SLIDE -->
|
|
<li data-transition="fade" data-slotamount="1" data-masterspeed="1500" data-thumb="" data-delay="13000" data-saveperformance="off" data-title="Our Workplace">
|
|
<img src="images/slider/1/1.jpg" alt="kenburns1" data-bgposition="left center" data-kenburns="off" data-duration="14000" data-ease="Linear.easeNone" data-bgfit="cover" data-bgpositionend="right center">
|
|
<div class="tp-caption with_white_background skewfromleft tp-resizeme"
|
|
data-x="30"
|
|
data-y="165"
|
|
data-speed="1000"
|
|
data-start="300"
|
|
data-easing="Power3.easeInOut"
|
|
data-endspeed="300"
|
|
style="z-index: 5; font-weight: 400;
|
|
font-family: 'Montserrat','Helvetica Neue',Arial,sans-serif;
|
|
text-decoration: none;
|
|
background-color: #FFF;
|
|
padding: 13px 20px;
|
|
text-shadow: none;
|
|
margin: 0px;
|
|
text-transform: uppercase;
|
|
font-size: 19px;
|
|
letter-spacing: 2px;">Versatile Responsive Theme </div>
|
|
<div class="tp-caption with_colored_background skewfromleft tp-resizeme"
|
|
data-x="30"
|
|
data-y="225"
|
|
data-speed="1000"
|
|
data-start="600"
|
|
data-easing="Power3.easeInOut"
|
|
data-endspeed="300"
|
|
style="z-index: 10; font-weight: 400;
|
|
font-family: 'Montserrat','Helvetica Neue',Arial,sans-serif;
|
|
text-decoration: none;
|
|
padding: 13px 20px;
|
|
text-shadow: none;
|
|
margin: 0px;
|
|
background-color: rgba(0,0,0,0.4);
|
|
text-transform: uppercase;
|
|
font-size: 19px;
|
|
letter-spacing: 2px; color:#fff;
|
|
">50+ Unique Pages </div>
|
|
<div class="tp-caption with_white_background skewfromleft tp-resizeme"
|
|
data-x="30"
|
|
data-y="285"
|
|
data-speed="1000"
|
|
data-start="900"
|
|
data-easing="Power3.easeInOut"
|
|
data-endspeed="300"
|
|
style="z-index: 5; font-weight: 400;
|
|
font-family: 'Montserrat','Helvetica Neue',Arial,sans-serif;
|
|
text-decoration: none;
|
|
padding: 13px 20px;
|
|
text-shadow: none;
|
|
margin: 0px;
|
|
background-color: #FFF;
|
|
text-transform: uppercase;
|
|
font-size: 19px;
|
|
letter-spacing: 2px;">Wide & Boxed Layouts </div>
|
|
<div class="tp-caption with_colored_background skewfromleft tp-resizeme"
|
|
data-x="30"
|
|
data-y="345"
|
|
data-speed="1000"
|
|
data-start="1200"
|
|
data-easing="Power3.easeInOut"
|
|
data-endspeed="300"
|
|
style="z-index: 10; font-weight: 400;
|
|
font-family: 'Montserrat','Helvetica Neue',Arial,sans-serif;
|
|
text-decoration: none;
|
|
padding: 13px 20px;
|
|
text-shadow: none;
|
|
margin: 0px;
|
|
background-color: rgba(0,0,0,0.3);
|
|
text-transform: uppercase;
|
|
font-size: 19px;
|
|
letter-spacing: 2px; color:#fff;
|
|
">Unlimited Color Possibilities </div>
|
|
<div class="tp-caption with_white_background skewfromleft tp-resizeme"
|
|
data-x="30"
|
|
data-y="405"
|
|
data-speed="1000"
|
|
data-start="1500"
|
|
data-easing="Power3.easeInOut"
|
|
data-endspeed="300"
|
|
style="z-index: 5; font-weight: 400;
|
|
font-family: 'Montserrat','Helvetica Neue',Arial,sans-serif;
|
|
text-decoration: none;
|
|
padding: 13px 20px;
|
|
text-shadow: none;
|
|
margin: 0px;
|
|
background-color: #FFF;
|
|
text-transform: uppercase;
|
|
font-size: 19px;
|
|
letter-spacing: 2px;">6 Type of Headers </div>
|
|
<div class="tp-caption with_colored_background skewfromleft tp-resizeme"
|
|
data-x="30"
|
|
data-y="465"
|
|
data-speed="1000"
|
|
data-start="1800"
|
|
data-easing="Power3.easeInOut"
|
|
data-endspeed="300"
|
|
style="z-index: 10; font-weight: 400;
|
|
font-family: 'Montserrat','Helvetica Neue',Arial,sans-serif;
|
|
text-decoration: none;
|
|
padding: 13px 20px;
|
|
text-shadow: none;
|
|
margin: 0px;
|
|
background-color: rgba(0,0,0,0.2);
|
|
text-transform: uppercase;
|
|
font-size: 19px;
|
|
letter-spacing: 2px; color:#fff;
|
|
">and much more... </div>
|
|
</li>
|
|
</ul>
|
|
<div class="tp-bannertimer"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="inner-content no-padding">
|
|
<div class="space70"></div>
|
|
<div class="container padding70">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<img src="images/other/7.png" class="img-responsive" alt=""/>
|
|
</div>
|
|
<div class="col-md-6 mlr-10">
|
|
<div class="space90"></div>
|
|
<h2 class="uppercase">5 Reasons to choose Boson</h2>
|
|
<div class="space20"></div>
|
|
<p>Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros.</p>
|
|
<div class="panel-group" id="accordion">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<h4 class="panel-title">
|
|
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseOne1">
|
|
Lorem ipsum dolor sit amet consectetur adipiscing elit
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="collapseOne1" class="panel-collapse collapse">
|
|
<div class="panel-body">
|
|
<p>Etiam cursus pellentesque neque, eget ullamcorper augue eleifend a. In sit amet pulvinar purus. Ut in nibh tortor. Nullam quis magna sed nunc facilisis blandit vel at erat. Donec blandit et nulla sed lacinia. Quisque ullamcorper tincidunt ante, ut feugiat felis consectetur ut.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="clearfix space10"></div>
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<h4 class="panel-title">
|
|
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo1">
|
|
Curabitur et diam vitae dolor aliquet et in massa
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="collapseTwo1" class="panel-collapse collapse">
|
|
<div class="panel-body">
|
|
<p>Nam ullamcorper imperdiet luctus. Vestibulum tincidunt malesuada mi, in posuere augue cursus nec. Morbi et vehicula risus, fermentum lacinia justo. Etiam tellus arcu, eleifend tristique enim rutrum iaculis risus, id tincidunt dui fringilla sed bibendum lorem.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="clearfix space10"></div>
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<h4 class="panel-title">
|
|
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree1">
|
|
Proin faucibus sem sed dapibus dapibus
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="collapseThree1" class="panel-collapse collapse">
|
|
<div class="panel-body">
|
|
<p>Etiam cursus pellentesque neque, eget ullamcorper augue eleifend a. In sit amet pulvinar purus. Ut in nibh tortor. Nullam quis magna sed nunc facilisis blandit vel at erat. Donec blandit et nulla sed lacinia. Quisque ullamcorper tincidunt ante, ut feugiat felis consectetur ut.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="clearfix space10"></div>
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<h4 class="panel-title">
|
|
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseFour1">
|
|
Lorem ipsum dolor sit amet consectetur adipiscing elit
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="collapseFour1" class="panel-collapse collapse">
|
|
<div class="panel-body">
|
|
<p>Etiam cursus pellentesque neque, eget ullamcorper augue eleifend a. In sit amet pulvinar purus. Ut in nibh tortor. Nullam quis magna sed nunc facilisis blandit vel at erat. Donec blandit et nulla sed lacinia. Quisque ullamcorper tincidunt ante, ut feugiat felis consectetur ut.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="clearfix space10"></div>
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<h4 class="panel-title">
|
|
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseFive1">
|
|
Proin faucibus sem sed dapibus dapibus
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="collapseFive1" class="panel-collapse collapse">
|
|
<div class="panel-body">
|
|
<p>Etiam cursus pellentesque neque, eget ullamcorper augue eleifend a. In sit amet pulvinar purus. Ut in nibh tortor. Nullam quis magna sed nunc facilisis blandit vel at erat. Donec blandit et nulla sed lacinia. Quisque ullamcorper tincidunt ante, ut feugiat felis consectetur ut.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<section id="about-section2" class="border-top">
|
|
<div class="container padding80">
|
|
<div class="col-md-8 col-md-offset-2 text-center">
|
|
<h2 class="uppercase">Welcome to Boson</h2>
|
|
<p>Lorem ipsum dolor sit amet, viverra non, semper suscipit, posuere a, pede. Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. </p>
|
|
</div>
|
|
<div class="clearfix space30"></div>
|
|
|
|
<!-- <div class="row">
|
|
<div class="col-md-3">
|
|
<div class="service-content text-center">
|
|
<span><i class="icon-desktop"></i></span>
|
|
<div class="services-content">
|
|
<h2>Responsive Design</h2>
|
|
<p>Donec odio. Quisque volutpat mattis eros. Nullam malesuada</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="service-content text-center">
|
|
<span><i class="icon-gears"></i></span>
|
|
<div class="services-content">
|
|
<h2>GREAT SUPPORT</h2>
|
|
<p>Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="service-content text-center">
|
|
<span><i class="icon-browser"></i></span>
|
|
<div class="services-content">
|
|
<h2>RETINA READY</h2>
|
|
<p>Donec nec justo eget felis facilisis fermentum. </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="service-content text-center">
|
|
<span><i class="icon-documents"></i></span>
|
|
<div class="services-content">
|
|
<h2>WELL DOCUMENTED</h2>
|
|
<p>Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede. </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
|
|
|
|
|
|
<div class="about-box">
|
|
<div class="row">
|
|
<div class="col-md-3 col-sm-6">
|
|
<div class="about-post">
|
|
<a href="#" data-link="1" class="active"><i class="icon-desktop"></i></a>
|
|
<h2>RESPONSIVE DESIGN</h2>
|
|
<p>Donec odio. Quisque volutpat mattis eros. Nullam malesuada </p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-6">
|
|
<div class="about-post">
|
|
<a class="" href="#" data-link="2"><i class=" icon-lifesaver"></i></a>
|
|
<h2>GREAT SUPPORT</h2>
|
|
<p>Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. </p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-6">
|
|
<div class="about-post">
|
|
<a class="" href="#" data-link="3"><i class=" icon-mobile"></i></a>
|
|
<h2>RETINA READY</h2>
|
|
<p>Donec nec justo eget felis facilisis fermentum. </p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-6">
|
|
<div class="about-post">
|
|
<a class="" href="#" data-link="4"><i class=" icon-document"></i></a>
|
|
<h2>WELL DOCUMENTED</h2>
|
|
<p>Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede. </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="content-tab">
|
|
<div class="container">
|
|
<div class="tab-cont active" data-tab="1">
|
|
<div class="row">
|
|
<div style="" class="col-md-4 triggerAnimation animated fadeInLeft" data-animate="fadeInLeft">
|
|
<h2>RESPONSIVE DESIGN</h2>
|
|
<p>Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.</p>
|
|
<p>Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.</p>
|
|
</div>
|
|
<div style="" class="col-md-8 triggerAnimation animated fadeInRight" data-animate="fadeInRight">
|
|
<div class="image-content">
|
|
<img src="images/dev4.png" alt=""> </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tab-cont" data-tab="2">
|
|
<div class="row">
|
|
<div style="" class="col-md-4 triggerAnimation animated fadeInLeft" data-animate="fadeInLeft">
|
|
<h2>GREAT SUPPORT</h2>
|
|
<p>Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.</p>
|
|
<p>Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.</p>
|
|
</div>
|
|
<div style="" class="col-md-8 triggerAnimation animated fadeInRight" data-animate="fadeInRight">
|
|
<div class="image-content">
|
|
<img src="images/dev2.png" alt=""> </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tab-cont" data-tab="3">
|
|
<div style="" class="retina-content triggerAnimation animated fadeInUp" data-animate="fadeInUp">
|
|
<h2>RETINA READY</h2>
|
|
<p>Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. </p>
|
|
<img src="images/dev3.png" alt=""> </div>
|
|
</div>
|
|
<div class="tab-cont" data-tab="4">
|
|
<div class="row">
|
|
<div style="" class="col-md-8 triggerAnimation animated fadeInLeft" data-animate="fadeInLeft">
|
|
<div class="image-content">
|
|
<img src="images/dev4.png" alt=""> </div>
|
|
</div>
|
|
<div style="" class="col-md-4 triggerAnimation animated fadeInRight" data-animate="fadeInRight">
|
|
<h2>WELL DOCUMENTED</h2>
|
|
<p>Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.</p>
|
|
<p>Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="rw-home container padding50">
|
|
<h3 class="uppercase space40 text-center">Recent Works</h3>
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<div class="project-item">
|
|
<div class="project-gal">
|
|
<img src="images/projects/1.jpg" class="img-responsive" alt="">
|
|
<div class="overlay-folio">
|
|
<div class="hover-box">
|
|
<div class="hover-zoom">
|
|
<a class="mp-lightbox zoom" href="images/projects/1.jpg"><i class="fa fa-search"></i></a>
|
|
<a class="link" href="portfolio-single-image.html"><i class="icon-link3"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="project-info">
|
|
<h2>Aliquam tincidunt risus.</h2>
|
|
<p>Web , Creative</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="project-item">
|
|
<div class="project-gal">
|
|
<img src="images/projects/2.jpg" class="img-responsive" alt="">
|
|
<div class="overlay-folio">
|
|
<div class="hover-box">
|
|
<div class="hover-zoom">
|
|
<a class="mp-lightbox zoom" href="images/projects/2.jpg"><i class="fa fa-search"></i></a>
|
|
<a class="link" href="portfolio-single-image.html"><i class="icon-link3"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="project-info">
|
|
<h2>Vestibulum auctor</h2>
|
|
<p>Image Gallery</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="project-item">
|
|
<div class="project-gal">
|
|
<img src="images/projects/3.jpg" class="img-responsive" alt="">
|
|
<div class="overlay-folio">
|
|
<div class="hover-box">
|
|
<div class="hover-zoom">
|
|
<a class="mp-lightbox zoom" href="images/projects/3.jpg"><i class="fa fa-search"></i></a>
|
|
<a class="link" href="portfolio-single-image.html"><i class="icon-link3"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="project-info">
|
|
<h2>Cras ornare tristique elit</h2>
|
|
<p>Photoshop</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="border-top padding50">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-8 col-md-offset-2 text-center space40">
|
|
<h2 class="uppercase">Pricing Table</h2>
|
|
<p>Lorem ipsum dolor sit amet, viverra non, semper suscipit, posuere a, pede. Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. </p>
|
|
</div>
|
|
<div class="col-md-4 col-sm-4">
|
|
<div class="pricing-table-s1">
|
|
<div class="price-inner">
|
|
<h2>Starter</h2>
|
|
<div class="plan-price">
|
|
9.99 $<span>/month</span>
|
|
</div>
|
|
<ul>
|
|
<li class="check"><i class="icon-check2"></i> 1 Team Member</li>
|
|
<li class="check"><i class="icon-check2"></i> 5 Gb Cloud Space</li>
|
|
<li class="check"><i class="icon-check2"></i> 24/7 Personal Support</li>
|
|
<li>Free Ad Credits</li>
|
|
<li>Daily Analysis</li>
|
|
<li>Free SASS</li>
|
|
</ul>
|
|
<a href="#" class="button btn-xs btn-center">Sign Up</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-sm-4">
|
|
<div class="pricing-table-s1">
|
|
<div class="price-inner">
|
|
<h2>Extreme</h2>
|
|
<div class="plan-price">
|
|
19.99 $<span>/month</span>
|
|
</div>
|
|
<div class="popular">Most Popular</div>
|
|
<ul>
|
|
<li class="check"><i class="icon-check2"></i> 10 Team Members</li>
|
|
<li class="check"><i class="icon-check2"></i> 50 Gb Cloud Space</li>
|
|
<li class="check"><i class="icon-check2"></i> 24/7 Personal Support</li>
|
|
<li class="check"><i class="icon-check2"></i> Free Ad Credits</li>
|
|
<li>Daily Analysis</li>
|
|
<li>Free SASS</li>
|
|
</ul>
|
|
<a href="#" class="button btn-xs btn-center">Sign Up</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-sm-4">
|
|
<div class="pricing-table-s1">
|
|
<div class="price-inner">
|
|
<h2>Professional</h2>
|
|
<div class="plan-price">
|
|
79.99 $<span>/month</span>
|
|
</div>
|
|
<ul>
|
|
<li class="check"><i class="icon-check2"></i> ∞ Team Members</li>
|
|
<li class="check"><i class="icon-check2"></i> 1 Tb Cloud Space</li>
|
|
<li class="check"><i class="icon-check2"></i> 24/7 Personal Support</li>
|
|
<li class="check"><i class="icon-check2"></i> Free Ad Credits</li>
|
|
<li class="check"><i class="icon-check2"></i> Daily Analysis</li>
|
|
<li class="check"><i class="icon-check2"></i> Free SASS</li>
|
|
</ul>
|
|
<a href="#" class="button btn-xs btn-center">Sign Up</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="space70"></div>
|
|
|
|
<div class="parallax-bg2">
|
|
<div id="stats1" class="container">
|
|
<div class="row">
|
|
<div class="col-md-3 col-sm-6">
|
|
<div class="stats1-info">
|
|
<i class="icon-camera white"></i>
|
|
<p class="white"><span class="count count1">499</span></p>
|
|
<h2 class="white">Photos Taken</h2>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-6">
|
|
<div class="stats1-info">
|
|
<i class="icon-lock white"></i>
|
|
<p class="white"><span class="count count1">1123</span></p>
|
|
<h2 class="white">New Members</h2>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-6">
|
|
<div class="stats1-info">
|
|
<i class="icon-trophy white"></i>
|
|
<p class="white"><span class="count count1">187</span></p>
|
|
<h2 class="white">Competitions</h2>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-6">
|
|
<div class="stats1-info">
|
|
<i class="icon-telescope white"></i>
|
|
<p class="white"><span class="count count1">923</span></p>
|
|
<h2 class="white">Job Openings</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container padding60">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<h4 class="uppercase space30 text-center">What our clients say?</h4>
|
|
<div class="testimonial-box">
|
|
<div id="testimonial" class="owl-carousel">
|
|
<div class="quote-info">
|
|
<img src="images/quote/1.jpg" class="img-responsive" alt="">
|
|
<p>Duis iaculis mauris dui tellus arcu rhoncus tellus non suscipit nisl tincidunt eget. Mauris in porta sapien. Pellentesque luctus urna volutpat, mollis dolor porttitor, rutrum sem. Aliquam vitae orci a libero iaculis sollicitudin. Sed ullamcorper lorem justo, ut elementum enim dapibus vel.</p>
|
|
<h2>David Billie</h2>
|
|
</div>
|
|
<div class="quote-info">
|
|
<img src="images/quote/2.jpg" class="img-responsive" alt="">
|
|
<p>Duis iaculis mauris dui tellus arcu rhoncus tellus non suscipit nisl tincidunt eget. Mauris in porta sapien. Pellentesque luctus urna volutpat, mollis dolor porttitor, rutrum sem. Aliquam vitae orci a libero iaculis sollicitudin. Sed ullamcorper lorem justo, ut elementum enim dapibus vel.</p>
|
|
<h2>Katey Thane</h2>
|
|
</div>
|
|
<div class="quote-info">
|
|
<img src="images/quote/3.jpg" class="img-responsive" alt="">
|
|
<p>Duis iaculis mauris dui tellus arcu rhoncus tellus non suscipit nisl tincidunt eget. Mauris in porta sapien. Pellentesque luctus urna volutpat, mollis dolor porttitor, rutrum sem. Aliquam vitae orci a libero iaculis sollicitudin. Sed ullamcorper lorem justo, ut elementum enim dapibus vel.</p>
|
|
<h2>Wally Buddy</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<h4 class="uppercase space30">Check the Features</h4>
|
|
<div class="panel-group" id="accordion-e1">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<h4 class="panel-title">
|
|
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-e1" href="#collapseOne">
|
|
Lorem ipsum dolor sit amet consectetur adipiscing elit
|
|
<span class="fa fa-chevron-down"></span>
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="collapseOne" class="panel-collapse collapse in">
|
|
<div class="panel-body">
|
|
<div class="row">
|
|
<p>Nam ullamcorper imperdiet luctus. Vestibulum tincidunt malesuada mi, in posuere augue cursus nec. Morbi et vehicula risus, fermentum lacinia justo. Etiam tellus arcu, eleifend tristique enim rutrum iaculis risus, id tincidunt dui fringilla.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<h4 class="panel-title">
|
|
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-e1" href="#collapseTwo">
|
|
Curabitur et diam vitae dolor aliquet et in massa
|
|
<span class="fa fa-chevron-right"></span>
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="collapseTwo" class="panel-collapse collapse">
|
|
<div class="panel-body">
|
|
<p>Nam ullamcorper imperdiet luctus. Vestibulum tincidunt malesuada mi, in posuere augue cursus nec. Morbi et vehicula risus, fermentum lacinia justo. Etiam tellus arcu, eleifend tristique enim rutrum iaculis risus, id tincidunt dui fringilla.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<h4 class="panel-title">
|
|
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-e1" href="#collapseThree">
|
|
Proin faucibus sem sed dapibus dapibus
|
|
<span class="fa fa-chevron-right"></span>
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="collapseThree" class="panel-collapse collapse">
|
|
<div class="panel-body">
|
|
<p>Nam ullamcorper imperdiet luctus. Vestibulum tincidunt malesuada mi, in posuere augue cursus nec. Morbi et vehicula risus, fermentum lacinia justo. Etiam tellus arcu, eleifend tristique enim rutrum iaculis risus, id tincidunt dui fringilla.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="space30"></div>
|
|
<div class="border-top padding80">
|
|
<div class="clients container">
|
|
<h2 class="uppercase space40 text-center">Our Clients</h2>
|
|
<div id="carousel_five" class="owl-carousel">
|
|
<div class="item client-logo">
|
|
<a href="#"><img src="images/clients/1.png" class="img-responsive" alt=""/></a>
|
|
</div>
|
|
<div class="item client-logo">
|
|
<a href="#"><img src="images/clients/2.png" class="img-responsive" alt=""/></a>
|
|
</div>
|
|
<div class="item client-logo">
|
|
<a href="#"><img src="images/clients/3.png" class="img-responsive" alt=""/></a>
|
|
</div>
|
|
<div class="item client-logo">
|
|
<a href="#"><img src="images/clients/4.png" class="img-responsive" alt=""/></a>
|
|
</div>
|
|
<div class="item client-logo">
|
|
<a href="#"><img src="images/clients/5.png" class="img-responsive" alt=""/></a>
|
|
</div>
|
|
<div class="item client-logo">
|
|
<a href="#"><img src="images/clients/6.png" class="img-responsive" alt=""/></a>
|
|
</div>
|
|
<div class="item client-logo">
|
|
<a href="#"><img src="images/clients/7.png" class="img-responsive" alt=""/></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="border-top padding80">
|
|
<div class="container home-blog">
|
|
<div class="text-center space40">
|
|
<h2 class="uppercase">Latest from blog</h2>
|
|
<p>Sed laoreet libero eget tempus blandit praesent eu erat sed sem facilisis rutrum metus<br>facilisis eros justo non ipsum aliquam lacinia non eu ex.</p>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<div class="hb-info text-center">
|
|
<div class="hb-thumb">
|
|
<img src="images/blog/1.jpg" class="img-responsive" alt=""/>
|
|
<div class="date-meta">
|
|
June<span>06</span>2015
|
|
</div>
|
|
</div>
|
|
<h4><a href="#">Climb the mountain</a></h4>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque volutpat mi tellus, euismod viverra dolor ultrices sit amet.</p>
|
|
<a href="#" class="readmore">Read more...</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="hb-info text-center">
|
|
<div class="hb-thumb">
|
|
<img src="images/blog/2.jpg" class="img-responsive" alt=""/>
|
|
<div class="date-meta">
|
|
June<span>02</span>2015
|
|
</div>
|
|
</div>
|
|
<h4><a href="#">Girl showing stats</a></h4>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque volutpat mi tellus, euismod viverra dolor ultrices sit amet.</p>
|
|
<a href="#" class="readmore">Read more...</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="hb-info text-center">
|
|
<div class="hb-thumb">
|
|
<img src="images/blog/3.jpg" class="img-responsive" alt=""/>
|
|
<div class="date-meta">
|
|
May<span>30</span>2015
|
|
</div>
|
|
</div>
|
|
<h4><a href="#">A photographers heart</a></h4>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque volutpat mi tellus, euismod viverra dolor ultrices sit amet.</p>
|
|
<a href="#" class="readmore">Read more...</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- TWEET / SUBSCRIBE -->
|
|
<div class="footer-top">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-6 f-tweet">
|
|
<small>Follow<em>Twitter</em></small>
|
|
<div class="tweet-info">
|
|
<div id="tweetcool"></div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 f-subscribe">
|
|
<small>Sign up<em>Newsletter</em></small>
|
|
<form>
|
|
<input placeholder="Search here ..." type="text">
|
|
<button type="submit">Subscribe</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- FOOTER -->
|
|
<footer>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-3 margin-bottom-xs-30">
|
|
<h4 class="space30">About us</h4>
|
|
<img style="margin-bottom: 10px;" alt="" src="img/logo.png">
|
|
<p>Lorem ipsum dolor sit amet consec tetur elit vel quam ligula. Duis vel pulvinar diam in lacus non nisl commodo convallis.</p>
|
|
<p>Phasellus rutrum urna ut nibh congue, ut vehicula nibh ultricies.</p>
|
|
</div>
|
|
<div class="col-md-3 margin-bottom-xs-30">
|
|
<h4 class="space30">Recent Posts</h4>
|
|
<ul class="f-posts">
|
|
<li>
|
|
<img src="images/blog/1/1.jpg" class="img-responsive" alt=""/>
|
|
<h5><a href="#">Lorem ipsum post title</a></h5>
|
|
<p><i class="fa fa-comments"></i> 5 Comments</p>
|
|
</li>
|
|
<li>
|
|
<img src="images/blog/1/2.jpg" class="img-responsive" alt=""/>
|
|
<h5><a href="#">Lorem ipsum post title</a></h5>
|
|
<p><i class="fa fa-comments"></i> 5 Comments</p>
|
|
</li>
|
|
<li>
|
|
<img src="images/blog/1/3.jpg" class="img-responsive" alt=""/>
|
|
<h5><a href="#">Lorem ipsum post title</a></h5>
|
|
<p><i class="fa fa-comments"></i> 5 Comments</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-3 margin-bottom-xs-30">
|
|
<h4 class="space30">Contact</h4>
|
|
<ul class="c-info">
|
|
<li><i class="fa fa-map-marker"></i> 72 Wall street Rd<br>Some county<br>Newyork 20001
|
|
</li>
|
|
<li>
|
|
</li>
|
|
<li><i class="fa fa-phone"></i> (012) 345 5678 910</li>
|
|
<li><i class="fa fa-envelope-o"></i> support@dk-themes.com</li>
|
|
<li><i class="fa fa-skype"></i> myskypeid</li>
|
|
</ul>
|
|
<div class="clearfix space10"></div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<h4 class="space30">Flickr</h4>
|
|
<ul id="flickr" class="thumbs"></ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- FOOTER COPYRIGHT -->
|
|
<div class="footer-bottom">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-7">
|
|
<span class="copy">Copyright © 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
|
|
</div>
|
|
<div class="col-md-5">
|
|
<div class="f-social pull-right">
|
|
<a class="fa fa-twitter" href="#"></a>
|
|
<a class="fa fa-facebook" href="#"></a>
|
|
<a class="fa fa-linkedin" href="#"></a>
|
|
<a class="fa fa-dribbble" href="#"></a>
|
|
<a class="fa fa-google-plus" href="#"></a>
|
|
<a class="fa fa-skype" href="#"></a>
|
|
<a class="fa fa-behance" href="#"></a>
|
|
<a class="fa fa-stumbleupon" href="#"></a>
|
|
<a class="fa fa-rss" href="#"></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> <!-- /.content-wrapper -->
|
|
</div> <!-- .offcanvas-pusher -->
|
|
</div><!-- /#main-wrapper -->
|
|
<!-- STYLE SWITCHER
|
|
============================================= -->
|
|
<div class="b-settings-panel">
|
|
<div class="settings-section">
|
|
<span>
|
|
Boxed
|
|
</span>
|
|
<div class="b-switch">
|
|
<div class="switch-handle"></div>
|
|
</div>
|
|
<span>
|
|
Wide
|
|
</span>
|
|
</div>
|
|
<hr class="dashed" style="margin: 15px 0px;">
|
|
<h5>Main Background</h5>
|
|
<div class="settings-section bg-list">
|
|
<div class="bg-pattern1"></div>
|
|
<div class="bg-pattern2"></div>
|
|
<div class="bg-pattern6"></div>
|
|
<div class="bg-pattern10"></div>
|
|
<div class="bg-pattern16"></div>
|
|
<div class="bg-pattern4"></div>
|
|
<div class="bg-pattern5"></div>
|
|
<div class="bg-pattern7"></div>
|
|
<div class="bg-pattern9"></div>
|
|
<div class="bg-pattern11"></div>
|
|
<div class="bg-pattern12"></div>
|
|
<div class="bg-pattern13"></div>
|
|
<div class="bg-pattern17"></div>
|
|
<div class="bg-pattern8"></div>
|
|
<div class="bg-pattern14"></div>
|
|
<div class="bg-pattern15"></div>
|
|
<div class="bg-pattern3"></div>
|
|
<div class="bg-pattern18"></div>
|
|
</div>
|
|
<hr class="dashed" style="margin: 15px 0px;">
|
|
<h5>Color Scheme</h5>
|
|
<div class="settings-section color-list">
|
|
<div data-src="css/color-scheme/moderate-green.css" style="background: #8ec249"></div>
|
|
<div data-src="css/color-scheme/vivid-blue.css" style="background: #228dff"></div>
|
|
<div data-src="css/color-scheme/orange.css" style="background: #fa6900"></div>
|
|
<div data-src="css/color-scheme/brown.css" style="background: #a68c69"></div>
|
|
<div data-src="css/color-scheme/yellow.css" style="background: #fabe28"></div>
|
|
<div data-src="css/color-scheme/violet.css" style="background: #ba01ff"></div>
|
|
<div data-src="css/color-scheme/strong-cyan.css" style="background: #00b9bd"></div>
|
|
<div data-src="css/color-scheme/soft-cyan.css" style="background: #4bd5ea"></div>
|
|
<div data-src="css/color-scheme/red.css" style="background: #ff0104"></div>
|
|
<div data-src="css/color-scheme/lite-brown.css" style="background: #f3a76d"></div>
|
|
<div data-src="css/color-scheme/lime-green.css" style="background: #3bdbad"></div>
|
|
<div data-src="css/color-scheme/light-voilet.css" style="background: #aaa5ff"></div>
|
|
<div data-src="css/color-scheme/gray-green.css" style="background: #697060"></div>
|
|
<div data-src="css/color-scheme/gray-cyan.css" style="background: #aeced2"></div>
|
|
<div data-src="css/color-scheme/de-green.css" style="background: #b6cd71"></div>
|
|
<div data-src="css/color-scheme/cream.css" style="background: #e0d6b2"></div>
|
|
|
|
</div>
|
|
<div class="btn-settings"></div>
|
|
</div>
|
|
<!-- END STYLE SWITCHER
|
|
============================================= -->
|
|
|
|
<!-- jQuery -->
|
|
<script src="js/jquery.js"></script>
|
|
|
|
<!-- Plugins -->
|
|
<script src="js/bootstrap.min.js"></script>
|
|
<script src="js/menu.js"></script>
|
|
<script src="js/owl-carousel/owl.carousel.min.js"></script>
|
|
<script src="js/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
|
|
<script src="js/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
|
|
<script src="js/jquery.easing.min.js"></script>
|
|
<script src="js/isotope/isotope.pkgd.js"></script>
|
|
<script src="js/jflickrfeed.min.js"></script>
|
|
<script src="js/tweecool.js"></script>
|
|
<script src="js/flexslider/jquery.flexslider.js"></script>
|
|
<script src="js/easypie/jquery.easypiechart.min.js"></script>
|
|
<script src="js/jquery-ui.js"></script>
|
|
<script src="js/jquery.appear.js"></script>
|
|
<script src="js/jquery.inview.js"></script>
|
|
<script src="js/jquery.countdown.min.js"></script>
|
|
<script src="js/jquery.sticky.js"></script>
|
|
<script src="js/magnific-popup/jquery.magnific-popup.min.js"></script>
|
|
<script src="js/hippo-off-canvas.js"></script>
|
|
<script src="js/main.js"></script>
|
|
<script src="js/main2.js"></script>
|
|
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
|
|
<script src="js/gmaps/greyscale.js"></script>
|
|
|
|
</body>
|
|
</html>
|
|
|