File size: 19.46Kb
<!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>Domain - 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/nice-select.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>Get a perfect domain</h1>
<h4><a href="index.html" class="home">Home</a> <span class="devider"> / </span>Domain</h4>
</div>
</div>
</div>
</div>
</div>
<!-- inner-hero End -->
<!-- domain-area Start -->
<div class="domain-area">
<div class="container">
<div class="domain-area-left">
<div class="row">
<div class="col-md-8">
<div class="domain-area-left-content">
<div class="domain-search-area">
<form action="search.php">
<div class="row">
<div class="col-sm-9">
<div class="domain-search-input">
<div class="input-1">
<input type="text" Placeholder="Search with a name" name="domain_name" id="domain_name">
</div>
<div class="input-2">
<select name=".com2" id=".com2">
<option value=".com">.com</option>
<option value=".net">.net</option>
<option value=".org">.org</option>
<option value=".info">.info</option>
<option value=".biz">.biz</option>
</select>
<!-- <input type="text" placeholder=".com" name="com" id="com"> -->
</div>
</div>
</div>
<div class="col-sm-3">
<div class="domain-search-btn">
<input class="domain-submit-btn button-hover" type="submit" value="Search Domain" name="search_submit" id="search_submit">
</div>
</div>
</div>
</form>
</div>
<div class="domain-prices">
<div class="domain-single-prices special-prices">
<div class="domain-single-price-left special-prices">
<span class="check-box">
<i class="fa fa-check"></i>
</span>
<div class="available-text">
<h3>www.blue.com</h3>
<h4>This domain is available</h4>
</div>
</div>
<div class="domain-single-price-right">
<div class="domain-price">
<h3>$8.88/year</h3>
<h4>Renew: $11.99/year</h4>
</div>
<div class="domain-cart">
<i class="fa fa-cart-plus" aria-hidden="true"></i>
<span><i class="fa fa-check"></i></span>
</div>
</div>
</div>
<div class="domain-single-prices">
<div class="domain-single-price-left">
<h3>blue.com</h3>
</div>
<div class="domain-single-price-right">
<div class="domain-price">
<h3>$8.88/year</h3>
<h4>Renew: $11.99/year</h4>
</div>
<div class="domain-cart checked">
<i class="fa fa-cart-plus" aria-hidden="true"></i>
<span><i class="fa fa-check"></i></span>
</div>
</div>
</div>
<div class="domain-single-prices">
<div class="domain-single-price-left">
<h3>blue.com <span class="special-offer">Special Offer</span></h3>
</div>
<div class="domain-single-price-right">
<div class="domain-price">
<h3>$8.88/year</h3>
<h4>Renew: $11.99/year</h4>
</div>
<div class="domain-cart">
<i class="fa fa-cart-plus" aria-hidden="true"></i>
<span><i class="fa fa-check"></i></span>
</div>
</div>
</div>
<div class="domain-single-prices">
<div class="domain-single-price-left">
<h3>blue.com</h3>
</div>
<div class="domain-single-price-right">
<div class="domain-price">
<h3>$8.88/year</h3>
<h4>Renew: $11.99/year</h4>
</div>
<div class="domain-cart">
<i class="fa fa-cart-plus" aria-hidden="true"></i>
<span><i class="fa fa-check"></i></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-md-offset-0 col-sm-6 col-sm-offset-6">
<div class="cart-box-area">
<div class="cart-box">
<h3><i class="fa fa-opencart"></i>Your cart</h3>
<div class="cart-box-details">
<div class="amount">
<h4>blue.net <span>$8.88</span></h4>
<p>1 year license</p>
<h4 class="extra-fee">Extra fee:
<Span>$0.88</Span>
</h4>
</div>
<div class="sub-total">
<h4>blue.net <span>$8.88</span></h4>
</div>
<div class="view-btn-area">
<button class="view-btn button-hover">View Your Cart</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- domain-area 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 -->
<!-- jquery-2.1.4.min.js -->
<script src="js/jquery-2.1.4.min.js"></script>
<!-- jquery.slicknav.min.js -->
<script src="js/jquery.slicknav.min.js"></script>
<!-- jquery.nice-select.min.js -->
<script src="js/jquery.nice-select.min.js"></script>
<!-- owl.carousel.min.js -->
<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>