636 lines
32 KiB
HTML
636 lines
32 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>
|
|
|
|
<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
|
|
============================================= -->
|
|
|
|
<!-- REVOLUTION SLIDER
|
|
============================================= -->
|
|
<div class="fullwidthbanner-container1 top-shadow">
|
|
<div class="fullwidthbanner1">
|
|
<ul>
|
|
<li data-transition="fade" data-slotamount="3" data-masterspeed="300" data-saveperformance="off" >
|
|
<!-- MAIN IMAGE -->
|
|
<img src="img/slider/transparent.png" style='background-color:#fff8d6' alt="" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
|
|
<!-- LAYERS -->
|
|
<!-- LAYER NR. 1 -->
|
|
<div class="tp-caption grey_regular_18 tp-fade fadeout tp-resizeme m-3-2em m-text-black m-semibold sft start"
|
|
data-x="131"
|
|
data-y="150"
|
|
data-speed="1400"
|
|
data-start="1400"
|
|
data-easing="easeOutExpo"
|
|
data-splitin="none"
|
|
data-splitout="none"
|
|
data-elementdelay="0.1"
|
|
data-endelementdelay="0.1"
|
|
data-captionhidden="on"
|
|
style="z-index: 5; max-width: auto; max-height: auto; white-space: nowrap;">Boson is best way to present your app
|
|
</div>
|
|
<!-- LAYER NR. 2 -->
|
|
<div class="tp-caption tp-fade tp-resizeme m-1-8em m-text-black sfr"
|
|
data-x="326"
|
|
data-y="208"
|
|
data-speed="1600"
|
|
data-start="1700"
|
|
data-easing="easeOutExpo"
|
|
data-splitin="none"
|
|
data-splitout="none"
|
|
data-elementdelay="0.1"
|
|
data-endelementdelay="0.1"
|
|
data-endspeed="300"
|
|
data-endeasing="easeOutExpo"
|
|
data-captionhidden="on"
|
|
style="z-index: 6; max-width: auto; max-height: auto; white-space: nowrap;"><span>Killing Features</span>
|
|
</div>
|
|
<!-- LAYER NR. 3 -->
|
|
<div class="tp-caption tp-fade tp-resizeme sfb"
|
|
data-x="137"
|
|
data-y="255"
|
|
data-speed="1800"
|
|
data-start="2300"
|
|
data-easing="easeInOutExpo"
|
|
data-splitin="none"
|
|
data-splitout="none"
|
|
data-elementdelay="0.1"
|
|
data-endelementdelay="0.1"
|
|
data-endspeed="300"
|
|
style="z-index: 7; max-width: auto; max-height: auto; white-space: nowrap;"><a class="btn big orange" href="#">Get Started</a>
|
|
</div>
|
|
<!-- LAYER NR. 4 -->
|
|
<div class="tp-caption tp-fade"
|
|
data-x="597"
|
|
data-y="30"
|
|
data-speed="300"
|
|
data-start="2300"
|
|
data-easing="Power3.easeInOut"
|
|
data-elementdelay="0.1"
|
|
data-endelementdelay="0.1"
|
|
data-endspeed="300"
|
|
style="z-index: 8;"><img src="img/slider/boson_hand_mobile.png" alt="">
|
|
</div>
|
|
</li>
|
|
|
|
<!-- SLIDE -->
|
|
<li data-transition="fade" data-slotamount="3" data-masterspeed="300" data-saveperformance="off" >
|
|
<!-- MAIN IMAGE -->
|
|
<img src="img/slider/transparent.png" style='background-color:#fff8d6' alt="" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
|
|
<!-- LAYERS -->
|
|
<!-- LAYER NR. 1 -->
|
|
<div class="tp-caption grey_regular_18 tp-fade fadeout tp-resizeme m-3-2em m-text-black m-semibold sft start"
|
|
data-x="131"
|
|
data-y="150"
|
|
data-speed="1400"
|
|
data-start="1400"
|
|
data-easing="easeOutExpo"
|
|
data-splitin="none"
|
|
data-splitout="none"
|
|
data-elementdelay="0.1"
|
|
data-endelementdelay="0.1"
|
|
data-captionhidden="on"
|
|
style="z-index: 5; max-width: auto; max-height: auto; white-space: nowrap;">Boson is best way to present your app
|
|
</div>
|
|
<!-- LAYER NR. 2 -->
|
|
<div class="tp-caption tp-fade tp-resizeme m-1-8em m-text-black sfr"
|
|
data-x="326"
|
|
data-y="208"
|
|
data-speed="1600"
|
|
data-start="1700"
|
|
data-easing="easeOutExpo"
|
|
data-splitin="none"
|
|
data-splitout="none"
|
|
data-elementdelay="0.1"
|
|
data-endelementdelay="0.1"
|
|
data-endspeed="300"
|
|
data-endeasing="easeOutExpo"
|
|
data-captionhidden="on"
|
|
style="z-index: 6; max-width: auto; max-height: auto; white-space: nowrap;"><span>Killing Features</span>
|
|
</div>
|
|
<!-- LAYER NR. 3 -->
|
|
<div class="tp-caption tp-fade tp-resizeme sfb"
|
|
data-x="137"
|
|
data-y="255"
|
|
data-speed="1800"
|
|
data-start="2300"
|
|
data-easing="easeInOutExpo"
|
|
data-splitin="none"
|
|
data-splitout="none"
|
|
data-elementdelay="0.1"
|
|
data-endelementdelay="0.1"
|
|
data-endspeed="300"
|
|
style="z-index: 7; max-width: auto; max-height: auto; white-space: nowrap;"><a class="btn big orange" href="#">Get Started</a>
|
|
</div>
|
|
<!-- LAYER NR. 4 -->
|
|
<div class="tp-caption tp-fade"
|
|
data-x="597"
|
|
data-y="30"
|
|
data-speed="300"
|
|
data-start="2300"
|
|
data-easing="Power3.easeInOut"
|
|
data-elementdelay="0.1"
|
|
data-endelementdelay="0.1"
|
|
data-endspeed="300"
|
|
style="z-index: 8;"><img src="img/slider/boson_hand_mobile.png" alt="">
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!-- END REVOLUTION SLIDER
|
|
============================================= -->
|
|
|
|
<!-- 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 "><strong>AWESOME </strong>. FEATURES</h1>
|
|
<p class="centered p-20" style="color: #6e6e73;">_________________________________________________________________________</p>
|
|
<div class="margin-20"></div>
|
|
</div>
|
|
<div class="row-item col-md-6">
|
|
<h3><strong><i class="icon-cogs " style="color: #ffc400; font-size: 20px;"></i> Everything Customization</strong></h3>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus porta massa sit amet magna luctus euismod. Mauris non malesuada nunc</p>
|
|
<h3><strong><i class="icon-desktop " style="color: #ffc400; font-size: 20px;"></i> </strong><strong>Full Responsive</strong></h3>
|
|
<p>Mauris a sem vitae enim blandit dignissim sed vel sem. Donec tincidunt mauris eget dui dictum, a tristique ante nitatis per seacula</p>
|
|
<h3><strong><i class="icon-wrench " style="color: #ffc400; font-size: 20px;"></i> </strong><strong>Easy Setup</strong></h3>
|
|
<p>Auis bibendum diam non erat facilaisis tincidunt. Fusce leo neque, lacinia at tempor vitae, porta at arcu. Vestibulum varius non dui at pulvinar. Ut egestas orci in quam sollicitudin aliquet.a</p>
|
|
<h3><strong><i class="icon-leaf " style="color: #ffc400; font-size: 20px;"></i> </strong><strong>Beautiful Design</strong></h3>
|
|
<p>Anteposuerit litterarum formas humanitatis per seachumanitatis per seacula</p>
|
|
</div>
|
|
<div class="row-item col-md-6">
|
|
<p><a href="img/tablet_boson.png"><img class="alignright size-full" src="img/tablet_boson.png" alt="tablet_boson" height="400" width="475"></a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="shortcodes parallax" data-stellar-background-ratio="0.5" style="background: rgb(252, 249, 190);">
|
|
<div class="container layout">
|
|
<div class="row">
|
|
<div class="row-item col-md-6">
|
|
<p><a href="img/slider/coffee.png"><img class="size-full aligncenter" src="img/slider/coffee.png" alt="coffee1.png" height="395" width="464"></a></p>
|
|
</div>
|
|
<div class="row-item col-md-6">
|
|
<h1>The most advanced technology</h1>
|
|
<p> </p>
|
|
<p>Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima.</p>
|
|
<p>Quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima.</p>
|
|
<p> </p>
|
|
<a href="#" class="btn big orange"><i class="icon-shopping-cart"></i>Get Latest App</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="shortcodes">
|
|
<div class="container layout">
|
|
<div class="row">
|
|
<div class="row-item col-md-12">
|
|
<div class="margin-10"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="shortcodes">
|
|
<div class="container layout">
|
|
<div class="row">
|
|
<div class="row-item col-md-12">
|
|
<h1 class="centered semibold uppercase">Get it now</h1>
|
|
<p class="centered p-20" style="color: #6e6e73;">____________________________________________________________________________</p>
|
|
<p class="centered">Mirum est notare quam littera gothica, quam nunc putamus parum claram,</p>
|
|
<p class="centered">anteposuerit litterarum formas humanitatis per seacula.</p>
|
|
<p> </p>
|
|
<p class="centered"><a href="#" class="btn big orange"><i class="icon-android"></i>Download from Android</a> <a href="#" class="btn big light"><i class="icon-windows"></i>Download from Windows Store</a> <a href="#" class="btn big orange"><i class="icon-apple"></i>Download from Apple Store</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="shortcodes">
|
|
<div class="container layout">
|
|
<div class="row">
|
|
<div class="row-item col-md-12">
|
|
<h3 class="lined margin-20"> </h3>
|
|
<div class="b-clients" style="margin-bottom: 10px;">
|
|
<div class="client tooltips">
|
|
<div class="tooltips-data">FatCow</div>
|
|
<a href="#"><img src="img/elements/fatcow.png" alt=""></a>
|
|
</div>
|
|
<div class="client tooltips">
|
|
<div class="tooltips-data">Bluehost</div>
|
|
<a href="#"><img src="img/elements/bluehost.png" alt=""></a>
|
|
</div>
|
|
<div class="client tooltips">
|
|
<div class="tooltips-data">Monte</div>
|
|
<a href="#"><img src="img/elements/logo-5.jpg" alt=""></a>
|
|
</div>
|
|
<div class="client tooltips">
|
|
<div class="tooltips-data">Rolling Cat</div>
|
|
<a href="#"><img src="img/elements/logo-2.jpg" alt=""></a>
|
|
</div>
|
|
<div class="client tooltips">
|
|
<div class="tooltips-data">Barnet</div>
|
|
<a href="#"><img src="img/elements/logo-3.jpg" alt=""></a>
|
|
</div>
|
|
</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> |