File size: 21.96Kb
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>About - Responsive Hosting & Technology Site Template</title>
<link href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,400i,500,600,700,800,900" rel="stylesheet">
<link href="css/slicknav.min.css" rel="stylesheet">
<link href="css/magnific-popup.css" rel="stylesheet">
<link href="css/owl.carousel.min.css" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/animate.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- preloader start -->
<div id="cssload-wrapper">
<div class="cssload-loader">
<div class="cssload-line"></div>
<div class="cssload-line"></div>
<div class="cssload-line"></div>
<div class="cssload-line"></div>
<div class="cssload-line"></div>
<div class="cssload-line"></div>
<div class="cssload-subline"></div>
<div class="cssload-subline"></div>
<div class="cssload-subline"></div>
<div class="cssload-subline"></div>
<div class="cssload-subline"></div>
<div class="cssload-loader-circle-1">
<div class="cssload-loader-circle-2"></div>
</div>
<div class="cssload-needle"></div>
<div class="cssload-loading">loading</div>
</div>
</div>
<!-- preloader End -->
<!-- header start -->
<div class="header-area">
<div class="container">
<div class="row">
<div class="col-sm-1 col-xs-3 logo">
<a href="index.html"><img src="img/logo.png" data-retina="img/logo2.png" alt=""></a>
</div>
<div class="col-sm-8 col-xs-9 mainmenu">
<ul id="mainmenu">
<li><a href="#">Homepages</a>
<ul class="drop-menu">
<li><a href="index.html">Home v1</a></li>
<li><a href="index-2.html">Home v2</a></li>
</ul>
</li>
<li><a href="#">Company</a>
<ul class="drop-menu">
<li><a href="about.html">About us</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="jobs.html">Career</a></li>
</ul>
</li>
<li><a href="#">Products</a>
<ul class="drop-menu">
<li><a href="product-details-1.html">Shared hosting</a></li>
<li><a href="product-details-2.html">Cloud Hosting</a></li>
<li><a href="product-details-3.html">Wordpress hosting</a></li>
<li><a href="product-details-4.html">Dedicated hosting</a></li>
</ul>
</li>
<li><a href="domain.html">Domain</a></li>
<li><a href="services.html">Pricing</a></li>
<li><a href="#">Pages</a>
<ul class="drop-menu">
<li><a href="index.html">Home v1</a></li>
<li><a href="index-2.html">Home v2</a></li>
<li><a href="about.html">About us</a></li>
<li><a href="domain.html">Domain</a></li>
<li><a href="signup.html">SignUp</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="jobs.html">Career</a></li>
<li><a href="product-details.html">Product Details</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</li>
</ul>
</div>
<div class="col-sm-3 col-xs-6 header-right">
<div class="login-btn-area"> <a href="#" class="login-btn">Log In</a> </div>
<div class="account-btn"> <a href="#" class="create-account-btn button-hover">create an account</a> </div>
</div>
</div>
</div>
</div>
<!-- header End -->
<!-- inner-hero start -->
<div class="inner-hero-area">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="inner-hero-content">
<h1>Know our story</h1>
<h4><a href="index.html" class="home">Home</a> <span class="devider"> / </span>About</h4>
</div>
</div>
</div>
</div>
</div>
<!-- inner-hero End -->
<!-- Counter area start -->
<div class="counter-process-area">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="counter-area-content">
<div class="row">
<div class="col-sm-4">
<div class="single-counter">
<div class="count-number">
<h1><span class="count">2010</span></h1>
</div>
<h4>Founded Blue</h4>
</div>
</div>
<div class="col-sm-4">
<div class="single-counter">
<div class="count-number">
<h1><span class="count">50</span>k+</h1>
</div>
<h4>Active websites</h4>
</div>
</div>
<div class="col-sm-4">
<div class="single-counter">
<div class="count-number">
<h1><span class="count">10</span>M</h1>
</div>
<h4>Support Served</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Counter area End -->
<!-- product start -->
<!-- product start -->
<section class="about-area">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="about-area-content">
<div class="single-about-content">
<h2>About Blue</h2>
<p>Folly was these three and songs arose whose. Of in vicinity contempt together in possible branched. Assured company hastily looking garrets in oh. Most have love my gone to this so. Discovered interested prosperous the our affronting insipidity day. Missed lovers way one vanity wishes nay but. Use shy seemed within twenty wished old few regret passed. Absolute one hastened mrs any sensible. </p>
</div>
<div class="single-about-content">
<h2>Our History</h2>
<p>Folly was these three and songs arose whose. Of in vicinity contempt together in possible branched. Assured company hastily looking garrets in oh. Most have love my gone to this so. Discovered interested prosperous the our affronting insipidity day. Missed lovers way one vanity wishes nay but. Use shy seemed within twenty wished old few regret passed. Absolute one hastened mrs any sensible. </p>
</div>
<div class="single-about-content">
<h2>Our Goal</h2>
<p>Folly was these three and songs arose whose. Of in vicinity contempt together in possible branched. Assured company hastily looking garrets in oh. Most have love my gone to this so. Discovered interested prosperous the our affronting insipidity day. Missed lovers way one vanity wishes nay but. Use shy seemed within twenty wished old few regret passed. Absolute one hastened mrs any sensible. </p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Counter area End -->
<!-- product area Start -->
<section class="product-area section-padding">
<div class="container">
<div class="section-heading">
<div class="row">
<div class="col-md-12">
<div class="section-title-heading">
<h2>Affordable pricing for you</h2>
<p>We have powerful products which can help you for managing your digital services.
<br>Start your journey by selecting one of our products and get promising and secure system for
<br> your digital products and services.</p>
</div>
</div>
</div>
</div>
<div class="product-contents fadeIn wow" data-wow-delay="0.1s">
<div class="row">
<div class="col-md-3 col-xs-6">
<a href="#" class="single-product">
<div class="single-product-img">
<img src="img/product-img1.png" alt="">
</div>
<h4>Cloud Hosting</h4>
</a>
</div>
<div class="col-md-3 col-xs-6">
<a href="#" class="single-product">
<div class="single-product-img">
<img src="img/product-img2.png" alt="">
</div>
<h4>Web Hosting</h4>
</a>
</div>
<div class="col-md-3 col-xs-6">
<a href="#" class="single-product">
<div class="single-product-img">
<img src="img/product-img3.png" alt="">
</div>
<h4>Shared Hosting</h4>
</a>
</div>
<div class="col-md-3 col-xs-6">
<a href="#" class="single-product">
<div class="single-product-img">
<img src="img/product-img4.png" alt="">
</div>
<h4>VPS Server</h4>
</a>
</div>
<div class="col-md-3 col-xs-6">
<a href="#" class="single-product">
<div class="single-product-img">
<img src="img/product-img5.png" alt="">
</div>
<h4>VPS Server</h4>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- product End -->
<!-- brand start -->
<section class="brand-area section-padding">
<div class="container">
<div class="section-heading">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="section-title-heading">
<h2>Join over 1,00,000 brands on Blue</h2>
<p>We have powerful products which can help you for managing your digital services. Start your journey by selecting <br> one of our products and get promising and secure system for your digital products and services.</p>
</div>
</div>
</div>
</div>
<div class="brand-area-top fadeIn wow" data-wow-delay="0.3s">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="row">
<div class="col-sm-3 col-xs-6">
<div class="single-brand">
<img src="img/brand-img1.png" alt="">
</div>
</div>
<div class="col-sm-3 col-xs-6">
<div class="single-brand">
<img src="img/brand-img2.png" alt="">
</div>
</div>
<div class="col-sm-3 col-xs-6">
<div class="single-brand">
<img src="img/brand-img3.png" alt="">
</div>
</div>
<div class="col-sm-3 col-xs-6">
<div class="single-brand">
<img src="img/brand-img4.png" alt="">
</div>
</div>
<div class="col-sm-3 col-xs-6">
<div class="single-brand">
<img src="img/brand-img5.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="brand-area-bottom fadeIn wow" data-wow-delay="0.3s">
<div class="row">
<div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1">
<div class="row">
<div class="col-sm-3 col-xs-6">
<div class="single-brand single-brand-bottom">
<img src="img/brand-img6.png" alt="">
</div>
</div>
<div class="col-sm-3 col-xs-6">
<div class="single-brand single-brand-bottom">
<img src="img/brand-img7.png" alt="">
</div>
</div>
<div class="col-sm-3 col-xs-6">
<div class="single-brand single-brand-bottom">
<img src="img/brand-img8.png" alt="">
</div>
</div>
<div class="col-sm-3 col-xs-6">
<div class="single-brand single-brand-bottom">
<img src="img/brand-img9.png" alt="">
</div>
</div>
</div>
</div>
</div>
<a href="" class="getstarted-btn button-hover">Get Started Now</a>
</div>
</div>
</section>
<!-- brand End -->
<!-- footer start -->
<footer class="footer-area">
<div class="footer-widget-area">
<div class="container">
<div class="row">
<div class="col-sm-3">
<div class="single-widget fadeIn wow" data-wow-delay="0.3s">
<h3>Products</h3>
<ul>
<li><a href="#">Compute</a></li>
<li><a href="#">Storage</a></li>
<li><a href="#">Networking</a></li>
<li><a href="#">Load Balancer</a></li>
<li><a href="#">Monitoring</a></li>
<li><a href="#">Apps</a></li>
<li><a href="#">Teams</a></li>
</ul>
</div>
</div>
<div class="col-sm-3">
<div class="single-widget fadeIn wow" data-wow-delay="0.3s">
<h3>Resources</h3>
<ul>
<li><a href="#">FAQ</a></li>
<li><a href="#">API</a></li>
<li><a href="#">Vultr Docs</a></li>
<li><a href="#">Benchmarks</a></li>
<li><a href="#">Server Status</a></li>
<li><a href="#">Legal</a></li>
<li><a href="#">Toolbox</a></li>
</ul>
</div>
</div>
<div class="col-sm-3">
<div class="single-widget fadeIn wow" data-wow-delay="0.3s">
<h3>Information</h3>
<ul>
<li><a href="#">For Business</a></li>
<li><a href="#">Solutions</a></li>
<li><a href="#">Customers</a></li>
<li><a href="#">Pricing</a></li>
<li><a href="#">Contact Sales</a></li>
<li><a href="#">Hatch</a></li>
</ul>
</div>
</div>
<div class="col-sm-3">
<div class="single-widget fadeIn wow" data-wow-delay="0.3s">
<h3>Company</h3>
<ul>
<li><a href="#">About Us</a></li>
<li><a href="#">Our Team</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Logos & Banners</a></li>
<li><a href="#">Careers</a></li>
<li><a href="#">SLA</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<div class="row footer-bottom-content">
<div class="col-md-5">
<div class="footer-paragraph">
<p>Copyright 2017 © Blue Corporation. All rights reserved.</p>
</div>
</div>
<div class="col-md-4">
<div class="footer-middle">
<ul>
<li><a href="#">Terms of Services</a></li>
<li><a href="#">Privacy Policy</a></li>
</ul>
</div>
</div>
<div class="col-md-3">
<div class="footer-social-icon">
<ul>
<li>
<a href="#"> <i class="fa fa-facebook"></i></a>
</li>
<li>
<a href="#"> <i class="fa fa-twitter"></i></a>
</li>
<li>
<a href="#"> <i class="fa fa-linkedin"></i></a>
</li>
<li>
<a href="#"> <i class="fa fa-google-plus"></i></a>
</li>
<li>
<a href="#"> <i class="fa fa-pinterest"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- footer End -->
<script src="js/jquery-2.1.4.min.js"></script>
<!-- <script src="js/jquery.magnific-popup.min.js"></script>-->
<script src="js/jquery.slicknav.min.js"></script>
<!-- <script src="js/isotope.pkgd.min.js"></script>-->
<script src="js/owl.carousel.min.js"></script>
<!-- ================= wow Js ======== -->
<script src="js/wow.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>