Skip to content

Instantly share code, notes, and snippets.

/Index.php
Created Feb 8, 2017

Embed
What would you like to do?
<!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
You can’t perform that action at this time.