|
|
| (21 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | <html lang="en">
| + | {{:Team:IIT Madras/Templates/head}}<html> |
| - | <!--
| + | |
| - | <![endif]-->
| + | |
| - | <head>
| + | |
| - | <!-- iGEM style override code -->
| + | |
| - | <style>
| + | |
| - | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
| + | |
| - | display:none;}
| + | |
| - | #top-section {
| + | |
| - | border: none;
| + | |
| - | height: 0px;}
| + | |
| - | #menubar{
| + | |
| - | display: none;
| + | |
| - | }
| + | |
| - | #content {
| + | |
| - | border: none;
| + | |
| - | color: #888880;
| + | |
| - | background: #edede5 url('https://d3awrefyh2q0ta.cloudfront.net/../assets/background-texture.jpg') repeat;
| + | |
| - | font: 100%/1.45 "proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif;
| + | |
| - | width: 100%}
| + | |
| - | #bodyContent{
| + | |
| | | | |
| - | width:100%;
| + | <style type="text/css"> |
| - | }
| + | #slideshow { |
| - | | + | |
| - | </style> | + | position: relative; |
| - | | + | |
| - | | + | width: 670px; |
| - | <title>iGEM IIT Madras</title>
| + | |
| - | <link rel="stylesheet" type="text/css" href="https://junaidbabu.github.io/testpages/site/css/modern.css">
| + | height: 300px; |
| - | <link rel="stylesheet" type="text/css" href="https://junaidbabu.github.io/testpages/site/css/styles.css">
| + | |
| - | <link rel="shortcut icon" href="https://junaidbabu.github.io/testpages/site/favicon.png" type="image/x-icon">
| + | z-index: 10; |
| - | <link rel="icon" href="https://junaidbabu.github.io/testpages/site/favicon.png" type="image/x-icon">
| + | padding: 10px; |
| - | | + | |
| - | </head>
| + | box-shadow: 0 0 20px rgba(0,0,0,0.4); |
| - | | + | |
| - | <body class="metrouicss">
| + | } |
| - | <div class="page" style="margin:0 auto;display:block; width:940px;" id="page-index">
| + | |
| - | <div class="page-region">
| + | #slideshow > div { |
| - | <div class="page-region-content">
| + | |
| - | <div class="nav-bar" style="background-color:transparent;">
| + | position: absolute; |
| - | <div class="nav-bar-inner padding20">
| + | |
| - | <a href="#">
| + | top: 10px; |
| - | <img class="place-left" src="https://junaidbabu.github.io/testpages/site/images/head_logo1.png" height="70/">
| + | |
| - | </a>
| + | overflow: hidden; |
| - | </div>
| + | left: 10px; |
| - | </div>
| + | |
| - | <div class="nav-bar" style="background-color:transparent;">
| + | z-index: 9; |
| - | <div class="nav-bar-inner padding20">
| + | right: 10px; |
| - | <ul class="menu">
| + | |
| - | <li class="text-center menu-item"><a href="#"><img src="images/top_home.png" align="center"><br>HOME</a></li>
| + | bottom: 10px; |
| - | <li class="text-center menu-item" data-role="dropdown">
| + | |
| - | <a href="#"><img src="images/top_activity.png" align="center"><br>ACTIVITIES</a>
| + | } |
| - | <ul class="dropdown-menu">
| + | </style> |
| - | <li><a href="#">TECH-SOC</a></li>
| + | <div id=" main" role=" main" class=" homepage"> |
| - | <li><a href="#">LIT-SOC</a></li>
| + | |
| - | <li><a href="#">SCHROETER</a></li>
| + | |
| - | </ul>
| + | <div class="row hover-slides clearfix"> |
| - | </li>
| + | <div class=" onecol first hover-text"> |
| - | <li class="text-center menu-item"><a href="#"><img src="images/top_alumni.png" align="center"><br>ALUMNI</a></li>
| + | <div data- video=" video1" class=" slide1 current"> |
| - | <li class="text-center menu-item"><a href="#"><img src="images/top_gallery.png" align="center"><br>GALLERY</a></li>
| + | <h3> |
| - | <li class="text-center menu-item"><a href="#"><img src="images/top_articles.png" align="center"><br>ARICLES</a></li>
| + | Project Description |
| - | <li class="text-center menu-item"><a href="#"><img src="images/top_residents.png" align="center"><br>RESIDENTS</a></li>
| + | </h3> |
| - | <li class="text-center menu-item"><a href="#"><img src="images/top_council.png" align="center"><br>COUNCIL</a></li>
| + | |
| - | <li class="text-center menu-item"><a href="#"><img src="images/top_download.png" align="center"><br>DOWNLOADS</a></li>
| + | <p> |
| - | <li class="text-center menu-item"><a href="#"><img src="images/top_contact.png" align="center"><br>CONTACTS</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. |
| - | </ul>
| + | </p> |
| - | </div>
| + | <a href="#" class=" button green more- info"> |
| - | </div><br>
| + | Read More |
| - | <div class="grid">
| + | </a> |
| - | <!--<div class="row">
| + | |
| - | <div class="span12">
| + | |
| - | <img src="images/alak.jpg" align="center"/>
| + | |
| - | </div>
| + | |
| - | </div>-->
| + | |
| - | <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">
| + | |
| - |
| + | |
| - | <div class="row">
| + | |
| - | <div class="span3 transparent">
| + | |
| - | <br><img src="images/IP.png" width="100" align="center">
| + | |
| - | <div style="height: 50px;" class="span3 carousel" data-param-arrows="off" data-role="carousel">
| + | |
| - | <div class="slides">
| + | |
| - | <div class="slide text" id="slide1" style="left: -220px;">
| + | |
| - | <p class="padding10" style="color:#fff">Footer match against GANGA<br>-Football Captain</p>
| + | |
| - | </div>
| + | |
| - | <div class="slide text" id="slide2" style="display: block; left: -220px;">
| + | |
| - | <p class="padding10" style="color:#fff">Cricket match against SARAS<br>-Cricket Captain</p>
| + | |
| - | </div>
| + | |
| - | <div class="slide text" id="slide2" style="display: block; left: 0px;">
| + | |
| - | <p class="padding10" style="color:#fff">Alak maintains lead in Tech-Soc<br>-Tech Sec</p>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - |
| + | |
| - | <span class="control left" style="display: none;">‹</span>
| + | |
| - | <span class="control right" style="display: none;">›</span>
| + | |
| - |
| + | |
| - | <div class="markers"><ul><li class=""><a href="javascript:void(0)" data-num="0"></a></li><li class=""><a href="javascript:void(0)" data-num="1"></a></li><li class="active"><a href="javascript:void(0)" data-num="2"></a></li></ul></div></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="images/side_hall of fame.png">
| + | |
| - | <div class="special-text">HALL OF FAME</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="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="images/side_gallery.png">
| + | |
| - | <div class="special-text">GALLERY</div>
| + | |
| - | </a>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | <div class="span3">
| + | |
| - | <div class="row">
| + | |
| - | <div class="span3">
| + | |
| - | <div style="height: 220px;" class="span3 carousel" data-param-markers="off" data-role="carousel">
| + | |
| - | <div class="slides">
| + | |
| - | <div class="slide image" id="slide1" style="left: -220px;">
| + | |
| - | <img src="images/pic1.jpg">
| + | |
| - | </div>
| + | |
| - | <div class="slide image" id="slide1" style="display: block; left: -220px;">
| + | |
| - | <img src="images/pic2.jpg">
| + | |
| - | </div>
| + | |
| - | <div class="slide image" id="slide1" style="display: block; left: 0px;">
| + | |
| - | <img src="images/pic3.jpg">
| + | |
| - | </div>
| + | |
| - | <div class="slide image" id="slide1" style="display: block; left: -220px;">
| + | |
| - | <img src="images/pic4.jpg">
| + | |
| - | </div>
| + | |
| - | <div class="slide image" id="slide1" style="display: block; left: -220px;">
| + | |
| - | <img src="images/pic5.jpg">
| + | |
| - | </div>
| + | |
| - | <div class="slide image" id="slide1" style="display: block; left: -220px;">
| + | |
| - | <img src="images/pic6.jpg">
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - |
| + | |
| - | <span class="control left">‹</span>
| + | |
| - | <span class="control right">›</span>
| + | |
| - |
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | <div class="span3 transparent">
| + | |
| - | <img src="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" style="left: 0px;"> | + | |
| - | <p class="padding10" style="color:#fff">ICE-Cream Nite<br>-Mess Sec</p>
| + | |
| - | </div>
| + | |
| - | <div class="slide text" id="slide2" style="display: block; left: -220px;">
| + | |
| - | <p class="padding10" style="color:#fff">ICE-Cream Nite 2<br>-Mess Sec</p>
| + | |
| - | </div>
| + | |
| - | <div class="slide text" id="slide2" style="display: block; left: -220px;">
| + | |
| - | <p class="padding10" style="color:#fff">ICE-Cream Nite 3<br>-Mess Sec</p>
| + | |
| - | </div>
| + | |
| - | <div class="slide text" id="slide2" style="display: block; left: -220px;">
| + | |
| - | <p class="padding10" style="color:#fff">ICE-Cream Nite 4<br>-Mess Sec</p>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - |
| + | |
| - | <span class="control left" style="display: none;">‹</span>
| + | |
| - | <span class="control right" style="display: none;">›</span>
| + | |
| - |
| + | |
| - | <div class="markers"><ul><li class="active"><a href="javascript:void(0)" data-num="0"></a></li><li class=""><a href="javascript:void(0)" data-num="1"></a></li><li class=""><a href="javascript:void(0)" data-num="2"></a></li><li class=""><a href="javascript:void(0)" data-num="3"></a></li></ul></div></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="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="images/side_forum.png">
| + | |
| - | <div class="special-text">FORUM</div>
| + | |
| - | </a>
| + | |
| - | </div>
| + | |
| - |
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| | </div> | | </div> |
| - | </div>
| + | |
| - | </div>
| + | </div> |
| - | </div> | + | <div class="twocol last"> |
| - | | + | |
| - | | + | |
| - | <script src="https://junaidbabu.github.io/testpages/site/jquery.js" type="text/javascript"></script>
| + | <div> |
| - | <script type="text/javascript" src="https://junaidbabu.github.io/testpages/site/scripts.js"></script>
| + | <img src="http://www.advantagekarnataka.com/images/investment-sector/Inner-banners_Biotech.jpg"> |
| - | <script type="text/javascript" src="https://junaidbabu.github.io/testpages/site/javascript/carousel.js"></script>
| + | </div> |
| - | <script type="text/javascript" src="https://junaidbabu.github.io/testpages/site/javascript/dropdown.js"></script>
| + | <div> |
| - | | + | <img src="http://www.gvpedia.com/uploads/images/hyderabad_biotech.jpg"> |
| | + | </div> |
| | + | <div> |
| | + | <img src="http://www.business-standard.com/newsimgfiles/image/biotechnology.jpg"> |
| | + | </div> |
| | + | <div> |
| | + | <img src="http://ipsnews-net.wpengine.netdna-cdn.com/Library/2013/05/biotech640-629x419.jpg"> |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | |
| | + | </div> |
| | + | </div> |
| | + | <div class="row team-form"> |
| | + | <div class="onecol first"> |
| | + | |
| | + | |
| | + | <img src="https://fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-ash3/945977_532291323509340_604491180_n.jpg" alt="The Sort team"> |
| | + | |
| | + | |
| | + | <h3> |
| | + | Team! |
| | + | </h3> |
| | + | <p> |
| | + | Something about the iGEM IITM Team. |
| | + | </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> |
| | | | |
| - | </body></html>
| + | </html>{{:Team:IIT Madras/Templates/foot}} |
"
