Difference between revisions of "Team:East Chapel Hill/test"

Line 2: Line 2:
  
 
<style>
 
<style>
−
div#top_title{display: none;}
+
#top_title {display: none;}
−
div#sideMenu{display: none;}
+
#sideMenu {display: none;}
 +
#content  {margin: auto; padding: 0; width: 60%;}
 
</style>
 
</style>
  
 +
<center>
  
  
Line 11: Line 13:
 
<head>
 
<head>
 
   <title>East Chapel Hill Highschool iGem</title>
 
   <title>East Chapel Hill Highschool iGem</title>
−
 
 
−
 
−
 
 
 
   <meta charset="utf-8">
 
   <meta charset="utf-8">
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
Line 19: Line 18:
 
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 +
 +
 
   <style>
 
   <style>
−
+
     /* Remove the navbar's default margin-bottom and rounded borders */
−
      
+
 
      
 
      
 +
    .navbar {
 +
      margin-bottom: 0;
 +
      margin-right: 0;
 +
      border-radius: 0;
 +
      width: 100%;
 +
      /*background-color: #ffcccc;*/
 +
    }
  
 
body {
 
body {
Line 28: Line 35:
 
}
 
}
 
   
 
   
−
 
+
*/
 +
    /* Set height of the grid so .sidenav can be 100% (adjust as needed) */
 +
    .row.content {height: 450px}
 
      
 
      
−
 
+
    /* Set gray background color and 100% height */
 +
    .sidenav {
 +
      padding-top: 20px;
 +
      background-color:  black;
 +
      height: 100%;
 +
    }
 
      
 
      
−
   .navbar {
+
   ul.yourclass
−
      margin-bottom: 0;
+
  { display: inline-block;
−
      border-radius: 0;
+
   
−
    
+
    padding-rigth: 15px;
−
    }
+
   }
  
 
      
 
      
−
 
+
   
 +
    /* Set black background color, white text and some padding */
 
     footer {
 
     footer {
 
       background-color: #555;
 
       background-color: #555;
Line 46: Line 61:
 
     }
 
     }
 
      
 
      
−
 
+
    /* On small screens, set height to 'auto' for sidenav and grid */
 
     @media screen and (max-width: 767px) {
 
     @media screen and (max-width: 767px) {
 
       .sidenav {
 
       .sidenav {
Line 55: Line 70:
 
     }
 
     }
 
   </style>
 
   </style>
 +
 +
 
</head>
 
</head>
 
<body>
 
<body>
Line 60: Line 77:
  
  
−
<nav class="navbar navbar-inverse">
+
<nav class="navbar navbar-inverse">
 
   <div class="container-fluid">
 
   <div class="container-fluid">
−
    <div class="navbar-header">
+
  <div class="navbar-header">
 
       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
 
       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
 
         <span class="icon-bar"></span>
 
         <span class="icon-bar"></span>
 
         <span class="icon-bar"></span>
 
         <span class="icon-bar"></span>
−
         <span class="icon-bar"></span>                      
+
         <span class="icon-bar"></span>
 
       </button>
 
       </button>
−
      <a class="navbar-brand"></a>
+
  </div>
−
    </div>
+
  <div class="collapse navbar-collapse" id="myNavbar">
−
    <div class="collapse navbar-collapse" id="myNavbar">
+
    <ul class="nav navbar-nav">
−
      <ul class="nav navbar-nav">
+
    <li><img align="middle" style="width:100%" height="50px" src="https://static.igem.org/mediawiki/2017/8/89/T--East_Chapel_Hill--Icon0.png"></img> </li>
−
     
+
    </ul>
−
          <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/test">Home</a> </li>
+
    <ul class="nav navbar-nav navbar-right">
−
         <li><a href="Team.html">Team</a></li>
+
        <li class="active"><a href="https://2017.igem.org/Team:East_Chapel_Hill/test">Home</a></li>
 +
         <li class="dropdown">
 +
          <a class="dropdown-toggle" data-toggle="dropdown" href="Team.html">Team
 +
          <span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="#">Team-part-1</a></li>
 +
            <li><a href="#">Team-part-2</a></li>
 +
            <li><a href="#">Team-part-3</a></li>
 +
          </ul>
 +
        </li>
 
         <li><a href="Project.html">Project</a></li>
 
         <li><a href="Project.html">Project</a></li>
 
         <li><a href="Results.html">Results</a></li>
 
         <li><a href="Results.html">Results</a></li>
 
         <li><a href="Notebook.html">Notebook</a></li>
 
         <li><a href="Notebook.html">Notebook</a></li>
−
         <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/testHumanPractices">Human Practices</a></li>
+
<li><a href=”https://2017.igem.org/Team:East_Chapel_Hill/testHumanPractices”>Human Practices </a></li>
 +
         <li><a href="https://2017.igem.org/wiki/index.php?title=Team:East_Chapel_Hill/test-siyu-0">Human Practices</a></li>
 
         <li><a href="Sponsors.html">Sponsors</a></li>
 
         <li><a href="Sponsors.html">Sponsors</a></li>
−
       
 
 
       </ul>
 
       </ul>
−
     
 
−
    </div>
 
 
   </div>
 
   </div>
−
</nav>
+
</nav>  
  
−
<div class="container-fluid text-center">   
 
−
  <div class="row content">
 
−
    <div class="col-sm-2 sidenav">
 
−
   
 
−
 
 
−
      <br></br>
 
−
 
−
    </div>
 
−
   
 
−
    </div>
 
−
</div>
 
−
 
−
 
−
 
−
 
 
−
<!-- <div class="container-fluid bg-2 text-center"> -->
 
  
 
<div id="mainbanner">
 
<div id="mainbanner">
 
        
 
        
−
       <img align="middle" style="width:100%" src="https://static.igem.org/mediawiki/2017/d/d2/Ezgif.com-add-text.gif" ></img>
+
       <img align="middle" style="width:1000" src="https://static.igem.org/mediawiki/2017/d/d2/Ezgif.com-add-text.gif" usemap="#homepage"></img>
−
 
+
  
 
        
 
        
−
</div>    
+
      <map name="homepage">
 +
        <area shape="circle" coords="150,150,150" href="Human_Practices.html" >
 +
        <area shape="circle" coords=450,450,150" href="Project.html" >
 +
        <area shape="circle" coords="750,150,150" href="Results.html">
 +
      </map>
  
−
<meta name="viewport" content="width=device-width, initial-scale=1">
 
−
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
 
−
<style>
 
−
.mySlides {display:none;}
 
−
</style>
 
−
<body>
 
  
−
<h2 class="w3-center">Test</h2>
 
−
<div id="mainbanner">
 
−
 
−
<div class="w3-content w3-section" style="max-width:100%">
 
−
  <img class="mySlides" src="https://static.igem.org/mediawiki/2017/a/a1/East_Chapel_Hill_Lab_Space_Photo_with_members.jpeg" style="width:100%">
 
−
  <img class="mySlides" src="https://static.igem.org/mediawiki/2017/d/d2/Ezgif.com-add-text.gif" style="width:100%">
 
 
</div>
 
</div>
−
</div>
 
−
<script>
 
−
var myIndex = 0;
 
−
carousel();
 
−
 
−
function carousel() {
 
−
    var i;
 
−
    var x = document.getElementsByClassName("mySlides");
 
−
    for (i = 0; i < x.length; i++) {
 
−
      x[i].style.display = "none"; 
 
−
    }
 
−
    myIndex++;
 
−
    if (myIndex > x.length) {myIndex = 1}   
 
−
    x[myIndex-1].style.display = "block"; 
 
−
    setTimeout(carousel, 2000); // Change image every 2 seconds
 
−
}
 
−
</script>
 
−
 
−
</body>
 
−
</html>
 

Revision as of 02:00, 3 October 2017

East Chapel Hill Highschool iGem