  <style type="text/css">
    #wrap
    {
      min-width: 1000px;
    }
    div#banner { 
       bottom: 0; 
       margin-left: 1%;
       margin-top: 50px;
       background-color: #043992; 
       width: 98%; 
       height: 40px;
     }
    div.site
    {
      margin-top: 100px;
    }
    body
    {

    min-width: 1000px;

    }
    table
    {
      width: 60%;
      margin-left: 27%;
      margin-top: 0px;

    }
    th, td {
    padding: 15px;
    text-align: center;
    color: white;
}

  #extra
  {
    margin-left: 20%;
    margin-top: 22%;
    background-color: white;
  }
  #info
  {
    position: absolute;
    top:0;
    right: 0;
    background-color: white;
    text-align: center;
  }
  #image
  {
    margin-top: 300px;
    margin-bottom: 0px;
    margin-left:28%;
    float: left;
    opacity: 0.5;

  }
 
  </style>
 
  <body>

    <!-- Fixed navbar -->
    <nav class="navbar navbar-default navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
         <a class="navbar-brand" href="/home">Aisis Online</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="/home">Home</a></li>
            <li><a href="/contact">Contact</a></li>
           
          </ul>

          <ul class="nav navbar-nav navbar-right">
          		
                   <li><a href="/">Logout</a></li>
               
             
            </ul>
            <!--<li><a href="../navbar/">Default</a></li>
            <li><a href="../navbar-static-top/">Static top</a></li>
            <li class="active"><a href="./">Fixed top <span class="sr-only">(current)</span></a></li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </nav>
    <div id = "wrap">
    <div id = "image">
      <%=image_tag("io.png")%>
    </div>
    <div class="container">
    <div id = "stuff">
      <!-- Main component for a primary marketing message or call to action -->
     <div class = "jumbotron" id = info>
     <h5> User Identified as: Mike Wazowski</h5>
     <h5>Year Level: 3</h5>
     <h5>Degree: BS MIS</h5>
     <h5>Regular? Y</h5>

     </div>

   <!-- /container -->
    <div class = "jumbotron" id = extra>
   <table >
      <tr>
        <td> <a href="/googleaccount">Google Acount</a> <br></td>
        <td> <a href="/IPS">Individual Program of Study</a><br> </td>
        
      </tr>
      <tr>
       
        <td><a href="/GoogleAccount">Official Curriculum</a><br></td>
        <td><a href="/GoogleAccount">My Currently Enrolled Classes</a><br></td>
      </tr>
      <tr>
        
        <td><a href="/GoogleAccount">My Hold Orders</a><br></td>
        <td><a href="/GoogleAccount">Update Student Information</a><br></td>
      </tr>
      <tr>
       
        <td><a href="/change">Change Password</a><br></td>
        <td><a href="/GoogleAccount">Class Schedule</a><br></td>
      </tr>
      <tr>
        <td><a href="/GoogleAccount">Official Curriculum</a><br></td>
         <td><a href="/GoogleAccount">Individual Program of Study</a><br></td>
      </tr>
      <tr>
        <td><a href="/grades">My Grades</a><br></td>
         <td><a href="/GoogleAccount">My Class Schedule</a><br></td>
      </tr>
       
      </table>
     
    </div>
    <div id="banner">
    <div id="banner-content">
    <p></p>
    </div>

    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
    <script src="../../dist/js/bootstrap.min.js"></script>
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
  </body>
