Permalink
Cannot retrieve contributors at this time
Name already in use
A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
layout-practice-2/index.html
Go to fileThis commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
261 lines (231 sloc)
9.65 KB
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 class="no-js" lang=""> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="x-ua-compatible" content="ie=edge"> | |
<title></title> | |
<meta name="description" content=""> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<link rel="apple-touch-icon" href="apple-touch-icon.png"> | |
<!-- Place favicon.ico in the root directory --> | |
<link rel="stylesheet" href="css/normalize.css"> | |
<link rel="stylesheet" href="css/main.css"> | |
<link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet"> | |
<link href="https://fonts.googleapis.com/css?family=Raleway:400,600" rel="stylesheet"> | |
<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]--> | |
<!-- Add your site or application content here --> | |
<div class="hero clearfix"> | |
<div class="left clearfix"> | |
<h1>Notify<span>.</span></h1> | |
<h4>A great new free psd theme to showcase your new application. </h4> | |
<div class="logos"> | |
<a href="#" class="no-size"><img src="img/apple.png"></a> | |
<a href="#" class="no-size"><img src="img/android.png"></a> | |
<a href="#" class="no-size"><img src="img/windows.png"></a> | |
</div> | |
</div> | |
<div class="right clearfix"> | |
<img src="img/hand.png"> | |
</div> | |
</div> | |
<!-- SECTION 2 -------------------------------------- --> | |
<div class="section2 clearfix"> | |
<div class="column"> | |
<img src="img/c1.png"> | |
<h6>Editable Theme</h4> | |
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse fringilla fringilla.</p> | |
</div> | |
<div class="column"> | |
<img src="img/c2.png"> | |
<h6>Flat Design</h4> | |
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse fringilla fringilla.</p> | |
</div> | |
<div class="column"> | |
<img src="img/c3.png"> | |
<h6>Reach Your Audience</h4> | |
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse fringilla fringilla.</p> | |
</div> | |
</div> | |
<!-- SECTION 3 -------------------------------------- --> | |
<div class="section3 clearfix"> | |
<div class="left"> | |
<h6>Get Notified Of Any Updates!</h6> | |
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse fringilla fringilla nisl congue congue. Maecenas nec condimentum libero, at elementum mauris. Phasellus eget nisi dapibus, ultricies nisl at, hendrerit risusuis ornare luctus id sollicitudin ante lobortis at.</p> | |
<form> | |
<input type="text" name="email" value="Email Address"><button><h6>Notify</h6></button> | |
</form> | |
</div> | |
<div class="right"> | |
<div class='videoWrapper'><iframe src="https://player.vimeo.com/video/188611665?color=ff0179&byline=0&badge=0" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p></p></div> | |
</div> | |
</div> | |
<!-- SECTION 4 -------------------------------------- --> | |
<div class="section4 clearfix"> | |
<p><i>“Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris interdum velit vitae nulla molestie eu commodo nulla dapib us. Donec id sollicitudin urna. Integer at dui ac leo fermentum varius eleifend ut.”</i></p> | |
<h6>Jane Hunt</h6> | |
<div class="faces clearfix"> | |
<div class="hover"> | |
<a href="#"> | |
<img src="img/karl.jpg"> | |
</a> | |
</div> | |
<div class="hover"> | |
<a href="#"> | |
<img src="img/rob.jpg"> | |
</a> | |
</div> | |
<div class="hover"> | |
<a href="#"> | |
<img src="img/paul.jpg"> | |
</a> | |
</div> | |
<div class="hover"> | |
<a href="#"> | |
<img src="img/jimmy.jpg"> | |
</a> | |
</div> | |
<div class="hover"> | |
<a href="#"> | |
<img src="img/karl.jpg"> | |
</a> | |
</div> | |
<div class="hover"> | |
<a href="#"> | |
<img src="img/rob.jpg"> | |
</a> | |
</div> | |
<div class="hover"> | |
<a href="#"> | |
<img src="img/paul.jpg"> | |
</a> | |
</div> | |
<div class="hover"> | |
<a href="#"> | |
<img src="img/jimmy.jpg"> | |
</a> | |
</div> | |
<div class="hover"> | |
<a href="#"> | |
<img src="img/karl.jpg"> | |
</a> | |
</div> | |
<div class="hover"> | |
<a href="#"> | |
<img src="img/rob.jpg"> | |
</a> | |
</div> | |
<div class="hover"> | |
<a href="#"> | |
<img src="img/paul.jpg"> | |
</a> | |
</div> | |
<div class="hover"> | |
<a href="#"> | |
<img src="img/jimmy.jpg"> | |
</a> | |
</div> | |
<div class="hover"> | |
<a href="#"> | |
<img src="img/karl.jpg"> | |
</a> | |
</div> | |
<div class="hover"> | |
<a href="#"> | |
<img src="img/rob.jpg"> | |
</a> | |
</div> | |
<div class="hover"> | |
<a href="#"> | |
<img src="img/paul.jpg"> | |
</a> | |
</div> | |
<div class="hover"> | |
<a href="#"> | |
<img src="img/jimmy.jpg"> | |
</a> | |
</div> | |
<div class="hover"> | |
<a href="#"> | |
<img src="img/karl.jpg"> | |
</a> | |
</div> | |
<div class="hover"> | |
<a href="#"> | |
<img src="img/rob.jpg"> | |
</a> | |
</div> | |
<div class="hover"> | |
<a href="#"> | |
<img src="img/paul.jpg"> | |
</a> | |
</div> | |
<div class="hover"> | |
<a href="#"> | |
<img src="img/jimmy.jpg"> | |
</a> | |
</div> | |
<div class="hover"> | |
<a href="#"> | |
<img src="img/karl.jpg"> | |
</a> | |
</div> | |
<div class="hover"> | |
<a href="#"> | |
<img src="img/rob.jpg"> | |
</a> | |
</div> | |
</div> | |
<h4>Say Hi and Get In Touch</h4> | |
<p id="second-p">Lorem ipsum dolor sit amet, consectetur adipiscing elit suspendisse. </p> | |
<div class="logos2 clearfix"> | |
<div class="circle"><a href="#"> | |
<img src="img/twitter.png"></a> | |
</div> | |
<div class="circle"><a href="#"> | |
<img src="img/facebook.png"></a> | |
</div> | |
<div class="circle"><a href="#"> | |
<img src="img/pinterest.png"></a> | |
</div> | |
<div class="circle"><a href="#"> | |
<img src="img/google.png"></a> | |
</div> | |
<div class="circle"><a href="#"> | |
<img src="img/in.png"></a> | |
</div> | |
<div class="circle"><a href="#"> | |
<img src="img/youtube.png"></a> | |
</div> | |
</div> | |
</div> | |
<!-- FOOTER -------------------------------------- --> | |
<footer> | |
<ul> | |
<li><a href="#">Contact</a></li> | |
<li><a href="#">Download</a></li> | |
<li><a href="#">Press</a></li> | |
<li><a href="#">Email</a></li> | |
<li><a href="#">Support</a></li> | |
<li><a href="#">Privacy Policy</a></li> | |
</ul> | |
</footer> | |
<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script> | |
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.12.0.min.js"><\/script>')</script> | |
<script src="js/plugins.js"></script> | |
<script src="js/main.js"></script> | |
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. --> | |
<script> | |
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]= | |
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date; | |
e=o.createElement(i);r=o.getElementsByTagName(i)[0]; | |
e.src='https://www.google-analytics.com/analytics.js'; | |
r.parentNode.insertBefore(e,r)}(window,document,'script','ga')); | |
ga('create','UA-XXXXX-X','auto');ga('send','pageview'); | |
</script> | |
</body> | |
</html> |