Created
February 8, 2017 13:50
-
-
Save anonymous/7cf0e121d47eccdb35132e54f355eaa6 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<title>Best Hosting- Template by HackerRahul</title> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css"> | |
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato"> | |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | |
<style> | |
html,body,h1,h2,h3,h4 {font-family:"Lato", sans-serif} | |
.mySlides {display:none} | |
.w3-tag, .fa {cursor:pointer} | |
.w3-tag {height:15px;width:15px;padding:0;margin-top:6px} | |
</style> | |
<body> | |
<!-- Links (sit on top) --> | |
<ul class="w3-navbar w3-blue"> | |
<li class="w3-right"><a href="#"><i class=" fa fa-shopping-cart"></i> Cart <span class="w3-red w3-badge">0</span></a></li> | |
<li class="w3-right"><a href="#"><i class="fa fa-facebook-official"></i> Facebook</a></li> | |
</ul> | |
<!-- Header --> | |
<header class="w3-container w3-white w3-padding-24 w3-card-4"> | |
<ul style="list-style:none; padding-right:100px;"> | |
<li class="w3-left"><img src="https://p.w3layouts.com/demos/hosting_flat/web/images/logo.png"></li> | |
<div class="w3-display-middle w3-margin-left w3-margin-bottom w3-hide-small w3-hide-medium w3-middle" style="width:30%"> | |
<div class="w3-container w3-indigo w3-padding-16 w3-center"><b>Start Website in 30 Sec!</b></div> | |
<div class="w3-white w3-container w3-padding-bottom w3-center"> | |
<h1>Absolutely free</h1> | |
<input type="submit" class="w3-btn w3-round w3-ripple" value="Get Started"> | |
</div> | |
</div> | |
<li class="w3-right w3-margin-right w3-btn w3-white w3-border w3-border-blue w3-round w3-ripple w3-round w3-hover-blue"><a style="text-decoration:none;" href="#">Members Area</a></li> | |
<li class="w3-right w3-padding-top w3-padding-right"><b><a style="text-decoration:none;" href="#plans">Pricing</a></b></li> | |
<li class="w3-right w3-padding-top w3-padding-right"><b><a style="text-decoration:none;" href="#">Contact</a></b></li> | |
<li class="w3-right w3-padding-top w3-padding-right"><b><a style="text-decoration:none;" href="#">Cloud VPS</a></b></li> | |
<li class="w3-right w3-padding-top w3-padding-right"><b><a style="text-decoration:none;" href="#">Unlimited Hosting</a></b></li> | |
</ul> | |
</header> | |
<header class="w3-area" id="home"> | |
<img class="w3-image" src="http://atroincorporated.com/wp-content/uploads/2016/01/web-hosting-banner-1666x582.jpg" > | |
</header> | |
<!-- Content --> | |
<div class="w3-content" style="width:100%;"> | |
<!-- Grid --> | |
<!-- Grid --> | |
<div class="w3-row-padding" id="plans"> | |
<div class="w3-center w3-padding-64"> | |
<h3>Serious about your website? Get unlimited!</h3> | |
<p>Choose Your Best From The Best!</p> | |
</div> | |
<div class="w3-third w3-margin-bottom"> | |
<ul class="w3-ul w3-border w3-center w3-hover-shadow"> | |
<li class="w3-black w3-xlarge w3-padding-32">Basic</li> | |
<li class="w3-padding-16"><b>10GB</b> Storage</li> | |
<li class="w3-padding-16"><b>10</b> Emails</li> | |
<li class="w3-padding-16"><b>10</b> Domains</li> | |
<li class="w3-padding-16"><b>Endless</b> Support</li> | |
<li class="w3-padding-16"> | |
<h2 class="w3-wide">$ 10</h2> | |
<span class="w3-opacity">per month</span> | |
</li> | |
<li class="w3-light-grey w3-padding-24"> | |
<button class="w3-btn w3-green w3-padding-large">Sign Up</button> | |
</li> | |
</ul> | |
</div> | |
<div class="w3-third w3-margin-bottom"> | |
<ul class="w3-ul w3-border w3-center w3-hover-shadow"> | |
<li class="w3-black w3-xlarge w3-padding-32">Pro</li> | |
<li class="w3-padding-16"><b>25GB</b> Storage</li> | |
<li class="w3-padding-16"><b>25</b> Emails</li> | |
<li class="w3-padding-16"><b>25</b> Domains</li> | |
<li class="w3-padding-16"><b>Endless</b> Support</li> | |
<li class="w3-padding-16"> | |
<h2 class="w3-wide">$ 25</h2> | |
<span class="w3-opacity">per month</span> | |
</li> | |
<li class="w3-light-grey w3-padding-24"> | |
<button class="w3-btn w3-green w3-padding-large">Sign Up</button> | |
</li> | |
</ul> | |
</div> | |
<div class="w3-third w3-margin-bottom"> | |
<ul class="w3-ul w3-border w3-center w3-hover-shadow"> | |
<li class="w3-black w3-xlarge w3-padding-32">Premium</li> | |
<li class="w3-padding-16"><b>50GB</b> Storage</li> | |
<li class="w3-padding-16"><b>50</b> Emails</li> | |
<li class="w3-padding-16"><b>50</b> Domains</li> | |
<li class="w3-padding-16"><b>Endless</b> Support</li> | |
<li class="w3-padding-16"> | |
<h2 class="w3-wide">$ 50</h2> | |
<span class="w3-opacity">per month</span> | |
</li> | |
<li class="w3-light-grey w3-padding-24"> | |
<button class="w3-btn w3-green w3-padding-large">Sign Up</button> | |
</li> | |
</ul> | |
</div> | |
</div> | |
<!-- Grid --> | |
<div class="w3-row-padding" id="about"> | |
<div class="w3-center w3-padding-64"> | |
<span class="w3-xlarge w3-bottombar w3-border-dark-grey w3-padding-16">Why host with Hosting!</span> | |
</div> | |
<div class="w3-third w3-margin-bottom"> | |
<div > | |
<img src="https://www.hostinger.in/static/default.hostinger.co.uk/images/why-us/cheap_free.png" alt="John" style="width:100%"> | |
</div> | |
</div> | |
<div class="w3-third w3-margin-bottom"> | |
<div > | |
<img src="https://www.hostinger.in/static/default.hostinger.co.uk/images/why-us/guarantee.png" alt="Mike" style="width:100%"> | |
</div> | |
</div> | |
<div class="w3-third w3-margin-bottom"> | |
<div> | |
<img src="https://www.hostinger.in/static/default.hostinger.co.uk/images/why-us/wordpress.png" alt="Jane" style="width:100%"> | |
</div> | |
</div> | |
</div> | |
</div> | |
<br> | |
<!-- Footer --> | |
<div class="w3-grey w3-area w3-center" id="home"> | |
<img class="w3-image" src="http://www.ncwebservice.com/robeson/templates/supreme-host-v3-6-timothy/images/footerpartners.png" > | |
</div> | |
<footer class="w3-container w3-padding-32 w3-light-grey w3-center"> | |
<h4>HackerRahul</h4> | |
<a href="#" class="w3-btn w3-padding w3-black w3-margin"><i class="fa fa-arrow-up w3-margin-right"></i>To the top</a> | |
<div class="w3-xlarge w3-section"> | |
<i class="fa fa-facebook-official w3-hover-text-indigo"></i> | |
<i class="fa fa-instagram w3-hover-text-purple"></i> | |
<i class="fa fa-snapchat w3-hover-text-yellow"></i> | |
<i class="fa fa-pinterest-p w3-hover-text-red"></i> | |
<i class="fa fa-twitter w3-hover-text-light-blue"></i> | |
<i class="fa fa-linkedin w3-hover-text-indigo"></i> | |
</div> | |
<p>Powered by <a href="http://blog.hackerrahul.com" class="w3-hover-text-green">HackerRahul.com</a></p> | |
</footer> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment