|
|
| (8 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | <html lang="en" class="no-js"> | + | {{:Team:IIT Madras/Templates/head}}<html> |
| - | <head>
| + | |
| - | <link rel="stylesheet" type="text/css" href="https://d3awrefyh2q0ta.cloudfront.net/css/style.531afeef.min.css" media="screen">
| + | <style type="text/css"> |
| - |
| + | #slideshow { |
| - |
| + | |
| - | <!-- For Overriding Defualt Wiki banners and links-->
| + | position: relative; |
| - | <style type="text/css">
| + | |
| - |
| + | width: 670px; |
| - | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
| + | |
| - | display:none;
| + | height: 300px; |
| - | }
| + | |
| - | #top-section {
| + | z-index: 10; |
| - | border: none;
| + | padding: 10px; |
| - | height: 0px;
| + | |
| - | }
| + | box-shadow: 0 0 20px rgba(0,0,0,0.4); |
| - | #menubar{
| + | |
| - | display: none;
| + | } |
| - | }
| + | |
| - | #content {
| + | #slideshow > div { |
| - | background: none;
| + | |
| - | border: none;
| + | position: absolute; |
| - | width: 100%}
| + | |
| - | #bodyContent{ | + | top: 10px; |
| | + | |
| | + | overflow: hidden; |
| | + | left: 10px; |
| | + | |
| | + | z-index: 9; |
| | + | right: 10px; |
| | + | |
| | + | bottom: 10px; |
| | + | |
| | + | } |
| | + | </style> |
| | + | <div id="main" role="main" class="homepage"> |
| | | | |
| - | width:100%;
| |
| - | }
| |
| - | </style>
| |
| - |
| |
| - | <!--Custom styles here-->
| |
| - | <style type="text/css">
| |
| - | #wrap {
| |
| - | width: 100%;
| |
| - | /* Spans the width of the page */
| |
| - | height: 5px;
| |
| | | | |
| - | margin: 0;
| |
| - | /* Ensures there is no space between sides of the screen and the menu */
| |
| - | /* Makes sure that your menu remains on top of other page elements */
| |
| - | position: relative;
| |
| - |
| |
| - | padding-top: 50px;
| |
| - | }
| |
| - | .navbar {
| |
| - | height: 50px;
| |
| - | padding: 0;
| |
| - | margin: 0;
| |
| - | position: absolute;
| |
| - | /* Ensures that the menu doesn’t affect other elements */
| |
| - | border-right: 1px solid #54879d;
| |
| - |
| |
| - | }
| |
| - | .navbar li {
| |
| - | height: auto;
| |
| - | width: 150px;
| |
| - | /* Each menu item is 150px wide */
| |
| - | float: left;
| |
| - | /* This lines up the menu items horizontally */
| |
| - | text-align: center;
| |
| - | /* All text is placed in the center of the box */
| |
| - | list-style: none;
| |
| - | /* Removes the default styling (bullets) for the list */
| |
| - | font: normal bold 12px/1.2em Arial, Verdana, Helvetica;
| |
| - |
| |
| - | padding: 0;
| |
| - | margin: 0;
| |
| - | background-color: #366b82;
| |
| - | }
| |
| - | .navbar a {
| |
| - |
| |
| - | padding: 18px 0;
| |
| - | /* Adds a padding on the top and bottom so the text appears centered vertically */
| |
| - | border-left: 1px solid #54879d;
| |
| - | /* Creates a border in a slightly lighter shade of blue than the background. Combined with the right border, this creates a nice effect. */
| |
| - | border-right: 1px solid #1f5065;
| |
| - | /* Creates a border in a slightly darker shade of blue than the background. Combined with the left border, this creates a nice effect. */
| |
| - | text-decoration: none;
| |
| - | /* Removes the default hyperlink styling. */
| |
| - | color: white;
| |
| - | /* Text color is white */
| |
| - | display: block;
| |
| - | }
| |
| - | .navbar li:hover, a:hover {
| |
| - | background-color: #54879d;
| |
| - | }
| |
| - | .navbar li ul {
| |
| - | z-index: 1001;
| |
| - | display: none;
| |
| - | /* Hides the drop-down menu */
| |
| - | height: auto;
| |
| - |
| |
| - | margin: 0;
| |
| - | /* Aligns drop-down box underneath the menu item */
| |
| - | padding: 0;
| |
| - | /* Aligns drop-down box underneath the menu item */
| |
| - | }
| |
| - |
| |
| - |
| |
| - | .navbar li:hover ul {
| |
| - | display: block;
| |
| - | /* Displays the drop-down box when the menu item is hovered over */
| |
| - | }
| |
| - | .navbar li ul li {
| |
| - | background-color: #54879d;
| |
| - | }
| |
| - | .navbar li ul li a {
| |
| - | border-left: 1px solid #1f5065;
| |
| - |
| |
| - | border-right: 1px solid #1f5065;
| |
| - |
| |
| - | border-top: 1px solid #74a3b7;
| |
| - |
| |
| - | border-bottom: 1px solid #1f5065;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | .navbar li ul li a:hover {
| |
| - | background-color: #366b82;
| |
| - | }
| |
| - |
| |
| - | #igemlogo{
| |
| - | max-width: 60%;
| |
| - | }
| |
| - | #iitmlogo{
| |
| - | position: absolute;
| |
| - | right: 70;
| |
| - | top: 0;
| |
| - | max-width: 6.5%;
| |
| - | }
| |
| - | </style>
| |
| - | </head>
| |
| - | <body id="sort" class="picturefill-wait">
| |
| - |
| |
| - | <div class="container">
| |
| - | <header class="row">
| |
| - | <div class="onecol first">
| |
| - |
| |
| - | <img id="igemlogo" src="http://upload.wikimedia.org/wikipedia/en/d/d6/IGEM_official_logo.png" width="42">
| |
| - | <img id="iitmlogo" src="http://www.hss.iitm.ac.in/images/logo_bw.png" width="10">
| |
| - |
| |
| - | </div>
| |
| - | <div class="middle">
| |
| - | <h1>
| |
| - | Indian Institute of Technology Madras
| |
| - | </h1>
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - | </header>
| |
| - | <div id="wrap" >
| |
| - | <ul class="navbar">
| |
| - | <li>
| |
| - | <a href="#">
| |
| - | Home
| |
| - | </a>
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#">
| |
| - | Team
| |
| - | </a>
| |
| - |
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#">
| |
| - | project
| |
| - | </a>
| |
| - | <ul>
| |
| - | <li>
| |
| - | <a href="#" >
| |
| - | Notebook
| |
| - | </a>
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#">
| |
| - | Modeling
| |
| - | </a>
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#">
| |
| - | About
| |
| - | </a>
| |
| - | </li>
| |
| - | </ul>
| |
| - |
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#">
| |
| - | Parts
| |
| - | </a>
| |
| - |
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#">
| |
| - | Safety
| |
| - | </a>
| |
| - |
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#">
| |
| - | Human Practices
| |
| - | </a>
| |
| - |
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#">
| |
| - | Attributions
| |
| - | </a>
| |
| - |
| |
| - | </li>
| |
| - | </ul>
| |
| - | </div>
| |
| - | <div id="main" role="main" class="homepage">
| |
| - |
| |
| - | <div class="row testimonials">
| |
| - | <div class="onecol first">
| |
| - | <div data-picture="data-picture" data-alt="Moon Lee signature">
| |
| - | <div data-src="https://d3awrefyh2q0ta.cloudfront.net/assets/image-moon.jpg">
| |
| - | </div>
| |
| - | <div data-src="https://d3awrefyh2q0ta.cloudfront.net/assets/retina/image-moon@2x.jpg" data-media="(min-width: 540px), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5)">
| |
| - | </div>
| |
| - | <noscript>
| |
| - | <img src="https://d3awrefyh2q0ta.cloudfront.net/assets/image-moon.jpg" alt="Moon Lee">
| |
| - | </noscript>
| |
| - | </div>
| |
| - | <p>
| |
| - | Sort has changed the way our business operates. We’re always on the same page with our collective knowledge.
| |
| - | </p>
| |
| - | <p class="credit moon">
| |
| - | Moon Lee - Owner of Codeflow
| |
| - | </p>
| |
| - | </div>
| |
| - | <div class="onecol">
| |
| - | <div data-picture="data-picture" data-alt="Tim Falzone signature">
| |
| - | <div data-src="https://d3awrefyh2q0ta.cloudfront.net/assets/image-tim.jpg">
| |
| - | </div>
| |
| - | <div data-src="https://d3awrefyh2q0ta.cloudfront.net/assets/retina/image-tim@2x.jpg" data-media="(min-width: 540px), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5)">
| |
| - | </div>
| |
| - | <noscript>
| |
| - | <img src="https://d3awrefyh2q0ta.cloudfront.net/assets/image-tim.jpg" alt="Tim Falzone">
| |
| - | </noscript>
| |
| - | </div>
| |
| - | <p>
| |
| - | I never want to go back to life before Sort. That was a life stuck in email with rendundancy everywhere. Never again.
| |
| - | </p>
| |
| - | <p class="credit tim">
| |
| - | Tim Falzone - Partner at Servo
| |
| - | </p>
| |
| - | </div>
| |
| - | <div class="onecol last">
| |
| - | <div data-picture="data-picture" data-alt="Chris Meeks signature">
| |
| - | <div data-src="https://d3awrefyh2q0ta.cloudfront.net/assets/image-chris.jpg">
| |
| - | </div>
| |
| - | <div data-src="https://d3awrefyh2q0ta.cloudfront.net/assets/retina/image-chris@2x.jpg" data-media="(min-width: 540px), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5)">
| |
| - | </div>
| |
| - | <noscript>
| |
| - | <img src="https://d3awrefyh2q0ta.cloudfront.net/assets/image-chris.jpg" alt="Chris Meeks">
| |
| - | </noscript>
| |
| - | </div>
| |
| - | <p>
| |
| - | We couldn’t put a finger on our knowledge management problem until Sort fixed it completely.
| |
| - | </p>
| |
| - | <p class="credit chris">
| |
| - | Chris Meeks - Owner of HatBox
| |
| - | </p>
| |
| - | </div>
| |
| - | </div>
| |
| | <div class="row hover-slides clearfix"> | | <div class="row hover-slides clearfix"> |
| | <div class="onecol first hover-text"> | | <div class="onecol first hover-text"> |
| | <div data-video="video1" class="slide1 current"> | | <div data-video="video1" class="slide1 current"> |
| | <h3> | | <h3> |
| - | Ask a Question | + | Project Description |
| | </h3> | | </h3> |
| - | <a href="features_question.html" class="button green more-info"> | + | |
| - | More Info
| + | |
| - | </a>
| + | |
| | <p> | | <p> |
| - | Raise questions with your team and research articles directly through Sort. | + | 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> | | </p> |
| - | </div>
| + | <a href="#" class="button green more-info"> |
| - | <div data-video="video2" class="slide2">
| + | Read More |
| - | <h3>
| + | |
| - | Evaluate
| + | |
| - | </h3>
| + | |
| - | <a href="features_evaluate.html" class="button green more-info"> | + | |
| - | More Info | + | |
| | </a> | | </a> |
| - | <p>
| |
| - | Create answers organically as your team develops a better understanding.
| |
| - | </p>
| |
| - | </div>
| |
| - | <div data-video="video3" class="slide3">
| |
| - | <h3>
| |
| - | Learn Together
| |
| - | </h3>
| |
| - | <a href="features_learn.html" class="button green more-info">
| |
| - | More Info
| |
| - | </a>
| |
| - | <p>
| |
| - | Explore the findings and use your questions as a digital knowledge base.
| |
| - | </p>
| |
| | </div> | | </div> |
| | + | |
| | </div> | | </div> |
| | <div class="twocol last"> | | <div class="twocol last"> |
| - | <div class="slides"> | + | |
| - | image slide show here | + | <div id="slideshow"> |
| | + | <div> |
| | + | <img src="http://www.advantagekarnataka.com/images/investment-sector/Inner-banners_Biotech.jpg"> |
| | + | </div> |
| | + | <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> |
| Line 309: |
Line 74: |
| | <div class="row team-form"> | | <div class="row team-form"> |
| | <div class="onecol first"> | | <div class="onecol first"> |
| - | <div data-picture="data-picture" data-alt="The Sort team">
| + | |
| - | <div data-src="https://d3awrefyh2q0ta.cloudfront.net/assets/image-team.jpg"> | + | |
| - | </div>
| + | <img src="https://fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-ash3/945977_532291323509340_604491180_n.jpg" alt="The Sort team"> |
| - | <div data-src="https://d3awrefyh2q0ta.cloudfront.net/assets/retina/image-team@2x.jpg" data-media="(min-width: 540px), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5)">
| + | |
| - | </div>
| + | |
| - | <noscript>
| + | |
| - | <img src="https://d3awrefyh2q0ta.cloudfront.net/assets/image-team.jpg" alt="The Sort team">
| + | |
| - | </noscript> | + | |
| - | </div> | + | |
| | <h3> | | <h3> |
| - | We’re Here to Help! | + | Team! |
| | </h3> | | </h3> |
| | <p> | | <p> |
| - | If you ever need a helping hand, our support team is | + | Something about the iGEM IITM Team. |
| - | <a href="http://support.teamsort.com">
| + | |
| - | a quick email away
| + | |
| - | </a>
| + | |
| - | . We also maintain a robust
| + | |
| - | <a href="http://support.teamsort.com/">
| + | |
| - | FAQ
| + | |
| - | </a>
| + | |
| - | and
| + | |
| - | <a href="http://servomakes.com/articles/">
| + | |
| - | write
| + | |
| - | </a>
| + | |
| - | about our constant improvement of Sort.
| + | |
| | </p> | | </p> |
| | </div> | | </div> |
| | <div class="onecol"> | | <div class="onecol"> |
| - | <div data-picture="data-picture" data-alt="Sort is secure from the ground up">
| + | <img src="http://upload.wikimedia.org/wikipedia/commons/2/25/Icon-round-Question_mark.jpg" alt="The Sort team"> |
| - | <div data-src="https://d3awrefyh2q0ta.cloudfront.net/assets/image-security.jpg">
| + | |
| - | </div>
| + | |
| - | <div data-src="https://d3awrefyh2q0ta.cloudfront.net/assets/retina/image-security@2x.jpg" data-media="(min-width: 540px), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5)">
| + | |
| - | </div>
| + | |
| - | <noscript>
| + | |
| - | <img src="https://d3awrefyh2q0ta.cloudfront.net/assets/image-security.jpg" alt="Sort is secure from the ground up">
| + | |
| - | </noscript>
| + | |
| - | </div>
| + | |
| | <h3> | | <h3> |
| - | Full Data Security | + | Branding?? |
| | </h3> | | </h3> |
| | <p> | | <p> |
| - | We take the safety of your data very seriously. In addition to encrypting your connection, we replicate data across multiple locations and perform regular backups. Payments are processed using the highest standard of security on a PCI compliant network. | + | |
| | </p> | | </p> |
| | </div> | | </div> |
| | <div class="onecol last form"> | | <div class="onecol last form"> |
| | <h2> | | <h2> |
| - | Waiting List | + | Updates |
| | </h2> | | </h2> |
| - | <p> | + | <marquee behavior="scroll" direction="up">Am I going up?</marquee> |
| - | There are
| + | |
| - | <span class="waitinglist_count">
| + | |
| - | 201
| + | |
| - | </span>
| + | |
| - | in the queue.
| + | |
| - | </p>
| + | |
| - | <form action="/__internal/waitinglist" method="POST" class="waitinglist">
| + | |
| - | <div class="validated_field">
| + | |
| - | <span class="field">
| + | |
| - | <input type="text" name="name" autofocus="autofocus" placeholder="Your full name">
| + | |
| - | </span>
| + | |
| - | <p class="error hide">
| + | |
| - | </p>
| + | |
| - | </div>
| + | |
| - | <div class="validated_field">
| + | |
| - | <span class="field">
| + | |
| - | <input type="text" name="company" placeholder="Company or Organization">
| + | |
| - | </span>
| + | |
| - | <p class="error hide">
| + | |
| - | </p>
| + | |
| - | </div>
| + | |
| - | <div class="validated_field">
| + | |
| - | <span class="field">
| + | |
| - | <input type="email" name="email" spellcheck="false" placeholder="Email">
| + | |
| - | </span>
| + | |
| - | <p class="error hide">
| + | |
| - | </p>
| + | |
| - | </div>
| + | |
| - | <input type="submit" value="Join the Waiting List" class="waitinglist_submit button green">
| + | |
| - | </form>
| + | |
| - | <p>
| + | |
| - | By clicking the button you agree to the
| + | |
| - | <a href="/terms.html" target="_blank">
| + | |
| - | Terms of Service
| + | |
| - | </a>
| + | |
| - | policy.
| + | |
| - | </p>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | <footer class="clearfix">
| + | |
| - | <div class="wrapper clearfix">
| + | |
| - | <nav class="nav-footer clearfix">
| + | |
| - | <li>
| + | |
| - | <a href="/features.html">
| + | |
| - | Features
| + | |
| - | </a>
| + | |
| - | </li>
| + | |
| - | <li>
| + | |
| - | <a href="http://support.teamsort.com">
| + | |
| - | Support
| + | |
| - | </a>
| + | |
| - | </li>
| + | |
| - | <li>
| + | |
| - | <a href="/about.html">
| + | |
| - | About
| + | |
| - | </a>
| + | |
| - | </li>
| + | |
| - | <li>
| + | |
| - | <a href="/plans.html">
| + | |
| - | Plans
| + | |
| - | </a>
| + | |
| - | </li>
| + | |
| - | </nav>
| + | |
| - | <div class="buttons">
| + | |
| - | <a data-toggle="modal" data-target="#waitingModal" href="#" class="button green">
| + | |
| - | Waiting List
| + | |
| - | </a>
| + | |
| - | <a data-toggle="modal" data-target="#loginModal" href="#" class="button blue">
| + | |
| - | Log In
| + | |
| - | </a>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | <div class="bottom-links clearfix">
| + | |
| - | <div class="wrapper">
| + | |
| - | <div class="copyright">
| + | |
| - | <p>
| + | |
| - | © Copyright 2013 Sort |
| + | |
| - | <a href="http://servomakes.com">
| + | |
| - | Made by Servo
| + | |
| - | </a>
| + | |
| - | </p>
| + | |
| - | <p class="links">
| + | |
| - | <a href="/terms.html" target="_blank">
| + | |
| - | Terms of Service
| + | |
| - | </a>
| + | |
| - | </p>
| + | |
| | </div> | | </div> |
| | </div> | | </div> |
| | </div> | | </div> |
| - | </footer>
| + | <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> |
| - | </body>
| + | </script> |
| - | <script src="https://d3awrefyh2q0ta.cloudfront.net/js/script.d99575c2.min.js">
| + | <script type="text/javascript"> |
| - | </script>
| + | $("#slideshow > div:gt(0)").hide(); |
| - |
| + | |
| - |
| + | setInterval(function() { |
| - | </html> | + | |
| | + | $('#slideshow > div:first') |
| | + | .fadeOut(1000) |
| | + | .next() |
| | + | .fadeIn(1000) |
| | + | .end() |
| | + | .appendTo('#slideshow'); |
| | + | } |
| | + | , 3000); |
| | + | </script> |
| | + | |
| | + | </html>{{:Team:IIT Madras/Templates/foot}} |
"
