948 lines
47 KiB
HTML
948 lines
47 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/jquery.easing.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 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
|
|
============================================= -->
|
|
<!-- REVOLUTION SLIDER
|
|
============================================= -->
|
|
<div class="fullwidthbanner-container top-shadow">
|
|
<div class="fullwidthbanner">
|
|
<ul>
|
|
<!-- SLIDE -->
|
|
<li data-transition="fade" data-slotamount="1" data-masterspeed="1000" data-saveperformance="off" >
|
|
<!-- MAIN IMAGE -->
|
|
<img src="img/slider/bannerbg.jpg" alt="bannerbg" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
|
|
<!-- LAYERS -->
|
|
<!-- LAYER NR. 1 -->
|
|
<div class="tp-caption Hosting_large_bold_white tp-fade tp-resizeme m-7em m-bebas_neueregular m-text-color sft"
|
|
data-x="center" data-hoffset="0"
|
|
data-y="center" data-voffset="-100"
|
|
data-speed="1000"
|
|
data-start="500"
|
|
data-easing="easeOutQuint"
|
|
data-splitin="none"
|
|
data-splitout="none"
|
|
data-elementdelay="0"
|
|
data-endelementdelay="0"
|
|
data-end="9700"
|
|
data-endspeed="300"
|
|
style="z-index: 5; max-width: auto; max-height: auto; white-space: nowrap;">CLOUD HOSTING
|
|
</div>
|
|
<!-- LAYER NR. 2 -->
|
|
<div class="tp-caption desc_new_hosting tp-fade tp-resizeme m-1-8em m-opensanslightitalic m-opacity-80 m-text-white sfb"
|
|
data-x="center" data-hoffset="-4"
|
|
data-y="272"
|
|
data-speed="1500"
|
|
data-start="1100"
|
|
data-easing="easeOutExpo"
|
|
data-splitin="none"
|
|
data-splitout="none"
|
|
data-elementdelay="0"
|
|
data-endelementdelay="0"
|
|
data-end="9700"
|
|
data-endspeed="300"
|
|
style="z-index: 6; max-width: auto; max-height: auto; white-space: nowrap;">Welcome to BOSON Hosting. Complete Web Hosting Solutions
|
|
</div>
|
|
</li>
|
|
|
|
<!-- SLIDE -->
|
|
<li data-transition="fade" data-slotamount="1" data-masterspeed="1000" data-saveperformance="off" >
|
|
<!-- MAIN IMAGE -->
|
|
<img src="img/slider/bannerbg.jpg" alt="bannerbg" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
|
|
<!-- LAYERS -->
|
|
<!-- LAYER NR. 1 -->
|
|
<div class="tp-caption Hosting_large_bold_white tp-fade tp-resizeme m-7em m-bebas_neueregular m-text-color sft"
|
|
data-x="center" data-hoffset="0"
|
|
data-y="center" data-voffset="0"
|
|
data-speed="1000"
|
|
data-start="500"
|
|
data-easing="easeOutQuint"
|
|
data-splitin="none"
|
|
data-splitout="none"
|
|
data-elementdelay="0"
|
|
data-endelementdelay="0"
|
|
data-end="9700"
|
|
data-endspeed="300"
|
|
style="z-index: 5; max-width: auto; max-height: auto; white-space: nowrap;">SHARED / RESELLER HOSTING
|
|
</div>
|
|
<!-- LAYER NR. 2 -->
|
|
<div class="tp-caption desc_new_hosting tp-fade tp-resizeme m-1-8em m-opensanslightitalic m-opacity-80 m-text-white sfb"
|
|
data-x="center" data-hoffset="-4"
|
|
data-y="272"
|
|
data-speed="1500"
|
|
data-start="1100"
|
|
data-easing="easeOutExpo"
|
|
data-splitin="none"
|
|
data-splitout="none"
|
|
data-elementdelay="0"
|
|
data-endelementdelay="0"
|
|
data-end="9700"
|
|
data-endspeed="300"
|
|
style="z-index: 6; max-width: auto; max-height: auto; white-space: nowrap;">Powerful cPanel Shared Hosting on Enterprise Hardware
|
|
</div>
|
|
</li>
|
|
|
|
<!-- SLIDE -->
|
|
<li data-transition="random" data-slotamount="7" data-saveperformance="off" >
|
|
<!-- MAIN IMAGE -->
|
|
<img src="img/slider/hosting01.png" alt="hosting01" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
|
|
<!-- LAYERS -->
|
|
</li>
|
|
|
|
<!-- SLIDE -->
|
|
<li data-transition="random" data-slotamount="7" data-saveperformance="off" >
|
|
<!-- MAIN IMAGE -->
|
|
<img src="img/slider/seo.png" alt="seo" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
|
|
<!-- LAYERS -->
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!-- REVOLUTION SLIDER
|
|
============================================= -->
|
|
|
|
<!-- CONTENT
|
|
============================================= -->
|
|
<div class="onepage-content">
|
|
<div id="about" class="shortcodes content-featured">
|
|
<div class="container layout">
|
|
<div class="row">
|
|
<div class="row-item col-md-12">
|
|
<div class="margin-50"></div>
|
|
<h1 class="centered semibold ">WE ARE FAST HOSTING</h1>
|
|
<p class="centered p-20" style="color: #6e6e73;">Featured Hosting Services</p>
|
|
<div class="row">
|
|
<div class="row-item col-md-4">
|
|
<div class="b-service">
|
|
<a href=""><i class="icon-rocket m-blue "></i></a>
|
|
<h3 class="centered"><a href="" class="dark-link"><span style="color:#fff;font-weight: 700;font-style: normal">HIGH PERFORMANCE</span></a></h3>
|
|
<p class="centered">
|
|
Sed ut perspiciatis, unde omnis iste natus error sit voluptatem.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="row-item col-md-4">
|
|
<div class="b-service">
|
|
<a href=""><i class="icon-bullhorn m-blue "></i></a>
|
|
<h3 class="centered"><a href="" class="dark-link"><span style="color:#fff;font-weight: 700;font-style: normal">TRAFFIC BOOSTER</span></a></h3>
|
|
<p class="centered">
|
|
Sed ut perspiciatis, unde omnis iste natus error sit voluptatem.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="row-item col-md-4">
|
|
<div class="b-service">
|
|
<a href=""><i class="icon-plane m-blue "></i></a>
|
|
<h3 class="centered"><a href="" class="dark-link"><span style="color:#fff;font-weight: 700;font-style: normal">RELIABLE HARDWARE</span></a></h3>
|
|
<p class="centered">
|
|
Sed ut perspiciatis, unde omnis iste natus error sit voluptatem.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="margin-20"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="shortcodes parallax" data-stellar-background-ratio="0.5" style="background: rgb(247, 247, 247);">
|
|
<div class="container layout">
|
|
<div class="row">
|
|
<div class="row-item col-md-12">
|
|
<div class="margin-50"></div>
|
|
<h1 class="centered semibold uppercase">What's new at FAST Host</h1>
|
|
<p class="centered p-20" style="color: #6e6e73;"> </p>
|
|
<div class="margin-50"></div>
|
|
<div class="row">
|
|
<div class="row-item col-md-4">
|
|
<div class="img-wrap">
|
|
<img class="m-center" src="img/elements/websitedesign.jpg" alt="">
|
|
</div>
|
|
<h3>Web Support</h3>
|
|
<p>
|
|
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo.
|
|
</p>
|
|
<p class="margin-30"><a href="http://themeforest.net/item/boson-responsive-multipurpose-html5-template/11043414" class="btn ">More Details</a></p>
|
|
</div>
|
|
<div class="row-item col-md-4">
|
|
<div class="img-wrap"><img class="m-center" src="img/elements/websupport.jpg" alt=""></div>
|
|
<h3>SEO Services</h3>
|
|
<p>
|
|
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo.
|
|
</p>
|
|
<p class="margin-30"><a href="http://themeforest.net/item/boson-responsive-multipurpose-html5-template/11043414" class="btn ">More Details</a></p>
|
|
</div>
|
|
<div class="row-item col-md-4 column_last">
|
|
<div class="img-wrap"><img class="m-center" src="img/elements/webdevelopment.jpg" alt=""></div>
|
|
<h3>Web Development</h3>
|
|
<p>
|
|
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo.
|
|
</p>
|
|
<p class="margin-30"><a href="http://themeforest.net/item/boson-responsive-multipurpose-html5-template/11043414" class="btn ">More Details</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="features" class="shortcodes content gray-content">
|
|
<div class="container layout no-pad-bottom">
|
|
<div class="row">
|
|
<div class="row-item col-md-12">
|
|
<div class="margin-40"></div>
|
|
<h1 class="centered semibold uppercase">Unique Hosting Features</h1>
|
|
<p class="centered p-20" style="color: #6e6e73;">We have unique features for share hosting, linux hosting and many more</p>
|
|
<div class="margin-40"></div>
|
|
</div>
|
|
<div class="row-item col-md-6">
|
|
<h2 class="lined margin-30">Every Account Comes With</h2>
|
|
<div class="one_half" style="float: left;margin-right: 100px">
|
|
<p><i class="icon-hdd " style="color: #b3d2d7; font-size: 15px;"></i> Unlimited Disk Space</p>
|
|
<p><i class="icon-dashboard " style="color: #b3d2d7; font-size: 15px;"></i> Unlimited Bandwidth</p>
|
|
<p><i class="icon-sitemap " style="color: #b3d2d7; font-size: 15px;"></i> MySQL Databases</p>
|
|
<p><i class="icon-inbox " style="color: #b3d2d7; font-size: 15px;"></i> FTP Accounts</p>
|
|
<p><i class="icon-share-sign " style="color: #b3d2d7; font-size: 15px;"></i> Shell Access</p>
|
|
<p><i class="icon-envelope " style="color: #b3d2d7; font-size: 15px;"></i> Email Accounts</p>
|
|
<p><i class="icon-globe " style="color: #b3d2d7; font-size: 15px;"></i> 1 Free Domain Name</p>
|
|
<p><i class="globe " style="color: #b3d2d7; font-size: 15px;"></i> Softaculous</p>
|
|
</div>
|
|
<div class="one_half last">
|
|
<p><i class="icon-rocket " style="color: #b3d2d7; font-size: 15px;"></i> LightSpeed Hosting</p>
|
|
<p><i class="icon-shield " style="color: #b3d2d7; font-size: 15px;"></i> DDoS Protection</p>
|
|
<p><i class="icon-edit " style="color: #b3d2d7; font-size: 15px;"></i> Free Site Builder</p>
|
|
<p><i class="icon-plus " style="color: #b3d2d7; font-size: 15px;"></i> Additional IP Addresses</p>
|
|
<p><i class="icon-time " style="color: #b3d2d7; font-size: 15px;"></i> 99% Uptime Guarantee</p>
|
|
<p><i class="icon-globe " style="color: #b3d2d7; font-size: 15px;"></i> World Wide Services</p>
|
|
<p><i class="icon-money " style="color: #b3d2d7; font-size: 15px;"></i> 45-Day Money Back</p>
|
|
<p><i class="icon-gear " style="color: #b3d2d7; font-size: 15px;"></i> 24/7 Customer Support</p>
|
|
</div>
|
|
</div>
|
|
<div class="row-item col-md-6">
|
|
<h2 class="lined margin-30">Featured Hosting Providers</h2>
|
|
<p>Sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto</p>
|
|
<ul class="b-list iconok m-circle">
|
|
<li>Adipisci velit, sed quia non numquam.</li>
|
|
<li>Magnam aliquam quaerat voluptatem. ut enim ad minima.</li>
|
|
<li>Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos</li>
|
|
<li>Magnam aliquam quaerat voluptatem. ut enim ad minima.</li>
|
|
<li>Magnam aliquam quaerat voluptatem</li>
|
|
</ul>
|
|
<p><a href="#" class="btn"><i class="icon-question-sign"></i>Learn more...</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="shortcodes content-featured">
|
|
<div class="container layout">
|
|
<div class="row">
|
|
<div class="row-item col-md-12">
|
|
<div class="margin-20"></div>
|
|
<div class="b-promo margin-30">
|
|
<a href="#" class="btn big colored">Order Now</a>
|
|
<h3>We are Fast Hosting. The most trusted and dedicated hosting provider</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="packages" class="shortcodes parallax" data-stellar-background-ratio="0.5" style="background: rgb(247, 247, 247);">
|
|
<div class="container layout">
|
|
<h1 class="centered semibold ">PRICING</h1>
|
|
<p class="centered p-20" style="color: #6e6e73;">Reliable infrastructure and Server Hosting</p>
|
|
<div class="gap" style="height:20px;"></div>
|
|
<div class="row m-tariff-row">
|
|
<div class="row-item col-md-3">
|
|
<div class="b-tariff">
|
|
<div class="tariff-head">
|
|
<div class="tariff-title">Starter</div>
|
|
<div class="tariff-price">
|
|
<span class="tariff-cy">$</span>
|
|
<span class="tariff-cost">25</span>
|
|
<span class="tariff-period">/mo</span>
|
|
</div>
|
|
<p class="tariff-description">Sed ut perspiciatis unde omnis iste natus.</p>
|
|
</div>
|
|
<ul class="tariff-meta">
|
|
<li><mark class="light strong">Free</mark> Setup</li>
|
|
<li><mark class="light strong">Unlimited</mark> Bandwidth</li>
|
|
<li><mark class="light strong">50</mark> Products</li>
|
|
<li><mark class="light strong">1 GB</mark> File Storage</li>
|
|
<li><mark class="light strong">3%</mark> Transaction Fee</li>
|
|
<li>24/7 Support</li>
|
|
</ul>
|
|
<a class="btn turquoise tariff-btn" href="#">Start Now!</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row-item col-md-3">
|
|
<div class="b-tariff m-popular">
|
|
<div class="popular-title m-turquoise"><i class="icon-thumbs-up"></i>Most Popular</div>
|
|
<div class="tariff-head">
|
|
<div class="tariff-title">Basic</div>
|
|
<div class="tariff-price">
|
|
<span class="tariff-cy">$</span>
|
|
<span class="tariff-cost">50</span>
|
|
<span class="tariff-period">/mo</span>
|
|
</div>
|
|
<p class="tariff-description">Nemo enim ipsam voluptatem quia voluptas.</p>
|
|
</div>
|
|
<ul class="tariff-meta">
|
|
<li><mark class="light strong">Free</mark> Setup</li>
|
|
<li><mark class="light strong">Unlimited</mark> Bandwidth</li>
|
|
<li><mark class="light strong">150</mark> Products</li>
|
|
<li><mark class="light strong">3 GB</mark> File Storage</li>
|
|
<li><mark class="light strong">2%</mark> Transaction Fee</li>
|
|
<li>24/7 Support</li>
|
|
</ul>
|
|
<a class="btn turquoise tariff-btn" href="#">Start Now!</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row-item col-md-3">
|
|
<div class="b-tariff">
|
|
<div class="tariff-head">
|
|
<div class="tariff-title">Professional</div>
|
|
<div class="tariff-price">
|
|
<span class="tariff-cy">$</span>
|
|
<span class="tariff-cost">75</span>
|
|
<span class="tariff-period">/mo</span>
|
|
</div>
|
|
<p class="tariff-description">Neque porro quisquam est, qui dolorem ipsum.</p>
|
|
</div>
|
|
<ul class="tariff-meta">
|
|
<li><mark class="light strong">Free</mark> Setup</li>
|
|
<li><mark class="light strong">Unlimited</mark> Bandwidth</li>
|
|
<li><mark class="light strong">250</mark> Products</li>
|
|
<li><mark class="light strong">5 GB</mark> File Storage</li>
|
|
<li><mark class="light strong">1,8%</mark> Transaction Fee</li>
|
|
<li>24/7 Support</li>
|
|
</ul>
|
|
<a class="btn turquoise tariff-btn" href="#">Start Now!</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row-item col-md-3">
|
|
<div class="b-tariff">
|
|
<div class="tariff-head">
|
|
<div class="tariff-title">Unlimited</div>
|
|
<div class="tariff-price">
|
|
<span class="tariff-cy">$</span>
|
|
<span class="tariff-cost">150</span>
|
|
<span class="tariff-period">/mo</span>
|
|
</div>
|
|
<p class="tariff-description">Quis autem vel eum iure reprehenderit qui.</p>
|
|
</div>
|
|
<ul class="tariff-meta">
|
|
<li><mark class="light strong">Free</mark> Setup</li>
|
|
<li><mark class="light strong">Unlimited</mark> Bandwidth</li>
|
|
<li><mark class="light strong">Unlimited</mark> Products</li>
|
|
<li><mark class="light strong">Unlimited</mark> File Storage</li>
|
|
<li><mark class="light strong">No</mark> Transaction Fee</li>
|
|
<li>24/7 Support</li>
|
|
</ul>
|
|
<a class="btn turquoise tariff-btn" href="#">Start Now!</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="whychooseus" class="shortcodes parallax" data-stellar-background-ratio="0.5" style="background: rgb(220, 253, 254);">
|
|
<div class="container layout">
|
|
<div class="row">
|
|
<div class="row-item col-md-12">
|
|
<div class="margin-50"></div>
|
|
<h1 class="centered semibold ">WHY CHOOSE US</h1>
|
|
<p class="centered p-20" style="color: #6e6e73;">Sed ut perspiciatis, unde omnis iste natus error sit voluptatem</p>
|
|
<hr class="shadow-2" style="margin-top: 20px; margin-bottom: 60px;">
|
|
<div class="row">
|
|
<div class="row-item col-md-4 column_first">
|
|
<div class="icon-box ">
|
|
<i class="icon-rocket light "></i>
|
|
<h4><a href="#" class="dark-link">RELIABLE HARDWARE</a></h4>
|
|
<p>
|
|
Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="row-item col-md-4">
|
|
<div class="icon-box ">
|
|
<i class="icon-rocket light "></i>
|
|
<h4><a href="#" class="dark-link">UNLIMITED DOMAIN</a></h4>
|
|
<p>
|
|
Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="row-item col-md-4">
|
|
<div class="icon-box ">
|
|
<i class="icon-rocket light "></i>
|
|
<h4><a href="#" class="dark-link">TECHNICAL EXPERTS</a></h4>
|
|
<p>
|
|
Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="row-item col-md-4">
|
|
<div class="icon-box ">
|
|
<i class="icon-rocket light "></i>
|
|
<h4><a href="#" class="dark-link">24X7 CUSTOMER CARE</a></h4>
|
|
<p>
|
|
Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="row-item col-md-4">
|
|
<div class="icon-box ">
|
|
<i class="icon-rocket light "></i>
|
|
<h4><a href="#" class="dark-link">RECOGNIZED QUALITY</a></h4>
|
|
<p>
|
|
Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="row-item col-md-4">
|
|
<div class="icon-box ">
|
|
<i class="icon-rocket light "></i>
|
|
<h4><a href="#" class="dark-link">GREAT PRICING</a></h4>
|
|
<p>
|
|
Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="download" class="shortcodes content gray-content">
|
|
<div class="container layout no-pad-bottom">
|
|
<div class="row">
|
|
<div class="row-item col-md-6">
|
|
<p><a href="img/photography-app.png">
|
|
<img class="aligncenter size-full" src="img/photography-app.png" alt="photography-app" height="400" width="500"></a>
|
|
</p>
|
|
</div>
|
|
<div class="row-item col-md-6">
|
|
<div class="margin-20"></div>
|
|
<h2>Download Featured Apps</h2>
|
|
<p style="text-align: left">All our hosting accounts allow you to install popular software such as WordPress, Drupal, Joolma and Magento in one easy step. Upgrading your software is just as easy!</p>
|
|
<p style="text-align: left">Our network runs the latest stable and secure versions of PHP & MySQL. We also implement strict security and firewall rules protecting your website from unwanted visitors 24/7.</p>
|
|
<p style="text-align: left"><i class="icon-check " style="color: #000; font-size: 20px;"></i> Sed ut perr sit voluptatem accusantium doloremque laudantium</p>
|
|
<p style="text-align: left"><i class="icon-check " style="color: #000; font-size: 20px;"></i> Sed ut perspiciatis unde omnis iste natus error sit voluptate</p>
|
|
<p style="text-align: left"><i class="icon-check " style="color: #000; font-size: 20px;"></i> Sed ut perspiciatis unde omnis itatem accusantium doloremque laudantium</p>
|
|
<p style="text-align: left"><i class="icon-check " style="color: #000; font-size: 20px;"></i> Sed ut accusantium doloremque laudantium</p>
|
|
<p> </p>
|
|
<p style="text-align: left"><a href="#" class="btn big dark">Order Now</a><a href="#" class="btn big blue"><i class="icon-save"></i>Download Trial</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="shortcodes parallax" data-stellar-background-ratio="0.5" style="background: rgb(187, 203, 205);">
|
|
<div class="container layout">
|
|
<div class="row">
|
|
<div class="row-item col-md-12">
|
|
<div class="margin-30"></div>
|
|
<h2 class="centered semibold ">What Our Client Says</h2>
|
|
<div class="margin-30"></div>
|
|
<div class="row">
|
|
<div class="row-item col-md-12">
|
|
<div class="b-quote">
|
|
<img class="quote-ava" src="img/3.jpg" alt="">
|
|
<div class="quote-text">
|
|
Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem. Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem.
|
|
<div class="quote-author-name">John Austin</div>
|
|
<div class="quote-author-position">
|
|
CEO <a href="#" class="link">John Austin</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="margin-30"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="shortcodes parallax" data-stellar-background-ratio="0.5" style="background: rgb(247, 247, 247);">
|
|
<div class="container layout">
|
|
<div class="row">
|
|
<div class="row-item col-md-12">
|
|
<div class="margin-40"></div>
|
|
<h1 class="centered semibold ">HOSTING PARTNERS</h1>
|
|
<p class="centered p-20" style="color: #6e6e73;">Reliable and Powerful Hosting Partners</p>
|
|
<div class="b-clients" style="margin-bottom: 10px;">
|
|
<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">iPower</div>
|
|
<a href="#"><img src="img/elements/ipower.png" alt=""></a>
|
|
</div>
|
|
<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">Host Gator</div>
|
|
<a href="#"><img src="img/elements/hostgator.png" alt=""></a>
|
|
</div>
|
|
<div class="client tooltips">
|
|
<div class="tooltips-data">Just Host</div>
|
|
<a href="#"><img src="img/elements/justhost.png" alt=""></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="contact" class="shortcodes content gray-content">
|
|
<div class="container layout no-pad-bottom">
|
|
<div class="row">
|
|
<div class="row-item col-md-12">
|
|
<h1 class="centered semibold ">Contact</h1>
|
|
<p class="centered p-20" style="color: #6e6e73;">Contact for Support and Pre-Sales Enquiry</p>
|
|
</div>
|
|
<div class="row-item col-md-6">
|
|
<div contact-info">
|
|
<ul class="b-list b-contact">
|
|
<li class="contact-address"><i class="icon-map-marker"></i><span><strong>Address:</strong>1400 Defense Pentagon, Arlington County, Virginia, United States</span></li>
|
|
<li class="contact-phone"><i class="icon-phone"></i><span><strong>Phone:</strong>+1065289799528 - +1065289712456</span></li>
|
|
<li class="contact-mail"><i class="icon-envelope"></i><strong>E-mail:</strong> <a href="mailto:info@yourcompany.com">info@yourcompany.com</a></li>
|
|
<li class="contact-address"><i class="icon-time"></i><span><strong>Business Hours:</strong>8:00 AM to 8:00 PM (Monday to Friday)</span></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div id="builder-column-541ada4c1e9d8" class="span6 row-item col-md-6 column_last">
|
|
<div id="builder-module-541ada5b0f8d2" class="module">
|
|
<div class="b-google-map">
|
|
<div id="map_canvas" class="full-shadow" style="width: 100%; padding-top: 40%; margin-bottom: 40px; position: relative; background-color: rgb(229, 227, 223); overflow: hidden;"></div>
|
|
<script src="http://maps.google.com/maps/api/js?sensor=true"></script>
|
|
<script src="js/jquery.gmap.min.js"></script>
|
|
<script>
|
|
jQuery('#map_canvas').gMap({
|
|
maptype: 'ROADMAP',
|
|
scrollwheel: false,
|
|
zoom: 18,
|
|
markers: [
|
|
{
|
|
address: 'UK', // Your Adress Here
|
|
html: '',
|
|
popup: false,
|
|
}
|
|
],
|
|
});
|
|
</script>
|
|
</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> |