Skip to content
Permalink
7d1869c1c5
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
executable file 215 lines (197 sloc) 10.9 KB
Raw Blame
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang=""> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<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">
<link href="https://fonts.googleapis.com/css?family=Exo:100,200,300,400,400i,600,700" rel="stylesheet">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.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]-->
<div class="super-container" id="top">
<div class="container row">
<h1 class="col-sm-8 col-sm-offset-2 col-xs-12">Code Out This Layout So Flawlessly It’ll Make Joel Cry</h1>
<a class="btn try-now col-sm-2 col-sm-offset-5">TRY NOW</a>
<p class="col-xs-2 col-md-offset-5">*This should all be text</p>
</div>
</div>
<div class="super-container row" id="dog">
<div class="container col-md-6">
<div class="text-contain">
<h5 class="orange">JANUARY 28, 2016</h5>
<h1>And here’s a random photo of a dog <span class="orange">....</span></h1>
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec id elit non mi porta gravida at eget metus. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Vestibulum id ligula porta felis euismod semper.</p>
<p>Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Donec ullamcorper nulla non metus auctor fringilla. Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue.</p>
</div>
</div>
<div class="img-contain">
<img src="img/retriever.png" alt="random dog">
</div>
</div>
<div class="super-container" id="columns">
<div class="container row">
<h5 class="orange col-md-12">NEW FEATURES</h5>
<h1 class="col-md-12">Some Awesome Columns</h1>
<div class="awe-column col-xs-12 col-sm-4">
<img src="img/picture.png" alt="pictures">
<h2>Some awesome features</h2>
<p>Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="awe-column col-xs-12 col-sm-4">
<img src="img/airplane.png" alt="airplaine">
<h2>Some awesome features</h2>
<p>Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="awe-column col-xs-12 col-sm-4">
<img src="img/bulb.png" alt="lightbulb">
<h2>Some awesome features</h2>
<p>Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue.</p>
</div>
</div>
</div>
<div class="super-container" id="asap">
<div class="container row">
<img src="img/shepard.png" alt="more dogs" class="col-md-5">
<div class="text-contain">
<h5 class="orange">Start ASAP</h5>
<h1>This is a pretty big project, you know <span class="orange">....</span></h1>
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec id elit non mi porta gravida at eget metus. Curabitur blandit tempus porttitor. Etiasem malesuada magn. Vestibulum felis euismod semper.</p>
</div>
</div>
</div>
<div class="super-container" id="clients">
<div class="container row">
<div class="founder col-sm-4">
<div class="square"></div>
<h3>Johnathan Doe</h3>
<h4 class="orange">Co-founder</h4>
<p>“Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec id gravida at eget metus. Etiasem malesuada magn”
</p>
</div>
<div class="founder col-sm-4">
<div class="square"></div>
<h3>Johnathan Doe</h3>
<h4 class="orange">Co-founder</h4>
<p>“Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec id gravida at eget metus. Etiasem malesuada magn”
</p>
</div>
<div class="founder col-sm-4">
<div class="square"></div>
<h3>Johnathan Doe</h3>
<h4 class="orange">Co-founder</h4>
<p>“Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec id gravida at eget metus. Etiasem malesuada magn”
</p>
</div>
<div class="logos col-md-10 col-md-offset-1">
<img src="img/partner-logo-1.png">
<img src="img/partner-logo-4.png">
<img src="img/partner-logo-5.png">
<img src="img/partner-logo-7.png">
<img src="img/partner-logo-8.png">
</div>
</div>
</div>
<div class="super-container" id="browser">
<div class="container row">
<h3 class="orange">Seriously</h3>
<h1>So start on this soon</h1>
<p class="col-md-8 col-md-offset-2">Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec id elit non mi porta gravida at eget metus. Curabitur blandit tempus porttitor. Etiasem malesuada magn. Vestibulum felis euismod semper.</p>
<img src="img/browser.png" alt="web browser">
</div>
</div>
<div class="super-container" id="form">
<div class="container row">
<h3 class="orange col-md-12">THIS FORM DOESN’T HAVE TO WORK</h3>
<h1 class="col-md-8 col-md-offset-2">But create it anyways. Use the right fields ...</h1>
<div class="free-trial visible-md visible-lg col-md-3 col-md-offset-9">
<img src='img/arrow.png'>
<p>30 days free trial for all.</p>
</div>
<div class="input-contain col-md-3">
<input type="text" placeholder="FULL NAME">
</div>
<div class="input-contain col-md-3">
<input type="text" placeholder="YOUR EMAIL">
</div>
<div class="input-contain col-md-3">
<input type="text" placeholder="PASSWORD">
</div>
<a href="#" class="btn try-now col-md-3">TRY NOW</a>
<p class="col-md-12">And some small text should go here.</p>
</div>
</div>
<footer class="super-container" id="contact">
<div class="container row">
<ul class="address col-xs-12 col-sm-4 col-sm-offset-2 col-md-offset-0 col-md-3">
<li>Aenean lacinia bibendum nulla sed</li>
<li>consectetur. Aenean eu leo quam.</li>
<li>USA & CAN: 1-888-123-4567</li>
<li>Address: 34 Brokel Rd. NY</li>
</ul>
<div class="list-contain col-xs-6 col-sm-3 col-md-2">
<h3>Support</h3>
<ul>
<li><a href="">Help Center</a></li>
<li><a href="">Get Started</a></li>
<li><a href="">Contact US</a></li>
</ul>
</div>
<div class="list-contain col-xs-6 col-sm-3 col-md-2">
<h3>About US</h3>
<ul>
<li><a href="">About Us</a></li>
<li><a href="">Terms of Use</a></li>
<li><a href="">Privacy Policy</a></li>
</ul>
</div>
<div class="email col-md-3 col-xs-12">
<h3>Get Newsletter</h3>
<div class="input-group">
<input type="text" class="form-control" placeholder="EMAIL">
<span class="input-group-btn">
<button class="btn btn-secondary" type="button"><img src="img/plane.png" alt="send"></button>
</span>
</div>
<div class="icons">
<a href=""><img src="img/dribbble.png" alt="dribbble"></a>
<a href=""><img src="img/facebook.png" alt="facebook"></a>
<a href=""><img src="img/googleplus.png" alt="google plus"></a>
<a href=""><img src="img/twitter.png" alt="twiiter"></a>
</div>
</div>
</div>
</footer>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$('.try-now').click( function () {
$('#top').css("background", "url(img/cry.png)");
$('#top').css("background-size", "100%");
});
</script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.2.min.js"><\/script>')</script>
<script src="js/vendor/bootstrap.min.js"></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='//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>