Difference between revisions of "Team:ICT-Mumbai/InterLab"

Line 1: Line 1:
−
{{ICT-Mumbai}}
 
 
<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>
−
<div class="column full_size judges-will-not-evaluate">
+
 
−
<h3>★  ALERT! </h3>
+
#sideMenu
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
+
{display:none; /*Disable the display of the annoying side main menu*/}
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
#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-family: "Source Sans Pro", sans-serif;}
 +
 
 +
body, html {
 +
    height: 100%;
 +
    color: rgba(255,255,255);
 +
}
 +
 
 +
 
 +
/* 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/5/5b/ICT-Mumbai_interlab_bgimg1.jpeg");
 +
    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="#home" 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">
 +
<a href="#project" 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/Experiments" class="w3-bar-item w3-button">Experiments</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/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="clear"></div>-->
 
  
−
<div class="column full_size">
 
−
<h1>InterLab</h1>
 
−
<h3>Bronze Medal Criterion #4</h3>
 
−
<p><b>Standard Tracks:</b> Participate in the Interlab Measurement Study and/or improve the characterization of an existing BioBrick Part or Device and enter this information on that part's Main Page in the Registry. The part that you are characterizing must NOT be from a 2017 part number range.
 
−
<br><br>
 
−
For teams participating in the <a href="https://2017.igem.org/Competition/InterLab_Study">InterLab study</a>, all work must be shown on this page.
 
  
−
</p>
+
 
 +
 
 +
    <div class="w3-dropdown-hover">
 +
<a href="#team" 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>
  
 +
    <div class="w3-dropdown-hover">
 +
<a href="#parts" button class="w3-button" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-cogs" aria-hidden="true"></i>  Parts</a>
 +
<div class="w3-dropdown-content w3-bar-block w3-animate-opacity">
 +
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Parts"class="w3-bar-item w3-button">Parts</a>
 +
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Basic Parts" class="w3-bar-item w3-button">Basic Parts</a>
 +
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Composite Parts" class="w3-bar-item w3-button">Composite Parts</a>
 +
</div>
 +
</div>
  
 +
<a href="#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" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-handshake-o" aria-hidden="true"></i>
 +
Human Practices</a>
 +
 +
 +
<a href="#awards" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-trophy" aria-hidden="true"></i>
 +
Awards</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>
 +
 +
<!-- First Parallax Image with Logo Text -->
 +
<div class="bgimg-1 w3-display-container" id="home">
 +
  <div class="w3-display-middle" style="white-space:nowrap;">
 +
    <span class="w3-center w3-opacity-max w3-padding-large w3-white w3-xxxlarge w3-wide w3-animate-fading"> Interlab study<span class="w3-hide-small">
 +
  </div>
 +
</div>
 +
 +
  <h3 class="w3-center">Overview</h3>
 +
<style>
 +
h3{
 +
    line-height: 70%;
 +
}
 +
 +
h3 {
 +
    font-size: 30px;
 +
}
 +
</style>
 +
<style>
 +
button.accordion {
 +
    background-color: #eee;
 +
    color: #444;
 +
    cursor: pointer;
 +
    padding: 18px;
 +
    width: 80%;
 +
    border: none;
 +
    text-align: left;
 +
    outline: none;
 +
    font-size: 15px;
 +
    transition: 0.4s;
 +
margin-left:10%;
 +
margin-right:10%;
 +
}
 +
 +
button.accordion.active, button.accordion:hover {
 +
    background-color: #ccc;
 +
}
 +
 +
div.panel {
 +
    padding: 0 18px;
 +
    background-color: white;
 +
    max-height: 0;
 +
    overflow: hidden;
 +
    transition: max-height 0.2s ease-out;
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
 +
 +
<button class="accordion">Ludox measurements</button>
 +
<div class="panel">
 +
  <p >Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
 +
</div>
 +
 +
<button class="accordion">Plate reader details</button>
 +
<div class="panel">
 +
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
 +
</div>
 +
 +
<button class="accordion">Flurescein standard curve</button>
 +
<div class="panel">
 +
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
 +
</div>
  
 +
<script>
 +
var acc = document.getElementsByClassName("accordion");
 +
var i;
  
 +
for (i = 0; i < acc.length; i++) {
 +
  acc[i].onclick = function() {
 +
    this.classList.toggle("active");
 +
    var panel = this.nextElementSibling;
 +
    if (panel.style.maxHeight){
 +
      panel.style.maxHeight = null;
 +
    } else {
 +
      panel.style.maxHeight = panel.scrollHeight + "px";
 +
    }
 +
  }
 +
}
 +
</script>
  
 +
   
  
  
 +
</body>
 
</html>
 
</html>

Revision as of 14:56, 20 October 2017

ICT-Mumbai 2017

Interlab study

Overview

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.