Skip to content
Permalink
master
Switch branches/tags

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 file
 
 
Cannot retrieve contributors at this time
128 lines (114 sloc) 7 KB
Raw Blame
Open in GitHub Desktop
<!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">
<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 -->
<header>
<div class="header--content">
<img src="img/logo.png" alt="logo">
<p>A great new free psd theme to showcase your new application.</p>
</div>
<img src="img/hand.png" alt="hand" id="hand" class="hide">
<div id="toplinks">
<a href="#"><img src="img/apple.png" class="linkbubble" alt="apple"></a>
<a href="#"><img src="img/android.png" class="linkbubble" alt="android"></a>
<a href="#"><img src="img/windows.png" class="linkbubble" alt="windows"></a>
</div>
</header>
<div id="box1" class="clearfix">
<div class="column">
<img src="img/gear.png" alt="gear">
<h3>Editable Theme</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean mollis, turpis vel il pretium tempus.</p>
</div>
<div class="column">
<img src="img/star.png" alt="star">
<h3>Flat Design</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean mollis, turpis vel il pretium tempus.</p>
</div>
<div class="column">
<img src="img/world.png" alt="World">
<h3>Reach Your Audience</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean mollis, turpis vel il pretium tempus.</p>
</div>
</div>
<div id="box2" class="clearfix">
<div class="content">
<h3>Get Notified of Updates!</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean mollis, turpis vel pretium tempus, purus felis consectetur nisl, a iaculis dolor elit eget massa. Duis in ligula nunc. Duis vel nisi et justo tristique venenatis. Praesent faucibus, sapien id vehicula venenatis, tellus lorem iaculis nisl, vel tristique augue sapien a arcu. Aliquam nibh quam, pellentesque quis ipsum fringilla, dapibus vulputate ex. Etiam placerat hendrerit enim, dignissim finibus nisi rutrum sit amet.</p>
<div id="input"><input type="text" placeholder ="Email Adress"/><a href="#"><p>Notify</p></a></div>
</div>
<div class="video">
<iframe src="https://www.youtube.com/embed/q_GaltQHGXs?rel=0" frameborder="0" allowfullscreen class="content"></iframe>
</div>
</div>
<div id="box3">
<p><em>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean mollis, turpis vel pretium tempus, purus felis consue quis ipsum fringilla, dapibus vulputate ex. Etiam placerat hendrerit enim, dignissim finibus nisi rutrum sit amet."</em></p>
<h3>Jane Hunt</h3>
<div id="profileline">
<a href="#"><img src="http://placehold.it/100x100" class="profilepics"alt="Profile Picture"></a>
<a href="#"><img src="http://placehold.it/100x100" class="profilepics"alt="Profile Picture"></a>
<a href="#"><img src="http://placehold.it/100x100" class="profilepics"alt="Profile Picture"></a>
<a href="#"><img src="http://placehold.it/100x100" class="profilepics"alt="Profile Picture"></a>
<a href="#"><img src="http://placehold.it/100x100" class="profilepics"alt="Profile Picture"></a>
<a href="#"><img src="http://placehold.it/100x100" class="profilepics"alt="Profile Picture"></a>
<a href="#"><img src="http://placehold.it/100x100" class="profilepics"alt="Profile Picture"></a>
<a href="#"><img src="http://placehold.it/100x100" class="profilepics"alt="Profile Picture"></a>
<a href="#"><img src="http://placehold.it/100x100" class="profilepics"alt="Profile Picture"></a>
<a href="#"><img src="http://placehold.it/100x100" class="profilepics"alt="Profile Picture"></a>
<a href="#"><img src="http://placehold.it/100x100" class="profilepics"alt="Profile Picture"></a>
<a href="#"><img src="http://placehold.it/100x100" class="profilepics"alt="Profile Picture"></a>
<a href="#"><img src="http://placehold.it/100x100" class="profilepics"alt="Profile Picture"></a>
<a href="#"><img src="http://placehold.it/100x100" class="profilepics"alt="Profile Picture"></a>
<a href="#"><img src="http://placehold.it/100x100" class="profilepics"alt="Profile Picture"></a>
</div>
<h2 class="clear">Say Hi & Get In Touch</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean mollis,</p>
<div id="social">
<a href="#"><img src="img/twitter.png" class="linkbubble" alt="twitter"/></a>
<a href="#"><img src="img/facebook.png" class="linkbubble" alt="Facebook"/></a>
<a href="#"><img src="img/pinterest.png" class="linkbubble" alt="pintrest"/></a>
<a href="#"><img src="img/google.png" class="linkbubble" alt="google"/></a>
<a href="#"><img src="img/linkedin.png" class="linkbubble" alt="linkedin"/></a>
<a href="#"><img src="img/youtube.png" class="linkbubble" alt="youtube"/></a>
</div>
</div>
<footer class="clearfix">
<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>