|
|
| (13 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | <html>
| + | {{:Team:IIT Madras/Templates/head}}<html> |
| - | <head>
| + | |
| - | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
| + | |
| - | <title>iGEM IIT Madras</title>
| + | |
| - | <link rel="stylesheet" type="text/css" href="https://2013.igem.org/wiki/skins/igem/main.css?270" />
| + | |
| - | <link rel="stylesheet" type="text/css" href="http://junaidbabu.github.io/testpages/site/css/modern.css" /> | + | |
| - | <link rel="stylesheet" type="text/css" href="http://junaidbabu.github.io/testpages/site/css/styles.css" />
| + | |
| - | <link rel="shortcut icon" href="http://junaidbabu.github.io/testpages/site/favicon.png" type="image/x-icon">
| + | |
| - | <link rel="icon" href="http://junaidbabu.github.io/testpages/site/favicon.png" type="image/x-icon">
| + | |
| | | | |
| - | <style> | + | <style type="text/css"> |
| - | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { | + | #slideshow { |
| - | display:none;}
| + | |
| - | #top-section {
| + | position: relative; |
| - | border: none;
| + | |
| - | height: 0px;}
| + | width: 670px; |
| - | #menubar{
| + | |
| - | display: none;
| + | height: 300px; |
| - | }
| + | |
| - | #content {
| + | z-index: 10; |
| - | background: none;
| + | padding: 10px; |
| - | border: none;
| + | |
| - | width: 100%}
| + | box-shadow: 0 0 20px rgba(0,0,0,0.4); |
| - | #bodyContent{ | + | |
| - | | + | } |
| - | width:100%;
| + | |
| - | }
| + | #slideshow > div { |
| - | | + | |
| - | </style>
| + | position: absolute; |
| - | | + | |
| - | | + | top: 10px; |
| - | | + | |
| - | </head>
| + | overflow: hidden; |
| - | | + | left: 10px; |
| - | <body class="metrouicss" onLoad='$("link[href*=main.css]").removeAttr("disabled");'>
| + | |
| - | <div class="page" style="margin:0 auto;display:block; width:940px;" id="page-index">
| + | z-index: 9; |
| - | <div class="page-region">
| + | right: 10px; |
| - | <div class="page-region-content">
| + | |
| - | <div class="nav-bar" style="background-color:transparent;">
| + | bottom: 10px; |
| - | <div class=" nav-bar-inner padding20" > | + | |
| - | <a href="#">
| + | } |
| - | <img class="place-left" src="http://junaidbabu.github.io/testpages/site/images/head_logo1.png" height=70/>
| + | </style> |
| - | </a>
| + | <div id=" main" role=" main" class=" homepage"> |
| - | </div> | + | |
| - | </div>
| + | |
| - | <div class=" nav- bar" style="background-color:transparent;"> | + | <div class=" row hover- slides clearfix"> |
| - | <div class=" nav- bar-inner padding20"> | + | <div class=" onecol first hover-text"> |
| - | <ul class="menu">
| + | <div data-video="video1" class="slide1 current"> |
| - | <li class="text-center menu-item"><a href="#"><img src="http://junaidbabu.github.io/testpages/site/images/top_home.png" align="center"><br>HOME</a></li>
| + | <h3> |
| - | <li class="text-center menu-item" data-role="dropdown"> | + | Project Description |
| - | <a href="#"><img src="http://junaidbabu.github.io/testpages/site/images/top_activity.png" align="center"><br>ACTIVITIES</a>
| + | </h3> |
| - | <ul class="dropdown-menu"> | + | |
| - | <li><a href="#">TECH-SOC</a></li> | + | <p> |
| - | <li><a href="#">LIT-SOC</a></li>
| + | IIT Madras has had a very successful history at previous iGEM competitions. Shiga toxin is a deadly toxin secreted by Shigella dysenteriae and other shigatoxigenic bacteria. These bacteria inhabit the gastro-intestinal (GI) tract of cattle and produce a biofilm on the walls of the tract which is essential for the secretion of the toxin. According to statistics, more than 1 million people have been killed by the lethal toxin and many more have been infected. There is no established cure for this harmful toxin till date and this motivated us to come up with a feasible solution to this global problem using synthetic biology. Our idea mainly focuses on: Inhibiting biofilm production. Neutralizing the already produced toxin. For the first part, we have identified a compound, indole-3-acetaldehyde (I3A), which is a potent biofilm inhibitor. |
| - | <li><a href="#">SCHROETER</a></li>
| + | </p> |
| - | </ul> | + | <a href="#" class=" button green more- info"> |
| - | </li>
| + | Read More |
| - | <li class="text-center menu-item"><a href="#"><img src="http://junaidbabu.github.io/testpages/site/images/top_alumni.png" align="center"><br>ALUMNI</a></li>
| + | </a> |
| - | <li class="text-center menu-item"><a href="#"><img src="http://junaidbabu.github.io/testpages/site/images/top_gallery.png" align="center"><br>GALLERY</a></li>
| + | </div> |
| - | <li class="text-center menu-item"><a href="#"><img src="http://junaidbabu.github.io/testpages/site/images/top_articles.png" align="center"><br>ARICLES</a></li>
| + | |
| - | <li class="text-center menu-item"><a href="#"><img src="http://junaidbabu.github.io/testpages/site/images/top_residents.png" align="center"><br>RESIDENTS</a></li>
| + | |
| - | <li class="text-center menu-item"><a href="#"><img src="http://junaidbabu.github.io/testpages/site/images/top_council.png" align="center"><br>COUNCIL</a></li>
| + | |
| - | <li class="text-center menu-item"><a href="#" ><img src="http://junaidbabu.github.io/testpages/site/images/top_download.png" align="center"><br>DOWNLOADS</a></li> | + | |
| - | <li class="text-center menu-item"><a href="#"><img src="http://junaidbabu.github.io/testpages/site/images/top_contact.png" align="center"><br>CONTACTS</a></li>
| + | |
| - | </ul>
| + | |
| - | </div>
| + | |
| - | </div><br>
| + | |
| - | <div class="grid">
| + | |
| - | <!--<div class="row">
| + | |
| - | <div class="span12">
| + | |
| - | <img src="images/alak.jpg" align="center"/> | + | |
| | </div> | | </div> |
| - | </div>-->
| + | <div class=" twocol last"> |
| - | <div class="row">
| + | |
| - | <div class="span6">
| + | |
| - | <div class="span6 padding30 transparent">
| + | |
| - | <!--<img src="images/alak.jpg" align="center" width=400/>-->
| + | |
| - | <p style="font-size:18px;" class="post-text"><br>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et<br><br>
| + | |
| - | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt</p>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | | + | |
| | | | |
| - | | + | |
| - | <div class="span3 transparent"> | + | |
| - | <br><img src="http:// junaidbabu. github. io/testpages/site/images/ IP.png" width=100 align="center" /> | + | <img src="http:// www. advantagekarnataka. com/images/ investment- sector/ Inner- banners_Biotech.jpg"> |
| - | <div style="height: 50px;" class="span3 carousel" data-param-arrows="off" data-role="carousel">
| + | |
| - | <div class="slides">
| + | |
| - | <div class="slide text" id="slide1">
| + | |
| - | <p class="padding10" style="color:#fff">Footer match against GANGA<br>-Football Captain</p>
| + | |
| - | </div>
| + | |
| - | <div class="slide text" id="slide2">
| + | |
| - | <p class="padding10" style="color:#fff">Cricket match against SARAS<br>-Cricket Captain</p>
| + | |
| - | </div>
| + | |
| - | <div class="slide text" id="slide2">
| + | |
| - | <p class="padding10" style="color:#fff">Alak maintains lead in Tech-Soc<br>-Tech Sec</p>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - |
| + | |
| - | <span class="control left">‹</span>
| + | |
| - | <span class="control right">›</span>
| + | |
| - |
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| | </div> | | </div> |
| - | <div class="row"> | + | <div> |
| - | <div class="span6"><br></div> | + | <img src="http://www.gvpedia.com/uploads/images/hyderabad_biotech.jpg"> |
| | </div> | | </div> |
| - | <div class="row"> | + | <div> |
| - | <a href="#" class="span3 blue-color text-center"> | + | <img src="http://www.business-standard.com/newsimgfiles/image/biotechnology.jpg"> |
| - | <img src="http:// junaidbabu. github. io/ testpages/ site/ images/side_hall of fame. png" /> | + | |
| - | <div class="special-text">HALL OF FAME</div>
| + | |
| - | </a>
| + | |
| | </div> | | </div> |
| - | <div class="row"> | + | <div> |
| - | <div class="span6"><br></div> | + | <img src="http://ipsnews-net.wpengine.netdna-cdn.com/Library/2013/05/biotech640-629x419.jpg"> |
| - | </div>
| + | |
| - | <div class="row">
| + | |
| - | <a href="#" class="span3 pink-color text-center">
| + | |
| - | <img src="http:// junaidbabu. github. io/testpages/site/images/side_activity. png"/ > | + | |
| - | <div class="special-text">ACTIVITIES</div>
| + | |
| - | </a>
| + | |
| - | </div>
| + | |
| - | <div class="row">
| + | |
| - | <div class="span6"><br></div>
| + | |
| - | </div>
| + | |
| - | <div class="row">
| + | |
| - | <a href="#" class="span3 blue-color text-center">
| + | |
| - | <img src="http://junaidbabu.github.io/testpages/site/images/side_gallery.png"/>
| + | |
| - | <div class="special-text">GALLERY</div>
| + | |
| - | </a>
| + | |
| | </div> | | </div> |
| | + | </div> |
| | + | |
| | + | |
| | </div> | | </div> |
| - | | + | </div> |
| - | | + | <div class="row team- form"> |
| - | <div class="span3">
| + | <div class=" onecol first"> |
| - | <div style="height: 220px;" class="span3 carousel" data-param-markers="off" data-role="carousel">
| + | |
| - | | + | |
| - | <div class="slide image" id="slide1">
| + | <img src="https://fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-ash3/945977_532291323509340_604491180_n.jpg" alt="The Sort team"> |
| - | <img src="http://junaidbabu.github.io/testpages/site/images/pic1.jpg" />
| + | |
| - | </div>
| + | |
| - | <div class="slide image" id="slide1">
| + | |
| - | <img src="http://junaidbabu.github.io/testpages/site/images/pic2.jpg" />
| + | |
| - | </div>
| + | |
| - | <div class="slide image" id="slide1">
| + | |
| - | <img src="http://junaidbabu.github.io/testpages/site/images/pic3.jpg" />
| + | |
| - | </div>
| + | |
| - | <div class="slide image" id="slide1">
| + | |
| - | <img src="http://junaidbabu.github.io/testpages/site/images/pic4.jpg" />
| + | |
| - | </div>
| + | |
| - | <div class="slide image" id="slide1">
| + | |
| - | <img src="http://junaidbabu.github.io/testpages/site/images/pic5.jpg" />
| + | |
| - | </div>
| + | |
| - | <div class="slide image" id="slide1">
| + | |
| - | <img src="http://junaidbabu.github.io/testpages/site/images/pic6.jpg" />
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - |
| + | |
| - | <span class="control left">‹</span>
| + | |
| - | <span class="control right">›</span>
| + | |
| - |
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div> | + | |
| - | <div class="row">
| + | |
| - | <div class="span3 transparent"> | + | |
| - | <img src=" http:// junaidbabu.github.io/testpages/site/images/upcomming.png" /> | + | |
| - | <div style="height: 50px;" class="span3 carousel" data-param-arrows="off" data-role="carousel">
| + | |
| - | <div class="slides">
| + | |
| - | <div class="slide text" id="slide1">
| + | |
| - | <p class="padding10" style="color:#fff">ICE-Cream Nite<br>-Mess Sec</p>
| + | |
| - | </div>
| + | |
| - | <div class="slide text" id="slide2">
| + | |
| - | <p class="padding10" style="color:#fff">ICE-Cream Nite 2<br>-Mess Sec</p>
| + | |
| - | </div>
| + | |
| - | <div class="slide text" id="slide2">
| + | |
| - | <p class="padding10" style="color:#fff">ICE-Cream Nite 3<br>-Mess Sec</p>
| + | |
| - | </div>
| + | |
| - | <div class="slide text" id="slide2">
| + | |
| - | <p class="padding10" style="color:#fff">ICE-Cream Nite 4<br>-Mess Sec</p>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - |
| + | |
| - | <span class="control left">‹</span>
| + | |
| - | <span class="control right">›</span>
| + | |
| - |
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | <div class="row">
| + | |
| - | <div class="span6"><br></div>
| + | |
| - | </div>
| + | |
| - | <div class="row">
| + | |
| - | <a href="#" class="span3 blue-color text-center">
| + | |
| - | <img src="http://junaidbabu.github.io/testpages/site/images/side_alumni.png"/>
| + | |
| - | <div class="special-text">ALUMNI</div>
| + | |
| - | </a>
| + | |
| - | </div>
| + | |
| - | <div class="row">
| + | |
| - | <div class="span6"><br></div>
| + | |
| - | </div>
| + | |
| - | <div class="row">
| + | |
| - | <a href="#" class="span3 pink-color text-center">
| + | |
| - | <img src="http://junaidbabu.github.io/testpages/site/images/side_forum.png"/>
| + | |
| - | <div class="special-text">FORUM</div>
| + | |
| - | </a>
| + | |
| - | </div> | + | |
| | | | |
| - | </div>
| + | <h3> |
| - | </div>
| + | Team! |
| - | </div> | + | </h3> |
| - | </div>
| + | <p> |
| - | </div>
| + | Something about the iGEM IITM Team. |
| - | </div> | + | </p> |
| - | | + | </div> |
| | + | <div class="onecol"> |
| | + | <img src="http://upload.wikimedia.org/wikipedia/commons/2/25/Icon-round-Question_mark.jpg" alt="The Sort team"> |
| | + | <h3> |
| | + | Branding?? |
| | + | </h3> |
| | + | <p> |
| | + | |
| | + | </p> |
| | + | </div> |
| | + | <div class="onecol last form"> |
| | + | <h2> |
| | + | Updates |
| | + | </h2> |
| | + | <marquee behavior="scroll" direction="up">Am I going up?</marquee> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> |
| | + | </script> |
| | + | <script type="text/javascript"> |
| | + | $("#slideshow > div:gt(0)").hide(); |
| | + | |
| | + | setInterval(function() { |
| | + | |
| | + | $('#slideshow > div:first') |
| | + | .fadeOut(1000) |
| | + | .next() |
| | + | .fadeIn(1000) |
| | + | .end() |
| | + | .appendTo('#slideshow'); |
| | + | } |
| | + | , 3000); |
| | + | </script> |
| | | | |
| - | <script src="http://junaidbabu.github.io/testpages/site/jquery.js" type="text/javascript"></script>
| + | </html>{{:Team:IIT Madras/Templates/foot}} |
| - | <script type="text/javascript" src="http://junaidbabu.github.io/testpages/site/scripts.js"></script>
| + | |
| - | <script type="text/javascript" src="http://junaidbabu.github.io/testpages/site/javascript/carousel.js"></script>
| + | |
| - | <script type="text/javascript" src="http://junaidbabu.github.io/testpages/site/javascript/dropdown.js"></script>
| + | |
| - | <script type="text/javascript">
| + | |
| - | $("link[href*=main.css]").removeAttr("disabled");
| + | |
| - | </script>
| + | |
| - | </body>
| + | |
| - | </html>
| + | |
"
