1155 lines
49 KiB
HTML
1155 lines
49 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="js/magnific-popup/magnific-popup.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">
|
|
|
|
|
|
<!-- 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
|
|
============================================= -->
|
|
|
|
<div class="slider-wrap">
|
|
<div class="tp-banner-container">
|
|
<div class="tp-banner" >
|
|
<ul>
|
|
<!-- SLIDE 1 -->
|
|
<li data-transition="fade" data-slotamount="1" data-masterspeed="1500" data-delay="13000" data-saveperformance="off" data-title="Our Workplace">
|
|
<!-- MAIN IMAGE -->
|
|
<img src="images/slider/20.jpg" alt="kenburns1" data-bgposition="left center" data-kenburns="on" data-duration="14000" data-ease="Linear.easeNone" data-bgfit="100" data-bgfitend="130" data-bgpositionend="right center" >
|
|
<!-- LAYERS -->
|
|
<div class="tp-caption offerbadge two sft"
|
|
data-x="1045"
|
|
data-hoffset="0"
|
|
data-voffset="-10"
|
|
data-y="315"
|
|
data-speed="800"
|
|
data-start="1300"
|
|
data-easing="Power4.easeOut"
|
|
data-endspeed="300"
|
|
data-endeasing="Power1.easeIn"
|
|
data-captionhidden="off"
|
|
style="z-index: 6;width:100%;height:100%;max-width:108px;
|
|
max-height:108px;
|
|
padding:25px 0px 0px 0px;
|
|
font-size:18px;
|
|
background:#fff;color:#000;border-radius:50%;text-align:center;
|
|
">Up to <br/>50% off</div>
|
|
<div class="tp-caption offerbadge sfb"
|
|
data-x="928"
|
|
data-hoffset="0"
|
|
data-voffset="-10"
|
|
data-y="200"
|
|
data-speed="800"
|
|
data-start="1600"
|
|
data-easing="Power4.easeOut"
|
|
data-endspeed="300"
|
|
data-endeasing="Power1.easeIn"
|
|
data-captionhidden="off"
|
|
style="z-index: 6;width:100%;height:100%; max-width:155px;
|
|
max-height:155px;
|
|
padding:45px 0px 0px 0px;
|
|
font-size:16px;color:#fff;background:#000;text-align:center;border-radius:50%;
|
|
">Starting at <br/>
|
|
<span style="margin-top:5px;
|
|
padding:0px 0px 5px 0px;
|
|
font-size:200%;
|
|
line-height:100%;
|
|
text-align:center;
|
|
font-weight:400;" class="price">$4.99</span> /mo
|
|
</div>
|
|
<div class="tp-caption text15 white sfb"
|
|
data-x="0"
|
|
data-hoffset="0"
|
|
data-voffset="-10"
|
|
data-y="150"
|
|
data-speed="800"
|
|
data-start="2200"
|
|
data-easing="Power4.easeOut"
|
|
data-endspeed="300"
|
|
data-endeasing="Power1.easeIn"
|
|
data-captionhidden="off"
|
|
style="z-index: 6; position:absolute;
|
|
color:#fff;
|
|
font-size: 60px;
|
|
font-weight: 700;
|
|
text-transform: uppercase;
|
|
padding: 0px 0px 0px 0px;
|
|
">Dedicated servers</div>
|
|
<div class="tp-caption slide_list3 sfb"
|
|
data-x="0"
|
|
data-hoffset="0"
|
|
data-voffset="-10"
|
|
data-y="240"
|
|
data-speed="800"
|
|
data-start="2500"
|
|
data-easing="Power4.easeOut"
|
|
data-endspeed="300"
|
|
data-endeasing="Power1.easeIn"
|
|
data-captionhidden="off"
|
|
style="z-index: 6; margin:0px;
|
|
padding:0px;
|
|
font-size:17px;
|
|
color:#fff;
|
|
font-weight:normal;
|
|
line-height:40px;
|
|
text-align:left;
|
|
"><i style="font-size:110%; margin:0px;
|
|
padding:0px;
|
|
font-weight:normal;
|
|
color:#fff;
|
|
text-align:left;" class="fa fa-check"></i> Unlimited Disk Space, Bandwidth & Email Addresses </div>
|
|
<div class="tp-caption slide_list3 sfb"
|
|
data-x="0"
|
|
data-hoffset="0"
|
|
data-voffset="-10"
|
|
data-y="280"
|
|
data-speed="800"
|
|
data-start="2800"
|
|
data-easing="Power4.easeOut"
|
|
data-endspeed="300"
|
|
data-endeasing="Power1.easeIn"
|
|
data-captionhidden="off"
|
|
style="z-index: 6;margin:0px;
|
|
padding:0px;
|
|
font-size:17px;
|
|
color:#fff;
|
|
font-weight:normal;
|
|
line-height:40px;
|
|
text-align:left;"><i style="font-size:110%; margin:0px;
|
|
padding:0px;
|
|
font-weight:normal;
|
|
color:#fff;
|
|
text-align:left;" class="fa fa-check"></i> FREE Domain Registration</div>
|
|
<div class="tp-caption slide_list3 sfb"
|
|
data-x="0"
|
|
data-hoffset="0"
|
|
data-voffset="-10"
|
|
data-y="320"
|
|
data-speed="800"
|
|
data-start="3100"
|
|
data-easing="Power4.easeOut"
|
|
data-endspeed="300"
|
|
data-endeasing="Power1.easeIn"
|
|
data-captionhidden="off"
|
|
style="z-index: 6;margin:0px;
|
|
padding:0px;
|
|
font-size:17px;
|
|
color:#fff;
|
|
font-weight:normal;
|
|
line-height:40px;
|
|
text-align:left;"><i style="font-size:110%; margin:0px;
|
|
padding:0px;
|
|
font-weight:normal;
|
|
color:#fff;
|
|
text-align:left;" class="fa fa-check"></i> FREE Security Suite </div>
|
|
<div class="tp-caption slide_list3 sfb"
|
|
data-x="0"
|
|
data-hoffset="0"
|
|
data-voffset="-10"
|
|
data-y="360"
|
|
data-speed="800"
|
|
data-start="3300"
|
|
data-easing="Power4.easeOut"
|
|
data-endspeed="300"
|
|
data-endeasing="Power1.easeIn"
|
|
data-captionhidden="off"
|
|
style="z-index: 6;margin:0px;
|
|
padding:0px;
|
|
font-size:17px;
|
|
color:#fff;
|
|
font-weight:normal;
|
|
line-height:40px;
|
|
text-align:left;"><i style="font-size:110%; margin:0px;
|
|
padding:0px;
|
|
font-weight:normal;
|
|
color:#fff;
|
|
text-align:left;" class="fa fa-check"></i> FREE Site-Building Tools</div>
|
|
<div class="tp-caption slide_list3 sfb"
|
|
data-x="0"
|
|
data-hoffset="0"
|
|
data-voffset="-10"
|
|
data-y="400"
|
|
data-speed="800"
|
|
data-start="3600"
|
|
data-easing="Power4.easeOut"
|
|
data-endspeed="300"
|
|
data-endeasing="Power1.easeIn"
|
|
data-captionhidden="off"
|
|
style="z-index: 6;margin:0px;
|
|
padding:0px;
|
|
font-size:17px;
|
|
color:#fff;
|
|
font-weight:normal;
|
|
line-height:40px;
|
|
text-align:left;"><i style="font-size:110%; margin:0px;
|
|
padding:0px;
|
|
font-weight:normal;
|
|
color:#fff;
|
|
text-align:left;" class="fa fa-check"></i> FREE Search Engine & Marketing Credits</div>
|
|
<a href="#" class="tp-caption slider_but1 sfb"
|
|
data-x="0"
|
|
data-hoffset="0"
|
|
data-voffset="-10"
|
|
data-y="460"
|
|
data-speed="800"
|
|
data-start="3900"
|
|
data-easing="Power4.easeOut"
|
|
data-endspeed="300"
|
|
data-endeasing="Power1.easeIn"
|
|
data-captionhidden="off"
|
|
style="z-index: 6;position:absolute;
|
|
color:#fff;
|
|
font-size: 16px;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
padding: 18px 25px;
|
|
background-color:#000;
|
|
">Get started</a>
|
|
</li>
|
|
<!-- SLIDE 2 -->
|
|
<li data-transition="slideleft" data-slotamount="1" data-masterspeed="1500" data-delay="13000" data-saveperformance="off" data-title="Our Workplace">
|
|
<!-- MAIN IMAGE -->
|
|
<img src="images/slider/21.jpg" alt="kenburns1" data-bgposition="left center" data-kenburns="on" data-duration="14000" data-ease="Linear.easeNone" data-bgfit="100" data-bgfitend="130" data-bgpositionend="right center" >
|
|
<div class="tp-caption lfl"
|
|
data-x="-50"
|
|
data-y="140"
|
|
data-speed="800"
|
|
data-start="1000"
|
|
data-easing="Back.easeOut"
|
|
data-endspeed="300"
|
|
data-captionhidden="on"
|
|
style="z-index: 5"><img src="images/onepage/1/1.png" alt=""> </div>
|
|
<div class="tp-caption offerbadge two sft"
|
|
data-x="400"
|
|
data-hoffset="0"
|
|
data-voffset="-10"
|
|
data-y="230"
|
|
data-speed="800"
|
|
data-start="1300"
|
|
data-easing="Power4.easeOut"
|
|
data-endspeed="300"
|
|
data-endeasing="Power1.easeIn"
|
|
data-captionhidden="off"
|
|
style="z-index: 6;width:100%;height:100%;max-width:108px;
|
|
max-height:108px;
|
|
padding:25px 0px 0px 0px;
|
|
font-size:18px;background:#000;color:#fff;border-radius:50%;text-align:center;">Up to <br/>50% off</div>
|
|
<div class="tp-caption offerbadge sfb ss-bg-color"
|
|
data-x="500"
|
|
data-hoffset="0"
|
|
data-voffset="-10"
|
|
data-y="230"
|
|
data-speed="800"
|
|
data-start="1600"
|
|
data-easing="Power4.easeOut"
|
|
data-endspeed="300"
|
|
data-endeasing="Power1.easeIn"
|
|
data-captionhidden="off"
|
|
style="z-index: 6;width:100%;height:100%; max-width:155px;
|
|
max-height:155px;
|
|
padding:45px 0px 0px 0px;
|
|
font-size:16px;color:#fff;background:#8DC73F;text-align:center;border-radius:50%;">Starting at <br/>
|
|
<span style="margin-top:5px;
|
|
padding:0px 0px 5px 0px;
|
|
font-size:200%;
|
|
line-height:100%;
|
|
text-align:center;
|
|
font-weight:400;" class="price">$4.99</span><br/>
|
|
/mo
|
|
</div>
|
|
<div class="tp-caption text9 randomrotate customout tp-resizeme"
|
|
data-x="750"
|
|
data-y="145"
|
|
data-customout="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="2200"
|
|
data-easing="Power3.easeInOut"
|
|
data-splitin="chars"
|
|
data-splitout="chars"
|
|
data-elementdelay="0.08"
|
|
data-endelementdelay="0.08"
|
|
data-endspeed="300"
|
|
style="z-index: 7; max-width: auto; max-height: auto; white-space: nowrap; position:absolute;
|
|
color:#fff;
|
|
font-size: 55px;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
padding: 0px 0px 0px 0px;
|
|
">VPS Hosting</div>
|
|
<div class="tp-caption slide_list sfb"
|
|
data-x="750"
|
|
data-hoffset="0"
|
|
data-voffset="-10"
|
|
data-y="220"
|
|
data-speed="800"
|
|
data-start="2500"
|
|
data-easing="Power4.easeOut"
|
|
data-endspeed="300"
|
|
data-endeasing="Power1.easeIn"
|
|
data-captionhidden="off"
|
|
style="z-index: 6;margin:0px;
|
|
padding:0px;
|
|
font-size:17px;
|
|
color:#fff;
|
|
font-weight:normal;
|
|
line-height:40px;
|
|
text-align:left;"><i style="font-size:110%; margin:0px;
|
|
padding:0px;
|
|
font-weight:normal;
|
|
color:#fff;
|
|
text-align:left;" class="fa fa-check"></i> Unlimited Disk Space, Bandwidth & Email Addresses </div>
|
|
<div class="tp-caption slide_list sfb"
|
|
data-x="750"
|
|
data-hoffset="0"
|
|
data-voffset="-10"
|
|
data-y="260"
|
|
data-speed="800"
|
|
data-start="2800"
|
|
data-easing="Power4.easeOut"
|
|
data-endspeed="300"
|
|
data-endeasing="Power1.easeIn"
|
|
data-captionhidden="off"
|
|
style="z-index: 6;margin:0px;
|
|
padding:0px;
|
|
font-size:17px;
|
|
color:#fff;
|
|
font-weight:normal;
|
|
line-height:40px;
|
|
text-align:left;"><i style="font-size:110%; margin:0px;
|
|
padding:0px;
|
|
font-weight:normal;
|
|
color:#fff;
|
|
text-align:left;" class="fa fa-check"></i> FREE Domain Registration</div>
|
|
<div class="tp-caption slide_list sfb"
|
|
data-x="750"
|
|
data-hoffset="0"
|
|
data-voffset="-10"
|
|
data-y="300"
|
|
data-speed="800"
|
|
data-start="3100"
|
|
data-easing="Power4.easeOut"
|
|
data-endspeed="300"
|
|
data-endeasing="Power1.easeIn"
|
|
data-captionhidden="off"
|
|
style="z-index: 6;margin:0px;
|
|
padding:0px;
|
|
font-size:17px;
|
|
color:#fff;
|
|
font-weight:normal;
|
|
line-height:40px;
|
|
text-align:left;"><i style="font-size:110%; margin:0px;
|
|
padding:0px;
|
|
font-weight:normal;
|
|
color:#fff;
|
|
text-align:left;" class="fa fa-check"></i> FREE Security Suite </div>
|
|
<div class="tp-caption slide_list sfb"
|
|
data-x="750"
|
|
data-hoffset="0"
|
|
data-voffset="-10"
|
|
data-y="340"
|
|
data-speed="800"
|
|
data-start="3300"
|
|
data-easing="Power4.easeOut"
|
|
data-endspeed="300"
|
|
data-endeasing="Power1.easeIn"
|
|
data-captionhidden="off"
|
|
style="z-index: 6;margin:0px;
|
|
padding:0px;
|
|
font-size:17px;
|
|
color:#fff;
|
|
font-weight:normal;
|
|
line-height:40px;
|
|
text-align:left;"><i style="font-size:110%; margin:0px;
|
|
padding:0px;
|
|
font-weight:normal;
|
|
color:#fff;
|
|
text-align:left;" class="fa fa-check"></i> FREE Site-Building Tools</div>
|
|
<div class="tp-caption slide_list sfb"
|
|
data-x="750"
|
|
data-hoffset="0"
|
|
data-voffset="-10"
|
|
data-y="380"
|
|
data-speed="800"
|
|
data-start="3600"
|
|
data-easing="Power4.easeOut"
|
|
data-endspeed="300"
|
|
data-endeasing="Power1.easeIn"
|
|
data-captionhidden="off"
|
|
style="z-index: 6;margin:0px;
|
|
padding:0px;
|
|
font-size:17px;
|
|
color:#fff;
|
|
font-weight:normal;
|
|
line-height:40px;
|
|
text-align:left;"><i style="font-size:110%; margin:0px;
|
|
padding:0px;
|
|
font-weight:normal;
|
|
color:#fff;
|
|
text-align:left;" class="fa fa-check"></i> FREE Search Engine & Marketing Credits</div>
|
|
<a href="#" class="tp-caption slider_but1 sfb"
|
|
data-x="750"
|
|
data-hoffset="0"
|
|
data-voffset="-10"
|
|
data-y="445"
|
|
data-speed="800"
|
|
data-start="3900"
|
|
data-easing="Power4.easeOut"
|
|
data-endspeed="300"
|
|
data-endeasing="Power1.easeIn"
|
|
data-captionhidden="off"
|
|
style="z-index: 6; position:absolute;
|
|
color:#fff;
|
|
font-size: 16px;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
padding: 18px 25px;
|
|
background-color:#000;
|
|
">Get started</a>
|
|
</li>
|
|
</ul>
|
|
<div class="tp-bannertimer"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="inner-content padding70" id="1">
|
|
<div class="container">
|
|
<div class="col-md-8 col-md-offset-2 text-center space50">
|
|
<h1 class="uppercase">Welcome to Boson <b>hosting</b></h1>
|
|
<p>Sed dapibus, leo ut placerat bibendum, ligula ligula consectetur eros, sed efficitur justo ex ut risus. Integer nec eros non elit finibus dictum quis sit amet augue.</p>
|
|
</div>
|
|
<div class="row">
|
|
<div class="domain-box db-dark col-md-4">
|
|
<p class="white">STARTING AT</p>
|
|
<h1 class="white padd_top1 bold">$16.99</h1>
|
|
<h3 class="white uppercase">Reseller Hosting</h3>
|
|
<p class="white">Lorem ipsum dolor sit amet, consectetuer sit
|
|
adipiscing elit Suspendisse et
|
|
</p>
|
|
</div>
|
|
<div class="domain-box col-md-4">
|
|
<p class="white">STARTING AT</p>
|
|
<h1 class="white padd_top1 bold">$29.99</h1>
|
|
<h3 class="white uppercase">VPS Cloud Hosting</h3>
|
|
<p class="white">Lorem ipsum dolor sit amet, consectetuer sit
|
|
adipiscing elit Suspendisse et
|
|
</p>
|
|
</div>
|
|
<div class="domain-box db-dark col-md-4">
|
|
<p class="white">STARTING AT</p>
|
|
<h1 class="white padd_top1 bold">$99.99</h1>
|
|
<h3 class="white uppercase">Dedicated Servers</h3>
|
|
<p class="white">Lorem ipsum dolor sit amet, consectetuer sit
|
|
adipiscing elit Suspendisse et
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="space90"></div>
|
|
<div class="parallax-bg5 padding110" id="2">
|
|
<div class="container">
|
|
<div class="col-md-10 col-md-offset-1">
|
|
<h1 class="uppercase text-center no-margin">Domain <span class="white">Search</span></h1>
|
|
<div class="clearfix space50"></div>
|
|
<form id="domain-sform">
|
|
<div>
|
|
<input class="input-text domain-sform1 " name="dsearch" id="dsearch" value="Enter your Domain Name here..." onFocus="if (this.value == 'Enter your Domain Name here...') {this.value = '';}" onBlur="if (this.value == '') {this.value = 'Enter your Domain Name here...';}" type="text" />
|
|
<select class="drlist domain-sform2">
|
|
<option value=".com">.com</option>
|
|
<option value=".co">.co</option>
|
|
<option value=".net">.net</option>
|
|
<option value=".org">.org</option>
|
|
<option value=".biz">.biz</option>
|
|
<option value=".us.com">.us.com</option>
|
|
<option value=".us">.us</option>
|
|
<option value=".mobi">.mobi</option>
|
|
<option value=".info">.info</option>
|
|
</select>
|
|
<input class="domain-sform3 button" value="Search Domain" type="submit" />
|
|
</div>
|
|
</form>
|
|
<div class="clearfix"></div>
|
|
<ul class="tld_list">
|
|
<li class="col-md-4 col-sm-4 col-xs-12">
|
|
<div class="number">1</div>
|
|
<div class="text">Write a Domain Name</div>
|
|
</li>
|
|
<li class="col-md-4 col-sm-4 col-xs-12">
|
|
<div class="number">2</div>
|
|
<div class="text">Select your TLD</div>
|
|
</li>
|
|
<li class="col-md-4 col-sm-4 col-xs-12">
|
|
<div class="number">3</div>
|
|
<div class="text">Check Availability</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container padding90" id="3">
|
|
<div class="col-md-8 col-md-offset-2 text-center space50">
|
|
<h1 class="uppercase no-margin">Domain <b>Features</b></h1>
|
|
<div class="space10"></div>
|
|
<p>Sed dapibus, leo ut placerat bibendum, ligula ligula consectetur eros, sed efficitur justo ex ut risus. Integer nec eros non elit finibus dictum quis sit amet augue.</p>
|
|
</div>
|
|
<div class="services">
|
|
<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>Curabitur eleifend leo justo id risus vel imperdiet justo a cursus risusauctor ullamcorper elit a feugiat.</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>Fully Customizable</h2>
|
|
<p>Curabitur eleifend leo justo id risus vel imperdiet justo a cursus risusauctor ullamcorper elit a feugiat.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="service-content text-center">
|
|
<span><i class="icon-layers"></i></span>
|
|
<div class="services-content">
|
|
<h2>unlimited Layouts</h2>
|
|
<p>Curabitur eleifend leo justo id risus vel imperdiet justo a cursus risusauctor ullamcorper elit a feugiat.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="service-content text-center">
|
|
<span><i class="icon-refresh"></i></span>
|
|
<div class="services-content">
|
|
<h2>Live Support</h2>
|
|
<p>Curabitur eleifend leo justo id risus vel imperdiet justo a cursus risusauctor ullamcorper elit a feugiat.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="parallax-bg2 padding90">
|
|
<div class="container home-testimonials ">
|
|
<div class="text-center space70">
|
|
<h2 class="white uppercase">What People Say</h2>
|
|
</div>
|
|
<div id="home-quote" class="owl-carousel owl-theme">
|
|
<div class="item">
|
|
<div class="hq-info">
|
|
<p>" Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years.</p>
|
|
<img src="images/quote/thumb/1.png" alt="">
|
|
<span><strong>Michile Johnson</strong> manager - websitename.com</span>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="hq-info">
|
|
<p>" Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years.</p>
|
|
<img src="images/quote/thumb/2.png" alt="">
|
|
<span><strong>Michile Johnson</strong> manager - websitename.com</span>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="hq-info">
|
|
<p>" Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years.</p>
|
|
<img src="images/quote/thumb/3.png" alt="">
|
|
<span><strong>Michile Johnson</strong> manager - websitename.com</span>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="hq-info">
|
|
<p>" Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years.</p>
|
|
<img src="images/quote/thumb/4.png" alt="">
|
|
<span><strong>Michile Johnson</strong> manager - websitename.com</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Pricing -->
|
|
<div class="container padding80" id="4">
|
|
<div class="col-md-8 col-md-offset-2 text-center space50">
|
|
<h1 class="uppercase">Check <b>Pricing</b></h1>
|
|
<p>Sed dapibus, leo ut placerat bibendum, ligula ligula consectetur eros, sed efficitur justo ex ut risus. Integer nec eros non elit finibus dictum quis sit amet augue.</p>
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
<div class="pricing-table2 table-responsive">
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th> </th>
|
|
<th>
|
|
Starter<br>
|
|
<span>$9.99</span>
|
|
</th>
|
|
<th>
|
|
Extreme<br>
|
|
<span>$19.99</span>
|
|
</th>
|
|
<th>
|
|
Professional<br>
|
|
<span>$79.99</span>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><span class="plan-title"><i class="fa fa-hdd-o"></i> Storage</span></td>
|
|
<td>
|
|
<i class="fa fa-hdd-o"></i><br>
|
|
500 MB
|
|
</td>
|
|
<td>
|
|
<i class="fa fa-hdd-o"></i><br>
|
|
100 GB
|
|
</td>
|
|
<td>
|
|
<i class="fa fa-hdd-o"></i><br>
|
|
500 GB
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span class="plan-title"><i class="fa fa-signal"></i> Band Width</span></td>
|
|
<td>
|
|
<i class="fa fa-signal"></i><br>
|
|
100 TB
|
|
</td>
|
|
<td>
|
|
<i class="fa fa-signal"></i><br>
|
|
500 TB
|
|
</td>
|
|
<td>
|
|
<i class="fa fa-signal"></i><br>
|
|
1000 TB
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span class="plan-title"><i class="fa fa-shield"></i> Security</span></td>
|
|
<td>
|
|
<i class="fa fa-shield"></i><br>
|
|
100% Secure
|
|
</td>
|
|
<td>
|
|
<i class="fa fa-shield"></i><br>
|
|
100% Secure
|
|
</td>
|
|
<td>
|
|
<i class="fa fa-shield"></i><br>
|
|
100% Secure
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span class="plan-title"><i class="fa fa-headphones"></i> Support</span></td>
|
|
<td>
|
|
<i class="fa fa-times"></i><br>
|
|
No Support
|
|
</td>
|
|
<td>
|
|
<i class="fa fa-phone"></i><br>
|
|
Phone
|
|
</td>
|
|
<td>
|
|
<i class="fa fa-envelope-o"></i><br>
|
|
E-mail / Phone
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td> </td>
|
|
<td><a class="button btn-xs btn-center" href="#">Sign Up</a></td>
|
|
<td><a class="button btn-xs btn-center" href="#">Sign Up</a></td>
|
|
<td><a class="button btn-xs btn-center" href="#">Sign Up</a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</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 src="img/logo.png" alt="" style="margin-bottom: 10px;">
|
|
<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 margin-bottom-xs-30">
|
|
<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/jquery.easing/jquery.easing.js"></script>
|
|
<script src="js/hippo-off-canvas.js"></script>
|
|
<script src="js/main.js"></script>
|
|
|
|
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
|
|
<script src="js/gmaps/greyscale.js"></script>
|
|
<script src="js/menu-target.js"></script>
|
|
<script>
|
|
jQuery( "button.navbar-toggle" ).click(function(){
|
|
jQuery('#navbar-collapse-1').toggleClass('in');
|
|
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|
|
|
|
|
|
|
|
|