index.html 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Blasting off with Bootstrap</title>
  6. <meta http-equiv="X-UA-COMPATIBLE" content="IE=Edge" />
  7. <meta name="viewport" content="width=device-width, initial-scale=1" />
  8. <link rel="stylesheet" href="css/bootstrap.css"/>
  9. </head>
  10. <body>
  11. <div class="container">
  12. <div class="row">
  13. <h1>Blasting off with Boostrap</h1>
  14. </div>
  15. <div class="row">
  16. <div class="col-xs-12 col-md-6">
  17. <h2>The fastest way to space</h2>images
  18. <p>Make your way to space in the comfort of your own rocket, elevator or transporter.</p>
  19. <button>Take the tour</button>
  20. <button>Book Tickets now</button>
  21. </div>
  22. <div class="visible-md visible-lg col-sm-6">
  23. <a class=thumbnail href="images/blasting-off.png"><img src="images/blasting-off.png" /></a>
  24. </div>
  25. </div>
  26. <div class="row">
  27. <div class="col-xs-10 col-xs-offset-1 col-sm-4 col-sm-offset-0">
  28. <h3>Book Today!</h3>
  29. <p>Even if you're traveling tomorrow, you can still get tickets today. We have
  30. a number of conveniently located ports around the globe to service everyone.</p>
  31. </div>
  32. <div class="col-xs-6 col-sm-4">
  33. <h3>Go anywhere</h3>
  34. <p>If you need to get to space today, why not try out a transporter? Despite
  35. the claims, there has been no deaths in the last 6 weeks!</p>
  36. </div>
  37. <div class="col-xs-6 col-sm-4">
  38. <h3>RocketBus&reg;</h3>
  39. <p>For cheapest fares, catch the next RocketBus&reg; to the stars. Cheaper on
  40. your wallet, and easiest way to make friends.</p>
  41. </div>
  42. </div>
  43. </div>
  44. <script src="js/jquery-2.2.1.js"></script>
  45. <script src="js/bootstrap.js"></script>
  46. </body>
  47. </html>