|
|
| (9 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | <html lang="en" class="no-js">
| + | {{:Team:IIT Madras/Templates/head}}<html> |
| - | <head>
| + | |
| - | <meta charset="utf-8">
| + | |
| - | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
| + | |
| - | <title>
| + | |
| - | Social Knowledge Management | Sort
| + | |
| - | </title>
| + | |
| - | <meta name="description" content="">
| + | |
| - | <meta name="viewport" content="width=device-width, initial-scale=1.0">
| + | |
| - | <link rel="apple-touch-icon" href="/apple-touch-icon-precomposed.png">
| + | |
| - | <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72-precomposed.png">
| + | |
| - | <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114-precomposed.png">
| + | |
| - | <link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144-precomposed.png">
| + | |
| - | <link rel="shortcut icon" href="/favicon.ico">
| + | |
| - | <link rel="stylesheet" type="text/css" href="https://d3awrefyh2q0ta.cloudfront.net/css/style.531afeef.min.css" media="screen">
| + | |
| - | <!-- Typekit-->
| + | |
| - | <script type="text/javascript" src="//use.typekit.net/yea1ylg.js">
| + | |
| - | </script>
| + | |
| - | <script type="text/javascript">
| + | |
| - | try{
| + | |
| - | Typekit.load();
| + | |
| - | }catch(e){
| + | |
| - | }
| + | |
| - | </script>
| + | |
| - | <style type="text/css">
| + | |
| | | | |
| - | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
| + | <style type="text/css"> |
| - | display:none;}
| + | #slideshow { |
| - | #top-section {
| + | |
| - | border: none;
| + | position: relative; |
| - | height: 0px;}
| + | |
| - | #menubar{
| + | width: 670px; |
| - | display: none;
| + | |
| - | }
| + | height: 300px; |
| - | #content {
| + | |
| - | background: none;
| + | z-index: 10; |
| - | border: none;
| + | padding: 10px; |
| - | width: 100%}
| + | |
| - | #bodyContent{
| + | box-shadow: 0 0 20px rgba(0,0,0,0.4); |
| - | | + | |
| - | width:100%;
| + | } |
| - | } | + | |
| - | | + | #slideshow > div { |
| - | | + | |
| - | | + | position: absolute; |
| - | </style>
| + | |
| - | </head>
| + | top: 10px; |
| - | <body id="sort" class="picturefill-wait">
| + | |
| - |
| + | overflow: hidden; |
| - | <div class="container">
| + | left: 10px; |
| - | <header class="row">
| + | |
| - | <div class="onecol first">
| + | z-index: 9; |
| - | <h1 id="logo">
| + | right: 10px; |
| - | <a href="/" class="ir">
| + | |
| - | Sort | + | bottom: 10px; |
| - | </a>
| + | |
| - | </h1>
| + | } |
| - | </div>
| + | </style> |
| - | <div class="twocol last">
| + | |
| - | <nav id="nav-primary">
| + | |
| - | <div class="menu-button">
| + | |
| - |
| + | |
| - | </div>
| + | |
| - | <ul class="nav-buttons">
| + | |
| - | <li>
| + | |
| - | <a data-toggle="modal" data-target="#loginModal" class="button green"> | + | |
| - | Home
| + | |
| - | </a> | + | |
| - | </li>
| + | |
| - | </ul>
| + | |
| - | <ul data-breakpoint="710" class="clearfix flexnav">
| + | |
| - | <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> | + | |
| - | </ul> | + | |
| - | </nav>
| + | |
| - | </div>
| + | |
| - | </header>
| + | |
| | <div id="main" role="main" class="homepage"> | | <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"> | + | |
| - | <div data-picture="data-picture" data-alt="" class="slide1"> | + | <div id="slideshow"> |
| - | <video id="video1" autobuffer="autobuffer"> | + | <div> |
| - | <source src="https://d3awrefyh2q0ta.cloudfront.net/assets/videos/ask-a-question_adjusted.mp4" type="video/mp4; codecs="avc1.42E01E, mp4a.40.2"">
| + | <img src="http://www.advantagekarnataka.com/images/investment-sector/Inner-banners_Biotech.jpg"> |
| - | <source src="https://d3awrefyh2q0ta.cloudfront.net/assets/videos/ask-a-question_adjusted.webm" type="video/webm; codecs="vp8, vorbis"">
| + | |
| - | <source src="https://d3awrefyh2q0ta.cloudfront.net/assets/videos/ask-a-question_adjusted.ogv" type="video/ogg">
| + | |
| - | </video>
| + | |
| | </div> | | </div> |
| - | <div data-picture="data-picture" data-alt="" class="slide2"> | + | <div> |
| - | <video id="video2" autobuffer="autobuffer"> | + | <img src="http://www.gvpedia.com/uploads/images/hyderabad_biotech.jpg"> |
| - | <source src="https://d3awrefyh2q0ta.cloudfront.net/assets/videos/evaluate-with-focus_adjusted.mp4" type="video/mp4; codecs="avc1.42E01E, mp4a.40.2"">
| + | |
| - | <source src="https://d3awrefyh2q0ta.cloudfront.net/assets/videos/evaluate-with-focus_adjusted.webm" type="video/webm; codecs="vp8, vorbis"">
| + | |
| - | <source src="https://d3awrefyh2q0ta.cloudfront.net/assets/videos/evaluate-with-focus_adjusted.ogv" type="video/ogg">
| + | |
| - | </video>
| + | |
| | </div> | | </div> |
| - | <div data-picture="data-picture" data-alt="" class="slide3"> | + | <div> |
| - | <video id="video3" autobuffer="autobuffer"> | + | <img src="http://www.business-standard.com/newsimgfiles/image/biotechnology.jpg"> |
| - | <source src="https://d3awrefyh2q0ta.cloudfront.net/assets/videos/learn-together_adjusted.mp4" type="video/mp4; codecs="avc1.42E01E, mp4a.40.2"">
| + | |
| - | <source src="https://d3awrefyh2q0ta.cloudfront.net/assets/videos/learn-together_adjusted.webm" type="video/webm; codecs="vp8, vorbis"">
| + | |
| - | <source src="https://d3awrefyh2q0ta.cloudfront.net/assets/videos/learn-together_adjusted.ogv" type="video/ogg">
| + | |
| - | </video>
| + | |
| | </div> | | </div> |
| - | </div>
| + | <div> |
| - | <div class="macbookpro">
| + | <img src="http://ipsnews-net.wpengine.netdna-cdn.com/Library/2013/05/biotech640-629x419.jpg"> |
| - | <div data-picture="data-picture" data-alt="MacBook Pro"> | + | |
| - | <div data-src="https://d3awrefyh2q0ta.cloudfront.net/assets/image-macbook-pro.png"> | + | |
| - | </div>
| + | |
| - | <div data-src="https://d3awrefyh2q0ta.cloudfront.net/assets/retina/image-macbook-pro@2x.png" 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-macbook-pro.png" alt="MacBook Pro">
| + | |
| - | </noscript>
| + | |
| | </div> | | </div> |
| | </div> | | </div> |
| | + | |
| | + | |
| | </div> | | </div> |
| | </div> | | </div> |
| | <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> |
| | </div> | | </div> |
| - | </div>
| + | <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> |
| - | <footer class="clearfix">
| + | </script> |
| - | <div class="wrapper clearfix"> | + | <script type="text/javascript"> |
| - | <nav class="nav-footer clearfix">
| + | $("#slideshow > div:gt(0)").hide(); |
| - | <li>
| + | |
| - | <a href="/features.html">
| + | setInterval(function() { |
| - | Features
| + | |
| - | </a>
| + | $('#slideshow > div:first') |
| - | </li>
| + | .fadeOut(1000) |
| - | <li>
| + | .next() |
| - | <a href="http://support.teamsort.com">
| + | .fadeIn(1000) |
| - | Support
| + | .end() |
| - | </a>
| + | .appendTo('#slideshow'); |
| - | </li>
| + | } |
| - | <li>
| + | , 3000); |
| - | <a href="/about.html">
| + | </script> |
| - | About
| + | |
| - | </a> | + | </html>{{:Team:IIT Madras/Templates/foot}} |
| - | </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>
| + | |
| - | </footer>
| + | |
| - | </body>
| + | |
| - | <script src="https://d3awrefyh2q0ta.cloudfront.net/js/script.d99575c2.min.js">
| + | |
| - | </script>
| + | |
| - |
| + | |
| - |
| + | |
| - | </html>
| + | |
"
