Untitled

<!DOCTYPE html>
<html lang="en-US"><!-- Google Regonize -->
<head>
    <!-- Css stuff-->
    <style>
.nav li{
        display: inline;
    }

.nav a{
        color: #5a5a5a;
        font-size: 11px;
        font-weight: bold;
        padding-top: 14px;
        padding-bottom: 14px;
        padding-left: 10px;
        padding-right: 10px;
        text-transform: uppercase;
    }

.jumbotron {
   height: 500px;
   background-image:url('http://th01.deviantart.net/fs70/PRE/i/2013/338/8/1/_wip__azari_the_outlaw_by_azari624-d6ws8ao.jpg');
 }

.jumbotron h1{
    color: firebrick;
      font-family: 'ubuntu condensed', sans-serif;
      font-weight: 300;
        }

.container p{
      color: darkred;
      height: 250;
      align-content: center;
        }
    </style>

    <!-- MAY THE LINKING MASSACURE BEGIN! -->

        <link href='https://dl.dropboxusercontent.com/sh/2ignujutatrrj3c/AACshBweHntjCCK_NR3TlmVia/css/bootstrap-theme.css' rel="stylesheet" type="text/css">


        <link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css'>
        <title>Azari, The Crimson Blaze</title>
    </head>

    <!--body -->
    <body>
     <div class="nav">
      <div class="container">
       <body style="background-color: black">
        <ul clas="pull-left">
          <li><a href"#">Azari</a></li>   <!-- If you're using this for chatango, use a javascript navigation, it avoid's errors and so forth. And easier. -->
          <li><a href"#">Gallery</a></li>
             </ul>
             <ul class="pull-right">
               <li><a href"#">Info</a></li>
               <li><a href"#">Starters</a></li>
               <li><a href"#">Full Story</a></li>
             </ul>
            </div>
       </div>
      <div class="jumbotron">
            <div class="container">
                    <h1> "Just a Ruffian" </h1>
<!-- Good job using <p> tabs-->   <p> Azari is considered to be a violent criminal. Wanted in 12 sectors of he known universe. His crimes consist of Battery, 1st degree murder, War crimes, Sabotage, Rioting, Cause of a Global uprising, ect. At Large, approach with caution. Extremely dangerous.</p>
            </div>
       </div>
       <div>
                    <h3><!--Empty? These are useless if they're empty.--></h3>
       </body>
    </html>