Difference between revisions of "Team:IIT Delhi"

Line 1: Line 1:
−
<html lang="en">
+
{{Template_All_Teams}}
  
−
<head>
+
<html>
  
−
    <title>iGEM -IITD</title>
+
<style>
  
−
</head>
 
  
−
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
+
/*--------------General end-----------------*/
  
−
 
+
/*--------------Global/content start----------------*/
−
    <!-- Intro Header -->
+
#content { /*-- changes default wiki settings --*/
−
    <header class="intro">
+
width: 100%;
−
        <div class="intro-body">
+
height: 100%;
−
            <div class="container">
+
border: 0px;
−
                <div class="row">
+
margin: 0px;
−
                    <div class="col-md-8 col-md-offset-2">
+
padding: 0px;
−
                        <h1 class="brand-heading">iGEM IIT Delhi</h1>
+
−
                        <p class="intro-text">Tagline1<br>Tagline2</p>
+
−
                        <a href="#about" class="btn btn-circle page-scroll">
+
−
                            <i class="fa fa-angle-double-down animated"></i>
+
−
                        </a>
+
−
                    </div>
+
−
                </div>
+
−
            </div>
+
−
        </div>
+
−
    </header>
+
  
−
    <!-- About Section -->
+
}
−
    <section id="about" class="container content-section text-center">
+
−
        <div class="row">
+
−
            <div class="col-lg-8 col-lg-offset-2">
+
−
                <h2>Our Aim</h2>
+
−
                <p>We aim to genetically engineer  bacteria and design a prototype of a device that converts harmful components of exhaust gases (i.e NOx and SOx) coming out of  chimneys of various industries and car exhausts into harmless byproducts.</p>
+
−
                <p>We aim to genetically engineer E.coli and equip it with the genes to synthesize nitrite reductase enzyme NrfA and CysI (sulfite reductase) and Sqr (Sulfide Quinone reductase) enzymes. NrfA reduces NOx to ammonia (NH3) while Cys1 and Sqr reduce sulphur dioxide (SO2) to hydrogen sulfide (H2S) and H2S to sulfur(S) respectively. These would 
+
−
be immobilized on polymer beads that have a positive zeta potential and placed in a bioreactor. The bacteria will reduce the oxides present in the incoming gas stream and consequently the percentage of oxides of nitrogen and sulfur in the outgoing gas stream will be significantly lower.</p>
+
−
               
+
−
            </div>
+
−
        </div>
+
−
    </section>
+
  
−
    <!-- Story Section -->
 
−
    <section id="download" class="content-section text-center">
 
−
        <div class="download-section">
 
−
            <div class="container">
 
−
                <div class="col-lg-8 col-lg-offset-2">
 
−
                    <video poster="https://static.igem.org/mediawiki/2014/3/31/Videotopimage3.jpg" controls="" style="width:563px; height:302px;">
 
−
              <source  style="width:563px; height:302px;" src="https://static.igem.org/mediawiki/2014/3/30/Take_a_Stand_IGEM_IIT_DELHI_2014.mp4" type="video/mp4">
 
−
<a href="https://www.youtube.com/watch?v=RSS953TgzWk"><img border="0" src="https://static.igem.org/mediawiki/2014/3/31/Videotopimage3.jpg" alt="Click to view on Youtube" width="563" height="302"></a>
 
−
        </video>
 
−
            </div>
 
−
        </div>
 
−
    </section>
 
  
 +
/*--------------Global end------------------*/
  
−
</body>
 
  
 +
body{
 +
  margin:0;
 +
  padding:0;
 +
  background-image:url("https://static.igem.org/mediawiki/2015/6/67/IITDwikipages_background.jpg");
 +
}
 +
 +
.icons{
 +
  position:absolute;
 +
  width:7%;
 +
  -webkit-transition: all 1s ease;
 +
  -moz-transition: all 1s ease;
 +
  -o-transition: all 1s ease;
 +
  transition all 1s ease:
 +
}
 +
.iconActive{
 +
  width:10%;
 +
}
 +
 +
#tour{
 +
  margin-top:40%;
 +
  z-index:5;
 +
  margin-left:31.5%;
 +
}
 +
</style> <!-- End of CSS -->
 +
<body>
 +
  <img style="position:absolute;width:100%;height:100%;z-index:-5;" src="https://static.igem.org/mediawiki/2015/6/68/IITDwikihome_background1.jpg">
 +
  <nav style="border:solid 1px black;">
 +
 +
    <a href="https://2015.igem.org/Team:IIT_Delhi/abstract"><img class="icons iconsl" id="icon1" style="margin-top:4%; margin-left:10%;" src="https://static.igem.org/mediawiki/2015/6/6a/IITDabstract.png"></a>
 +
 +
    <a href="https://2015.igem.org/Team:IIT_Delhi/modelling_introduction"><img class="icons" id="icon2" style="margin-top:4%; margin-left:83%;" src="https://static.igem.org/mediawiki/2015/b/b9/IITDmodelling1.png"></a>
 +
 +
    <a href="https://2015.igem.org/Team:IIT_Delhi/project_background"><img class="icons iconsl" id="icon3" style="margin-top:14%; margin-left:6%;" src="https://static.igem.org/mediawiki/2015/2/2f/IITDproject1.png"></a>
 +
 +
    <a href="https://2015.igem.org/Team:IIT_Delhi/team_ourstory"><img class="icons" id="icon4" style="margin-top:14%; margin-left:87%;" src="https://static.igem.org/mediawiki/2015/0/01/Team1iitd.png"></a>
 +
 +
    <a href="https://2015.igem.org/Team:IIT_Delhi/notebook_summary"><img class="icons iconsl" id="icon5" style="margin-top:25%; margin-left:6%;" src="https://static.igem.org/mediawiki/2015/e/ee/Notebook_iitd.png"></a>
 +
 +
    <a href="https://2015.igem.org/Team:IIT_Delhi/collaborations_iiser"><img class="icons" id="icon6" style="margin-top:25%; margin-left:86.5%;" src="https://static.igem.org/mediawiki/2015/3/3c/Collabaration1_iitd.png"></a>
 +
 +
    <a href="https://2015.igem.org/Team:IIT_Delhi/results_parts"><img class="icons iconsl" id="icon7" style="margin-top:36%; margin-left:10%;" src="https://static.igem.org/mediawiki/2015/0/0b/Results1_iitd.png"></a>
 +
 +
    <a href="https://2015.igem.org/Team:IIT_Delhi/ethics_orientation"><img class="icons" id="icon8" style="margin-top:36%; margin-left:82%;" src="https://static.igem.org/mediawiki/2015/5/51/Ethics1_iitd.png"></a>
 +
  </nav>
 +
           
 +
  <div id="tour">
 +
    <img style="z-index:10;" src="https://static.igem.org/mediawiki/2015/6/6a/IITDigem_tourStart.png">
 +
  </div>
 +
 +
  <script>
 +
    $(document).ready(function(){
 +
      $(".iconsl").hover(
 +
        function(){
 +
          $(this).addClass("iconActive");
 +
        },
 +
        function(){
 +
          $(this).removeClass("iconActive");
 +
        }
 +
      );
 +
     
 +
$("#icon2").hover(
 +
        function(){
 +
          $(this).css("margin-left","80%");
 +
          $(this).addClass("iconActive");
 +
        },
 +
        function(){
 +
          $(this).css("margin-left","83%");
 +
          $(this).removeClass("iconActive");
 +
        }
 +
      );
 +
$("#icon4").hover(
 +
        function(){
 +
          $(this).css("margin-left","84%");
 +
          $(this).addClass("iconActive");
 +
        },
 +
        function(){
 +
          $(this).css("margin-left","87%");
 +
          $(this).removeClass("iconActive");
 +
        }
 +
      );
 +
$("#icon6").hover(
 +
        function(){
 +
          $(this).css("margin-left","83.5%");
 +
          $(this).addClass("iconActive");
 +
        },
 +
        function(){
 +
          $(this).css("margin-left","86.5%");
 +
          $(this).removeClass("iconActive");
 +
        }
 +
      );
 +
$("#icon8").hover(
 +
        function(){
 +
          $(this).css("margin-left","79%");
 +
          $(this).addClass("iconActive");
 +
        },
 +
        function(){
 +
          $(this).css("margin-left","82%");
 +
          $(this).removeClass("iconActive");
 +
        }
 +
      );
 +
    });
 +
  </script>         
 +
   
 +
</body>
 
</html>
 
</html>

Revision as of 20:24, 15 September 2015