  <style type="text/css">
    div.site
    {
      margin-top: 100px;
    }

    table
    {
      width: 100%;
      margin-left: 2%;

    }
    th, td {
    padding: 10px;
    text-align: center;
    color: white;
  }
  #info
  {
    background-color: white;
    width: 100%;  
    margin-top: 10px;
    text-align: center;
  }
 
   #newpw
    {
      background-color: #043992;
      color: white;
      width: 100%;
      text-align: center;
    }
    #terms
    {
      background-color: white;
      width: 100%
    }
    #extra
  {
   margin-left: 60px;
    margin-right: 40px; 
    margin-top: 10px;
    background-color: white;

  }
  </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 ><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 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>
         <td><a href="/grades">My Grades</a><br></td>
         <td><a href="/GoogleAccount">My Class Schedule</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>
        <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>
        <td><a href="/GoogleAccount">Official Curriculum</a><br></td>
         <td><a href="/GoogleAccount">Individual Program of Study</a><br></td>
      </tr>
      </table>
       </div> 
          </div>
    </div>
      <!-- Main component for a primary marketing message or call to action -->
     <div class = "jumbotron" id = info>
     <h1> Google Account Information </h1>
     <p> </p>
     <p></p>
     <h4>Login name: Mike Wazowski</h4>
     <h4>Initial password: ju2031lsc</h4>
     <h4>Website: http://mail.obf.ateneo.edu</h4>
     <h4>Email address: mikewazowski@obf.ateneo.edu</h4>
     </div>
    <div class = "jumbotron" id = "newpw">
    <h3 style= "text-align:center">How to acquire new password:</h3>
    <p style = "color:white" > 1. Contact the Blue Eagle Mail Helpdesk at 4266001 local 5170-5172 and provide the necessary information.</p>
    <p style = "color:white"> 2.Proceed to Faber Hall room FH-305 and approach the front desk. Please bring your valid Ateneo de Manila University ID. </p>
    </div>
    <div class = "jumbotron" id = "terms">
    <h3 style= "text-align:center">Terms & Conditions</h3>
    <p style = "color:black"> 1. This account will not be used to interfere with other people's use of any computer system or network; nor to look at or change anyone else's information without their explicit permission.</p>
    <p style = "color:black"> 2.This account is an authorization to use facilities owned and operated by AdMU and Google, and therefore that usage of this account is subject to the rules, regulations, and policies of AdMU and Google, and all applicable local and international laws</p>
    <p style = "color:black">3. This account will only be used in support of activities related to the Ateneo de Manila University (AdMU) and appropriate to my status within AdMU.</p>
    </div>

   <!-- /container -->
   

    <!-- 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>
