Difference between revisions of "Team:IIT Delhi/home"

Line 3: Line 3:
 
<html>
 
<html>
  
−
<style>
+
<style>
  
  
Line 13: Line 13:
 
height: 100%;
 
height: 100%;
 
border: 0px;
 
border: 0px;
−
background-color: #000;
 
 
margin: 0px;
 
margin: 0px;
 
padding: 0px;
 
padding: 0px;
Line 26: Line 25:
 
   margin:0;
 
   margin:0;
 
   padding:0;
 
   padding:0;
−
  z-index:1;
+
   background-image:url("https://static.igem.org/mediawiki/2015/2/2c/IITDwikihome_background.jpg");
−
   background-image:url("https://static.igem.org/mediawiki/2015/c/c1/Wikiback.jpg");
+
  background-size:100% 100%;
 
}
 
}
−
#wikiback{
+
 
−
  width:100%;
+
.icons{
−
  margin:0;
+
−
  padding: 0;
+
 
   position:absolute;
 
   position:absolute;
−
   z-index:-1;  
+
   width:6%;
 +
  -webkit-transition: all 1s ease;
 +
  -moz-transition: all 1s ease;
 +
  -o-transition: all 1s ease;
 +
  transition all 1s ease:
 
}
 
}
−
 
+
.iconActive{
−
#try1,#try2{
+
   width:10%;
−
  margin-top:2%;
+
−
  border:solid 2px white;
+
−
  border-radius:50px;
+
−
    float:left;
+
−
  z-index:1;
+
−
  height:100px;
+
−
  width:100px;
+
−
}
+
−
#try1{
+
−
  margin-right:69.5%;
+
−
  margin-left:11.5%;
+
−
}
+
−
#try3,#try4{
+
−
  margin-top:4%;
+
−
  border:solid 2px white;
+
−
  border-radius:50px;
+
−
    float:left;
+
−
  z-index:1;
+
−
  height:100px;
+
−
   width:100px;
+
−
}
+
−
#try3{
+
−
  margin-right:76%;
+
−
  margin-left:8.5%;
+
−
}
+
−
#try5,#try6{
+
−
  margin-top:5%;
+
−
  border:solid 2px white;
+
−
  border-radius:50px;
+
−
    float:left;
+
−
  z-index:1;
+
−
  height:100px;
+
−
  width:100px;
+
−
}
+
−
#try5{
+
−
  margin-right:77%;
+
−
  margin-left:7.5%;
+
−
}
+
−
#try7,#try8{
+
−
  margin-top:4%;
+
−
  border:solid 2px white;
+
−
  border-radius:50px;
+
−
  float:left;
+
−
  z-index:1;
+
−
  height:100px;
+
−
  width:100px;
+
−
}
+
−
#try7{
+
−
  margin-right:70%;
+
−
  margin-left:11.5%;
+
−
}
+
−
#try9,#try10{
+
−
  margin-top:3%;
+
−
  border:solid 2px white;
+
−
  border-radius:50px;
+
−
  float:left;
+
−
  z-index:1;
+
−
  height:100px;
+
−
  width:100px;
+
−
}
+
−
#try9{
+
−
  margin-right:62%;
+
−
  margin-left:15.5%;
+
 
}
 
}
 
</style> <!-- End of CSS -->
 
</style> <!-- End of CSS -->
 
<body>
 
<body>
 +
  <nav style="border:solid 2px white">
 +
    <img class="icons" id="icon1" style="margin-top:5%; margin-left:11%;" src="https://static.igem.org/mediawiki/2015/1/12/IITDproject_icon.png">
 +
    <img class="icons" id="icon2" style="margin-top:5%; margin-left:83%;" src="https://static.igem.org/mediawiki/2015/1/12/IITDproject_icon.png">
  
−
<header></header>
+
    <img class="icons" id="icon3" style="margin-top:17%; margin-left:5%;" src="https://static.igem.org/mediawiki/2015/1/12/IITDproject_icon.png">
−
 
+
    <img class="icons" id="icon4" style="margin-top:17%; margin-left:89%;" src="https://static.igem.org/mediawiki/2015/1/12/IITDproject_icon.png">
−
 
+
−
+
−
<!--  Navigation bar of the left side -->
+
−
 
+
−
<!--  <img id="try1" " src="https://static.igem.org/mediawiki/2015/3/32/Team.png">
+
−
  <img id="try2" " src="https://static.igem.org/mediawiki/2015/3/32/Team.png">
+
−
-->
+
−
  <img id="try3" " src="https://static.igem.org/mediawiki/2015/3/32/Team.png">
+
−
  <img id="try4" " src="https://static.igem.org/mediawiki/2015/0/09/Collaboration.png">
+
  
−
  <img id="try5" " src="https://static.igem.org/mediawiki/2015/3/32/Team.png">
+
    <img class="icons" id="icon5" style="margin-top:28%; margin-left:5%;" src="https://static.igem.org/mediawiki/2015/1/12/IITDproject_icon.png">
−
  <img id="try6" " src="https://static.igem.org/mediawiki/2015/6/67/Projectdelhi.png">
+
    <img class="icons" id="icon6" style="margin-top:28%; margin-left:89%;" src="https://static.igem.org/mediawiki/2015/1/12/IITDproject_icon.png">
−
+
−
 
+
−
  <img id="try8" " src="https://static.igem.org/mediawiki/2015/6/67/Projectdelhi.png.png">
+
−
 
+
−
  <img id="try9" " src="https://static.igem.org/mediawiki/2015/3/32/Team.png">
+
−
  <img id="try10" " src="https://static.igem.org/mediawiki/2015/3/32/Team.png">
+
−
 
+
  
−
     
+
    <img class="icons" id="icon7" style="margin-top:39%; margin-left:11%;" src="https://static.igem.org/mediawiki/2015/1/12/IITDproject_icon.png">
−
                     
+
    <img class="icons" id="icon8" style="margin-top:39%; margin-left:83%;" src="https://static.igem.org/mediawiki/2015/1/12/IITDproject_icon.png">
 +
  </nav>
 +
           
 +
  <script>
 +
    $(document).ready(function(){
 +
      $(".icons").hover(
 +
        function(){
 +
          $(this).addClass("iconActive");
 +
        },
 +
        function(){
 +
          $(this).removeClass("iconActive");
 +
        }
 +
      );
 +
    });
 +
  </script>         
 +
   
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 16:59, 11 September 2015