<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Apnew - Multipurpose Landing Page Template</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- favicon
============================================ -->
<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
<!-- Google Fonts
============================================ -->
<link href='https://fonts.googleapis.com/css?family=Raleway:400,800,700,600,500,300' rel='stylesheet' type='text/css'>
<!-- Bootstrap CSS
============================================ -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Fontawsome CSS
============================================ -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- 3D Carousel CSS
============================================ -->
<link rel="stylesheet" href="css/jquery.carousel-3d.default.css">
<!-- Slick CSS
============================================ -->
<link rel="stylesheet" href="css/slick.css">
<!-- jquery-ui CSS
============================================ -->
<link rel="stylesheet" href="css/jquery-ui.css">
<!-- meanmenu CSS
============================================ -->
<link rel="stylesheet" href="css/meanmenu.min.css">
<!-- animate CSS
============================================ -->
<link rel="stylesheet" href="css/animate.css">
<!-- Metarial Iconic Font CSS
============================================ -->
<link rel="stylesheet" href="css/material-design-iconic-font.css">
<link rel="stylesheet" href="css/material-design-iconic-font.min.css">
<!-- style CSS
============================================ -->
<link rel="stylesheet" href="style.css">
<!-- responsive CSS
============================================ -->
<link rel="stylesheet" href="css/responsive.css">
<!-- modernizr JS
============================================ -->
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!--Header Area Start-->
<header class="header-four">
<!--Mainmenu Start-->
<div id="main-menu" class="sticker">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-2 hidden-sm hidden-xs">
<div class="logo">
<a href="index.html"><img src="img/logo/logo.png" alt="APNEW" /></a>
</div>
</div>
<div class="col-lg-8 col-md-10 hidden-sm hidden-xs">
<div class="main-menu float-right">
<nav>
<ul>
<li class="active"><a href="#banner">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#domains">Domains</a></li>
<li><a href="#pricing">Pricing</a></li>
<li><a href="#reviews">Reviews</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</div>
</div>
<div class="col-sm-12 hidden-lg hidden-md">
<div class="mobile-menu">
<nav>
<ul>
<li class="active"><a href="#banner">Home</a></li>
<li><a href="#about">About</a></li>
<li class="hidden-xs"><a href="#domains">Domains</a></li>
<li><a href="#pricing">Pricing</a></li>
<li><a href="#reviews">Reviews</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
<!--End of Mainmenu-->
</header>
<!--End of Header Area-->
<!--Banner Area Start-->
<div class="banner-area banner-image horizontal" id="banner">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="banner-text">
<div class="banner-table-cell">
<h1>BUILD YOUR DREAM <span>WEBSITE</span><br>
<span>APNEW</span> HOSTING</h1>
<p>There are many variations of passages of Lorem Ipsum available, but the majorityhave suffered<br>
alteration in some form, by injected humour, or randomised words which don't look even<br>
There are many variations of passages of Lorem Ipsum available</p>
<div class="banner-buttons">
<button type="button" class="button-default button-olive">Download</button>
<a href="#" class="button-default button-white">Learn more</a>
</div>
</div>
</div>
<div class="banner-apps">
<div class="single-app wow zoomIn" data-wow-duration="3s" data-wow-delay="2s">
<div class="single-app-table-cell">
<i class="zmdi zmdi-apple"></i>
<h4>ios</h4>
<h3>102K</h3>
</div>
</div>
<div class="single-app wow zoomIn" data-wow-duration="3s" data-wow-delay="1s">
<div class="single-app-table-cell">
<i class="zmdi zmdi-cloud-download"></i>
<h4>Download</h4>
<h3>202K</h3>
</div>
</div>
<div class="single-app wow zoomIn" data-wow-duration="3s" data-wow-delay=".5s">
<div class="single-app-table-cell">
<i class="zmdi zmdi-android"></i>
<h4>Android</h4>
<h3>100K</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--End of Banner Area-->
<!--About Area Start-->
<div class="about-area about-four horizontal" id="about">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-title text-center">
<h1>ABOUT <span>HOSTING</span></h1>
<img src="img/icon/title-icon.png" alt="">
<p>There are many variations of passages of Lorem Ipsum available,<br>
but the majorityhave suffered alteration in some form, by injected humour,available</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-offset-0 col-sm-offset-3 col-xs-12 col-sm-6">
<div class="about-image wow fadeInLeft" data-wow-duration="3s" data-wow-delay="0s">
<img src="img/banner/hosting.png" alt="" class="floatright">
</div>
</div>
<div class="col-md-6 col-md-offset-0 col-sm-8 col-sm-offset-1 col-xs-12">
<div class="about-text">
<h2>HOSTING <span>FEATURES</span></h2>
<p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system,</p>
<div class="service-info-container">
<span>Unlimited bandwidth with massive storage 300GB</span>
<span>Dozens of apps including wordprees</span>
<span>Easy to use Website Bulder with hundrieds of template</span>
<span>99% uptime guarantee and 24/7 support</span>
</div>
<div class="about-buttons">
<button type="button" class="button-default button-olive">Sign Up</button>
<a href="#" class="button-default button-white olive-border">Learn more</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--End of About Area-->
<!--Service Area Start-->
<div class="service-area hidden-xs horizontal">
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-6">
<div class="single-item text-center">
<div class="single-item-icon">
<i class="zmdi zmdi-settings"></i>
</div>
<h4>Easy To Customize</h4>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour</p>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="single-item text-center">
<div class="single-item-icon">
<i class="zmdi zmdi-favorite"></i>
</div>
<h4>User Friendly</h4>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour</p>
</div>
</div>
<div class="col-md-4 hidden-sm">
<div class="single-item text-center">
<div class="single-item-icon">
<i class="zmdi zmdi-time"></i>
</div>
<h4>24/7 Support</h4>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour</p>
</div>
</div>
</div>
</div>
</div>
<!--End of Service Area-->
<!--Features Area Start-->
<div class="feature-four hidden-xs horizontal" id="domains">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-title text-center">
<h1>Awsome <span>Features</span></h1>
<img src="img/icon/title-icon.png" alt="">
<p>There are many variations of passages of Lorem Ipsum available,<br>
but the majorityhave suffered alteration in some form, by injected humour,available</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-7">
<div class="single-item">
<div class="single-item-icon">
<i class="zmdi zmdi-laptop"></i>
</div>
<div class="single-item-text">
<h4>Free Domains</h4>
<p>There are many variations of passages of Lorempsuble,but the majorityhave suffered alteration in some form, by injected humour,available</p>
</div>
</div>
<div class="single-item">
<div class="single-item-icon">
<i class="zmdi zmdi-favorite"></i>
</div>
<div class="single-item-text">
<h4>Unlimited Bandwidth</h4>
<p>There are many variations of passages of Lorempsuble,but the majorityhave suffered alteration in some form, by injected humour,available</p>
</div>
</div>
<div class="single-item">
<div class="single-item-icon">
<i class="zmdi zmdi-brush"></i>
</div>
<div class="single-item-text">
<h4>Website Builder</h4>
<p>There are many variations of passages of Lorempsuble,but the majorityhave suffered alteration in some form, by injected humour,available</p>
</div>
</div>
</div>
<div class="col-lg-6 col-md-5 hidden-sm">
<div class="feature-image">
<img src="img/banner/feature.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
<!--End of Features Area-->
<!--Domain Name Area Start-->
<div class="domain-name-area horizontal">
<div class="download-bg"></div>
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="text-white text-center">Find your perfect domain name</h1>
</div>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2 col-xs-12">
<div class="domain-wrapper">
<div id="search-domain-name">
<form class="search-box" action="#" method="post">
<input type="search" placeholder="devitems" id="text-search" name="search">
<div class="search-categories">
<div class="search-cat">
<select class="category-items " name="category">
<option>.com</option>
<option>.org</option>
<option>.net</option>
<option>.bd</option>
</select>
</div>
</div>
<button id="btn-search-category" type="submit">Search Domain</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!--End of Domain Name Area-->
<!--Pricing Area Start-->
<div class="pricing-area pricing-four horizontal" id="pricing">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-title text-center">
<h1>Pricing <span>Plan</span></h1>
<img src="img/icon/title-icon.png" alt="">
<p>There are many variations of passages of Lorem Ipsum available,<br>
but the majorityhave suffered alteration in some form, by injected humour,available</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3 col-sm-4">
<div class="single-price-package">
<div class="price-title">
<h3>SMALL PACKAGE</h3>
<div class="price">
<h4><span class="text-top">$</span><span class="text-large">12</span></h4>
<p><span class="text-bottom">/month</span></p>
</div>
</div>
<div class="price-list">
<ul>
<li>1 GB Space</li>
<li>256 MB Memory</li>
<li>24/7 Full Support</li>
<li>Free Domain Name</li>
<li>1 FTP Account</li>
</ul>
<div class="price-btn">
<button class="button" type="button">Sign up</button>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="single-price-package">
<div class="price-title">
<h3>NORMAL PACKAGE</h3>
<div class="price">
<h4><span class="text-top">$</span><span class="text-large">15</span></h4>
<p><span class="text-bottom">/month</span></p>
</div>
</div>
<div class="price-list">
<ul>
<li>2 GB Space</li>
<li>500 MB Memory</li>
<li>24/7 Full Support</li>
<li>Free Domain Name</li>
<li>5 FTP Account</li>
</ul>
<div class="price-btn">
<button class="button" type="button">Sign up</button>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-4">
<div class="single-price-package pricing-olive">
<div class="price-title">
<h3>BIG PACKAGE</h3>
<div class="price">
<h4><span class="text-top">$</span><span class="text-large">20</span></h4>
<p><span class="text-bottom">/month</span></p>
</div>
</div>
<div class="price-list">
<ul>
<li>3 GB Space</li>
<li>1 GB Memory</li>
<li>24/7 Full Support</li>
<li>Free Domain Name</li>
<li>8 FTP Account</li>
</ul>
<div class="price-btn">
<button class="button button-olive" type="button">Sign up</button>
</div>
</div>
</div>
</div>
<div class="col-md-3 hidden-sm">
<div class="single-price-package">
<div class="price-title">
<h3>STANDARD PACKAGE</h3>
<div class="price">
<h4><span class="text-top">$</span><span class="text-large">99</span></h4>
<p><span class="text-bottom">/month</span></p>
</div>
</div>
<div class="price-list">
<ul>
<li>4 GB Space</li>
<li>2 GB Memory</li>
<li>24/7 Full Support</li>
<li>Free Domain Name</li>
<li>10 FTP Account</li>
</ul>
<div class="price-btn">
<button class="button" type="button">Sign up</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--End of Pricing Area-->
<!--Testimonial Area Start-->
<div class="testimonial-area testimonial-four horizontal" id="reviews">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-title text-center">
<h1>what OUR<span> CLIENTS SAY</span></h1>
<img src="img/icon/title-icon.png" alt="">
<p>There are many variations of passages of Lorem Ipsum available,<br>
but the majorityhave suffered alteration in some form, by injected humour,available</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-offset-0 col-md-offset-1 col-sm-offset-1 col-sm-10 col-lg-12">
<div class="row">
<div class="col-lg-6 col-lg-offset-3 col-md-8 col-md-offset-2">
<div class="testimonial-image-slider text-center">
<div class="sin-testiImage">
<img src="img/testimonial/1.png" alt="testimonial 1" />
</div>
<div class="sin-testiImage">
<img src="img/testimonial/2.png" alt="testimonial 2" />
</div>
<div class="sin-testiImage">
<img src="img/testimonial/3.png" alt="testimonial 3" />
</div>
<div class="sin-testiImage">
<img src="img/testimonial/1.png" alt="testimonial 1" />
</div>
<div class="sin-testiImage">
<img src="img/testimonial/2.png" alt="testimonial 2" />
</div>
<div class="sin-testiImage">
<img src="img/testimonial/3.png" alt="testimonial 3" />
</div>
</div>
</div>
</div>
<div class="testimonial-text-slider text-center">
<div class="sin-testiText">
<h2>M S Nawaz </h2>
<div class="client-rating">
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star-half color"></i>
</div>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
</div>
<div class="sin-testiText">
<h2>Chowchilla Madera</h2>
<div class="client-rating">
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star-half color"></i>
</div>
<p>Nam nec tellus a odio tincidunt This lorem is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean nisi sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum gravida.</p>
</div>
<div class="sin-testiText">
<h2>Kattie Luis</h2>
<div class="client-rating">
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star-half color"></i>
</div>
<p>Nam nec tellus a odio tincidunt This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean tincidunt sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum Photoshop.</p>
</div>
<div class="sin-testiText">
<h2>M S Nawaz </h2>
<div class="client-rating">
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star-half color"></i>
</div>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
</div>
<div class="sin-testiText">
<h2>Chowchilla Madera</h2>
<div class="client-rating">
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star-half color"></i>
</div>
<p>Nam nec tellus a odio tincidunt This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, aliquet lorem quis tellus velit bibendum auctor, nisi elit consequat ipsum</p>
</div>
<div class="sin-testiText">
<h2>Kattie Luis</h2>
<div class="client-rating">
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star color"></i>
<i class="zmdi zmdi-star-half color"></i>
</div>
<p>Nam nec tellus a odio tincidunt This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem gravida tincidunt quis bibendum auctor, nisi elit consequat ipsum</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--End of Testimonial Area-->
<!--Footer Area Start-->
<footer class="footer-area footer-solid-color horizontal" id="contact">
<div class="footer-bg"></div>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-title text-center">
<h1 class="text-white">Get in <span>Touch</span></h1>
<img src="img/icon/title-icon.png" alt="">
<p class="text-white">There are many variations of passages of Lorem Ipsum available,<br>
but the majorityhave suffered alteration in some form, by injected humour,available</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-md-offset-1">
<h3>Say Hello!</h3>
<form action="mail.php" method="post" id="contact-form">
<div class="form-top">
<div class="row">
<div class="form-group col-md-12">
<input name="name" type="text" class="form-control" placeholder="Name">
</div>
<div class="form-group col-md-12">
<input name="email" type="email" class="form-control" placeholder="Email">
</div>
<div class="form-group col-md-12">
<textarea name="message" class="yourmessage form-control" placeholder="Message"></textarea>
</div>
<div class="submit-form form-group col-sm-12">
<button class="button" type="submit"><span>Submit</span></button>
</div>
</div>
</div>
</form>
</div>
<div class="col-md-4 col-md-offset-2">
<h3>Contact Us</h3>
<div class="conatct-info">
<div class="single-contact-info">
<div class="contact-icon">
<i class="zmdi zmdi-phone"></i>
</div>
<div class="contact-text">
<span>+012 345 678 102<br>
+012 345 678 102</span>
</div>
</div>
<div class="single-contact-info">
<div class="contact-icon">
<i class="zmdi zmdi-globe-alt"></i>
</div>
<div class="contact-text">
<span>mailto:support@devitems.com<br>
https://devitems.com/</span>
</div>
</div>
<div class="single-contact-info">
<div class="contact-icon">
<i class="zmdi zmdi-pin"></i>
</div>
<div class="contact-text">
<span>Dev Items address goes here,<br>
street,Crossroad123.</span>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-lg-offset-3 col-md-8 col-md-offset-2">
<div class="newsletter text-center">
<h3>SUBSCRIBE FOR OUR NEWSLETTER</h3>
<p class="text-white">There are many variations of passages of Lorem Ipsum available,<br>
but the majorityhave alteration in some form, by injected humour,available</p>
<form action="#" method="post" id="newsletter">
<div class="newsletter-content">
<input type="text" name="email" placeholder="Enter your Email address">
<button type="submit" class="button"><span>Subscribe</span></button>
</div>
</form>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-lg-offset-4 col-md-6 col-md-offset-3">
<div class="footer-links text-center">
<a href="#"><i class="zmdi zmdi-facebook"></i></a>
<a href="#"><i class="zmdi zmdi-twitter"></i></a>
<a href="#"><i class="zmdi zmdi-google"></i></a>
<a href="#"><i class="zmdi zmdi-linkedin"></i></a>
<a href="#"><i class="zmdi zmdi-pinterest"></i></a>
<a href="#"><i class="zmdi zmdi-youtube"></i></a>
</div>
<div class="footer-text text-center">
<span>Copyright © 2016 <a href="#">Dev Items</a></span>
</div>
</div>
</div>
</div>
</footer>
<!--End of Footer Area-->
<!-- jquery
============================================ -->
<script src="js/vendor/jquery-1.12.3.min.js"></script>
<!-- bootstrap JS
============================================ -->
<script src="js/bootstrap.min.js"></script>
<!-- wow JS
============================================ -->
<script src="js/wow.min.js"></script>
<!-- meanmenu JS
============================================ -->
<script src="js/jquery.meanmenu.js"></script>
<!-- scrollUp JS
============================================ -->
<script src="js/jquery.scrollUp.min.js"></script>
<!-- Slick JS
============================================ -->
<script src="js/slick.min.js"></script>
<!-- Nav JS
============================================ -->
<script src="js/jquery.nav.js"></script>
<!-- 3D Carousel JS
============================================ -->
<script src="js/jquery.resize.ex.js"></script>
<script src="js/waitforimages.js"></script>
<script src="js/jquery.carousel-3d.min.js"></script>
<!-- plugins JS
============================================ -->
<script src="js/plugins.js"></script>
<!-- main JS
============================================ -->
<script src="js/main.js"></script>
</body>
</html>