(Prototype team page) |
|||
(59 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
+ | <title>ICT-Mumbai 2017</title> | ||
+ | <meta charset="UTF-8"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> | ||
+ | <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato"> | ||
+ | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | ||
+ | <style> | ||
− | + | #sideMenu | |
+ | {display:none; /*Disable the display of the annoying side main menu*/} | ||
+ | #top_title | ||
+ | {display:none; /* Disable the annoying title*/} | ||
+ | #content | ||
+ | {padding:0px; width:100%; margin-left:0%; margin-right:0%;background-color: rgba(255,255,255);} | ||
− | |||
− | |||
− | + | body,h1,h2,h3,h4,h5,h6 {font-weight: 'bold'; font-family: 'Lato', sans-serif;} | |
+ | body, html { | ||
+ | height: 100%; | ||
+ | color: rgba(255,255,255); | ||
+ | background-color: white; | ||
+ | |||
+ | } | ||
+ | |||
+ | div.gallery { | ||
+ | margin: 5px; | ||
+ | border: 1px solid #ccc; | ||
+ | float: left; | ||
+ | width: 600px; | ||
+ | } | ||
+ | |||
+ | div.gallery:hover { | ||
+ | border: 1px solid #777; | ||
+ | } | ||
+ | |||
+ | div.gallery img { | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | div.desc { | ||
+ | padding: 15px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | /* Create a Parallax Effect */ | ||
+ | .bgimg-1, .bgimg-2, .bgimg-3 { | ||
+ | background-attachment: fixed; | ||
+ | background-position: center; | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: cover; | ||
+ | } | ||
+ | |||
+ | /* First image (Logo. Full height) */ | ||
+ | .bgimg-1 { | ||
+ | background-image: url("https://static.igem.org/mediawiki/2017/1/16/ICT-Mumbai_safety_bgimage.png"); | ||
+ | min-height: 700px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .w3-wide {letter-spacing: 10px;} | ||
+ | .w3-hover-opacity {cursor: pointer;} | ||
+ | |||
+ | /* Turn off parallax scrolling for tablets and phones */ | ||
+ | @media only screen and (max-device-width: 1024px) { | ||
+ | .bgimg-1, .bgimg-2, .bgimg-3 { | ||
+ | background-attachment: scroll; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
+ | </body> | ||
+ | |||
+ | <!-- Navbar (sit on top) --> | ||
+ | <div class="w3-bar" id="myNavbar"> | ||
+ | <a class="w3-bar-item w3-button w3-hover-black w3-hide-medium w3-hide-large w3-right" href="javascript:void(0);" onclick="toggleFunction()" title="Toggle Navigation Menu"> | ||
+ | <i class="fa fa-bars"></i> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2017.igem.org/Team:ICT-Mumbai" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-home" aria-hidden="true"></i> | ||
+ | Home</a> | ||
+ | |||
+ | <div class="w3-dropdown-hover"> | ||
+ | <button class="w3-button" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-flask" aria-hidden="true"></i> | ||
+ | Project</button></a> | ||
+ | <div class="w3-dropdown-content w3-bar-block w3-animate-opacity"> | ||
+ | <a href="https://2017.igem.org/Team:ICT-Mumbai/Background" class="w3-bar-item w3-button">Background</a> | ||
+ | <a href="https://2017.igem.org/Team:ICT-Mumbai/Description" class="w3-bar-item w3-button">Description</a> | ||
+ | <a href="https://2017.igem.org/Team:ICT-Mumbai/Design" class="w3-bar-item w3-button">Design</a> | ||
+ | |||
+ | <a href="https://2017.igem.org/Team:ICT-Mumbai/Notebook"class="w3-bar-item w3-button">Notebook</a> | ||
+ | <a href="https://2017.igem.org/Team:ICT-Mumbai/Protocols"class="w3-bar-item w3-button">Protocols</a> | ||
+ | <a href="https://2017.igem.org/Team:ICT-Mumbai/InterLab"class="w3-bar-item w3-button">InterLab</a> | ||
+ | <a href="https://2017.igem.org/Team:ICT-Mumbai/Results"class="w3-bar-item w3-button">Results</a> | ||
+ | </div> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | < | + | <div class="w3-dropdown-hover"> |
− | < | + | <button class="w3-button" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-users" aria-hidden="true"></i>Team</button></a> |
− | < | + | <div class="w3-dropdown-content w3-bar-block w3-animate-opacity"> |
− | < | + | <a href="https://2017.igem.org/Team:ICT-Mumbai/Team"class="w3-bar-item w3-button">Team</a> |
− | < | + | <a href="https://2017.igem.org/Team:ICT-Mumbai/Collaborations" class="w3-bar-item w3-button">Collaborations</a> |
− | </ | + | </div> |
+ | </div> | ||
+ | |||
+ | <div class="w3-dropdown-hover"> | ||
+ | <a href="https://2017.igem.org/Team:ICT-Mumbai/Parts" button class="w3-button" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-cogs" aria-hidden="true"></i> Part</a> | ||
</div> | </div> | ||
− | < | + | <a href="https://2017.igem.org/Team:ICT-Mumbai/Safety" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-flag" aria-hidden="true"></i> |
− | < | + | Safety</a> |
− | < | + | <a href="https://2017.igem.org/Team:ICT-Mumbai/HP/Gold_Integrated" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-handshake-o" aria-hidden="true"></i> |
+ | Human Practices</a> | ||
+ | |||
+ | |||
+ | |||
+ | <a href="https://2017.igem.org/Team:ICT-Mumbai/Attributions" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-user-o" aria-hidden="true"></i>Attributions</a> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | <!-- Navbar on small screens --> | ||
+ | <div id="navDemo" class="w3-bar-block w3-white w3-hide w3-hide-large w3-hide-medium"> | ||
+ | <a href="#about" class="w3-bar-item w3-button" onclick="toggleFunction()">ABOUT</a> | ||
+ | <a href="#portfolio" class="w3-bar-item w3-button" onclick="toggleFunction()">PORTFOLIO</a> | ||
+ | <a href="#contact" class="w3-bar-item w3-button" onclick="toggleFunction()">CONTACT</a> | ||
+ | <a href="#" class="w3-bar-item w3-button">SEARCH</a> | ||
+ | </div> | ||
</div> | </div> | ||
− | <div class=" | + | <!-- First Parallax Image with Logo Text --> |
− | < | + | <div class="bgimg-1 w3-display-container w3-opacity-min" id="home"> |
+ | <div class="w3-display-middle" style="white-space:nowrap;"> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
− | <p> | + | <!-- Container (About Section)--> |
+ | <div class="w3-content w3-container w3-padding-64" id="about"> | ||
+ | <!--<h3 class="w3-center" style="font-weight: bold">Team ICT-Mumbai 2017</h3> | ||
+ | <br>--> | ||
+ | <!--<h4 class="w3-center">ABSTRACT</h4>--> | ||
+ | |||
+ | <div class="w3-content w3-container w3-padding-64" id="about"> | ||
+ | <h5 class="w3-center" style="color:#000080">Our host organism</h5> | ||
+ | |||
+ | <style> | ||
+ | h5{ | ||
+ | line-height: 120%; | ||
+ | } | ||
+ | |||
+ | h5 { | ||
+ | font-size: 30px; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | <p style="height:70 px; font-family:'Lato'; font-size:20px; colour:lightgrey;">The host organism of our work is the ‘lab pet’ / ‘industrial workhorse’ <i>Escherichia coli</i>. We have used | ||
+ | different strains of <i>E. coli</i> for our work – DH5α, BW25113, BL21(DE3) – all of which are categorised | ||
+ | under Biosafety Level I (BSL I) and safe to use and handle.</p> | ||
+ | |||
+ | <div class="w3-content w3-container w3-padding-64" id="about"> | ||
+ | <h5 class="w3-center" style="color:#000080">Safe practices in our laboratory</h5> | ||
+ | |||
+ | <style> | ||
+ | h5{ | ||
+ | line-height: 120%; | ||
+ | } | ||
+ | |||
+ | h5 { | ||
+ | font-size: 30px; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | <p style="height:70 px; font-family:'Lato'; font-size:20px; colour:lightgrey;">We carried out our work in the DBT-ICT Centre for Energy Biosciences, which houses state-of- the-art facilities for carrying out microbiology and synthetic biology workflows. We handled bacteria in biosafety laminar flow units, and discarded all waste in plastic containers that were autoclaved before disposal. We put on latex gloves and used spatulas to handle ethidium bromide-containing agarose gels. Used gels were put in labelled bags that were handed over to a contractor for disposal by incineration at a municipal facility.</p> | ||
+ | |||
+ | <center> | ||
+ | <div class="gallery"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/e/e4/Autoclave_ict.jpeg" alt="Trolltunga Norway" width="600" height="600"> | ||
+ | <div class="desc">Autoclave facility</div> | ||
</div> | </div> | ||
+ | </center> | ||
+ | |||
+ | <div class="gallery"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/1/14/Min1_1509506194_59.182.136.30.jpg" alt="Forest" width="600" height="600"> | ||
+ | <div class="desc">Laminar air flow facility</div> | ||
+ | </div> | ||
+ | |||
+ | <div class="gallery"> | ||
+ | |||
+ | <img src="https://static.igem.org/mediawiki/2017/0/05/Red_bag_ict.jpeg" alt="Forest" width="600" height="600"> | ||
+ | <div class="desc">Bio-medical waste disposal bags</div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="w3-content w3-container w3-padding-64" id="about"> | ||
+ | <h5 class="w3-center" style="color:#000080">Ensuring safety in our Institute</h5> | ||
+ | |||
+ | <style> | ||
+ | h5{ | ||
+ | line-height: 120%; | ||
+ | } | ||
+ | |||
+ | h5 { | ||
+ | font-size: 30px; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | <p style="height:70 px; font-family:'Lato'; font-size:20px; colour:lightgrey;">The Institutional Biosafety Committee of our Institute is responsible for ensuring that safe practices are followed in all laboratories in the Institute. The Committee meets twice a year to review and recommend safety measures. Our team primary PI, Prof. Arvind Lali, is the Member Secretary of the Committee.</p> | ||
+ | |||
+ | <div class="w3-content w3-container w3-padding-64" id="about"> | ||
+ | <h5 class="w3-center" style="color:#000080">Safety regulations in our country</h5> | ||
+ | |||
+ | <style> | ||
+ | h5{ | ||
+ | line-height: 120%; | ||
+ | } | ||
+ | |||
+ | h5 { | ||
+ | font-size: 30px; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | <p style="height:70 px; font-family:'Lato'; font-size:20px; colour:lightgrey;">The Department of Biotechnology, Government of India has laid down biosafety guidelines that all researchers in the country have to adhere to. The relevant biosafety rules and regulations can be accessed at <a href="http://dbtbiosafety.nic.in/"><mark>http://dbtbiosafety.nic.in/</mark></a></p> | ||
+ | </body> | ||
</html> | </html> |
Latest revision as of 21:52, 1 November 2017