|
|
| (35 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | <html>
| + | {{:Team:IIT Madras/Templates/head}}<html> |
| - | <style>
| + | |
| - | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
| + | |
| - | display:none;}
| + | |
| - | #top-section {
| + | |
| - | border: none;
| + | |
| - | height: 0px;}
| + | |
| - | #menubar{
| + | |
| - | display: none;
| + | |
| - | } | + | |
| - | #content {
| + | |
| - | border: none;
| + | |
| - | width: 100%}
| + | |
| - | #bodyContent{
| + | |
| - | width:100%;
| + | |
| - | }
| + | |
| - | </style> | + | |
| - | <!-- Loading Bootstrap -->
| + | |
| - | <link href="http://designmodo.github.io/Flat-UI/bootstrap/css/bootstrap.css" rel="stylesheet">
| + | |
| | | | |
| - | <!-- Loading Flat UI -->
| + | <style type="text/css"> |
| - | <link href="http://designmodo.github.io/Flat-UI/css/flat-ui.css" rel="stylesheet">
| + | #slideshow { |
| - | | + | |
| - | | + | position: relative; |
| - | <div class="navbar navbar-inverse">
| + | |
| - | <div class="navbar-inner">
| + | width: 670px; |
| - | <div class="container"> | + | |
| - | <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target="#nav-collapse-01"></button> | + | height: 300px; |
| - | <div class=" nav-collapse collapse" id=" nav-collapse-01" > | + | |
| - | <ul class="nav">
| + | z-index: 10; |
| - | <li>
| + | padding: 10px; |
| - | <a href="#fakelink">
| + | |
| - | Menu Item
| + | box-shadow: 0 0 20px rgba(0,0,0,0.4); |
| - | <span class="navbar-unread">1</span>
| + | |
| - | </a>
| + | } |
| - | </li>
| + | |
| - | <li class="active">
| + | #slideshow > div { |
| - | <a href="#fakelink">
| + | |
| - | Messages
| + | position: absolute; |
| - | <span class="navbar-unread">1</span>
| + | |
| - | </a>
| + | top: 10px; |
| - | <ul>
| + | |
| - | <li><a href="#fakelink">Element One</a></li>
| + | overflow: hidden; |
| - | <li>
| + | left: 10px; |
| - | <a href="#fakelink">Sub menu</a>
| + | |
| - | <ul>
| + | z-index: 9; |
| - | <li><a href="#fakelink">Element One</a></li>
| + | right: 10px; |
| - | <li><a href="#fakelink">Element Two</a></li>
| + | |
| - | <li><a href="#fakelink">Element Three</a></li>
| + | bottom: 10px; |
| - | </ul> <!-- /Sub menu -->
| + | |
| - | </li>
| + | } |
| - | <li><a href="# fakelink" >Element Three</a></li> | + | </style> |
| - | </ul> <!-- /Sub menu -->
| + | <div id=" main" role=" main" class=" homepage"> |
| - | </li>
| + | |
| - | <li>
| + | |
| - | <a href="#fakelink">
| + | <div class="row hover-slides clearfix"> |
| - | About Us
| + | <div class="onecol first hover-text"> |
| - | </a>
| + | <div data-video="video1" class="slide1 current"> |
| - | </li>
| + | <h3> |
| - | </ul>
| + | Project Description |
| - | </div><!--/.nav --> | + | </h3> |
| - | </div> | + | |
| | + | <p> |
| | + | 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. |
| | + | </p> |
| | + | <a href="#" class=" button green more-info"> |
| | + | Read More |
| | + | </a> |
| | </div> | | </div> |
| | + | |
| | </div> | | </div> |
| - | <footer id="footer" role="contentinfo" class="animated color-site-dark">
| + | <div class=" twocol last"> |
| - |
| + | |
| - |
| + | <div id="slideshow"> |
| - | | + | |
| - | <div class=" footer-sidebar"> | + | <img src="http://www. advantagekarnataka.com/ images/ investment- sector/ Inner- banners_Biotech. jpg"> |
| - | <div id="supplementary" class="wrapper clearfix columns col-3"> | + | </div> |
| - | <div id="first" class="widget-area" role="complementary"> | + | |
| - | <div id="ti-about-site-2" class="widget widget_ti-about-site"><h3>ABOUT</h3><img src ="http://fltdsgn.com/wp-content/uploads/2013/06/fltdsgn_logo1.png" alt="Flat UI Design"><p>FlatDesign is a showcase of some of the best examples of web design using the flat UI style/aesthetic.</p><ul class="social clearfix"><li><a href="http://feeds.feedburner.com/FlatDesign" aria-hidden="true" class="icon-feed"></a></li><li><a href="http://www. twitter.com/ fltdsgn" aria-hidden="true" class="icon-twitter"></ a></li><li><a href="http://www.facebook.com/fltdsgn" aria- hidden="true" class="icon-facebook"></ a></li><li><a href="http://www.pinterest.com/fltdsgn" aria-hidden="true" class="icon-pinterest"></a></li></ul></div> </div><!-- #first . widget-area --> | + | <img src="http:// www. gvpedia.com/uploads/ images/ hyderabad_biotech.jpg"> |
| - |
| + | </div> |
| - | <div id="second" class="widget-area" role="complementary">
| + | <div> |
| - | <div id="ti_latest_posts-2" class="widget widget_ti_latest_posts"><h3>Latest</h3>
| + | <img src="http:// www. business- standard.com/ newsimgfiles/image/ biotechnology.jpg"> |
| - |
| + | </div> |
| - | <div class="flexslider">
| + | <div> |
| - | <div class="flex-viewport" style="overflow: hidden; position: relative; height: 179px;"> <ul class="slides" style="width: 1000%; margin-left: -221px;"><li class="clone" aria-hidden="true" style="width: 221px; float: left; display: block;"> | + | <img src="http://ipsnews-net.wpengine.netdna-cdn.com/Library/2013/05/biotech640-629x419.jpg"> |
| - | <figure class="entry-image inview">
| + | </div> |
| - | <a href="http://fltdsgn.com/tinybigstudio/">
| + | |
| - | <img src="http:// i1. wp.com /fltdsgn.com/wp-content/uploads/ 2013/ 08/Tinybigstudio1.jpg ?resize=600%2C400" class="attachment-medium-size wp-post-image" alt="Tinybigstudio" draggable="false" > </a> | + | |
| - | </figure>
| + | |
| - |
| + | |
| - | <h2 class="entry-title">
| + | |
| - | <a href="http://fltdsgn.com/tinybigstudio/">Tinybigstudio</a>
| + | |
| - | </h2>
| + | |
| - |
| + | |
| - | </li>
| + | |
| - |
| + | |
| - | <li style="width: 221px; float: left; display: block;" class="flex-active-slide">
| + | |
| - | <figure class="entry-image inview">
| + | |
| - | <a href="http://fltdsgn.com/babbit/">
| + | |
| - | <img src="http:// i0. wp.com/fltdsgn.com/wp- content/uploads/2013/08/Babbit.jpg?resize=600%2C400" class="attachment-medium-size wp-post-image" alt="Babbit" draggable="false"> </a> | + | |
| - | </figure>
| + | |
| - |
| + | |
| - | <h2 class="entry-title">
| + | |
| - | <a href="http://fltdsgn.com/babbit/">Babbit</a>
| + | |
| - | </h2>
| + | |
| - |
| + | |
| - | </li>
| + | |
| - |
| + | |
| - | <li style="width: 221px; float: left; display: block;" class="">
| + | |
| - | <figure class="entry-image inview">
| + | |
| - | <a href="http://fltdsgn.com/caleb-sylvest/">
| + | |
| - | <img src="http://i0.wp.com/fltdsgn.com/wp-content/uploads/2013/08/Caleb-Sylvest1.jpg?resize=600%2C400" class="attachment-medium-size wp-post-image" alt="Caleb Sylvest" draggable="false"> </a>
| + | |
| - | </figure>
| + | |
| - |
| + | |
| - | <h2 class="entry-title">
| + | |
| - | <a href="http://fltdsgn.com/caleb-sylvest/">Caleb Sylvest</a>
| + | |
| - | </h2>
| + | |
| - |
| + | |
| - | </li>
| + | |
| - |
| + | |
| - | <li style="width: 221px; float: left; display: block;" class="">
| + | |
| - | <figure class="entry-image inview">
| + | |
| - | <a href="http://fltdsgn.com/tinybigstudio/">
| + | |
| - | <img src="http://i1.wp.com/fltdsgn.com/wp-content/uploads/2013/08/Tinybigstudio1.jpg?resize=600%2C400" class="attachment-medium-size wp-post-image" alt="Tinybigstudio" draggable="false"> </a>
| + | |
| - | </figure>
| + | |
| - |
| + | |
| - | <h2 class="entry-title">
| + | |
| - | <a href="http://fltdsgn.com/tinybigstudio/">Tinybigstudio</a>
| + | |
| - | </h2>
| + | |
| - |
| + | |
| - | </li>
| + | |
| - |
| + | |
| - | <li style="width: 221px; float: left; display: block;" class="clone" aria-hidden="true"> | + | |
| - | <figure class="entry-image inview">
| + | |
| - | <a href="http://fltdsgn.com/babbit/">
| + | |
| - | <img src="http:// i0.wp.com/fltdsgn.com/wp- content/uploads/2013/08/Babbit. jpg?resize=600%2C400" class="attachment-medium-size wp-post-image" alt="Babbit" draggable="false"> </a> | + | |
| - | </figure>
| + | |
| - |
| + | |
| - | <h2 class="entry-title">
| + | |
| - | <a href="http://fltdsgn.com/babbit/">Babbit</a>
| + | |
| - | </h2>
| + | |
| - |
| + | |
| - | </li></ul></div><ul class="flex-direction-nav"><li><a class="flex-prev" href="#"><i class="icon-chevron-left"></i></a></li><li><a class="flex-next" href="#"><i class="icon-chevron-right"></i></a></li></ul></div>
| + | |
| - |
| + | |
| - |
| + | |
| - |
| + | |
| - | </div> </div><!-- #second .widget-area -->
| + | |
| - |
| + | |
| - | <div id="third" class="widget-area" role="complementary">
| + | |
| - | <div id="text-4" class="widget widget_text"><h3>SUBSCRIBE FOR WEEKLY UPDATES</h3> <div class="textwidget"><p><!-- Begin MailChimp Signup Form --></p>
| + | |
| - | <link href="http://cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css">
| + | |
| - | <style type="text/css">
| + | |
| - | #mc_embed_signup{background:#f242628; clear:left; font:14px Helvetica,Arial,sans-serif; width:400px;}
| + | |
| - | /* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
| + | |
| - | We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
| + | |
| - | </style>
| + | |
| - | <div id="mc_embed_signup">
| + | |
| - | <form action="http://fltdsgn.us7.list-manage.com/subscribe/post?u=e87ebe1049c5744c4fdeca15d&id=926d4c9b40" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate="">
| + | |
| - | <label for="mce-EMAIL"></label><br>
| + | |
| - | <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required=""><p></p>
| + | |
| - | <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
| + | |
| - | </form>
| + | |
| - | </div>
| + | |
| - | <p><!--End mc_embed_signup--></p>
| + | |
| - | </div>
| + | |
| - | </div> </div><!-- #third .widget-area -->
| + | |
| - | </div><!-- #supplementary -->
| + | |
| - | </div>
| + | |
| - | <div class="copyright">
| + | |
| - | <div class="wrapper">
| + | |
| - | <div class="grids">
| + | |
| - | <div class="grid-10">
| + | |
| - | Copyright © 2013 Fltdsgn. All screenshots © of their respective owners. </div>
| + | |
| - | <div class="grid-2">
| + | |
| - | <a href="#" class="back-top">Back to top <i class="icon-chevron-up"></i></a>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| | </div> | | </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"> |
| | + | |
| | | | |
| - | </footer>
| + | <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> |
| | | | |
| - | <script src="http://designmodo.github.io/Flat-UI/js/jquery-1.8.3.min.js"></script> | + | </html>{{:Team:IIT Madras/Templates/foot}} |
| - | <script src="http://designmodo.github.io/Flat-UI/js/jquery-ui-1.10.3.custom.min.js"></script>
| + | |
| - | <script src="http://designmodo.github.io/Flat-UI/js/jquery.ui.touch-punch.min.js"></script>
| + | |
| - | <script src="http://designmodo.github.io/Flat-UI/js/bootstrap.min.js"></script>
| + | |
| - | <script src="http://designmodo.github.io/Flat-UI/js/bootstrap-select.js"></script>
| + | |
| - | <script src="http://designmodo.github.io/Flat-UI/js/bootstrap-switch.js"></script>
| + | |
| - | <script src="http://designmodo.github.io/Flat-UI/js/flatui-checkbox.js"></script>
| + | |
| - | <script src="http://designmodo.github.io/Flat-UI/js/flatui-radio.js"></script>
| + | |
| - | <script src="http://designmodo.github.io/Flat-UI/js/jquery.tagsinput.js"></script>
| + | |
| - | <script src="http://designmodo.github.io/Flat-UI/js/jquery.placeholder.js"></script>
| + | |
| - | <script src="http://designmodo.github.io/Flat-UI/js/jquery.stacktable.js"></script>
| + | |
| - | <script src="http://vjs.zencdn.net/c/video.js"></script>
| + | |
| - | <script src="http://designmodo.github.io/Flat-UI/js/application.js"></script>
| + | |
| - | </html>
| + | |
"
