fgm
/
front__codeschool-bootstrap


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Blasting off with Bootstrap</title>
    <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>
    <div class="navbar navbar-default navbar-static-top">
      <div class="container">
        <!-- navbar-header takes up 100% width on XS screens only -->
        <div class="navbar-header">
          <a href="/" class="navbar-brand">Blasting off with Boostrap</a>

          <button type="button" class="navbar-toggle"
            data-toggle="collapse" data-target=".navbar-collapse">
            <!-- sr-only means Screen Readers Only -->
            <span class="sr-only">Toggle navigation</span>
            <!-- The number of .icon-bar spans defines the number of rows in the button -->
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        </div>

        <ul class="nav navbar-nav navbar-right collapse navbar-collapse">
          <li class="nav navbar-link"><a href="#tickets.html">Tickets</a></li>
          <li class="nav navbar-link"><a href="#stations.html">Stations</a></li>
          <li class="nav navbar-link">
            <a href="about.html" data-target="#" data-toggle="dropdown">About <span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li><a href="story.html">Our Story</a></li>
              <li><a href="contact.html">Contact Us</a></li>
              <li class="divider"></li>
              <li><a href="blog">Blog</a></li>
              <li class="divider"></li>
              <li><a href="http://twitter.com/osinet">Twitter</a></li>
              <li><a href="https://www.facebook.com/OSInet-217871594891150">Facebook</a></li>
            </ul>
          </li>
        </ul>
      </div>
    </div>

    <div class="container">
      <div class="row well well-lg">
        <div class="col-xs-12 col-md-6">
          <h2>The fastest way to space</h2>images
          <p class="lead">Make your way to space in the comfort of your own rocket, elevator or transporter.</p>

          <div class='btn-group'>
            <button type='button' class='btn btn-default btn-lg dropdown-toggle' data-toggle="dropdown">
              Take the Tour <span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
              <li><a href='#'>Transporter</a></li>
              <li><a href='#'>Orbital Elevator</a></li>
              <li><a href='#'>RocketBus</a></li>
              <li class="divider"></li>
              <li><a href='#'>Learn More</a></li>
            </ul>
          </div>
          <button type="button" class="btn btn-lg btn-primary">Book Tickets now</button>
        </div>

        <div class="visible-md visible-lg col-sm-6">
          <a class=thumbnail href="images/blasting-off.png"><img src="images/blasting-off.png" /></a>
        </div>
      </div>

      <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">
          <i class="glyphicon glyphicon-send"></i>
          <h3>RocketBus&reg;</h3>
          <p>For cheapest fares, catch the next RocketBus&reg; to the stars. Cheaper on
            your wallet, and easiest way to make friends.</p>
        </div>
      </div>
    </div>

    <div class='footer'>
      <div class='container'>
        <div class='row'>
          <div class='col-md-3 col-sm-4 col-xs-6'>
            <h4>Who We Are</h4>
            <p><i>Blasting Off With Bootstrap</i> is the fastest way to space. <a href='tickets.html'>Book your ticket today</a>!</p>
            <p><a href='about.html'>More About Us <i class='glyphicon glyphicon-arrow-right'></i></a></p>
          </div>

          <div class='col-md-offset-1 col-sm-2 col-xs-6'>
            <h4>Links</h4>
            <ul class='list-unstyled'>
              <li><a href='/'>Home</a></li>
              <li><a href='tickets.html'>Tickets</a></li>
              <li><a href='stations.html'>Stations</a></li>
            </ul>
          </div>

          <div class='clearfix visible-xs'></div>

          <div class='col-sm-2 col-xs-6'>
            <h4>Stay in Touch</h4>
            <ul class='list-unstyled'>
              <li><a href='about.html'>About</a></li>
              <li><a href='contact.html'>Contact Us</a></li>
              <li><a href='/blog'>Blog</a></li>
              <li><a href='http://twitter.com/codeschool'>Twitter</a></li>
              <li><a href='http://facebook.com/codeschool'>Facebook</a></li>
            </ul>
          </div>

          <div class='col-md-3 col-md-offset-1 col-sm-4 col-xs-6'>
            <h4>Contact Us</h4>
            <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@codeschool.com'>blastingoff@codeschool.com</a></li>
            </ul>
            <p>Blasting Off With Bootstrap &copy;2214.</p>
          </div>
        </div>
      </div>
    </div>

    <script src="js/jquery-2.2.1.js"></script>
    <script src="js/bootstrap.js"></script>
  </body>
</html>