Team:IIT Madras/new

From 2013.igem.org

(Difference between revisions)
Line 27: Line 27:
-
<style>
+
<title>iGEM IIT Madras</title>
-
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
+
<link rel="stylesheet" type="text/css" href="css/modern.css">
-
    display:none;}
+
<link rel="stylesheet" type="text/css" href="css/styles.css">
-
#top-section {
+
<link rel="shortcut icon" href="favicon.png" type="image/x-icon">
-
    border: none;
+
<link rel="icon" href="favicon.png" type="image/x-icon">
-
    height: 0px;}
+
-
#menubar{
+
-
    display: none;
+
-
}
+
-
#content {
+
-
    border: none;
+
-
    width: 100%}
+
-
#bodyContent{
+
-
    width:100%;
+
-
}
+
-
#igemlogo{
+
-
width: 70%;
+
-
}
+
-
#iitmlogo{
+
-
  width: 100%;
+
-
}
+
-
#whiting{
+
-
  color: white;
+
-
}
+
-
</style>
+
-
    <meta charset="utf-8">
+
-
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+
-
    <title>
+
-
      Indian Institute of Technology Madras
+
-
    </title>
+
-
    <meta name="description" content="">
+
-
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
-
    <link rel="stylesheet" type="text/css" href="https://d3awrefyh2q0ta.cloudfront.net/css/style.531afeef.min.css" media="screen">
+
-
    <!-- Typekit-->
+
-
    <script id="twitter-wjs" src="//platform.twitter.com/widgets.js">
+
-
    </script>
+
-
   
+
-
    <script type="text/javascript" src="//use.typekit.net/yea1ylg.js">
+
-
    </script>
+
-
    <style type="text/css">
+
-
      .tk-proxima-nova{
+
-
        font-family:"proxima-nova",sans-serif;
+
-
      }.tk-ff-market-web{
+
-
        font-family:"ff-market-web",cursive;
+
-
      }
+
-
    </style>
+
-
    <!-- <link rel="stylesheet" href="http://use.typekit.net/c/f3cd47/ff-market-web:n4,proxima-nova:i3:i4:i6:i7:n3:n4:n6:n7.Y03:J:2,Vmy:J:2,W0W:J:2,Vn2:J:2,W0Z:J:2,Vmx:J:2,W0V:J:2,W0X:J:2,W0Y:J:2/d?3bb2a6e53c9684ffdc9a9bf31a5b2a627c8329a6b973a142aa6c52018ec519509f167a99eab0bacdc45c79ef6cf2a26f2544fe95ce79f8fe7a743f49dfd3155afbf3b76058682516726d181a76135fc1b5c09a2b7335c5df6a40f4572ebe3b5a98d82e49a12c7bd001464235f30943e28e4de30a2d790cd00a5cb205ea1dc928a9c41d2982dfbbe9e22601ef56bfb7197d22beed8dd3"> -->
+
-
    <script type="text/javascript">
+
-
      try{
+
-
        Typekit.load();
+
-
      }catch(e){
+
-
      }
+
-
    </script>
+
-
    <!--[if IE]>
+
-
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
+
-
</script>
+
-
<![endif]-->
+
-
  <!--
+
-
<![endif]-->
+
-
  </head>
+
-
  <body id="sort" class="picturefill-wait picturefill-loaded" style="" data-twttr-rendered="true">
+
-
   
+
-
   
+
-
 
+
-
    <div class="container">
+
-
      <header class="row">
+
-
        <div class="onecol first">
+
-
       
+
-
          <table border="0">
+
-
            <tr>
+
-
            <td><img id="igemlogo" src="https://static.igem.org/mediawiki/2012/1/13/Igemwhite_back.png" ></td>
+
-
            <td><img id="iitmlogo" src="http://upload.wikimedia.org/wikipedia/en/thumb/6/69/IIT_Madras_Logo.svg/200px-IIT_Madras_Logo.svg.png" ></td>
+
-
            </tr>
+
-
            </table>
+
-
         
+
-
         
+
-
          <!-- <h1 id="logo">
+
-
            <a href="/" class="ir">
+
-
              Sort
+
-
            </a>
+
-
          </h1> -->
+
-
        </div>
+
-
        <div class="twocol last">
+
</head>
-
          <nav id="nav-primary">
+
 
-
            <div class="menu-button">
+
<body class="metrouicss">
-
              &nbsp;
+
<div class="page" style="margin:0 auto;display:block; width:940px;" id="page-index">
-
              <span class="touch-button">
+
    <div class="page-region">
-
                <i class="ss-rows">
+
        <div class="page-region-content">
-
                </i>
+
<div class="nav-bar" style="background-color:transparent;">
-
              </span>
+
<div class="nav-bar-inner padding20">
-
              <span class="touch-button">
+
<a href="#">
-
                <i class="ss-rows">
+
<img class="place-left" src="images/head_logo1.png" height="70/">
-
                </i>
+
</a>
-
              </span>
+
</div>
-
            </div>
+
</div>
-
            <ul class="nav-buttons">
+
<div class="nav-bar" style="background-color:transparent;">
-
              <li>
+
<div class="nav-bar-inner padding20">
-
                <!-- <a data-toggle="modal" data-target="#loginModal" class="button green">
+
<ul class="menu">
-
                  Log In
+
<li class="text-center menu-item"><a href="#"><img src="images/top_home.png" align="center"><br>HOME</a></li>
-
                </a> -->
+
<li class="text-center menu-item" data-role="dropdown">
-
                <a href="/" class="button green">
+
<a href="#"><img src="images/top_activity.png" align="center"><br>ACTIVITIES</a>
-
                  Home
+
<ul class="dropdown-menu">
-
                </a>
+
<li><a href="#">TECH-SOC</a></li>
-
              </li>
+
<li><a href="#">LIT-SOC</a></li>
-
              <!-- <li>
+
<li><a href="#">SCHROETER</a></li>
-
                <a data-toggle="modal" data-target="#waitingModal" class="button blue">
+
</ul>
-
                  Waiting List
+
</li>
-
                </a>
+
<li class="text-center menu-item"><a href="#"><img src="images/top_alumni.png" align="center"><br>ALUMNI</a></li>
-
              </li> -->
+
<li class="text-center menu-item"><a href="#"><img src="images/top_gallery.png" align="center"><br>GALLERY</a></li>
-
            </ul>
+
<li class="text-center menu-item"><a href="#"><img src="images/top_articles.png" align="center"><br>ARICLES</a></li>
-
            <ul data-breakpoint="710" class="clearfix flexnav lg-screen">
+
<li class="text-center menu-item"><a href="#"><img src="images/top_residents.png" align="center"><br>RESIDENTS</a></li>
-
              <li>
+
<li class="text-center menu-item"><a href="#"><img src="images/top_council.png" align="center"><br>COUNCIL</a></li>
-
                <a href="#">
+
<li class="text-center menu-item"><a href="#"><img src="images/top_download.png" align="center"><br>DOWNLOADS</a></li>
-
                  Team
+
<li class="text-center menu-item"><a href="#"><img src="images/top_contact.png" align="center"><br>CONTACTS</a></li>
-
                </a>
+
</ul>
-
              </li>
+
</div>
-
              <li>
+
</div><br>
-
                <a href="#">
+
<div class="grid">
-
                  Project
+
<!--<div class="row">
-
                </a>
+
<div class="span12">
-
              </li>
+
<img src="images/alak.jpg" align="center"/>
-
              <li>
+
</div>
-
                <a href="#">
+
</div>-->
-
                  Parts
+
                <div class="row">
-
                </a>
+
                    <div class="span6">
-
              </li>
+
<div class="span6 padding30 transparent">
-
              <li>
+
<!--<img src="images/alak.jpg" align="center" width=400/>-->
-
                <a href="#">
+
<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>
-
                  Modeling
+
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>
-
                </a>
+
</div>
-
              </li>
+
                    </div>
-
              <li>
+
                    <div class="span3">
-
                <a href="#">
+
-
                  Notebook
+
<div class="row">
-
                </a>
+
<div class="span3 transparent">
-
              </li>
+
<br><img src="images/IP.png" width="100" align="center">
-
              <li>
+
<div style="height: 50px;" class="span3 carousel" data-param-arrows="off" data-role="carousel">
-
                <a href="#">
+
<div class="slides">
-
                  Safety
+
<div class="slide text" id="slide1" style="left: -220px;">
-
                </a>
+
<p class="padding10" style="color:#fff">Footer match against GANGA<br>-Football Captain</p>
-
              </li>
+
</div>
-
              <li>
+
<div class="slide text" id="slide2" style="display: block; left: -220px;">
-
                <a href="#">
+
<p class="padding10" style="color:#fff">Cricket match against SARAS<br>-Cricket Captain</p>
-
                  Attributions
+
</div>
-
                </a>
+
<div class="slide text" id="slide2" style="display: block; left: 0px;">
-
              </li>
+
<p class="padding10" style="color:#fff">Alak maintains lead in Tech-Soc<br>-Tech Sec</p>
-
            </ul>
+
</div>
-
          </nav>
+
</div>
-
        </div>
+
-
      </header>
+
<span class="control left" style="display: none;">‹</span>
-
      <div id="main" role="main" class="homepage">
+
<span class="control right" style="display: none;">›</span>
-
        <div class="row photo-row">
+
-
          <div class="intro-section threecol no-margin">
+
<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 class="callout">
+
</div>
-
              <h2 id="whiting">
+
</div>
-
                Topic here
+
<div class="row">
-
              </h2>
+
<div class="span6"><br></div>
-
              <p>
+
</div>
-
                Sly description
+
<div class="row">
-
              </p>
+
<a href="#" class="span3 blue-color text-center">
-
              <a data-toggle="modal" data-target="#waitingModal" href="#" class="button white">
+
<img src="images/side_hall of fame.png">
-
                More info
+
<div class="special-text">HALL OF FAME</div>
-
              </a>
+
</a>
-
              <p class="free-trial">
+
</div>
-
                <!-- <span>
+
<div class="row">
-
                  ★
+
<div class="span6"><br></div>
-
                </span> -->
+
</div>
-
                a few more info
+
<div class="row">
-
              </p>
+
<a href="#" class="span3 pink-color text-center">
-
            </div>
+
<img src="images/side_activity.png">
-
            <div data-picture="data-picture" data-alt="A group of people working in a room" class="home-photo">
+
<div class="special-text">ACTIVITIES</div>
-
              <div data-src="https://d3awrefyh2q0ta.cloudfront.net/assets/image-home-intro.jpg">
+
</a>
-
              </div>
+
</div>
-
              <div data-src="https://d3awrefyh2q0ta.cloudfront.net/assets/retina/image-home-intro@2x.jpg" data-media="(min-width: 540px), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5)">
+
<div class="row">
-
              </div>
+
<div class="span6"><br></div>
-
              <!-- Fallback content for non-JS browsers. Same img src as the initial, unqualified source element. -->
+
</div>
-
             
+
<div class="row">
-
              <img alt="A group of people working in a room" class="picturefill" src="https://d3awrefyh2q0ta.cloudfront.net/assets/retina/image-home-intro@2x.jpg">
+
<a href="#" class="span3 blue-color text-center">
-
            </div>
+
<img src="images/side_gallery.png">
-
          </div>
+
<div class="special-text">GALLERY</div>
-
        </div>
+
</a>
-
        <div class="row testimonials">
+
</div>
-
          <div class="onecol first">
+
</div>
-
            <div data-picture="data-picture" data-alt="Moon Lee signature">
+
                    <div class="span3">
-
              <div data-src="https://d3awrefyh2q0ta.cloudfront.net/assets/image-moon.jpg">
+
<div class="row">
-
              </div>
+
<div class="span3">
-
              <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 style="height: 220px;" class="span3 carousel" data-param-markers="off" data-role="carousel">
-
              </div>
+
<div class="slides">
-
              <noscript>
+
<div class="slide image" id="slide1" style="left: -220px;">
-
                &lt;img src="https://d3awrefyh2q0ta.cloudfront.net/assets/image-moon.jpg" alt="Moon Lee"&gt;
+
<img src="images/pic1.jpg">
-
              </noscript>
+
</div>
-
              <img alt="Moon Lee signature" class="picturefill" src="https://d3awrefyh2q0ta.cloudfront.net/assets/retina/image-moon@2x.jpg">
+
<div class="slide image" id="slide1" style="display: block; left: -220px;">
-
            </div>
+
<img src="images/pic2.jpg">
-
            <p>
+
</div>
-
              Sort has changed the way our business operates. We’re always on the same page with our collective knowledge.
+
<div class="slide image" id="slide1" style="display: block; left: 0px;">
-
            </p>
+
<img src="images/pic3.jpg">
-
            <p class="credit moon">
+
</div>
-
              Moon Lee - Owner of Codeflow
+
<div class="slide image" id="slide1" style="display: block; left: -220px;">
-
            </p>
+
<img src="images/pic4.jpg">
-
          </div>
+
</div>
-
          <div class="onecol">
+
<div class="slide image" id="slide1" style="display: block; left: -220px;">
-
            <div data-picture="data-picture" data-alt="Tim Falzone signature">
+
<img src="images/pic5.jpg">
-
              <div data-src="https://d3awrefyh2q0ta.cloudfront.net/assets/image-tim.jpg">
+
</div>
-
              </div>
+
<div class="slide image" id="slide1" style="display: block; left: -220px;">
-
              <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)">
+
<img src="images/pic6.jpg">
-
              </div>
+
</div>
-
             
+
</div>
-
              <img alt="Tim Falzone signature" class="picturefill" src="https://d3awrefyh2q0ta.cloudfront.net/assets/retina/image-tim@2x.jpg">
+
-
            </div>
+
<span class="control left">‹</span>
-
            <p>
+
<span class="control right">›</span>
-
              I never want to go back to life before Sort. That was a life stuck in email with rendundancy everywhere. Never again.
+
-
            </p>
+
</div>
-
            <p class="credit tim">
+
</div>
-
              Tim Falzone - Partner at Servo
+
</div>
-
            </p>
+
<div class="row">
-
          </div>
+
<div class="span3 transparent">
-
          <div class="onecol last">
+
<img src="images/upcomming.png">
-
            <div data-picture="data-picture" data-alt="Chris Meeks signature">
+
<div style="height: 50px;" class="span3 carousel" data-param-arrows="off" data-role="carousel">
-
              <div data-src="https://d3awrefyh2q0ta.cloudfront.net/assets/image-chris.jpg">
+
<div class="slides">
-
              </div>
+
<div class="slide text" id="slide1" style="left: 0px;">
-
              <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)">
+
<p class="padding10" style="color:#fff">ICE-Cream Nite<br>-Mess Sec</p>
-
              </div>
+
</div>
-
              <noscript>
+
<div class="slide text" id="slide2" style="display: block; left: -220px;">
-
                &lt;img src="https://d3awrefyh2q0ta.cloudfront.net/assets/image-chris.jpg" alt="Chris Meeks"&gt;
+
<p class="padding10" style="color:#fff">ICE-Cream Nite 2<br>-Mess Sec</p>
-
              </noscript>
+
</div>
-
              <img alt="Chris Meeks signature" class="picturefill" src="https://d3awrefyh2q0ta.cloudfront.net/assets/retina/image-chris@2x.jpg">
+
<div class="slide text" id="slide2" style="display: block; left: -220px;">
-
            </div>
+
<p class="padding10" style="color:#fff">ICE-Cream Nite 3<br>-Mess Sec</p>
-
            <p>
+
</div>
-
              We couldn’t put a finger on our knowledge management problem until Sort fixed it completely.
+
<div class="slide text" id="slide2" style="display: block; left: -220px;">
-
            </p>
+
<p class="padding10" style="color:#fff">ICE-Cream Nite 4<br>-Mess Sec</p>
-
            <p class="credit chris">
+
</div>
-
              Chris Meeks - Owner of HatBox
+
</div>
-
            </p>
+
-
          </div>
+
<span class="control left" style="display: none;">‹</span>
-
        </div>
+
<span class="control right" style="display: none;">›</span>
-
        <div class="row hover-slides clearfix">
+
-
          <div class="onecol first hover-text">
+
<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 data-video="video1" class="slide1 current">
+
</div>
-
              <h3>
+
</div>
-
                Ask a Question
+
<div class="row">
-
              </h3>
+
<div class="span6"><br></div>
-
              <a href="features_question.html" class="button green more-info">
+
</div>
-
                More Info
+
<div class="row">
-
              </a>
+
<a href="#" class="span3 blue-color text-center">
-
              <p>
+
<img src="images/side_alumni.png">
-
                Raise questions with your team and research articles directly through Sort.
+
<div class="special-text">ALUMNI</div>
-
              </p>
+
</a>
-
            </div>
+
</div>
-
            <div data-video="video2" class="slide2">
+
<div class="row">
-
              <h3>
+
<div class="span6"><br></div>
-
                Evaluate
+
</div>
-
              </h3>
+
<div class="row">
-
              <a href="features_evaluate.html" class="button green more-info">
+
<a href="#" class="span3 pink-color text-center">
-
                More Info
+
<img src="images/side_forum.png">
-
              </a>
+
<div class="special-text">FORUM</div>
-
              <p>
+
</a>
-
                Create answers organically as your team develops a better understanding.
+
</div>
-
              </p>
+
-
            </div>
+
                    </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 class="twocol last">
+
-
            <div class="slides">
+
-
              <div data-picture="data-picture" data-alt="" class="slide1">
+
-
                <video id="video1" autobuffer="autobuffer">
+
-
                  <source src="https://d3awrefyh2q0ta.cloudfront.net/assets/videos/ask-a-question_adjusted.mp4" type="video/mp4; codecs=&quot;avc1.42E01E, mp4a.40.2&quot;">
+
-
                  <source src="https://d3awrefyh2q0ta.cloudfront.net/assets/videos/ask-a-question_adjusted.webm" type="video/webm; codecs=&quot;vp8, vorbis&quot;">
+
-
                  <source src="https://d3awrefyh2q0ta.cloudfront.net/assets/videos/ask-a-question_adjusted.ogv" type="video/ogg">
+
-
                </video>
+
-
              </div>
+
-
              <div data-picture="data-picture" data-alt="" class="slide2">
+
-
                <video id="video2" autobuffer="autobuffer">
+
-
                  <source src="https://d3awrefyh2q0ta.cloudfront.net/assets/videos/evaluate-with-focus_adjusted.mp4" type="video/mp4; codecs=&quot;avc1.42E01E, mp4a.40.2&quot;">
+
-
                  <source src="https://d3awrefyh2q0ta.cloudfront.net/assets/videos/evaluate-with-focus_adjusted.webm" type="video/webm; codecs=&quot;vp8, vorbis&quot;">
+
-
                  <source src="https://d3awrefyh2q0ta.cloudfront.net/assets/videos/evaluate-with-focus_adjusted.ogv" type="video/ogg">
+
-
                </video>
+
-
              </div>
+
-
              <div data-picture="data-picture" data-alt="" class="slide3">
+
-
                <video id="video3" autobuffer="autobuffer">
+
-
                  <source src="https://d3awrefyh2q0ta.cloudfront.net/assets/videos/learn-together_adjusted.mp4" type="video/mp4; codecs=&quot;avc1.42E01E, mp4a.40.2&quot;">
+
-
                  <source src="https://d3awrefyh2q0ta.cloudfront.net/assets/videos/learn-together_adjusted.webm" type="video/webm; codecs=&quot;vp8, vorbis&quot;">
+
-
                  <source src="https://d3awrefyh2q0ta.cloudfront.net/assets/videos/learn-together_adjusted.ogv" type="video/ogg">
+
-
                </video>
+
-
              </div>
+
-
            </div>
+
-
            <div class="macbookpro">
+
-
              <div data-picture="data-picture" data-alt="MacBook Pro">
+
-
                <div data-src="https://d3awrefyh2q0ta.cloudfront.net/assets/image-macbook-pro.png">
+
                 </div>
                 </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>
 
-
                  &lt;img src="https://d3awrefyh2q0ta.cloudfront.net/assets/image-macbook-pro.png" alt="MacBook Pro"&gt;
 
-
                </noscript>
 
-
                <img alt="MacBook Pro" class="picturefill" src="https://d3awrefyh2q0ta.cloudfront.net/assets/retina/image-macbook-pro@2x.png">
 
-
              </div>
 
             </div>
             </div>
-
          </div>
+
</div>
-
        </div>
+
</div>
-
        <div class="row team-form">
+
</div>
-
          <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">
+
<script src="jquery.js" type="text/javascript"></script>
-
              </div>
+
<script type="text/javascript" src="scripts.js"></script>
-
              <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)">
+
<script type="text/javascript" src="javascript/carousel.js"></script>
-
              </div>
+
<script type="text/javascript" src="javascript/dropdown.js"></script>
-
              <noscript>
+
-
                &lt;img src="https://d3awrefyh2q0ta.cloudfront.net/assets/image-team.jpg" alt="The Sort team"&gt;
+
-
              </noscript>
+
-
              <img alt="The Sort team" class="picturefill" src="https://d3awrefyh2q0ta.cloudfront.net/assets/retina/image-team@2x.jpg">
+
-
            </div>
+
-
            <h3>
+
-
              We’re Here to Help!
+
-
            </h3>
+
-
            <p>
+
-
              If you ever need a helping hand, our support team is&nbsp;
+
-
              <a href="http://support.teamsort.com">
+
-
                a quick email away
+
-
              </a>
+
-
              . We also maintain a robust&nbsp;
+
-
              <a href="http://support.teamsort.com/">
+
-
                FAQ
+
-
              </a>
+
-
              &nbsp;and&nbsp;
+
-
              <a href="http://servomakes.com/articles/">
+
-
                write
+
-
              </a>
+
-
              &nbsp;about our constant improvement of Sort.
+
-
            </p>
+
-
          </div>
+
-
          <div class="onecol">
+
-
            <div data-picture="data-picture" data-alt="Sort is secure from the ground up">
+
-
              <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>
+
-
                &lt;img src="https://d3awrefyh2q0ta.cloudfront.net/assets/image-security.jpg" alt="Sort is secure from the ground up"&gt;
+
-
              </noscript>
+
-
              <img alt="Sort is secure from the ground up" class="picturefill" src="https://d3awrefyh2q0ta.cloudfront.net/assets/retina/image-security@2x.jpg">
+
-
            </div>
+
-
            <h3>
+
-
              Full Data Security
+
-
            </h3>
+
-
            <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>
+
-
          </div>
+
-
          <div class="onecol last form">
+
-
            <h2>
+
-
              Waiting List
+
-
            </h2>
+
-
            <p>
+
-
              There are&nbsp;
+
-
              <span class="waitinglist_count">
+
-
                398
+
-
              </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" class="placeholder">
+
-
                </span>
+
-
                <p class="error hide">
+
-
                </p>
+
-
              </div>
+
-
              <div class="validated_field">
+
-
                <span class="field">
+
-
                  <input type="text" name="company" placeholder="Company or Organization" class="placeholder">
+
-
                </span>
+
-
                <p class="error hide">
+
-
                </p>
+
-
              </div>
+
-
              <div class="validated_field">
+
-
                <span class="field">
+
-
                  <input type="email" name="email" spellcheck="false" placeholder="Email" class="placeholder">
+
-
                </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 BetaTurtle |
+
-
              <a href="http://servomakes.com">
+
-
                Made by Neo
+
-
              </a>
+
-
            </p>
+
-
            <p class="links">
+
-
              <a href="/terms.html" target="_blank">
+
-
                Terms of Service
+
-
              </a>
+
-
            </p>
+
-
          </div>
+
-
        </div>
+
-
      </div>
+
-
    </footer>
+
-
    <script src="https://d3awrefyh2q0ta.cloudfront.net/js/script.d99575c2.min.js">
+
-
    </script>
+
-
    <script>
+
-
      // $(document).ready(function() {
+
-
      //  $(".flexnav").flexNav();
+
-
      // });
+
-
    </script>
+
-
   
+
-
    <script>
+
-
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+
-
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+
-
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+
-
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
-
  ga('create', 'UA-43576754-1', 'igem.org');
 
-
  ga('send', 'pageview');
 
-
</script>
+
</body></html>
-
  </body>
+
-
</html>
+

Revision as of 15:46, 5 September 2013

iGEM IIT Madras



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

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


Footer match against GANGA
-Football Captain

Cricket match against SARAS
-Cricket Captain

Alak maintains lead in Tech-Soc
-Tech Sec


HALL OF FAME

ACTIVITIES

GALLERY
‹ ›

ICE-Cream Nite
-Mess Sec

ICE-Cream Nite 2
-Mess Sec

ICE-Cream Nite 3
-Mess Sec

ICE-Cream Nite 4
-Mess Sec


ALUMNI

FORUM

Retrieved from "http://2013.igem.org/Team:IIT_Madras/new"