Untitled

<!DOCTYPE html>
<html>

  <head>
    <link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">

    <link rel="stylesheet" href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css">
    <link rel="stylesheet" href="main.css">

  </head>

  <body>
    <div class="nav">
      <div class="container">
        <ul class="pull-left">
          <li><a href="#">Home</a></li>
          <li><a href="#">Characters</a></li>
        </ul>
        <ul class ="pull-right">
          <li><a href="#">Terminology</a></li>
          <li><a href="#">Valtier's History</a></li>
          <li><a href="#">Other</a></li>
        </ul>
      </div>
    </div>

    <div class="jumbotron">

      <div class="container">
        <h1>Praxis Retalation</h1>
        <p>A detailed guide on the game's chracters and gameworld'</p>
        <a href="#">Learn More</a>
      </div>
    </div>
    <div class="neighborhood-guides">
        <div class="container">
            <h2>
                A few examples of Valtarian Devices
            </h2>
            <p>
                As evidentially shown below Praxis Retaliation combines comp-sci and magic together
            </p>
            <div class="row">
            <!-- Column 1-->
                <div class="col-md-4">
                    <div class="thumbnail">
                        <img src="http://vignette3.wikia.nocookie.net/nanoha/images/3/33/Fate_Bardiche.jpg/revision/latest?cb=20110712142945">
                    </div>
                    <div class="thumbnail">
                         <img src="https://4.bp.blogspot.com/_sM5WoUPkx_8/TP6mvr9nVkI/AAAAAAAAAFU/9XiRXcqLdis/s1600/Raging+Heart+movie.png">
                    </div>
                </div>
             <!-- Column 2-->
                <div class="col-md-4">
                    <div class="thumbnail">
                        <img src="http://goo.gl/Av1pac">
                    </div>
                    <div class="thumbnail">
                         <img src="http://goo.gl/vw43v1" >
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="thumbnail">
                        <img src="http://goo.gl/0Kd7UO" >
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div class="learn-more">
	  <div class="container">
		<div class="row">
	      <div class="col-md-4">
			<h3>Travel</h3>
			<p>From apartments and rooms to treehouses and boats: stay in unique spaces in 192 countries.</p>
			<p><a href="#">See how to travel on Airbnb</a></p>
	      </div>
		  <div class="col-md-4">
			<h3>Host</h3>
			<p>Renting out your unused space could pay your bills or fund your next vacation.</p>
			<p><a href="#">Learn more about hosting</a></p>
		  </div>
		  <div class="col-md-4">
			<h3>Trust and Safety</h3>
			<p>From Verified ID to our worldwide customer support team, we've got your back.</p>
			<p><a href="#">Learn about trust at Airbnb</a></p>
		  </div>
	    </div>
	  </div>
	</div>
  </body>
</html>