Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement