Team:IIT Madras/new

From 2013.igem.org

(Difference between revisions)
(Replaced content with "{{:Team:IIT Madras/Templates/head}} {{:Team:IIT Madras/Templates/foot}}")
Line 1: Line 1:
-
<html lang="en" class="no-js">
+
{{:Team:IIT Madras/Templates/head}}
-
  <head>
+
 
-
    <link rel="stylesheet" type="text/css" href="https://d3awrefyh2q0ta.cloudfront.net/css/style.531afeef.min.css" media="screen">
+
{{:Team:IIT Madras/Templates/foot}}
-
   
+
-
   
+
-
    <!-- For Overriding Defualt Wiki banners and links-->
+
-
    <style type="text/css">
+
-
     
+
-
      #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
+
-
        display:none;
+
-
      }
+
-
      #top-section {
+
-
        border: none;
+
-
        height: 0px;
+
-
      }
+
-
      #menubar{
+
-
        display: none;
+
-
      }
+
-
      #content {
+
-
        background: none;
+
-
        border: none;
+
-
        width: 100%}
+
-
      #bodyContent{
+
-
       
+
-
        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 */
+
-
        z-index: 100;
+
-
        position: relative;
+
-
        padding-right: 0;
+
-
        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: 165px;
+
-
        /* 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 hover-slides clearfix">
+
-
          <div class="onecol first hover-text">
+
-
            <div data-video="video1" class="slide1 current">
+
-
              <h3>
+
-
                Project Description
+
-
              </h3>
+
-
             
+
-
              <p>
+
-
                descrition of the project here...
+
-
              </p>
+
-
              <a href="#" class="button green more-info">
+
-
                Read More
+
-
              </a>
+
-
            </div>
+
-
           
+
-
          </div>
+
-
          <div class="twocol last">
+
-
            <div class="slides">
+
-
              image slide show here
+
-
            </div>
+
-
           
+
-
          </div>
+
-
        </div>
+
-
        <div class="row team-form">
+
-
          <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>
+
-
              <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>
+
-
              Team!
+
-
            </h3>
+
-
            <p>
+
-
              Something about the iGEM IITM Team.
+
-
            </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>
+
-
            <h3>
+
-
              Branding??
+
-
            </h3>
+
-
            <p>
+
-
             
+
-
            </p>
+
-
          </div>
+
-
          <div class="onecol last form">
+
-
            <h2>
+
-
              Updates
+
-
            </h2>
+
-
            <p>
+
-
              Updates will be autoscrolled here...
+
-
            </p>
+
-
          </div>
+
-
        </div>
+
-
      </div>
+
-
    </div>
+
-
    <footer class="clearfix">
+
-
      <div class="wrapper clearfix">
+
-
        <nav class="nav-footer clearfix">
+
-
          <li>
+
-
            <a href="#">
+
-
              Features
+
-
            </a>
+
-
          </li>
+
-
          <li>
+
-
            <a href="#">
+
-
              Support
+
-
            </a>
+
-
          </li>
+
-
          <li>
+
-
            <a href="#">
+
-
              About
+
-
            </a>
+
-
          </li>
+
-
          <li>
+
-
            <a href="#">
+
-
              Plans
+
-
            </a>
+
-
          </li>
+
-
        </nav>
+
-
        <div class="buttons">
+
-
         
+
-
          <a href="#" class="button blue">
+
-
            Up to Top
+
-
          </a>
+
-
        </div>
+
-
      </div>
+
-
      <div class="bottom-links clearfix">
+
-
        <div class="wrapper">
+
-
          <div class="copyright">
+
-
            <p>
+
-
              &copy; | Copyright 2013 BetaTurtle |
+
-
              <a href="#">
+
-
                Made by Neo
+
-
              </a>
+
-
            </p>
+
-
            <p class="links">
+
-
              <a href="#" 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>
+

Revision as of 18:53, 5 September 2013

Indian Institute of Technology Madras

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