Difference between revisions of "Team:HebrewU/protocols"

(Created page with "<html lang="en"> <head> <title>HebrewU HujiGEM 2018</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script> var time...")
 
 
(8 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
<!--- THIS IS WHERE THE HTML BEGINS --->
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
Line 4: Line 5:
 
<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">
 +
<link rel="stylesheet" href="https://2018.igem.org/Template:HebrewU/CSS?action=raw&ctype=text/css"
  
 +
<!--- Main Menu script starts --->
 
<script>  
 
<script>  
 
     var timeout    = 500;
 
     var timeout    = 500;
Line 34: Line 37:
 
         $('#ddmenu_hebrewu > li').bind('mouseout',  ddmenu_timer)
 
         $('#ddmenu_hebrewu > li').bind('mouseout',  ddmenu_timer)
 
     });
 
     });
−
       
+
 
     document.onclick = ddmenu_close;
 
     document.onclick = ddmenu_close;
 
</script>
 
</script>
  
 +
<!--- Main Menu script end --->
  
 
<style>
 
<style>
  
−
            #sideMenu, #top_title {display:none;}
+
</style>
−
            #sideMenu, #sideMenu *, #top_menu_inside, #top_menu_inside *{box-sizing: initial; -webkit-box-sizing: initial;}
+
−
            #content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;}
+
−
            body {background-color:white; }
+
−
            #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
  
−
#ddmenu_hebrewu {
+
<!--- CSS end --->
−
    background:#262d2e;
+
−
    margin: 0;
+
−
    padding: 0;
+
−
    height:35px;
+
−
    font: 15px Calibri, Calibri;}
+
−
   
+
−
#ddmenu_hebrewu li {   
+
−
    float: left;
+
−
    list-style: none;
+
−
    font: 20px Calibri, Calibri;}
+
−
+
−
#ddmenu_hebrewu li a { 
+
−
    background:#262d2e;
+
−
    display: block;
+
−
    padding: 5px 20px;
+
−
    text-decoration: none;
+
−
    color: white;
+
−
}
+
−
+
  
−
 
−
#ddmenu_hebrewu li a:hover {   
 
−
    background: #2c3635;
 
−
}
 
−
   
 
−
#ddmenu_hebrewu li ul {
 
−
    margin: 3px 0 0 10px;
 
−
    padding: 0;
 
−
    position: absolute;
 
−
    visibility: hidden;
 
−
}
 
−
 
−
#ddmenu_hebrewu li ul li { 
 
−
    display:inline;
 
−
}
 
−
 
−
#ddmenu_hebrewu li ul li a {
 
−
    width: auto;   
 
−
    background: none;
 
−
    display: inline;
 
−
    color: black;
 
−
    font: 20px Calibri, Calibri;
 
−
    padding: 2px 10px;
 
−
}
 
−
 
−
#ddmenu_hebrewu li ul li a:hover { 
 
−
    background: none;
 
−
    color: #106375;
 
−
    padding: 2px 10px;
 
−
}
 
  
−
/* Homebutton 10% space */
 
−
.huji_homebutton {
 
−
    float: left;
 
−
    width: 13%;
 
  
−
}
+
<!--- Html start --->
  
−
/* Create three unequal columns that floats next to each other */
 
−
.columnhuji {
 
−
    float: left;
 
−
    padding: 10px;
 
−
}
 
−
 
−
/* Left and right column */
 
−
.columnhuji.side {
 
−
    width: 12%;
 
−
 
−
}
 
−
 
−
/* Middle column */
 
−
.columnhuji.middle {
 
−
    width: 70%;
 
−
    background-color:#edeadc;
 
−
    padding: 10px;
 
−
   
 
−
   
 
−
   
 
−
}
 
−
 
−
/* Clear floats after the columns */
 
−
.rowhuji:after {
 
−
    content: "";
 
−
    display: table;
 
−
    clear: both;
 
−
}
 
−
 
−
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
 
−
@media screen and (max-width: 600px) {
 
−
    .columnhuji.side, .columnhuji.middle {
 
−
        width: 100%;
 
−
    }
 
−
}
 
−
 
−
h2.ahuji {
 
−
    font: 30px Calibri, Calibri;
 
−
    text-align: center;
 
−
}
 
−
 
−
h2.chuji {
 
−
    font: 20px Calibri, Calibri;
 
−
    text-align: center;
 
−
}
 
−
 
−
p.ahuji {
 
−
    font: 18px Calibri, Calibri;
 
−
margin-left:5%;
 
−
margin-right:5%;
 
−
text-align:justify;
 
−
}
 
−
 
−
p.bhuji {
 
−
    font: 18px Calibri, Calibri;
 
−
text-align:center;
 
−
}
 
−
 
−
 
−
.buttonhuji {
 
−
font: 18px Calibri, Calibri;
 
−
    border: none;
 
−
    color: white;
 
−
    padding: 10px 32px;
 
−
    text-align: center;
 
−
    display: inline-block;
 
−
    font-size: 15px;
 
−
    margin: 2px 2px;
 
−
    -webkit-transition-duration: 0.4s; /* Safari */
 
−
    transition-duration: 0.4s;
 
−
    cursor: pointer;
 
−
}
 
−
 
−
.buttonhuji1 {
 
−
    background-color: #fdfaf2;
 
−
    color: black;
 
−
    border: 2px solid #829c8c;
 
−
}
 
−
 
−
.buttonhuji1:hover {
 
−
    background-color: #829c8c;
 
−
    color: white;
 
−
}
 
−
 
−
.centerhujiimg {
 
−
    margin: auto;
 
−
    width: 60%;
 
−
text-align: center;
 
−
}
 
−
 
−
</style>
 
 
<body>
 
<body>
  
Line 222: Line 78:
 
         </ul>
 
         </ul>
 
     </li>
 
     </li>
−
   
 
 
     <li><a href="#">Human Practice</a>
 
     <li><a href="#">Human Practice</a>
 
         <ul>
 
         <ul>
Line 231: Line 86:
 
         </ul>
 
         </ul>
 
     </li>
 
     </li>
−
   
 
 
         <li><a href="#">Our Lab</a>
 
         <li><a href="#">Our Lab</a>
 
         <ul>
 
         <ul>
−
             <li><a href="#">Protocols</a></li>
+
             <li><a href="https://2018.igem.org/Team:HebrewU/protocols">Protocols</a></li>
 
             <li><a href="#">Notebooks</a></li>
 
             <li><a href="#">Notebooks</a></li>
−
             <li><a href="#">Inter-lab</a></li>
+
             <li><a href="https://2018.igem.org/Team:HebrewU/InterLab">Inter-lab</a></li>
 
             <li><a href="#">Safety</a></li>
 
             <li><a href="#">Safety</a></li>
 
             <li><a href="#">Media Criteria</a></li>
 
             <li><a href="#">Media Criteria</a></li>
−
 
 
         </ul>
 
         </ul>
 
     </li>
 
     </li>
−
   
 
−
 
 
</ul>     
 
</ul>     
  
 
<div><br><br><div>
 
<div><br><br><div>
  
−
 
+
<!--- Page content start --->
−
<div class="rowhuji">
+
−
 
+
−
  <div class="columnhuji side">
+
−
  </div>
+
−
 
+
−
  <div class="columnhuji middle">
+
−
  <div class="grid-container">
+
−
  <h2 class="ahuji">Lab Protocols</h2>
+
−
  <p class="ahuji">
+
−
  <br>
+
−
  <div align="center">
+
−
 
+
−
  Text Here.
+
−
<br><br>
+
−
 
+
−
Text Here.
+
−
 
+
−
<br><br>
+
−
 
+
−
<b> We hope this research will help detoxify our planet, creating a safer and cleaner environment for everyone. <b>
+
−
<br><br><br>
+
−
 
+
−
 
+
−
 
+
−
</body>
+
−
</html>
+

Latest revision as of 06:21, 5 September 2018

HebrewU HujiGEM 2018