742 lines
37 KiB
HTML
742 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-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>
|
|
</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-container top-shadow">
|
|
<div class="fullwidthbanner">
|
|
<ul>
|
|
<!-- Slide 1 -->
|
|
<li data-masterspeed="300" data-slotamount="2" data-transition="fade">
|
|
<!-- Main Image -->
|
|
<img alt="" src="img/slider/Slider-8.jpg">
|
|
<!-- End Main Image -->
|
|
<!-- Captions -->
|
|
<div class="tp-caption sfr" data-easing="easeOutExpo" data-speed="700" data-start="600" data-x="540" data-y="39">
|
|
<img alt="" src="img/slider/coffee.png">
|
|
</div>
|
|
<div class="tp-caption sfb" data-easing="easeInOutBack" data-speed="300" data-start="1500" data-x="730" data-y="110">
|
|
<img alt="" src="img/slider/coffee-thumb-up.png">
|
|
</div>
|
|
<div class="tp-caption sfb" data-easing="easeInOutBack" data-speed="700" data-start="800" data-x="460" data-y="210">
|
|
<img alt="" src="img/slider/spoon.png">
|
|
</div>
|
|
<div class="tp-caption m-3-2em m-text-black m-semibold sft" data-easing="easeOutExpo" data-speed="700" data-start="1400" data-x="40" data-y="130">
|
|
<span>Corporis Suscipit Ratione</span>
|
|
</div>
|
|
<div class="tp-caption m-1-8em m-text-black sfr" data-easing="easeOutExpo" data-speed="700" data-start="1600" data-x="40" data-y="185">
|
|
<span>Animate Anything You Want!</span>
|
|
</div>
|
|
<div class="tp-caption sfb" data-easing="easeInOutExpo" data-speed="700" data-start="1700" data-x="40" data-y="233">
|
|
<a class="btn" href="#">Read More</a>
|
|
</div>
|
|
<div class="tp-caption sfb" data-easing="easeInOutExpo" data-speed="700" data-start="1800" data-x="165" data-y="233">
|
|
<a class="btn colored" href="#">Get Started</a>
|
|
</div>
|
|
<!-- End Captions -->
|
|
</li>
|
|
<!-- End Slide 1 -->
|
|
<!-- Slide 2 -->
|
|
<li data-masterspeed="300" data-slotamount="3" data-transition="fade">
|
|
<!-- Main Image -->
|
|
<img alt="" src="img/slider/Slider-8.jpg">
|
|
<!-- End Main Image -->
|
|
<!-- Captions -->
|
|
<div class="tp-caption sfr" data-easing="easeOutExpo" data-speed="700" data-start="600" data-x="640" data-y="9">
|
|
<img alt="" src="img/slider/women.png">
|
|
</div>
|
|
<div class="tp-caption sfb" data-easing="easeOutExpo" data-speed="700" data-start="900" data-x="369" data-y="327">
|
|
<img alt="" src="img/slider/graph-2.png">
|
|
</div>
|
|
<div class="tp-caption sfb" data-easing="easeOutExpo" data-speed="700" data-start="1000" data-x="433" data-y="298">
|
|
<img alt="" src="img/slider/graph-3.png">
|
|
</div>
|
|
<div class="tp-caption sfb" data-easing="easeOutExpo" data-speed="700" data-start="1100" data-x="511" data-y="261">
|
|
<img alt="" src="img/slider/graph-4.png">
|
|
</div>
|
|
<div class="tp-caption sfb" data-easing="easeOutExpo" data-speed="700" data-start="1200" data-x="579" data-y="236">
|
|
<img alt="" src="img/slider/graph-5.png">
|
|
</div>
|
|
<div class="tp-caption sfb" data-easing="easeOutExpo" data-speed="700" data-start="1300" data-x="651" data-y="197">
|
|
<img alt="" src="img/slider/graph-6.png">
|
|
</div>
|
|
<div class="tp-caption sfb" data-easing="easeOutExpo" data-speed="1700" data-start="1700" data-x="360" data-y="24">
|
|
<img alt="" src="img/slider/graph-7.png">
|
|
</div>
|
|
<div class="tp-caption fade" data-easing="easeOutExpo" data-speed="700" data-start="800" data-x="369" data-y="387">
|
|
<img alt="" src="img/slider/graph-1.png">
|
|
</div>
|
|
<div class="tp-caption m-3-2em m-text-black m-semibold sft" data-easing="easeOutExpo" data-speed="700" data-start="1400" data-x="40" data-y="130">
|
|
<span>Vitae Dicta Suscipit</span>
|
|
</div>
|
|
<div class="tp-caption m-1-8em m-text-black sfr" data-easing="easeOutExpo" data-speed="700" data-start="1600" data-x="40" data-y="185">
|
|
<span>Animate Anything You Want!</span>
|
|
</div>
|
|
<div class="tp-caption sfb" data-easing="easeInOutExpo" data-speed="700" data-start="1700" data-x="40" data-y="233">
|
|
<a class="btn" href="#">Read More</a>
|
|
</div>
|
|
<div class="tp-caption sfb" data-easing="easeInOutExpo" data-speed="700" data-start="1800" data-x="165" data-y="233">
|
|
<a class="btn colored" href="#">Get Started</a>
|
|
</div>
|
|
<!-- End Captions -->
|
|
</li>
|
|
<!-- End Slide 2 -->
|
|
<!-- Slide 3 -->
|
|
<li data-masterspeed="300" data-slotamount="4" data-transition="fade">
|
|
<!-- Main Image -->
|
|
<img alt="" src="img/slider/Slider-8.jpg">
|
|
<!-- End Main Image -->
|
|
<!-- Captions -->
|
|
<div class="tp-caption sfr" data-easing="easeOutExpo" data-speed="700" data-start="600" data-x="670" data-y="34">
|
|
<img alt="" src="img/slider/men.png">
|
|
</div>
|
|
<div class="tp-caption fade" data-easing="easeOutExpo" data-speed="700" data-start="1300" data-x="670" data-y="34">
|
|
<img alt="" src="img/slider/men-2.png">
|
|
</div>
|
|
<div class="tp-caption sft" data-easing="easeInOutBack" data-speed="700" data-start="900" data-x="526" data-y="23">
|
|
<img alt="" src="img/slider/lightbulb.png">
|
|
</div>
|
|
<div class="tp-caption fade" data-easing="easeOutExpo" data-speed="700" data-start="1300" data-x="526" data-y="23">
|
|
<img alt="" src="img/slider/lightbulb-2.png">
|
|
</div>
|
|
<div class="tp-caption m-3-2em m-text-black m-semibold sft" data-easing="easeOutExpo" data-speed="700" data-start="1400" data-x="40" data-y="130">
|
|
<span>Architecto Velit Beatae</span>
|
|
</div>
|
|
<div class="tp-caption m-1-8em m-text-black sfr" data-easing="easeOutExpo" data-speed="700" data-start="1600" data-x="40" data-y="185">
|
|
<span>Animate Anything You Want!</span>
|
|
</div>
|
|
<div class="tp-caption sfb" data-easing="easeInOutExpo" data-speed="700" data-start="1700" data-x="40" data-y="233">
|
|
<a class="btn" href="#">Read More</a>
|
|
</div>
|
|
<div class="tp-caption sfb" data-easing="easeInOutExpo" data-speed="700" data-start="1800" data-x="165" data-y="233">
|
|
<a class="btn colored" href="#">Get Started</a>
|
|
</div>
|
|
<!-- End Captions -->
|
|
</li>
|
|
<!-- End Slide 3 -->
|
|
<!-- Slide 4 -->
|
|
<li data-masterspeed="300" data-slotamount="1" data-transition="fade">
|
|
<!-- Main Image -->
|
|
<img alt="" src="img/slider/Slider-8.jpg">
|
|
<!-- End Main Image -->
|
|
<!-- Captions -->
|
|
<div class="tp-caption m-3-2em m-text-black m-semibold sft" data-easing="easeOutExpo" data-speed="700" data-start="1400" data-x="40" data-y="130">
|
|
<span>Tempora Incidunt</span>
|
|
</div>
|
|
<div class="tp-caption m-1-8em m-text-black sfr" data-easing="easeOutExpo" data-speed="700" data-start="1600" data-x="40" data-y="185">
|
|
<span>Animate Anything You Want!</span>
|
|
</div>
|
|
<div class="tp-caption sfb" data-easing="easeInOutExpo" data-speed="700" data-start="1800" data-x="40" data-y="233">
|
|
<a class="btn" href="#">Read More</a>
|
|
</div>
|
|
<div class="tp-caption sfb" data-easing="easeInOutExpo" data-speed="700" data-start="1900" data-x="165" data-y="233">
|
|
<a class="btn colored" href="#">Get Started</a>
|
|
</div>
|
|
<div class="tp-caption sfr" data-easing="easeOutExpo" data-speed="700" data-start="600" data-x="533" data-y="18">
|
|
<img alt="" src="img/slider/imac.png">
|
|
</div>
|
|
<div class="tp-caption sfr" data-easing="easeOutExpo" data-speed="700" data-start="800" data-x="703" data-y="152">
|
|
<img alt="" src="img/slider/macbook.png">
|
|
</div>
|
|
<div class="tp-caption sfr" data-easing="easeOutExpo" data-speed="700" data-start="1000" data-x="473" data-y="172">
|
|
<img alt="" src="img/slider/ipad.png">
|
|
</div>
|
|
<div class="tp-caption sfr" data-easing="easeOutExpo" data-speed="700" data-start="1200" data-x="616" data-y="258">
|
|
<img alt="" src="img/slider/iphone.png">
|
|
</div>
|
|
<!-- End Captions -->
|
|
</li>
|
|
<!-- End Slide 4 -->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!-- END REVOLUTION SLIDER
|
|
============================================= -->
|
|
|
|
<!-- FEATURED CONTENT
|
|
============================================= -->
|
|
<div class="content content-featured">
|
|
<div class="container layout">
|
|
<p>
|
|
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium... <a href="#">More<i class="icon-chevron-sign-right" style="margin: 0 0 0 7px;"></i></a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<!-- END FEATURED CONTENT
|
|
============================================= -->
|
|
|
|
<!-- CONTENT
|
|
============================================= -->
|
|
<div class="content shortcodes gray-content" style="padding-bottom: 10px;">
|
|
<div class="container layout" style="padding-bottom: 1px;">
|
|
<div class="row">
|
|
<div class="row-item col-md-4">
|
|
<!-- Icon Box -->
|
|
<div class="icon-box medium" style="margin-bottom: 25px;">
|
|
<i class="icon-html5 medium light"></i>
|
|
<h4><a href="#" class="dark-link">Exerci Tation Ullamcorper</a></h4>
|
|
<p>
|
|
Sed ut perspiciatis, unde omnis iste natus error sit voluptatem.
|
|
</p>
|
|
<p><a href="#" class="btn colored" style="margin-bottom: 0;">About Us</a></p>
|
|
</div>
|
|
<!-- End Icon Box -->
|
|
</div>
|
|
<div class="row-item col-md-4">
|
|
<!-- Icon Box -->
|
|
<div class="icon-box medium" style="margin-bottom: 25px;">
|
|
<i class="icon-css3 medium light"></i>
|
|
<h4><a href="#" class="dark-link">Duis Autem Vel Eum</a></h4>
|
|
<p>
|
|
Adipisci velit, sed quia non numquam eius modi tempora incidunt.
|
|
</p>
|
|
<p><a href="#" class="btn colored" style="margin-bottom: 0;">Services</a></p>
|
|
</div>
|
|
<!-- End Icon Box -->
|
|
</div>
|
|
<div class="row-item col-md-4">
|
|
<!-- Icon Box -->
|
|
<div class="icon-box medium" style="margin-bottom: 25px;">
|
|
<i class="icon-magic medium light"></i>
|
|
<h4><a href="#" class="dark-link">Qui Blandit Praesent</a></h4>
|
|
<p>
|
|
Vel eum iure reprehenderit, qui in ea voluptate velit esse quam.
|
|
</p>
|
|
<p><a href="#" class="btn colored" style="margin-bottom: 0;">Our Work</a></p>
|
|
</div>
|
|
<!-- End Icon Box -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="content">
|
|
<div class="container layout">
|
|
<h3 class="lined margin-20">Recent Work</h3>
|
|
<div class="row port b-works">
|
|
<div class="row-item col-md-4 identity photography tehnology">
|
|
<div class="work">
|
|
<a href="#" class="work-image">
|
|
<img src="img/port/smiling.jpg" alt="">
|
|
<div class="link-overlay icon-chevron-right"></div>
|
|
</a>
|
|
<a href="#" class="work-name">Smiling</a>
|
|
<div class="tags">
|
|
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>
|
|
|
|
<div class="gap" style="height: 10px;"></div>
|
|
|
|
<div class="row">
|
|
<div class="row-item col-md-6">
|
|
<h3 class="lined margin-20">Duis Autem Vel Eum</h3>
|
|
<div class="b-tabs">
|
|
<ul class="tabs-nav">
|
|
<li class="active"><span><i class="icon-thumbs-up"></i>Company</span></li>
|
|
<li><span><i class="icon-money"></i>Careers</span></li>
|
|
<li><span><i class="icon-bullhorn"></i>Blogs</span></li>
|
|
</ul>
|
|
<div class="tabs-content">
|
|
<div class="tab active">
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sem mauris, aliquam vel interdum in, faucibus non libero. Asunt in anim uis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in anim id est laborum. Allamco laboris nisi ut aliquip ex ea commodo consequat. Aser velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat.
|
|
</p>
|
|
</div>
|
|
<div class="tab">
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sem mauris, aliquam vel interdum in, faucibus non libero. Asunt in anim uis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in anim id est laborum. Allamco laboris nisi ut aliquip ex ea commodo consequat. Aser velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat.
|
|
</p>
|
|
</div>
|
|
<div class="tab">
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sem mauris, aliquam vel interdum in, faucibus non libero. Asunt in anim uis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in anim id est laborum. Allamco laboris nisi ut aliquip ex ea commodo consequat. Aser velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="gap" style="height: 20px;"></div>
|
|
</div>
|
|
<div class="row-item col-md-6">
|
|
<h3 class="lined margin-20">Voluptate velit esse</h3>
|
|
<ul class="b-list iconok m-circle">
|
|
<li>Asunt in anim uis aute irure dolor in reprehenderit</li>
|
|
<li>Excepteur sint occaecat cupidatat non proident, sunt in anim</li>
|
|
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit</li>
|
|
<li>Irure dolor in reprehenderit in voluptate velit esse cillum</li>
|
|
<li>Tempora incidunt, ut labore et dolore occaecat cupidatat non proident</li>
|
|
<li>Asunt in anim uis aute irure dolor in reprehenderit</li>
|
|
</ul>
|
|
<div class="gap" style="height: 20px;"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="gap" style="height: 10px;"></div>
|
|
|
|
<!-- Promo Box -->
|
|
<div class="b-promo margin-30">
|
|
<a href="#" class="btn big colored">Buy Now!</a>
|
|
<h3>Reprehenderit In Voluptate Velit Esse</h3>
|
|
In anim uis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
|
|
</div>
|
|
<!-- End Promo Box -->
|
|
|
|
<div class="gap" style="height: 10px;"></div>
|
|
|
|
<h3 class="lined margin-20">Our Clients</h3>
|
|
<div class="b-clients" style="margin-bottom: 10px;">
|
|
<div class="client tooltips">
|
|
<div class="tooltips-data">
|
|
Sed ut perspiciatis
|
|
</div>
|
|
<a href="#"><img src="img/elements/logo-1.jpg" alt=""></a>
|
|
</div>
|
|
<div class="client tooltips">
|
|
<div class="tooltips-data">
|
|
Unde omnis iste natus
|
|
</div>
|
|
<a href="#"><img src="img/elements/logo-2.jpg" alt=""></a>
|
|
</div>
|
|
<div class="client tooltips">
|
|
<div class="tooltips-data">
|
|
Quae ab illo inventore
|
|
</div>
|
|
<a href="#"><img src="img/elements/logo-3.jpg" alt=""></a>
|
|
</div>
|
|
<div class="client tooltips">
|
|
<div class="tooltips-data">
|
|
Nisi ut aliquid ex ea
|
|
</div>
|
|
<a href="#"><img src="img/elements/logo-4.jpg" alt=""></a>
|
|
</div>
|
|
<div class="client tooltips">
|
|
<div class="tooltips-data">
|
|
Quo voluptas nulla
|
|
</div>
|
|
<a href="#"><img src="img/elements/logo-5.jpg" alt=""></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END CONTENT
|
|
============================================= -->
|
|
|
|
<!-- FOOTER
|
|
============================================= -->
|
|
<div class="footer">
|
|
<!-- Widget Area -->
|
|
<div class="b-widgets">
|
|
<div class="container layout">
|
|
<div class="row">
|
|
<!-- Links -->
|
|
<div class="row-item col-md-3">
|
|
<h3>Links</h3>
|
|
<ul class="b-list just-links m-dark">
|
|
<li><a href="#">Voluptas Assumenda</a></li>
|
|
<li><a href="#">Repudiandae Sint</a></li>
|
|
<li><a href="#">Perferendis Doloribus</a></li>
|
|
<li><a href="#">Maxime Placeat</a></li>
|
|
<li><a href="#">Quidem Rerum</a></li>
|
|
<li><a href="#">Occaecati Cupiditate</a></li>
|
|
</ul>
|
|
</div>
|
|
<!-- End Links -->
|
|
<!-- 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 -->
|
|
<!-- Tag Cloud -->
|
|
<div class="row-item col-md-3">
|
|
<h3>Popular Tags</h3>
|
|
<div class="b-tag-cloud m-dark">
|
|
<a href="#">beach</a>
|
|
<a href="#">bar</a>
|
|
<a href="#">blog</a>
|
|
<a href="#">business</a>
|
|
<a href="#">coctail</a>
|
|
</div>
|
|
</div>
|
|
<!-- End Tag Cloud -->
|
|
<!-- Contact Form -->
|
|
<div class="row-item col-md-3">
|
|
<h3>Contact Form</h3>
|
|
<!-- Success Message -->
|
|
<div class="form-message"></div>
|
|
<!-- Form -->
|
|
<form class="b-form b-contact-form" action="contact.php">
|
|
<div class="input-wrap m-full-width">
|
|
<i class="icon-user"></i>
|
|
<input class="field-name" type="text" placeholder="Name (required)">
|
|
</div>
|
|
<div class="input-wrap m-full-width">
|
|
<i class="icon-envelope"></i>
|
|
<input class="field-email" type="text" placeholder="E-mail (required)">
|
|
</div>
|
|
<div class="textarea-wrap">
|
|
<i class="icon-pencil"></i>
|
|
<textarea class="field-comments" placeholder="Message"></textarea>
|
|
</div>
|
|
<input class="btn-submit btn colored" type="submit" value="Send">
|
|
</form>
|
|
<!-- End Form -->
|
|
</div>
|
|
<!-- End Contact Form -->
|
|
</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> |