Team:IIT Delhi/Modeling

From 2014.igem.org

(Difference between revisions)
Line 6: Line 6:
{{CSS/Generic}}
{{CSS/Generic}}
{{CSS/js-image-slider}}
{{CSS/js-image-slider}}
 +
{{CSS/style2}}
 +
<html>
<html>
<head>
<head>
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="description" content="iGEM 2014 IIT Delhi">
     <meta name="description" content="iGEM 2014 IIT Delhi">
-
     <meta name="keywords" content="igem iitdelhi 2014, biotech, biobricks, parts, notebook,  bio, chem, iit, delhi, hauz khas , new delhi, molecular biology,  genetics, synthetic, biology, competition, iGEM, MIT, USA">
+
     <meta name="keywords" content="igem iitdelhi 2014, biotech, biobricks, parts, notebook,  bio, chem, iit, delhi, hauz khas , new delhi, molecular biology,  genetics, synthetic, biology, competition, iGEM, MIT, USA, abhishek, bharti">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta http-equiv="cache-control" content="public" />     
     <meta http-equiv="cache-control" content="public" />     
<title>iGEM IIT Delhi</title>
<title>iGEM IIT Delhi</title>
-
<link rel='shortcut icon' href='/favicon.ico' />
+
<link rel='shortcut icon' id='favicon' href='https://static.igem.org/mediawiki/2014/7/76/Favicon3.png' />
  <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Droid+Serif:400italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Droid+Serif:400italic' rel='stylesheet' type='text/css'>
Line 31: Line 33:
     });
     });
</script>
</script>
 +
</head>
</head>
 +
<body>
<body>
-
<div id="main-nav" >
 
-
  <nav class="top-bar" >
 
-
  <ul class="title-area">
 
-
      <li class="name">
 
-
     
 
-
      <a href="https://2014.igem.org/Team:IIT_Delhi">
 
-
      <span class="logo"><img src="https://static.igem.org/mediawiki/2014/e/e8/Iitdelhi_Logo.png" alt="logo" /></span></a>
 
-
      </li>
 
-
     
 
-
    </ul>
 
-
   
 
-
    <section class="top-bar-section">
 
-
     
 
-
      <!-- Left Nav Section -->
 
-
      <div id="main-menu" >
 
-
      <ul class="left nav">
 
-
        <li ><a href="https://2014.igem.org/Team:IIT_Delhi" >Home</a></li>
 
-
        <li><a href="https://2014.igem.org/Team:IIT_Delhi/Project" >Project</a>
 
-
              <ul>
 
-
                <li ><a href="">Idea</a></li>
 
-
                <li><a href="">Need</a></li>
 
-
                <li ><a href="">Benefits</a></li>
 
-
                </ul>
 
-
                </li>
 
-
        <li><a href="href="https://2014.igem.org/Team:IIT_Delhi/Parts" >Parts</a>
 
-
              <ul>
 
-
                <li ><a href="https://2014.igem.org/Team:IIT_Delhi/Parts">Biobricks Submitted</a></li>
 
-
                <li><a href="">Previous Parts Improved</a></li>
 
-
                </ul>
 
-
                </li>
 
-
            <li><a href="https://2014.igem.org/Team:IIT_Delhi/Modeling" >Modeling</a></li>
 
-
        <li><a href="" >Team</a>
 
-
                <ul>
 
-
                <li ><a href="https://2014.igem.org/Team:IIT_Delhi/Team">Team Roster</a></li>
 
-
                <li><a href="https://igem.org/Team.cgi?id=1395">Official Team  Profile</a></li>
 
-
                </ul>
 
-
</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>
 
-
        <li><a href="https://2014.igem.org/Team:IIT_Delhi/sponsors" >Sponsors</a></li>
 
-
      </ul>
 
-
      </div>
 
-
      </section>
 
-
      <!-- Right Nav Section -->
 
-
      <ul>
 
-
      <li> <a href="https://2014.igem.org/">
 
-
      <span class="igem-logo"><img src="https://static.igem.org/mediawiki/2014/f/ff/Iitd_Igemlogo_officiallogo_iitd.png" alt="logo" /></span></a>
 
-
     
+
<div class="container">
-
      </li>
+
<!--Header============================================-->
-
     
+
<div class="topblack"></div>
-
    </ul>
+
<div class="topwhite">
-
   
+
<div class="logo"><a href="https://2014.igem.org/Team:IIT_Delhi"><img src="https://static.igem.org/mediawiki/2014/c/c9/Logo.png"/></a></div>
-
    </section>
+
<div class="igemlogo"><a href="https://igem.org/Main_Page" target="_blank"><img src="https://static.igem.org/mediawiki/2014/e/e2/Igemlogo.png"/></a></div>
-
  </nav>
+
-
</div>
+
-
<div>
 
-
<ul >
 
-
      <li>
 
-
<a href="http://www.mahindra.com">
 
-
      <span  class="mahindra" style="margin-top:40px;"><img src="https://static.igem.org/mediawiki/2014/3/3d/Mahindra-rise-web-logo.png" alt="mahindra" /></span></a>
 
-
     
+
<!--menu bar=====================-->
-
      </li>
+
<!--
-
     
+
<div class="menu">
-
    </ul>
+
<table width="550" cellspacing="0" Style="position:absolute; top:0px; left:180px">
 +
              <tr>
 +
                <a href="https://2014.igem.org/Team:IIT_Delhi" id="topmenu" ><td class="menuelt">Home</td></a>
 +
               
 +
                <td class="menuelt"><a href="https://2014.igem.org/Team:IIT_Delhi/Project" id="topmenu">Project</a></td>
 +
               
 +
                <td class="menuelt"><a href="https://2014.igem.org/Team:IIT_Delhi/Modeling" id="topmenu">Modelling</a></td>
 +
               
 +
                <td class="menuelt"><a href="https://2014.igem.org/Team:IIT_Delhi/Team" id="topmenu">Team</a></td>
 +
               
 +
                <td class="menuelt"><a href="https://2014.igem.org/Team:IIT_Delhi/Notebook" id="topmenu">Notebook</a></td>
 +
               
 +
                <td class="menuelt"><a href="https://2014.igem.org/Team:IIT_Delhi/Attributions" id="topmenu">Attributes</a></td>
 +
               
 +
                <td class="menuelt"><a href="https://2014.igem.org/Team:IIT_Delhi/Safety" id="topmenu">Safety</a></td>
 +
               
 +
                <td class="menuelt"><a href="https://2014.igem.org/Team:IIT_Delhi/Parts" id="topmenu">Parts</a></td>
 +
              </tr>
 +
          </table>
</div>
</div>
-
 
 
-
    <!--CONTENT OF HEADER STARTS-->
 
-
    <header class="center">
 
 +
-->
-
              
+
<!-- Navigation bar-->
 +
  <div id="nav">
 +
  <div id="nav_wrapper">
 +
        <ul>
 +
             <li class="nav_item" class="home"><a href="https://2014.igem.org/Team:IIT_Delhi">Home</a></li><li class="project">
 +
            <a href="https://2014.igem.org/Team:IIT_Delhi/Project">Project</a></li><li class="modelling">
 +
            <a href="https://2014.igem.org/Team:IIT_Delhi/Modeling">Modelling</a></li><li class="team">
 +
            <a href="https://2014.igem.org/Team:IIT_Delhi/Team">Team</a></li><li class="notebook">
 +
            <a href="https://2014.igem.org/Team:IIT_Delhi/Notebook">Notebook</a></li><li class="attribute">
 +
            <a href="https://2014.igem.org/Team:IIT_Delhi/Attributions">Attribute</a></li><li class="safety">
 +
            <a href="https://2014.igem.org/Team:IIT_Delhi/Safety">Safety</a></li><li class="parts">
 +
            <a href="https://2014.igem.org/Team:IIT_Delhi/Parts">Parts</a></li>
 +
        </ul>
 +
    </div>
 +
  </div>
-
    </header>
 
-
    <!--CONTENT OF HEADER ENDSSS-->
 
-
               
+
<!--Follow us link===============-->
-
<div style="clear:both"></div>
+
<div class="links">
-
    <!--CONTENT FOR DESIGN RESERVED SIZE="1000px X 200px" STARTS-->
+
<p class="followus">Follow Us</p>
-
   
+
<div class="link_bg">
-
    <!--CONTENT FOR DESIGN RESERVED SIZE="1000px X 200px" STARTS-->
+
            <table border="0" cellspacing="2">
-
    <div style="clear:both"></div>
+
              <tr>
 +
                <td>
 +
                <a href="https://www.facebook.com/igemiitdelhi" target="_blank"><img src="https://static.igem.org/mediawiki/2014/5/51/Fb.png" alt="facebook"  title="Facebook"  onmouseover="this.src='https://static.igem.org/mediawiki/2014/6/6c/Fbhover.png';"
 +
            onmouseout="this.src='https://static.igem.org/mediawiki/2014/5/51/Fb.png';" /> </a>              </td>
 +
             
 +
                <td >
 +
                <a href="https://twitter.com/iGEM_IIT_Delhi" target="_blank" >
 +
                <img src="https://static.igem.org/mediawiki/2014/f/f7/Twitter.png" alt="twitter" title="Twitter" onmouseover="this.src='https://static.igem.org/mediawiki/2014/5/56/Twitterhover.png';"
 +
            onmouseout="this.src='https://static.igem.org/mediawiki/2014/f/f7/Twitter.png';"/></a>                </td>
 +
             
 +
                <td>
 +
                <a href="https://www.youtube.com/channel/UCBHF9Lel4MF2dien-p3o10A" target="_blank" >
 +
                <img src="https://static.igem.org/mediawiki/2014/a/af/Youtube.png" alt="you tube" title="Youtube" onmouseover="this.src='https://static.igem.org/mediawiki/2014/9/91/Youtubehover.png';"
 +
            onmouseout="this.src='https://static.igem.org/mediawiki/2014/a/af/Youtube.png';"/></a>                </td>
 +
              </tr>
 +
             
 +
            </table>
 +
        </div>
-
    <!--MAIN HOVER EFFECT STARTS FROM HERE-->
 
-
   
 
-
    <!--MAIN HOVER EFFECT ENDSS FROM HERE -->
 
-
 
-
  <!--CONTENT OF FOOTER-STRIP STARTS-->
 
-
   
 
-
    <!--CONTENT OF FOOTER-STRIP ENDS-->
 
 +
</div>
 +
</div>
 +
<!--Mascot=================================-->
 +
<div class="mascotbottomlayer">
 +
    <div class="mascotmiddlelayer"><img src="https://static.igem.org/mediawiki/2014/c/cb/New_mascot.gif"/></div>
 +
    <div class="mascottoplayer"><img src="https://static.igem.org/mediawiki/2014/9/9c/Industrysmoke.png"/></div>
</div>
</div>
-
<!--main content -->
+
<div class="iitd"></div>
-
<table width="70%" align="center">
+
 +
<!--Slider=================================-->
-
<!--welcome box -->
+
<div class="slider2">
-
<tr>
+
<div class="container3">
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:IIT_Delhi/Modeling&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
  <div id="content-slider">
-
</td>
+
    <div id="slider">
-
</tr>
+
      <div id="mask">
 +
          <ul>
 +
            <li id="first" class="firstanimation">
 +
              <a href="#">
 +
                <img src="https://static.igem.org/mediawiki/2014/2/28/Iitdelhi.jpg" alt="iit delhi" />
 +
              </a>
 +
            </li>
-
<!-- end welcome box -->
+
            <li id="second" class="secondanimation">
 +
            <a href="#">
 +
              <img src="https://static.igem.org/mediawiki/2014/8/8a/Prof.jpg" alt="Discussion"/>
 +
            </a>
 +
            </li>
 +
           
 +
            <li id="third" class="thirdanimation">
 +
            <a href="#">
 +
            <img src="https://static.igem.org/mediawiki/2014/8/83/Presentation.jpg" alt="Presentation"/>
 +
            </a>
 +
           
 +
            </li>
 +
                       
 +
            <li id="fourth" class="fourthanimation">
 +
            <a href="#">
 +
              <img src="https://static.igem.org/mediawiki/2014/c/c7/Sponsor.jpg" alt="Sponsor"/>
 +
            </a>
 +
            </li>
 +
                       
 +
            <li id="fifth" class="fifthanimation">
 +
            <a href="#">
 +
              <img src="https://static.igem.org/mediawiki/2014/b/b8/Team.jpg" alt="Team"/>
 +
            </a>
 +
            </li>
 +
          </ul>
 +
        </div>
 +
        <div class="progress-bar"></div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
-
<!--navigation menu -->
 
 +
<!--Flip Menu==============================-->
 +
<div id="container2" >
 +
 +
       
 +
      <div class="wrapper" >
 +
        <div class="item">
 +
  <img src="https://static.igem.org/mediawiki/2014/e/ef/Iitd-Project.jpg" width="240px" height="81px" />
 +
  <a href="https://2014.igem.org/Team:IIT_Delhi/Project">
 +
            <span class="information"> <b> Description of our project </b></span>
 +
          </a>
 +
        </div>
 +
      </div>
 +
      <div class="wrapper">
 +
        <div class="item">
 +
          <img src="https://static.igem.org/mediawiki/2014/e/e8/Iitd-Parts.jpeg"  width="240px" height="81px"/>
 +
            <a href="https://2014.igem.org/Team:IIT_Delhi/Parts">
 +
              <span class="information"> parts used, developed and submitted to the registry !</span>
 +
            </a>
 +
        </div>
 +
      </div>
 +
      <div class="wrapper">
 +
        <div class="item">
 +
          <img src="https://static.igem.org/mediawiki/2014/e/e8/Iitd-Modelling.jpg"  width="240px" height="81px"/>
 +
            <a href="https://2014.igem.org/Team:IIT_Delhi/Modeling">
 +
              <span class="information"> prediction of our results using simulink !</span>
 +
            </a>
 +
        </div>
 +
      </div>
 +
      <div class="wrapper">
 +
        <div class="item">
 +
          <img src="https://static.igem.org/mediawiki/2014/3/3c/Iitd-Team.jpg" width="240px" height="81px"/>
 +
            <a href="https://2014.igem.org/Team:IIT_Delhi/Team">
 +
              <span class="information">our hardworking team !</span>
 +
            </a>
 +
        </div>
 +
      </div>
 +
      <div class="wrapper">
 +
        <div class="item">
 +
          <img src="https://static.igem.org/mediawiki/2014/a/ac/Iitd-Notebook.jpg" width="240px" height="81px"/>
 +
            <a href="https://2014.igem.org/Team:IIT_Delhi/Notebook">
 +
              <span class="information">our detailed datewise work manual !</span>
 +
            </a>
 +
        </div>
 +
      </div>
 +
      <div class="wrapper">
 +
        <div class="item">
 +
          <img src="https://static.igem.org/mediawiki/2014/0/0d/Iitd-Safety.jpg"  width="240px" height="81px"/>
 +
          <a href="https://2014.igem.org/Team:IIT_Delhi/Safety">
 +
            <span class="information">safety form about the working conditions in our lab</span>
 +
          </a>
 +
        </div>
 +
      </div>
 +
      <div class="wrapper">
 +
        <div class="item">
 +
          <img src="https://static.igem.org/mediawiki/2014/b/b1/Iitd-Attribution.jpg"  width="240px" height="81px"/>
 +
          <a href="https://2014.igem.org/Team:IIT_Delhi/Attributions">
 +
            <span class="information">attributions</span>
 +
          </a>
 +
        </div>
 +
      </div>
 +
      <div class="wrapper">
 +
        <div class="item">
 +
        <img src="https://static.igem.org/mediawiki/2014/f/f0/Iitd-Sponsor.jpg" width="240px" height="81px"/>
 +
          <a href="https://2014.igem.org/Team:IIT_Delhi/sponsors">
 +
            <span class="information">thanks to our sponsors !</span>
 +
          </a>
 +
        </div>
 +
      </div>
 +
   
 +
    </div>
 +
<!--Flip Menu ends here============== -->
 +
<!--Video1================================-->
 +
<div class="video1">
-
<!--modeling content -->
+
<div>
-
<tr><td colspan="3"> <h3>Modeling</h3></td></tr>
+
<object width="760" height="520"><param name="movie" value="//www.youtube.com/v/Yfm7daf4quU?version=3&amp;hl=en_GB&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="//www.youtube.com/v/Yfm7daf4quU?version=3&amp;hl=en_GB&amp;rel=0" type="application/x-shockwave-flash" width="770" height="560" allowscriptaccess="always" allowfullscreen="true"></embed></object>
-
</tr>
+
</div>
 +
</div>
-
<tr>
+
<div class="sponsors"><img src="https://static.igem.org/mediawiki/2014/f/fd/Sponsors-iit.png"/></div>
-
<td width="45%"  valign="top">  
+
-
<p>If you choose to create a model during your project, please write about it here. Modeling is not an essential part of iGEM, but we encourage any and all teams to model some aspect of their project. See previous "Best Model" awards for more information.</p>
+
-
</td>
+
-
<td></td>
+
<!--Crowd funding========================-->
-
<td></td>
+
<div class="crowdfunding">
-
</tr>
+
<blockquote class="twitter-tweet" lang="en"><p>We start on a crowd funding platform. A few dollars wont cost you much but could be a real help in our dream.<a href="http://t.co/tVwqLCKst8">http://t.co/tVwqLCKst8</a></p>&mdash; iGEM IIT Delhi (@iGEM_IIT_Delhi) <a href="https://twitter.com/iGEM_IIT_Delhi/statuses/504624355364442112">August 27, 2014</a></blockquote>
 +
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
 +
</div>
 +
<!--Facebook plugin========================-->
-
</table>
+
<div class="fbapi"><iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Figemiitdelhi&amp;width=251&amp;height=560&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=true&amp;show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:560px;" allowTransparency="false"></iframe></div>
-
<div id="headerstrip_bottom" style="margin-left:120px; alignment-baseline:hanging;" >
+
 
-
  <nav id="navigation_bottom" >
+
 
-
        <table class="hello" >
+
<!--tweeter plugin==========================-->
-
          <tr>
+
<div class="tweeterapi">
-
            <td><a href="" title="About us" style="margin-right:42px;">About us</a></td>
+
-
            <td><a href="" title="Privacy policy" style="margin-right:42px;padding-bottom:6px;">Safety</a></td>
+
<a class="twitter-timeline" href="https://twitter.com/iGEM_IIT_Delhi" data-widget-id="310283566896513024">Tweets by @iGEM_IIT_Delhi</a>
-
            <td><a href="" title="Hospitality" style="margin-right:42px;padding-bottom:6px;">Attributions</a></td>
+
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
-
            <td><a href="" title="Contact us" style="margin-right:42px;padding-bottom:6px;">Contact us</a></td>  
+
 
-
            <td><a href="" title="Gallery" style="padding-bottom:6px;">Gallery</a></td>
+
</div>
-
          </tr>
+
 
-
        </table>
+
 
-
      </nav>
+
 
-
</div>
+
<div class="footer">
 +
<div class="flagview">
 +
<a href="http://info.flagcounter.com/AJ8u"><img src="http://s11.flagcounter.com/count/AJ8u/bg_373737/txt_FFFFFF/border_373737/columns_3/maxflags_10/viewers_0/labels_1/pageviews_1/flags_1/" alt="Free counters!" border="0">
 +
</a>
 +
</div>
 +
</div>
 +
</div>
 +
</body>
</body>
</html>
</html>

Revision as of 10:08, 16 September 2014


iGEM IIT Delhi