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?

corporate-page/index.html

Go to file
 
 
Cannot retrieve contributors at this time
149 lines (139 sloc) 8.54 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>Corporate Page</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 -->
<div id="container">
<header>
<h1>Code Out This Layout So Flawlessly It'll Make Joel Cry</h1>
<span class="button"><p>TRY NOW</p></span>
<p class="gray">This should all be text</p>
</header>
<div id="box1">
<h3 class="pink">January 26, 2016</h3>
<h2>And here's a random photo of a dog<span class="pink">....</span></h2>
<p class="gray">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis imperdiet gravida. Nulla porta, libero vitae tristique semper, magna eros commodo dui, gravida gravida metus sem quis lorem. In posuere pretium metus, a bibendum quam luctus in. Duis blandit, ipsum id commodo tristique, tortor nibh egestas dolor, nec pellentesque velit ex non ligula.
Praesent ultricies gravida lacus, a auctor ligula efficitur eget. Nam sapien arcu, euismod non dignissim sed, aliquet at sem. Aliquam gravida vestibulum fringilla. Ut non est quis enim dignissim ultricies. Etiam nunc enim, hendrerit in aliquet at, finibus at quam. Maecenas eget tortor eget dolor mollis maximus. Etiam elementum scelerisque semper.</p>
<img src="img/dog1.jpg" alt="This is dog">
</div>
<div id="box2">
<h3 class="pink">NEW FEATURES</h3>
<h2>Some Awesome Columns</h2>
<div class="column">
<img src="img2.jpg" alt="photo clip art">
<h4>Some awesome features</h4>
<p class="gray"> Phasellus ullamcorper ac augue nec fringilla. Curabitur luctus elit vel enim luctus, quis eleifend ipsum euismod. Curabitur vehicula massa tellus, viverra fermentum ligula tempus id. Curabitur lectus eros.</p
</div>
<div class="column">
<img src="img2.jpg" alt="plane clip art">
<h4>Some awesome features</h4>
<p class="gray"> Phasellus ullamcorper ac augue nec fringilla. Curabitur luctus elit vel enim luctus, quis eleifend ipsum euismod. Curabitur vehicula massa tellus, viverra fermentum ligula tempus id. Curabitur lectus eros.</p>
</div>
<div class="column">
<img src="img2.jpg" alt="light clip art">
<h4>Some awesome features</h4>
<p class="gray"> Phasellus ullamcorper ac augue nec fringilla. Curabitur luctus elit vel enim luctus, quis eleifend ipsum euismod. Curabitur vehicula massa tellus, viverra fermentum ligula tempus id. Curabitur lectus eros.</p
</div>
</div>
<div id="box3">
<img src="dog2.jpg" alt="This is dog">
<h3 class="pink">Start ASAP</h3>
<h2>This is a pretty big project you know<span class="pink">....</span></h2>
<p class="gray">Phasellus ullamcorper ac augue nec fringilla. Curabitur luctus elit vel enim luctus, quis eleifend ipsum euismod. Curabitur vehicula massa tellus, viverra fermentum ligula tempus id. Curabitur lectus eros.</p>
</div>
<div id="box4">
<div class="column">
<img src="img/box.jpg" alt="profile pic">
<h4>Jonathon Doe</h4>
<h5 class="pink">Co Founder</h5>
<p class="gray"><i>"Phasellus ullamcorper ac augue nec fringilla. Curabitur luctus elit vel enim luctus, quis eleifend ipsum euismod. Curabitur vehicula massa tellus, viverra fermentum ligula tempus id. Curabitur lectus eros."</i></p>
</div>
<div class="column">
<img src="img/box.jpg" alt="profile pic">
<h4>Jonathon Doe</h4>
<h5 class="pink">Co Founder</h5>
<p class="gray"><i>"Phasellus ullamcorper ac augue nec fringilla. Curabitur luctus elit vel enim luctus, quis eleifend ipsum euismod. Curabitur vehicula massa tellus, viverra fermentum ligula tempus id. Curabitur lectus eros."</i></p>
</div>
<div class="column">
<img src="img/box.jpg" alt="profile pic">
<h4>Jonathon Doe</h4>
<h5 class="pink">Co Founder</h5>
<p class="gray"><i>"Phasellus ullamcorper ac augue nec fringilla. Curabitur luctus elit vel enim luctus, quis eleifend ipsum euismod. Curabitur vehicula massa tellus, viverra fermentum ligula tempus id. Curabitur lectus eros."</i></p>
<img src="img/hits.jpg" alt="hits" class="logo">
<img src="img/rvlvr.jpg" alt="RVLVR" class="logo">
<img src="img/eat.jpg" alt="Eatfindr" class="logo">
<img src="img/IGOR.jpg" alt="IGOR" class="logo">
<img src="img/sienna.jpg" alt="Sienna" class="logo">
</div>
<div id="box5">
<h4 class="pink">SERIOUSLY</h4>
<h3>So start on this soon.</h3>
<p class="gray">Phasellus ullamcorper ac augue nec fringilla. Curabitur luctus elit vel enim luctus, quis eleifend ipsum euismod. Curabitur vehicula massa tellus, viverra fermentum ligula tempus id. Curabitur lectus eros.</p>
<img src="img/browser.jpg" alt="browser">
</div>
<div id="box5">
<h4 class="pink">THIS FORM DOESN'T HAVE TO WORK</h4>
<h3>But create it anyway. Use the right fields ...</h3>
<div class="input"><p>FULL NAME</p></div>
<div class="input"><p>YOUR EMAIL</p></div>
<div class="input"><p>PASSWORD</p></div>
<img src="img/arrow.jpg" alt="arrrow">
<p>30 days free trial</p>
<div class="button"><p>TRY NOW</p></div>
<p>And some small text should go here.</p>
</div>
<footer>
<div class="column"><p class="gray">Phasellus ullamcorper ac augue nec fringilla. Curabitur luctus elit vel enim luctus, quis eleifend ipsum euismod. Curabitur vehicula massa tellus, viverra fermentum ligula tempus id. Curabitur lectus eros.</p></div>
<div class="column">
<h3>Support</h3>
<ul>
<li>Help Center</li>
<li>Get Started</li>
<li>Contact US</li>
</ul>
</div>
<div class="column">
<h3>About US</h3>
<ul>
<li>About US</li>
<li>Terms of Use</li>
<li>Privacy Policy</li>
</ul>
</div>
<div class="column">
<h3>Get Newsletter</h3>
<div id="newsletter"><p>EMAIL</p>
<img src="img/send.jpg" alt="send">
<img src="img/dribble.jpg" alt="dribble">
<img src="img/facebook.jpg" alt="facebook">
<img src="img/google.jpg" alt="google+">
<img src="img/twitter.jpg" alt="twitter">
<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>