Team:IIT Delhi

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
{{CSS/Main}}
{{CSS/Main}}
-
 
+
{{CSS/Style}}
<html>
<html>
-
 
+
<head>
-
<!--main content -->
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<table width="70%" align="center">
+
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-
 
+
    <meta name="description" content="iGEM 2014 IIT Delhi">
-
 
+
    <meta name="keywords" content="biotech, biobricks, parts, notebook,  bio, chem, iit, delhi, hauz khas , new delhi, molecular biology,  genetics, synthetic, biology, competition, iGEM, MIT, USA">
-
<!--welcome box -->
+
    <meta name="viewport" content="width=device-width, initial-scale=1">
-
<tr>
+
    <meta http-equiv="cache-control" content="public" />
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
    <link href="themes/1/js-image-slider.css" rel="stylesheet" type="text/css" />
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
    <script src="themes/1/js-image-slider.js" type="text/javascript"></script>
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
    <link href="generic.css" rel="stylesheet" type="text/css" />
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
+
   
-
<br>
+
<title>iGEM IIT Delhi</title>
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:IIT_Delhi&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
<link rel="shortcut icon" href=".\favicon.ico">
-
</td>
+
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
-
</tr>
+
    <link rel="stylesheet" type="text/css" href="file:///C:/Users/Shashank Yadav/Documents/Unnamed Site 2/home.css"/>
-
 
+
<link rel="stylesheet" href="file:///C:/Users/Shashank Yadav/Documents/Unnamed Site 2/reveal.css">
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
    <link rel="stylesheet" href="file:///C:/Users/Shashank Yadav/Documents/Unnamed Site 2//foundation.css" />
-
<!-- end welcome box -->
+
<link rel="stylesheet" type="text/css" href="file:///C:/Users/Shashank Yadav/Documents/Unnamed Site 2/style.css" />
-
<tr>
+
<link href='http://fonts.googleapis.com/css?family=Droid+Serif:400italic' rel='stylesheet' type='text/css'>
-
 
+
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700' rel='stylesheet' type='text/css'>
-
<!--navigation menu -->
+
-
<td align="center" colspan="3">
+
-
 
+
-
<table  width="100%">
+
-
<tr heigth="15px"></tr>
+
-
<tr heigth="75px">
+
-
 
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:IIT_Delhi"style="color:#000000">Home </a> </td>
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:IIT_Delhi/Team"style="color:#000000"> Team </a> </td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=IIT_Delhi"style="color:#000000"> Official Team Profile </a></td>
+
-
 
+
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
-
<a href="https://2014.igem.org/Team:IIT_Delhi/Project"style="color:#000000"> Project</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
-
<a href="https://2014.igem.org/Team:IIT_Delhi/Parts"style="color:#000000"> Parts</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
-
<a href="https://2014.igem.org/Team:IIT_Delhi/Modeling"style="color:#000000"> Modeling</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:IIT_Delhi/Notebook"style="color:#000000"> Notebook</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:IIT_Delhi/Safety"style=" color:#000000"> Safety </a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:IIT_Delhi/Attributions"style="color:#000000"> Attributions </a></td>
+
-
 
+
-
 
+
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
-
</tr>
+
-
</table>
+
-
 
+
-
<!--end navigation menu -->
+
-
</tr>
+
-
 
+
-
 
+
-
</tr>
+
-
+
-
 
+
-
 
+
-
 
+
-
 
+
-
</td>
+
-
 
+
-
<tr> <td colspan="3" height="15px"> </td></tr>
+
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
-
 
+
-
 
+
-
<!--requirements section -->
+
-
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
+
-
<tr>
+
-
<td width="45%"  valign="top">
+
-
 
+
-
<p> Please be sure to keep these links, your audience will want to find your: </p>
+
-
 
+
-
<!-- Links to other team pages -->
+
-
<ul>
+
-
<li><a href="https://2014.igem.org/Team:IIT_Delhi">Home</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:IIT_Delhi/Team">Team</a> </li>
+
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=IIT_Delhi">Official Team Profile</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:IIT_Delhi/Project">Project</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:IIT_Delhi/Parts">Parts</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:IIT_Delhi/Modeling">Modeling</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:IIT_Delhi/Notebook">Notebook</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:IIT_Delhi/Safety">Safety</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:IIT_Delhi/Attributions">Attributions</a> </li>
+
-
 
+
-
</ul>
+
-
 
+
-
</td>
+
-
 
+
-
<td > </td>
+
-
<td width="45%">
+
-
 
+
-
<p>There are a few wiki requirements teams must follow:</p>
+
-
<ul>
+
-
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload">  2014.igem.org server</a>. </li>
+
-
<li>All pages must be created under the team’s name space.</li>
+
-
<li>As part of your documentation, keep the links from the menu to the left. </li>
+
-
<li>Do not use flash in wiki code. </li>
+
-
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li>
+
-
</ul>
+
-
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p>
+
-
 
+
-
</td>
+
-
</tr>
+
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
</head>
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
+
 +
<body >
 +
<div id="main-nav" >
 +
  <nav class="top-bar" >
 +
  <ul class="title-area">
 +
      <li class="name">
 +
     
 +
      <h1> <a href="https://2013.igem.org/Team:IIT_Delhi">
 +
      <span class="logo"><img src=".\logo.png" alt="logo" /></span></a></h1>
 +
      </li>
 +
     
 +
    </ul>
 +
   
 +
    <section class="top-bar-section">
 +
     
 +
      <!-- Left Nav Section -->
 +
      <div id="main-menu" >
 +
      <ul class="left nav">
 +
        <li ><a href="" >Home</a></li>
 +
        <li><a href="" >Project</a></li>
 +
        <li><a href="" >Parts</a></li>
 +
            <li><a href="" >Modeling</a></li>
 +
        <li><a href="" >Team</a></li>
 +
        <li><a href="" >Notebook</a></li>
 +
            <li><a href="" >Safety</a></li>
 +
        <li><a href="" >Attributions</a></li>
 +
        <li><a href="" >Sponsors</a></li>
 +
      </ul>
 +
      </div>
 +
      </section>
 +
      <!-- Right Nav Section -->
 +
      <ul class="title-area">
 +
      <li class="name">
 +
     
 +
      <h1> <a href="https://www.facebook.com/igemiitdelhi2013">
 +
      <span class="fb"><img src=".\fb.png" onmouseover="this.src='fb1.png'" onmouseout="this.src='fb.png'"/></span></a></h1>
 +
     
 +
     
 +
      <h1> <a href="https://twitter.com/iGEM_IIT_Delhi">
 +
      <span class="tweet"><img src=".\tweet.png" onmouseover="this.src='tweet1.png'" onmouseout="this.src='tweet.png'"/></span></a> </h1>
 +
      <h1> <a href="https://www.flickr.com/photos/124095979@N04/">
 +
      <span class="flickr"><img src=".\flickr.png" onmouseover="this.src='flickr1.png'" onmouseout="this.src='flickr.png'"/></span></a> </h1>
 +
      </li>
 +
     
 +
    </ul>
 +
   
 +
    </section>
 +
  </nav>
 +
</div>
-
<!--tips  -->
 
-
<tr><td colspan="3" > <h3> Tips  </h3></td></tr>
 
-
<tr>
+
  <center>
-
<td width="45%" valign="top">
+
 
-
<p>We are currently working on providing teams with some easy to use design templates.
+
    <!--CONTENT OF HEADER STARTS-->
-
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p>
+
    <header class="center">-
-
<ul>
+
-
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li>
+
-
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li>
+
-
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li>
+
-
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li>
+
-
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li>
+
-
</ul>
+
-
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a>  lists. </p>
 
-
</td>
 
-
<td> </td>
+
           
-
<td width="45%">  
+
    </header>
 +
    <!--CONTENT OF HEADER ENDSSS-->
 +
    <div id="sliderFrame" style="padding-top:30px;">
 +
        <div id="slider">
 +
            <a  target="_blank">
 +
                <img src="images/image-slider-1.jpg" alt="our project" />
 +
            </a>
 +
            <img src="images/image-slider-2.jpg" alt="why it is needed" />
 +
            <img src="images/image-slider-3.jpg" alt="what we have done" />
 +
            <img src="images/image-slider-4.jpg" alt="what it will do" />
 +
            <img src="images/image-slider-5.jpg" alt="what benefits we have"/>
 +
        </div>
 +
        <div id="htmlcaption" style="display: none;">
 +
                    </div>
 +
    </div>
-
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
<div style="clear:both"></div>
 +
    <!--CONTENT FOR DESIGN RESERVED SIZE="1000px X 200px" STARTS-->
 +
   
 +
    <!--CONTENT FOR DESIGN RESERVED SIZE="1000px X 200px" STARTS-->
 +
    <div style="clear:both"></div>
-
<ul>
+
    <!--MAIN HOVER EFFECT STARTS FROM HERE-->
-
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
    <div id="container" >
-
<li>Be clear about what you are doing and what you plan to do.</li>
+
<div style="margin-top:30px">
-
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
       
-
<li>Make sure information is easy to find; nothing should be more than 3 clicks away. </li>
+
      <div class="wrapper" >
-
<li>Avoid using very small fonts and low contrast colors; information should be easy to read. </li>
+
        <div class="item">
-
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="">iGEM 2013 calendar</a> </li>
+
  <img src="C:\Users\Shashank Yadav\Desktop\igem_web\project.jpg" width="227px" height="80px" />
-
<li>Have lots of fun! </li>
+
  <a href="http://www.google.com">
-
</ul>
+
            <span class="information"><!--img src="" width="227px" height="80px"/--> </span>
-
</br>
+
          </a>
-
</td>
+
        </div>
-
</tr>
+
      </div>
-
</table>
+
      <div class="wrapper">
 +
        <div class="item">
 +
          <img src="C:\Users\Shashank Yadav\Desktop\igem_web\parts.jpeg" width="227px" height="80px"/>
 +
            <a href="http://www.google.com">
 +
              <span class="information"><!--img src="images/image-slider-1.jpg" width="227px" height="80px"/--></span>
 +
            </a>
 +
        </div>
 +
      </div>
 +
      <div class="wrapper">
 +
        <div class="item">
 +
          <img src="C:\Users\Shashank Yadav\Desktop\igem_web\modelling.jpg" width="227px" height="80px"/>
 +
            <a href="http://www.google.com">
 +
              <span class="information"><!--img src="images/image-slider-1.jpg" width="227px" height="80px"/--></span>
 +
            </a>
 +
        </div>
 +
      </div>
 +
      <div class="wrapper">
 +
        <div class="item">
 +
          <img src="C:\Users\Shashank Yadav\Desktop\igem_web\team.jpg" width="227px" height="80px"/>
 +
            <a href="http://www.google.com">
 +
              <span class="information"><!--img src="images/image-slider-1.jpg" width="227px" height="80px"/--></span>
 +
            </a>
 +
        </div>
 +
      </div>
 +
      <div class="wrapper">
 +
        <div class="item">
 +
          <img src="C:\Users\Shashank Yadav\Desktop\igem_web\notebook.jpg" width="227px" height="80px"/>
 +
            <a href="http://www.google.com">
 +
              <span class="information"><!--img src="images/image-slider-1.jpg" width="227px" height="80px"/--></span>
 +
            </a>
 +
        </div>
 +
      </div>
 +
      <div class="wrapper">
 +
        <div class="item">
 +
          <img src="C:\Users\Shashank Yadav\Desktop\igem_web\safety.jpg" width="227px" height="80px"/>
 +
          <a href="http://www.google.com">
 +
            <span class="information"><!--img src="images/image-slider-1.jpg" width="227px" height="80px"/--></span>
 +
          </a>
 +
        </div>
 +
      </div>
 +
      <div class="wrapper">
 +
        <div class="item">
 +
          <img src="C:\Users\Shashank Yadav\Desktop\igem_web\attribution.jpg" width="227px" height="80px"/>
 +
          <a href="http://www.google.com">
 +
            <span class="information"><!--img src="images/image-slider-1.jpg" width="227px" height="80px"/--></span>
 +
          </a>
 +
        </div>
 +
      </div>
 +
      <div class="wrapper">
 +
        <div class="item">
 +
        <img src="C:\Users\Shashank Yadav\Desktop\igem_web\sponsor.jpg" width="227px" height="80px"/>
 +
          <a href="http://www.google.com">
 +
            <span class="information"><!--img src="images/image-slider-1.jpg" width="227px" height="80px"/--></span>
 +
          </a>
 +
        </div>
 +
      </div>
 +
    </div>
 +
    </div>
 +
    <!--MAIN HOVER EFFECT ENDSS FROM HERE -->
 +
 +
  <!--CONTENT OF FOOTER-STRIP STARTS-->
 +
    <div id="headerstrip_bottom" style="margin-left:120px; alignment-baseline:hanging;" >
 +
  <nav id="navigation_bottom" >
 +
        <table class="hello" >
 +
          <tr>
 +
            <td><a href="http://www.google.com" title="About us" style="margin-right:42px;">About us</a></td>
 +
            <td><a href="http://www.google.com" title="Privacy policy" style="margin-right:42px;padding-bottom:6px;">Safety</a></td>
 +
            <td><a href="http://www.google.com" title="Hospitality" style="margin-right:42px;padding-bottom:6px;">Attributions</a></td>
 +
            <td><a href="http://www.google.com" title="Contact us" style="margin-right:42px;padding-bottom:6px;">Contact us</a></td>
 +
            <td><a href="http://www.google.com" title="Gallery" style="padding-bottom:6px;">Gallery</a></td>
 +
          </tr>
 +
        </table>
 +
      </nav>
 +
</div>
 +
    <!--CONTENT OF FOOTER-STRIP ENDS-->
 +
 +
</body>
 +
</html>

Revision as of 10:33, 28 May 2014

iGEM IIT Delhi

-

Retrieved from "http://2014.igem.org/Team:IIT_Delhi"