Difference between revisions of "Team:MIT"

Line 12: Line 12:
 
}
 
}
  
<!--.fishes
+
.fishes
 
{       
 
{       
 
position: relative;
 
position: relative;
Line 18: Line 18:
 
left: 0;
 
left: 0;
 
z-index: 1;
 
z-index: 1;
}-->
+
}
<!--.fish
+
.fish
 
{
 
{
 
position:absolute;
 
position:absolute;
Line 25: Line 25:
 
left: 440px;
 
left: 440px;
 
z-index: 2;
 
z-index: 2;
}-->
+
}
 
+
  
 
.dropdown {
 
.dropdown {
 +
    position:absolute;
 +
    right:0px;
 +
}
 +
 +
.dropdown1 {
 
     position: relative;
 
     position: relative;
 
     display: inline-block;
 
     display: inline-block;
Line 43: Line 47:
  
 
.dropdown:hover .dropdown-content {display: block;}
 
.dropdown:hover .dropdown-content {display: block;}
 +
.dropdown1:hover .dropdown-content {
 +
      display: block;
 +
      position: absolute;
 +
      top: -20px;
 +
      left: 455px;
 +
}
 +
 +
.dropdown1:hover{
 +
transition: transform .2s;
 +
    -ms-transform: scale(1.5);
 +
    -webkit-transform: scale(1.5);
 +
    transform: scale(1.5);
 +
}
 +
 
</style>
 
</style>
 
</head>
 
</head>
  
<body>
+
<body leftmargin="0" topmargin=0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight=0">
<div class="dropdown">
+
        <img  src="https://image.ibb.co/h4ZBhy/Screen_Shot_2018_06_12_at_11_36_48_AM.png" >
+
        <div class="dropdown-content" style="left: 0;">
+
        <a href="https://2018.igem.org/Team:MIT/Team"><img src="https://image.ibb.co/mCSWFJ/Screen_Shot_2018_06_12_at_3_50_55_PM.png" style="width:65%;height:65%;" alt = "team members"></a>
+
        <a href="https://2018.igem.org/Team:MIT/Collaborations"><img src = "https://image.ibb.co/jsj09d/Screen_Shot_2018_06_12_at_3_53_35_PM.png" style="width:65%;height:65%;" alt = "collaborations"></a>
+
  </div>
+
  
</div><div class="dropdown">
+
 
   <img src="https://image.ibb.co/j5hWhy/Screen_Shot_2018_06_12_at_11_37_48_AM.png" alt="Project" width="100%" height="100%">
+
   <img class = "fishes" src="https://image.ibb.co/j4i75J/Screen_Shot_2018_06_12_at_2_34_09_PM.png" width = "100%" height = "100%" >
  <div class="dropdown-content" style="left:0;">
+
 
    <a href="https://2018.igem.org/Team:MIT/Description">Description</a>
+
 
    <a href="https://2018.igem.org/Team:MIT/Design">Design</a>
+
<div class="dropdown1">
    <a href="https://2018.igem.org/Team:MIT/Experiments">Experiments</a>
+
   <img class = "fish" src="https://i.imgur.com/msHabJg.png">
    <a href="https://2018.igem.org/Team:MIT/Notebook">Notebook</a>
+
   <div class="dropdown-content">
    <a href="https://2018.igem.org/Team:MIT/InterLab">InterLab</a>
+
    <a href="https://2018.igem.org/Team:MIT/Model">Model</a>
+
    <a href="https://2018.igem.org/Team:MIT/Results">Results</a>
+
    <a href="https://2018.igem.org/Team:MIT/Demonstrate">Demonstrate</a>
+
    <a href="https://2018.igem.org/Team:MIT/Improve">Improve</a>
+
    <a href="https://2018.igem.org/Team:MIT/Attributes">Attributes</a>
+
  </div>
+
</div><div class="dropdown">
+
  <img src="https://image.ibb.co/jtSYUd/Screen_Shot_2018_06_12_at_11_38_41_AM.png" alt="Parts" width="100%" height="100%">
+
  <div class="dropdown-content" style="left:0;">
+
    <a href="https://2018.igem.org/Team:MIT/Parts"><img src = "https://image.ibb.co/gyUiUd/Screen_Shot_2018_06_12_at_4_13_13_PM.png"style="width:150%;height:150%;"alt="overview"></a>
+
    <a href="https://2018.igem.org/Team:MIT/Basic_Part"><img src = "https://image.ibb.co/kgwQaJ/Screen_Shot_2018_06_12_at_4_13_32_PM.png"style="width:150%;height:150%;"alt="basic parts"></a>
+
  </div>
+
</div><div class="dropdown">
+
   <img src="https://image.ibb.co/kLRcpd/Screen_Shot_2018_06_12_at_11_39_12_AM.png" alt="Safety" width="100%" height="100%">
+
  <div class="dropdown-content" style="left:0;">
+
    <a href="https://2018.igem.org/Team:MIT/Safety">Safety</a>
+
  </div>
+
</div><div class="dropdown">
+
  <img src="https://image.ibb.co/jQQgFJ/Screen_Shot_2018_06_12_at_11_39_50_AM.png" alt="HP" width="100%" height="100%">
+
   <div class="dropdown-content" style="left:0;">
+
    <a href="https://2018.igem.org/Team:MIT/Human_Practices">Human Practices</a>
+
    <a href="https://2018.igem.org/Team:MIT/Public_Engagement">Education & Engagement</a>
+
  </div>
+
</div><div class="dropdown">
+
  <img src="https://image.ibb.co/fzuQaJ/Screen_Shot_2018_06_12_at_11_40_25_AM.png" alt="Awards" width="100%" height="100%">
+
  <div class="dropdown-content" style="left:0;">
+
   
+
 
     <a href="https://2018.igem.org/Team:MIT/Description">Blank</a>
 
     <a href="https://2018.igem.org/Team:MIT/Description">Blank</a>
 
   </div>
 
   </div>
Line 97: Line 81:
  
  
 +
<!--<h1 style="font-family:impact; color: teal; font-size: 400%"> Team MIT 2018 </h1>
 +
<div class="clear extra_space"></div>
 +
<p>Insert Catchy Project Name</p>
 +
 +
</div>
 +
 +
 +
<div class="column full_size" >
 +
 +
<h3>Introduction</h3>
 +
<p> Insert project overview/introduction</p>
 +
</div>
 +
 +
 +
<div class="clear extra_space"></div>
 +
<div class="line_divider"></div>
 +
<div class="clear extra_space"></div>-->
 +
 +
 +
</html>
 
<!--<h1 style="font-family:impact; color: teal; font-size: 400%"> Team MIT 2018 </h1>
 
<!--<h1 style="font-family:impact; color: teal; font-size: 400%"> Team MIT 2018 </h1>
 
<div class="clear extra_space"></div>
 
<div class="clear extra_space"></div>

Revision as of 15:28, 13 June 2018


</html>