777 lines
37 KiB
HTML
777 lines
37 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">
|
|
|
|
<!-- Base JS -->
|
|
<script src="js/jquery-1.9.1.min.js"></script>
|
|
<script src="js/bootstrap.min.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-options1.js"></script>
|
|
|
|
<!-- Prety photo -->
|
|
<script src="js/jquery.prettyPhoto.js"></script>
|
|
<script>
|
|
$(document).ready(function(){
|
|
$("a[rel^='prettyPhoto']").prettyPhoto();
|
|
});
|
|
</script>
|
|
</head>
|
|
|
|
<body class="home-wrap">
|
|
|
|
<div class="main">
|
|
|
|
|
|
|
|
<!-- 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
|
|
============================================= -->
|
|
|
|
<!-- CONTENT
|
|
============================================= -->
|
|
<div class="content">
|
|
<div class="shortcodes">
|
|
<div class="container layout">
|
|
<div class="row">
|
|
<div class="row-item col-md-12">
|
|
<h1 class="centered semibold uppercase">WE ARE . Boson</h1>
|
|
<p class="centered p-20" style="color: #6e6e73;">dolor sit amet, consectetur adipiscing elit</p>
|
|
<div class="gap" style="height:20px;"></div>
|
|
<div class="row">
|
|
<div class="row-item col-md-4">
|
|
<div class="b-service">
|
|
<a href=""><i class="icon-html5 light "></i></a>
|
|
<h3 class="centered"><a href="" class="dark-link">RESPONSIVE DESIGN</a></h3>
|
|
<p class="centered">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="row-item col-md-4">
|
|
<div class="b-service">
|
|
<a href=""><i class="icon-code-fork light "></i></a>
|
|
<h3 class="centered"><a href="" class="dark-link">WELL CODING</a></h3>
|
|
<p class="centered">
|
|
Lorem ipsum dolor sit amet, cem mauris, aliquam vel interdum in
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="row-item col-md-4">
|
|
<div class="b-service">
|
|
<a href=""><i class="icon-magic light "></i></a>
|
|
<h3 class="centered"><a href="" class="dark-link">SEO FRIENDLY</a></h3>
|
|
<p class="centered">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sem maurisdum in
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="shortcodes content gray-content">
|
|
<div class="container layout no-pad-bottom">
|
|
<div class="row">
|
|
<div class="row-item col-md-12">
|
|
<div id="builder-module-541274a86edec" class="module module-heading">
|
|
<h1 class="centered semibold ">AWESOME . FEATURES</h1>
|
|
</div>
|
|
<div id="builder-module-54128579c786f" class="module">
|
|
<div class="margin-30"></div>
|
|
</div>
|
|
</div>
|
|
<div class="row-item col-md-6">
|
|
<p><a href="img/tablet_boson.png"><img class="alignright size-full wp-image-1107" src="img/tablet_boson.png" alt="tablet_boson" height="400" width="475"></a></p>
|
|
</div>
|
|
<div class="row-item col-md-6">
|
|
<h3>Unlimited Page Layouts</h3>
|
|
<p>Nullam enim nunc, sollicitudin eget rhoncus non, iaculis quis metus. Nunc urna diam, blandit nec ipsum eu,</p>
|
|
<h3>Super Easy Admin Panel</h3>
|
|
<p>Nullam enim nunc, sollicitudin eget rhoncus non, iaculis quis metus. Nunc urna</p>
|
|
<h3>Drag & Drop Page Builder</h3>
|
|
<p>Nullam enim nunc, sollicitudin eget rhoncus non, iaculis quis metus. Nunc urna diam, blandit nec ipsum eu, mollis convallis lectus. Vestibulum sapien mauris,</p>
|
|
<h3>One Click Demo Install</h3>
|
|
<p>Nullam enim nunc, sollicitudin eget rhoncus</p>
|
|
<a href="http://themeforest.net/item/boson-responsive-multipurpose-html5-template/11043414" class="btn big pink"><i class="icon-shopping-cart"></i>Buy This Theme</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container layout">
|
|
<h1 class="centered semibold ">Recent Portfolio</h1>
|
|
<p class="centered p-20" style="color: #6e6e73;">Our Best Work for Our Clients</p>
|
|
<div class="row port b-works">
|
|
<div class="row-item col-md-4 identity photography tehnology">
|
|
<div class="work">
|
|
<a href="http://vimeo.com/67500403" rel="prettyPhoto" class="work-image">
|
|
<img src="img/port/spring-flowers.jpg" alt="">
|
|
<div class="link-overlay icon-play"></div>
|
|
</a>
|
|
<a href="#" class="work-name">Smiling</a>
|
|
<div class="tags">
|
|
Identity, Photography, Tehnology
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row-item col-md-4 photography webdesign">
|
|
<div class="work">
|
|
<a href="img/port/surfer-big.jpg" rel="prettyPhoto" class="work-image">
|
|
<img src="img/port/surfer.jpg" alt="">
|
|
<div class="link-overlay icon-search"></div>
|
|
</a>
|
|
<a href="#" class="work-name">Surfer</a>
|
|
<div class="tags">
|
|
Photography, Webdesign
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row-item col-md-4 identity">
|
|
<div class="work">
|
|
<a href="http://vimeo.com/67500403" rel="prettyPhoto" class="work-image">
|
|
<img src="img/port/architecture.jpg" alt="">
|
|
<div class="link-overlay icon-play"></div>
|
|
</a>
|
|
<a href="#" class="work-name">Architecture</a>
|
|
<div class="tags">
|
|
Identity
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row-item col-md-4 tehnology">
|
|
<div class="work">
|
|
<a href="img/port/yacht-sailing-big.jpg" rel="prettyPhoto" class="work-image">
|
|
<img src="img/port/yacht-sailing.jpg" alt="">
|
|
<div class="link-overlay icon-search"></div>
|
|
</a>
|
|
<a href="#" class="work-name">Yacht Sailing</a>
|
|
<div class="tags">
|
|
Tehnology
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row-item col-md-4 photography">
|
|
<div class="work">
|
|
<a href="http://vimeo.com/67500403" rel="prettyPhoto" class="work-image">
|
|
<img src="img/port/golf.jpg" alt="">
|
|
<div class="link-overlay icon-play"></div>
|
|
</a>
|
|
<a href="#" class="work-name">Golf</a>
|
|
<div class="tags">
|
|
Photography
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row-item col-md-4 tehnology">
|
|
<div class="work">
|
|
<a href="img/port/spring-flowers-big.jpg" rel="prettyPhoto" class="work-image">
|
|
<img src="img/port/spring-flowers.jpg" alt="">
|
|
<div class="link-overlay icon-search"></div>
|
|
</a>
|
|
<a href="#" class="work-name">Spring Flowers</a>
|
|
<div class="tags">
|
|
Tehnology
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row-item col-md-4 identity">
|
|
<div class="work">
|
|
<a href="img/port/work-from-home-big.jpg" rel="prettyPhoto" class="work-image">
|
|
<img src="img/port/work-from-home.jpg" alt="">
|
|
<div class="link-overlay icon-search"></div>
|
|
</a>
|
|
<a href="#" class="work-name">Work From Home</a>
|
|
<div class="tags">
|
|
Identity, Photography, Tehnology
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row-item col-md-4 tehnology">
|
|
<div class="work">
|
|
<a href="img/port/music-night-club-big.jpg" rel="prettyPhoto" class="work-image">
|
|
<img src="img/port/music-night-club.jpg" alt="">
|
|
<div class="link-overlay icon-search"></div>
|
|
</a>
|
|
<a href="#" class="work-name">Music Night Club</a>
|
|
<div class="tags">
|
|
Web Design
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container layout">
|
|
<div class="row">
|
|
<h1 class="centered semibold ">Who We Are</h1>
|
|
<p class="centered p-20" style="color: #6e6e73;">auctor quis magna sed, pretium vestibulum es</p>
|
|
<div class="gap" style="height:30px;"></div>
|
|
<div class="row-item col-md-6">
|
|
<h3 class="lined margin-20">About Us</h3>
|
|
<p>Nullam enim nunc, sollicitudin eget rhoncus non, iaculis quis metus. Nunc urna diam, blandit nec ipsum eu, mollis convallis lectus. Vestibulum sapien mauris, auctor quis magna sed, pretium vestibulum est. Mauris vitae tristique urna. Nullam enim nunc, sollicitudin eget rhoncus non, iaculis quis metus. Nunc urna diam, blandit nec ipsum eu, mollis convallis lectus.</p>
|
|
<p>Vestibulum sapien mauris, auctor quis magna sed, pretium vestibulum est. Mauris vitae tristique urna.</p>
|
|
<div class="gap" style="height: 10px;">
|
|
</div>
|
|
</div>
|
|
<div class="row-item col-md-6">
|
|
<h3 class="lined margin-20">Progress Bars</h3>
|
|
<!-- Progress Bars -->
|
|
<div class="element-wrap">
|
|
<!-- Item 1 -->
|
|
<div class="b-progress-bar" data-capacity="100" data-value="98">
|
|
<div class="progress-label">
|
|
Development 98%
|
|
</div>
|
|
<div class="progress-scale">
|
|
<div class="progress-line">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End Item 1 -->
|
|
<!-- Item 2 -->
|
|
<div class="b-progress-bar" data-capacity="100" data-value="75">
|
|
<div class="progress-label">
|
|
Project Management 75%
|
|
</div>
|
|
<div class="progress-scale">
|
|
<div class="progress-line m-2">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End Item 2 -->
|
|
<!-- Item 3 -->
|
|
<div class="b-progress-bar" data-capacity="100" data-value="80">
|
|
<div class="progress-label">
|
|
Marketing 80%
|
|
</div>
|
|
<div class="progress-scale">
|
|
<div class="progress-line m-3">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End Item 3 -->
|
|
</div>
|
|
<!-- End Progress Bars -->
|
|
<div class="gap" style="height: 10px;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="shortcodes">
|
|
<div class="container layout">
|
|
<div class="row">
|
|
<div class="row-item col-md-12">
|
|
<h3 style="text-align: center"></h3>
|
|
<h2 style="text-align: center">What Are You Thinking... Buy One of The Best WordPress Theme</h2>
|
|
<p> </p>
|
|
<p style="text-align: center"><a href="http://themeforest.net/item/boson-responsive-multipurpose-html5-template/11043414" class="btn big pink"><i class="icon-shopping-cart"></i>Buy This Theme</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="shortcodes parallax" data-stellar-background-ratio="0.5" style="background: rgb(85, 144, 146);">
|
|
<div class="container layout">
|
|
<div class="row">
|
|
<div class="row-item col-md-12">
|
|
<div class="margin-50"></div>
|
|
<div class="testimonials">
|
|
<div class="row">
|
|
<div class="row-item col-md-6">
|
|
<div class="b-quote">
|
|
<img class="quote-ava" src="img/team/team-7.jpg" alt="">
|
|
<div class="quote-text">
|
|
Nullam enim nunc, sollicitudin eget rhoncus non, iaculis quis metus. Nunc urna diam, blandit nec ipsum eu, mollis convallis lectus. Vestibulum sapien mauris, auctor quis magna sed, pretium vestibulum est.
|
|
<div class="quote-author-name">Kristina</div>
|
|
<div class="quote-author-position">
|
|
Marketing Manager <a href="#" class="link">Senior Developer</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row-item col-md-6">
|
|
<div class="b-quote">
|
|
<img class="quote-ava" src="img/team/team-8.jpg" alt="">
|
|
<div class="quote-text">
|
|
Nullam enim nunc, sollicitudin eget rhoncus non, iaculis quis metus. Nunc urna diam, blandit nec ipsum eu, mollis convallis lectus. Vestibulum sapien mauris, auctor quis magna sed, pretium vestibulum est.
|
|
<div class="quote-author-name">Richard</div>
|
|
<div class="quote-author-position">
|
|
CEO <a href="" class="link"></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="margin-50"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="shortcodes">
|
|
<div class="container layout">
|
|
<h1 class="centered semibold ">Packages</h1>
|
|
<div class="row m-tariff-row">
|
|
<div class="gap" style="height:30px;"></div>
|
|
<div class="row-item col-md-3">
|
|
<div class="b-tariff">
|
|
<div class="tariff-head">
|
|
<div class="tariff-title">Starter</div>
|
|
<div class="tariff-price">
|
|
<span class="tariff-cy">$</span>
|
|
<span class="tariff-cost">25</span>
|
|
<span class="tariff-period">/mo</span>
|
|
</div>
|
|
<p class="tariff-description">Sed ut perspiciatis unde omnis iste natus.</p>
|
|
</div>
|
|
<ul class="tariff-meta">
|
|
<li><mark class="green strong">FREE</mark> Setup</li>
|
|
<li><i class="icon-user" style="color: #73ca3f"></i> 3 Active Users</li>
|
|
<li><i class="icon-plus" style="color: #73ca3f"></i> Additional User is $5/mo</li>
|
|
<li><i class="icon-lock" style="color: #73ca3f"></i> Unlimited Questions</li>
|
|
<li><i class="icon-ok" style="color: #73ca3f"></i> Full Data Security</li>
|
|
</ul>
|
|
<a class="btn purple tariff-btn" href="#">Start Now!</a>
|
|
</div>
|
|
</div>
|
|
<div class="row-item col-md-3">
|
|
<div class="b-tariff m-popular">
|
|
<div class="popular-title m-turquoise"><i class="icon-thumbs-up"></i>Most Popular</div>
|
|
<div class="tariff-head">
|
|
<div class="tariff-title">Basic</div>
|
|
<div class="tariff-price">
|
|
<span class="tariff-cy">$</span>
|
|
<span class="tariff-cost">50</span>
|
|
<span class="tariff-period">/mo</span>
|
|
</div>
|
|
<p class="tariff-description">Nemo enim ipsam voluptatem quia voluptas.</p>
|
|
</div>
|
|
<ul class="tariff-meta">
|
|
<li><mark class="green strong">FREE</mark> Setup</li>
|
|
<li><i class="icon-user" style="color: #73ca3f"></i> 3 Active Users</li>
|
|
<li><i class="icon-plus" style="color: #73ca3f"></i> Additional User is $5/mo</li>
|
|
<li><i class="icon-lock" style="color: #73ca3f"></i> Unlimited Questions</li>
|
|
<li><i class="icon-ok" style="color: #73ca3f"></i> Full Data Security</li>
|
|
</ul>
|
|
<a class="btn turquoise tariff-btn" href="#">Start Now!</a>
|
|
</div>
|
|
</div>
|
|
<div class="row-item col-md-3">
|
|
<div class="b-tariff">
|
|
<div class="tariff-head">
|
|
<div class="tariff-title">Professional</div>
|
|
<div class="tariff-price">
|
|
<span class="tariff-cy">$</span>
|
|
<span class="tariff-cost">75</span>
|
|
<span class="tariff-period">/mo</span>
|
|
</div>
|
|
<p class="tariff-description">Neque porro quisquam est, qui dolorem ipsum.</p>
|
|
</div>
|
|
<ul class="tariff-meta">
|
|
<li><mark class="green strong">FREE</mark> Setup</li>
|
|
<li><i class="icon-user" style="color: #73ca3f"></i> 3 Active Users</li>
|
|
<li><i class="icon-plus" style="color: #73ca3f"></i> Additional User is $5/mo</li>
|
|
<li><i class="icon-lock" style="color: #73ca3f"></i> Unlimited Questions</li>
|
|
<li><i class="icon-ok" style="color: #73ca3f"></i> Full Data Security</li>
|
|
</ul>
|
|
<a class="btn blue tariff-btn" href="#">Start Now!</a>
|
|
</div>
|
|
</div>
|
|
<div class="row-item col-md-3">
|
|
<div class="b-tariff">
|
|
<div class="tariff-head">
|
|
<div class="tariff-title">Unlimited</div>
|
|
<div class="tariff-price">
|
|
<span class="tariff-cy">$</span>
|
|
<span class="tariff-cost">150</span>
|
|
<span class="tariff-period">/mo</span>
|
|
</div>
|
|
<p class="tariff-description">Quis autem vel eum iure reprehenderit qui.</p>
|
|
</div>
|
|
<ul class="tariff-meta">
|
|
<li><mark class="green strong">FREE</mark> Setup</li>
|
|
<li><i class="icon-user" style="color: #73ca3f"></i> 3 Active Users</li>
|
|
<li><i class="icon-plus" style="color: #73ca3f"></i> Additional User is $5/mo</li>
|
|
<li><i class="icon-lock" style="color: #73ca3f"></i> Unlimited Questions</li>
|
|
<li><i class="icon-ok" style="color: #73ca3f"></i> Full Data Security</li>
|
|
</ul>
|
|
<a class="btn purple tariff-btn" href="#">Start Now!</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END CONTENT
|
|
============================================= -->
|
|
|
|
<!-- FOOTER
|
|
============================================= -->
|
|
<div class="footer">
|
|
<!-- Widget Area -->
|
|
<div class="b-widgets">
|
|
<div class="container layout">
|
|
<div class="row">
|
|
<!-- About -->
|
|
<div class="row-item col-md-3">
|
|
<img src="img/logo.png" alt="" style="margin-bottom: 10px;">
|
|
<p>
|
|
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
|
|
</p>
|
|
</div>
|
|
<!-- End About -->
|
|
<!-- Latest Tweets -->
|
|
<div class="row-item col-md-3">
|
|
<h3>Latest Tweets</h3>
|
|
<div class="b-twitter m-footer">
|
|
<ul>
|
|
<!-- Twitter Message 1 -->
|
|
<li>
|
|
<span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem <a href="#" class="link">http://twitter.com</a></span>
|
|
<span class="twit-date">Jan 7, 2013</span>
|
|
</li>
|
|
<!-- Twitter Message 2 -->
|
|
<li>
|
|
<span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aliquid :) <a href="#" class="link">http://twitter.com</a></span>
|
|
<span class="twit-date">Jan 7, 2013</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!-- End Latest Tweets -->
|
|
<!-- Latest Project -->
|
|
<div class="row-item col-md-3">
|
|
<h3>Latest Projects</h3>
|
|
<div class="latest-project">
|
|
<div class="latest-project-item">
|
|
<a href="#"><img src="img/elements/rp-1.jpg" alt=""></a>
|
|
</div>
|
|
<div class="latest-project-item">
|
|
<a href="#"><img src="img/elements/rp-2.jpg" alt=""></a>
|
|
</div>
|
|
<div class="latest-project-item">
|
|
<a href="#"><img src="img/elements/rp-3.jpg" alt=""></a>
|
|
</div>
|
|
<div class="latest-project-item">
|
|
<a href="#"><img src="img/elements/rp-4.jpg" alt=""></a>
|
|
</div>
|
|
<div class="latest-project-item">
|
|
<a href="#"><img src="img/elements/rp-5.jpg" alt=""></a>
|
|
</div>
|
|
<div class="latest-project-item">
|
|
<a href="#"><img src="img/elements/rp-6.jpg" alt=""></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End Latest Project -->
|
|
<!-- Contact Information -->
|
|
<div class="row-item col-md-3">
|
|
<h3>Contact Information</h3>
|
|
<!-- Address -->
|
|
<ul class="b-list b-contact m-dark" style="margin-bottom: 15px;">
|
|
<li class="contact-address"><i class="icon-map-marker"></i><span>103088. Ut wisi enim ad minim veniam, quis nostrud.</span></li>
|
|
<li class="contact-mail"><i class="icon-envelope"></i><a href="#">mail@mail.com</a></li>
|
|
<li class="contact-phone"><i class="icon-phone"></i><span>+1 (229) 991-22-11</span></li>
|
|
<li class="contact-address"><i class="icon-time"></i><span>Monday-Friday: 9:<sup>00</sup> — 18:<sup>00</sup><br>
|
|
Saturday: 10:<sup>00</sup> — 17:<sup>00</sup><br>
|
|
Sunday: closed</span>
|
|
</li>
|
|
</ul>
|
|
<!-- End Address -->
|
|
</div>
|
|
<!-- End Contact Information -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End Widget Area -->
|
|
<!-- Copyright Area -->
|
|
<div class="b-copyright">
|
|
<div class="container layout">
|
|
<!-- Copyright Text -->
|
|
<span class="copy">Copyright © 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
|
|
<!-- Social Icons -->
|
|
<ul class="b-social bot">
|
|
<li>Follow Us:</li>
|
|
<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
|
|
<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
|
|
<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
|
|
<li><a class="dr" href="#"><i class="icon-dribbble"></i></a></li>
|
|
<li><a class="sk" href="#"><i class="icon-skype"></i></a></li>
|
|
<li><a class="rss" href="#"><i class="icon-rss"></i></a></li>
|
|
<!--
|
|
<li><a class="yt" href="#"><i class="icon-youtube"></i></a></li>
|
|
<li><a class="tl" href="#"><i class="icon-tumblr"></i></a></li>
|
|
<li><a class="is" href="#"><i class="icon-instagram"></i></a></li>
|
|
<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
|
|
<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
|
|
<li><a class="vk" href="#"><i class="icon-vk"></i></a></li>
|
|
<li><a class="dx" href="#"><i class="icon-dropbox"></i></a></li>
|
|
<li><a class="fs" href="#"><i class="icon-foursquare"></i></a></li>
|
|
<li><a class="gh" href="#"><i class="icon-github-alt"></i></a></li>
|
|
<li><a class="mx" href="#"><i class="icon-maxcdn"></i></a></li>-->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END FOOTER
|
|
============================================= -->
|
|
|
|
</div>
|
|
<!-- END MAIN
|
|
============================================= -->
|
|
|
|
<script src="js/menu-target.js"></script>
|
|
</body>
|
|
</html> |