|
|
@@ -6,6 +6,7 @@
|
|
|
<meta http-equiv="X-UA-COMPATIBLE" content="IE=Edge" />
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
|
<link rel="stylesheet" href="css/bootstrap.css"/>
|
|
|
+ <link rel="stylesheet" href="css/main.css" />
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
@@ -17,7 +18,7 @@
|
|
|
<div class="row">
|
|
|
<div class="col-xs-12 col-md-6">
|
|
|
<h2>The fastest way to space</h2>images
|
|
|
- <p>Make your way to space in the comfort of your own rocket, elevator or transporter.</p>
|
|
|
+ <p class="lead">Make your way to space in the comfort of your own rocket, elevator or transporter.</p>
|
|
|
|
|
|
<button>Take the tour</button>
|
|
|
<button>Book Tickets now</button>
|
|
|
@@ -28,25 +29,75 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <div class="row">
|
|
|
+ <div class="row features text-center">
|
|
|
<div class="col-xs-10 col-xs-offset-1 col-sm-4 col-sm-offset-0">
|
|
|
+ <i class="glyphicon glyphicon-briefcase"></i>
|
|
|
<h3>Book Today!</h3>
|
|
|
<p>Even if you're traveling tomorrow, you can still get tickets today. We have
|
|
|
a number of conveniently located ports around the globe to service everyone.</p>
|
|
|
</div>
|
|
|
|
|
|
<div class="col-xs-6 col-sm-4">
|
|
|
+ <i class="glyphicon glyphicon-random"></i>
|
|
|
<h3>Go anywhere</h3>
|
|
|
<p>If you need to get to space today, why not try out a transporter? Despite
|
|
|
the claims, there has been no deaths in the last 6 weeks!</p>
|
|
|
</div>
|
|
|
|
|
|
<div class="col-xs-6 col-sm-4">
|
|
|
- <h3>RocketBus®</h3>
|
|
|
- <p>For cheapest fares, catch the next RocketBus® to the stars. Cheaper on
|
|
|
- your wallet, and easiest way to make friends.</p>
|
|
|
+ <i class="glyphicon glyphicon-send"></i>
|
|
|
+ <h3>RocketBus®</h3>
|
|
|
+ <p>For cheapest fares, catch the next RocketBus® to the stars. Cheaper on
|
|
|
+ your wallet, and easiest way to make friends.</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="footer row">
|
|
|
+ <div class="col-sm-3 text-justify">
|
|
|
+ <h4>Who we are</h4>
|
|
|
+ <p><em>Blasting off with Bootstrap</em> is the fastest way to space.
|
|
|
+ If you want to travel to stars,
|
|
|
+ <a href="http://www.codeschool.com">book your ticket today</a>!</em></p>
|
|
|
+
|
|
|
+ <p><a href="http://www.codeshool.com">More About Us
|
|
|
+ <i class="glyphicon glyphicon-arrow-right"></i></a>
|
|
|
+ </p>
|
|
|
</div>
|
|
|
|
|
|
+ <div class="col-sm-2 col-sm-offset-1">
|
|
|
+ <h4>Links</h4>
|
|
|
+ <ul class="list-unstyled">
|
|
|
+ <li><a href="index.html">Home</a></li>
|
|
|
+ <li><a href="tickets.html">Tickets</a></li>
|
|
|
+ <li><a href="stations.html">Stations</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="col-sm-3">
|
|
|
+ <h4>Reach out</h4>
|
|
|
+ <ul class="list-unstyled">
|
|
|
+ <li><a href="#">About</a></li>
|
|
|
+ <li><a href="#">Contact us</a></li>
|
|
|
+ <li><a href="#">Blog</a></li>
|
|
|
+ <li><a href="#">Twitter</a></li>
|
|
|
+ <li><a href="#">Facebook</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="col-sm-3">
|
|
|
+ <h4>Get in touch</h4></h3>
|
|
|
+ <p>Want to get in touch with us?<br />
|
|
|
+ There's a few easy ways.</p>
|
|
|
+ <ul class="list-unstyled">
|
|
|
+ <li><i class="glyphicon glyphicon-globe"></i> Orlando, FL</li>
|
|
|
+ <li><i class="glyphicon glyphicon-phone"></i> 1-555-blast-off</li>
|
|
|
+ <li><i class="glyphicon glyphicon-envelope"></i> <a href="mailto:blastingoff@codeshool.com">blastingoff@codeshool.com</a></li>
|
|
|
+ </ul>
|
|
|
+
|
|
|
+ <p>Blasting Off With Bootstrap<br />
|
|
|
+ ©2214.</p>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
