"
Team:IIT Madras/new
From 2013.igem.org
(Difference between revisions)
JunaidBabu (Talk | contribs) |
JunaidBabu (Talk | contribs) |
||
| Line 1: | Line 1: | ||
<html lang="en" class="no-js"> | <html lang="en" class="no-js"> | ||
<head> | <head> | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
<link rel="stylesheet" type="text/css" href="https://d3awrefyh2q0ta.cloudfront.net/css/style.531afeef.min.css" media="screen"> | <link rel="stylesheet" type="text/css" href="https://d3awrefyh2q0ta.cloudfront.net/css/style.531afeef.min.css" media="screen"> | ||
| - | <!-- | + | |
| - | < | + | |
| - | + | <!-- 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"> | <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> | </style> | ||
</head> | </head> | ||
| Line 51: | Line 134: | ||
<header class="row"> | <header class="row"> | ||
<div class="onecol first"> | <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> | </h1> | ||
</div> | </div> | ||
| - | <div class=" | + | |
| - | < | + | |
| - | < | + | </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> | <li> | ||
| - | <a | + | <a href="#" > |
| - | + | Notebook | |
</a> | </a> | ||
</li> | </li> | ||
| - | |||
| - | |||
<li> | <li> | ||
| - | <a href=" | + | <a href="#"> |
| - | + | Modeling | |
</a> | </a> | ||
</li> | </li> | ||
<li> | <li> | ||
| - | <a href=" | + | <a href="#"> |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
About | About | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
</a> | </a> | ||
</li> | </li> | ||
</ul> | </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 id="main" role="main" class="homepage"> | ||
| Line 187: | Line 302: | ||
<div class="twocol last"> | <div class="twocol last"> | ||
<div class="slides"> | <div class="slides"> | ||
| - | + | image slide show here | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
</div> | </div> | ||
| + | |||
</div> | </div> | ||
</div> | </div> | ||
Revision as of 18:30, 5 September 2013
Indian Institute of Technology Madras
Sort has changed the way our business operates. We’re always on the same page with our collective knowledge.
Moon Lee - Owner of Codeflow
I never want to go back to life before Sort. That was a life stuck in email with rendundancy everywhere. Never again.
Tim Falzone - Partner at Servo
We couldn’t put a finger on our knowledge management problem until Sort fixed it completely.
Chris Meeks - Owner of HatBox
We’re Here to Help!
If you ever need a helping hand, our support team is a quick email away . We also maintain a robust FAQ and write about our constant improvement of Sort.
Full Data Security
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.
Waiting List
There are 201 in the queue.
By clicking the button you agree to the Terms of Service policy.
