Difference between revisions of "Team:IIT Kharagpur/Team"

 
(19 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
 
<html lang="en-US">
 
<html lang="en-US">
 
<head>
 
<head>
 
+
<title>Team-IIT Kharagpur</title>
<title>IGEM-IIT Kharagpur- Protocol</title>
+
<meta charset="utf-8">
+
<meta charset="utf-8">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://2016.igem.org/Team:IIT_Kharagpur/demo_protocol_bootstrap?action=raw&ctype=text/css" type="text/css" />
+
<link rel="stylesheet" href="https://2016.igem.org/Template:IIT_Kharagpur/team_bootstrap?action=raw&ctype=text/css"/>
<link rel="stylesheet" href="https://2016.igem.org/Team:IIT_Kharagpur/demo_protocol_font-awesome.min?action=raw&ctype=text/css" type="text/css" />
+
<link rel="stylesheet" href="https://2016.igem.org/Template:IIT_Kharagpur/team_font_awesome?action=raw&ctype=text/css"/>
<link rel="stylesheet" href="https://2016.igem.org/Team:IIT_Kharagpur/demo_protocol_linea-icon?action=raw&ctype=text/css" type="text/css" />
+
<link rel="stylesheet" href="https://2016.igem.org/Team:IIT_Kharagpur/demo_protocol_fancy-buttons?action=raw&ctype=text/css" type="text/css" />
+
 
 
<!--=== Google Fonts ===-->
 
<link href='http://fonts.googleapis.com/css?family=Bangers' rel='stylesheet' type='text/css'>
 
<link href='http://fonts.googleapis.com/css?family=Roboto+Slab:300,700,400' rel='stylesheet' type='text/css'>
 
<link href='http://fonts.googleapis.com/css?family=Raleway:600,400,300' rel='stylesheet' type='text/css'>
 
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>
 
<link href="http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700" rel="stylesheet" type="text/css" />
 
<!--=== Other CSS files ===-->
 
 
 
<link rel="stylesheet" href="https://2016.igem.org/Team:IIT_Kharagpur/demo_protocol_jquery.vegas?action=raw&ctype=text/css" type="text/css" />
+
<!-- <link rel="stylesheet" type="text/css" href="css/normalize.css" /> -->
 +
<link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:IIT_Kharagpur/team_demo?action=raw&ctype=text/css"/>
 +
<link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:IIT_Kharagpur/team_component?action=raw&ctype=text/css"/>
 
 
<link rel="stylesheet" href="https://2016.igem.org/Team:IIT_Kharagpur/demo_protocol_jquery.bxslider?action=raw&ctype=text/css" type="text/css" />
+
 +
<!--=== Other CSS files ===-->
 +
<link rel="stylesheet" href="https://2016.igem.org/Template:IIT_Kharagpur/team_animate?action=raw&ctype=text/css"/>
 +
<link rel="stylesheet" href="https://2016.igem.org/Template:IIT_Kharagpur/team_jquery_vegas?action=raw&ctype=text/css"/>
 +
 +
<link rel="stylesheet" href="https://2016.igem.org/Template:IIT_Kharagpur/team_jquery_bxslider?action=raw&ctype=text/css"/>
 
 
 
<!--=== Main Stylesheets ===-->
 
<!--=== Main Stylesheets ===-->
<link rel="stylesheet" href="https://2016.igem.org/Team:IIT_Kharagpur/demo_protocol_style?action=raw&ctype=text/css" type="text/css" />
+
<link rel="stylesheet" href="https://2016.igem.org/Template:IIT_Kharagpur/team_style?action=raw&ctype=text/css"/>
<link rel="stylesheet" href="https://2016.igem.org/Team:IIT_Kharagpur/demo_protocol_responsive?action=raw&ctype=text/css" type="text/css" />
+
<link rel="stylesheet" href="https://2016.igem.org/Template:IIT_Kharagpur/team_responsive?action=raw&ctype=text/css"/>
 
 
 
<!--=== Color Scheme, three colors are available red.css, orange.css and gray.css ===-->
 
<!--=== Color Scheme, three colors are available red.css, orange.css and gray.css ===-->
<link rel="stylesheet" id="scheme-source" href="https://2016.igem.org/Team:IIT_Kharagpur/demo_protocol_gray?action=raw&ctype=text/css" type="text/css" />
+
<link rel="stylesheet" id="scheme-source" href="https://2016.igem.org/Template:IIT_Kharagpur/team_gray?action=raw&ctype=text/css"/>
+
  
 +
 
<style type="text/css">
 
<style type="text/css">
 +
 
.logoigm{
 
.logoigm{
 
margin-top: 15%;
 
margin-top: 15%;
Line 56: Line 54:
 
}
 
}
 
.icon{
 
.icon{
height: 26px;
+
height: 23px;
 
width: auto;
 
width: auto;
 
margin-right: 5px;
 
margin-right: 5px;
 
 
 
}
 
}
 
+
/*text color advisor white*/
 +
.advisor{
 +
color: white;
 +
}
 
#section-footer{
 
#section-footer{
 
padding-top: 10px;
 
padding-top: 10px;
 +
 
padding-bottom: 10px;
 
padding-bottom: 10px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+
font-family: "Dosis", arial, tahoma, verdana;
 
color: white;
 
color: white;
 
}
 
}
Line 71: Line 73:
 
@media (max-width: 992px) {
 
@media (max-width: 992px) {
 
   #logokgp{
 
   #logokgp{
  padding-left: 25%;
+
  padding-left: 10%;
  
 
}
 
}
Line 88: Line 90:
 
 
 
font-size: 15px;
 
font-size: 15px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+
font-family: "Dosis", arial, tahoma, verdana;
line-height: 30px;
+
 
+
 
}
 
}
 
#mail{
 
#mail{
Line 98: Line 98:
 
     height: 40px;
 
     height: 40px;
 
     width: 80px;
 
     width: 80px;
    margin-top: -10px;
 
 
     font-size: 14px;
 
     font-size: 14px;
 
     font-weight: 400;
 
     font-weight: 400;
     font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+
     font-family: "Dosis", arial, tahoma, verdana;
 
     border-style: none;
 
     border-style: none;
 
}
 
}
Line 108: Line 107:
 
width: auto;
 
width: auto;
 
}
 
}
table {
+
.box{
border-collapse: collapse;
+
margin-bottom: 20px;
border-spacing: 0;
+
color: black;
}
+
td {
+
padding: 0;
+
 
}
 
}
 +
.boxanalyse{margin: 0 auto; max-width: 1060px;font-family: century; }
  
  
a {
+
img{max-width: 100%; }
text-decoration: none;
+
}
+
  
h2 {
 
font-size: 2em;
 
line-height: 1.25em;
 
margin: .25em 0;
 
}
 
  
h3 {
+
.boxcheck{float: left; width: 100%; margin: 0px; list-style: none;}
font-size: 1.5em;
+
 
line-height: 1em;
+
 
margin: .33em 0;
+
 
}
+
.text-desc{position: absolute; left: 0; top: 0; background-color: #fff; height: 100%; opacity: 0; width: 100%; padding: 20px;}
 +
.describe{
 +
margin-top: 40px;
 +
line-height: 19px;
 +
text-align: justify;
 +
font-family: "Dosis", arial, tahoma, verdana;
 +
font-size: 18px;
  
@font-face {
 
font-family: 'Dosis';
 
font-style: normal;
 
font-weight: 300;
 
src: local("Dosis Light"), local("Dosis-Light"), url(http://fonts.gstatic.com/s/dosis/v6/0b3R8ORT0i9mlMGM3BxXF_esZW2xOQ-xsNqO47m55DA.ttf) format("truetype");
 
 
}
 
}
 +
/*= Reset CSS End
 +
================= *
  
  
 +
/* effect-6 css */
 +
.port-6{float: left; width: 100%; position: relative; overflow: hidden; text-align: center; border: 4px solid rgba(255, 255, 255, 0.9); overflow: visible;}
  
  
  
 +
.port-6.effect-3 img{transition: 0.5s;}
 +
.port-6.effect-3:hover img{transform: scale(0.3) translateY(-110%); position: relative; z-index: 9;}
 +
.port-6.effect-3 .text-desc{transform: translateY(100%); opacity: 0; padding: 85px 20px 10px; transition: 0.5s;}
 +
.port-6.effect-3:hover .text-desc{transform: translateY(0px); opacity: 1;}
 +
/* effect-6 css end */
  
body, html {
 
height: 100%;
 
}
 
  
body {
 
background: #f9f9f9;
 
background-size: cover;
 
margin: 0;
 
padding: 0;
 
font-family: helvetica, arial, tahoma, verdana;
 
line-height: 20px;
 
font-size: 14px;
 
color: #726f77;
 
}
 
  
img {
 
max-width: 100%;
 
}
 
  
a {
+
/*= Media Screen CSS
text-decoration: none;
+
==================== */
 +
@media only screen and (max-width: 1090px){
 +
ul{width: 340px; margin: 0 auto;}
 +
li{width: 100%; margin: 20px 0;}
 +
.port-5.effect-1 {z-index: 19;}
 
}
 
}
  
.container {
+
@media only screen and (max-width: 360px){
max-width: 1100px;
+
ul{width: 300px;}
padding-top: 10px;
+
margin: 0 auto;
+
.port-6.effect-3 .text-desc .btn,
 +
 +
.port-8.effect-3 .text-desc .btn{display: none;}
 +
 
}
 
}
 
+
#section-ses{
h1, h2, h3, h4 {
+
background-color: #e6e5e5;
font-family: "Dosis", arial, tahoma, verdana;
+
}
 
+
#section-sesm{
font-weight: 500;
+
background-color: white;
 +
width: 120%;
 +
margin-left: -10%;
 +
height: 800px;
 
}
 
}
 
.topcontainer{
 
.topcontainer{
Line 183: Line 178:
 
z-index: 12;
 
z-index: 12;
 
position: relative;
 
position: relative;
 +
}
 +
@font-face {
 +
font-family: 'Dosis';
 +
font-style: normal;
 +
font-weight: 300;
 +
src: local("Dosis Light"), local("Dosis-Light"), url(http://fonts.gstatic.com/s/dosis/v6/0b3R8ORT0i9mlMGM3BxXF_esZW2xOQ-xsNqO47m55DA.ttf) format("truetype");
 
}
 
}
  
 +
.teamhead{
 +
color: black;
 +
}
  
.distance{
+
 
padding-top: 5px;
+
 
 +
 
 +
html, body{overflow:hidden;}
 +
.ourteam{
 +
background-color: white;
 
}
 
}
.bluecolor{
+
.dropbtn {
background-color: #297b6e;
+
    background-color: #4CAF50;
 +
    color: white;
 +
    padding: 16px;
 +
    font-size: 16px;
 +
    border: none;
 +
    cursor: pointer;
 
}
 
}
a{
+
 
position: relative;
+
.dropdown {
top: -5px;
+
    position: relative;
 +
    display: inline-block;
 
}
 
}
.relativeposition{
 
position: relative;
 
top: -5px;
 
  
 +
.dropdown-content {
 +
    display: none;
 +
    position: absolute;
 +
    background-color: #f9f9f9;
 +
    min-width: 160px;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 
}
 
}
.calendar{
+
 
font-family: "Dosis", arial, tahoma, verdana;
+
.dropdown-content a {
padding-top: 45px;
+
    color: black;
background-color: white;
+
    padding: 12px 16px;
font-size: 20px;
+
    text-decoration: none;
line-height: 25px;
+
    display: block;
 
}
 
}
  
.panel-heading{
+
.dropdown-content a:hover {background-color: #b04545}
background-color: #82807f;
+
 
 +
.dropdown:hover .dropdown-content {
 +
    display: block;
 
}
 
}
.logobody{
 
margin-left: 4%;
 
  
 +
.dropdown:hover .dropbtn {
 +
    background-color: #3e8e41;
 
}
 
}
.home_content{
+
.completefooter{
margin-top: -2%;
+
padding-top: 5px;
 +
padding-bottom: 10px;
 +
}
 +
.igem-logo-top{
 +
width: 55px;
 +
height: auto;
 +
 
 +
float: left;
 +
position: relative;
 +
right: 12px;
 
}
 
}
 +
.center-icon{
 +
align:;
 +
}
 +
 +
 +
 +
 
</style>
 
</style>
  
  
 
</head>
 
</head>
<body >
+
<body>
 
<!--=== Preloader section starts ===-->
 
<!--=== Preloader section starts ===-->
 
<section id="preloader">
 
<section id="preloader">
Line 236: Line 271:
 
<div class="sticky-section">
 
<div class="sticky-section">
 
<div id="topbar-hold" class="nav-hold container">
 
<div id="topbar-hold" class="nav-hold container">
 +
<a href="https://2016.igem.org/Team:IIT_Kharagpur">
 +
<img src="https://static.igem.org/mediawiki/2016/8/86/T--IIT_Kharagpur--logo.png" class="igem-logo-top"></a>
 
<nav class="navbar" role="navigation">
 
<nav class="navbar" role="navigation">
 
<div class="navbar-header">
 
<div class="navbar-header">
Line 251: Line 288:
 
<div class="collapse navbar-collapse navbar-responsive-collapse">
 
<div class="collapse navbar-collapse navbar-responsive-collapse">
 
<ul class="nav navbar-nav navbar-right">
 
<ul class="nav navbar-nav navbar-right">
<li class="current"><a href="https://2016.igem.org/Team:IIT_Kharagpur"><img src="https://static.igem.org/mediawiki/2016/1/13/T--IIT_Kharagpur--home_icon.png" class="icon"> Home</a></li>
+
<li class="current dropdown"><a href="https://2016.igem.org/Team:IIT_Kharagpur"><img src="https://static.igem.org/mediawiki/2016/1/13/T--IIT_Kharagpur--home_icon.png" class="icon"> Home</a>
<li><a href="#"><img src="https://static.igem.org/mediawiki/2016/5/55/T--IIT_Kharagpur--project_icon.png" class="icon">Project</a></li>
+
<li><a href="https://2016.igem.org/Team:IIT_Kharagpur/Team"><img src="https://static.igem.org/mediawiki/2016/c/c1/T--IIT_Kharagpur--team_icon.png" class="icon">Team</a></li>
+
</li>
<li><a href="#"><img src="https://static.igem.org/mediawiki/2016/7/76/T--IIT_Kharagpur--part_icon.png" class="icon">Parts</a></li>
+
<li class="dropdown"><a href="https://2016.igem.org/Team:IIT_Kharagpur/Project"><img src="https://static.igem.org/mediawiki/2016/5/55/T--IIT_Kharagpur--project_icon.png" class="icon">Project</a>
<li><a href="https://2016.igem.org/Team:IIT_Kharagpur/Human_Practices"><img src="https://static.igem.org/mediawiki/2016/9/9f/T--IIT_Kharagpur--practice_icon.png" class="icon">Practices</a></li>
+
<div class="dropdown-content">
 +
    <a href="https://2016.igem.org/Team:IIT_Kharagpur/Notebook" class="submenuhover">Notebook</a>
 +
<a href="https://2016.igem.org/Team:IIT_Kharagpur/Protocol" class="submenuhover">Protocols</a>
 +
    <a href="https://2016.igem.org/Team:IIT_Kharagpur/Data_page" class="submenuhover">Data Page</a>
 +
<a href="https://2016.igem.org/Team:IIT_Kharagpur/Safety" class="submenuhover">Safety</a>
 +
  </div>
 +
 
 +
</li>
 +
<li class="dropdown"><a href="https://2016.igem.org/Team:IIT_Kharagpur/Team"><img src="https://static.igem.org/mediawiki/2016/c/c1/T--IIT_Kharagpur--team_icon.png" class="icon">Team</a>
 +
<div class="dropdown-content">
 +
    <a href="https://2016.igem.org/Team:IIT_Kharagpur/Team" class="submenuhover">Members</a>
 +
<a href="https://2016.igem.org/Team:IIT_Kharagpur/Collaborations" class="submenuhover">Collaboration</a>
 +
    <a href="https://2016.igem.org/Team:IIT_Kharagpur/Attributions" class="submenuhover">Attribution</a>
 +
 +
  </div>
 +
</li >
 +
<li class="dropdown"><a href="https://2016.igem.org/Team:IIT_Kharagpur/Human_Practices"><img src="https://static.igem.org/mediawiki/2016/9/9f/T--IIT_Kharagpur--practice_icon.png" class="icon">Practices</a>
 +
<div class="dropdown-content">
 +
    <a href="#" class="submenuhover">Survey</a>
 +
<a href="#" class="submenuhover">Workshop</a>
 +
    <a href="#" class="submenuhover">Interview</a>
 +
<a href="#" class="submenuhover">Meet ups</a>
 +
  </div>
 +
 
 +
 
 +
</li>
 +
<li class="dropdown"><a href="https://2016.igem.org/Team:IIT_Kharagpur/Parts"><img src="https://static.igem.org/mediawiki/2016/7/76/T--IIT_Kharagpur--part_icon.png" class="icon">Part</a>
 +
<div class="dropdown-content">
 +
    <a href="https://2016.igem.org/Team:IIT_Kharagpur/Parts" class="submenuhover">Composite parts</a>
 +
<a href="https://2016.igem.org/Team:IIT_Kharagpur/Parts" class="submenuhover">Part collection </a>
 +
   
 +
  </div>
 +
 
 +
</li>
 +
 
<li><a href="https://2016.igem.org/Team:IIT_Kharagpur/Interlab_Study"><img src="https://static.igem.org/mediawiki/2016/d/df/T--IIT_Kharagpur--interlab_icon.png" class="icon">Interlab</a></li>
 
<li><a href="https://2016.igem.org/Team:IIT_Kharagpur/Interlab_Study"><img src="https://static.igem.org/mediawiki/2016/d/df/T--IIT_Kharagpur--interlab_icon.png" class="icon">Interlab</a></li>
 
<li><a href="blog.html"><img src="https://static.igem.org/mediawiki/2016/5/5e/T--IIT_Kharagpur--blog_icon.png" class="icon">Blog</a></li>
 
<li><a href="blog.html"><img src="https://static.igem.org/mediawiki/2016/5/5e/T--IIT_Kharagpur--blog_icon.png" class="icon">Blog</a></li>
</ul>
+
 +
 
 
</div>
 
</div>
 
<!-- Main Navigation menu ends-->
 
<!-- Main Navigation menu ends-->
 +
 +
 
</nav>
 
</nav>
 
</div>
 
</div>
Line 268: Line 342:
 
<!--=== Header section Ends ===-->
 
<!--=== Header section Ends ===-->
 
 
<!--=== Home Section Starts ===-->
+
<!--=== Home Section Starts ===-->
 
<div id="section-home" class="home-section-wrap center">
 
<div id="section-home" class="home-section-wrap center">
 
<div class="section-overlay"></div>
 
<div class="section-overlay"></div>
 
<div class="topcontainer home">
 
<div class="topcontainer home">
 
<div class="logobody">
 
<div class="logobody">
<img src="https://static.igem.org/mediawiki/2016/thumb/d/d2/T--IIT_Kharagpur--inside_logo.png/618px-T--IIT_Kharagpur--inside_logo.png" class="logoigm">
+
<img src="https://static.igem.org/mediawiki/2016/thumb/6/6e/T--IIT_Kharagpur--team_main_icon.png/600px-T--IIT_Kharagpur--team_main_icon.png" height="100px" width="100px" class="center" style="margin-top: 180px;max-width:20%">
<img src="https://static.igem.org/mediawiki/2016/thumb/1/1e/T--IIT_Kharagpur--outer_logo.png/618px-T--IIT_Kharagpur--outer_logo.png" class="logoigm2"></div>
+
<!-- <img src="images/logo inside.png" class="logoigm">
<div class="row">
+
<img src="images/outer.png" class="logoigm2"></div> -->
 +
<div class="row" style="margin-top:-80px">
 
<div class="home_content">
 
<div class="home_content">
 
 
<h1 class="well-come">PROTOCOL</h1>
+
<h1 class="well-come" style="font-family:Dosis;">TEAM IIT KHARAGPUR</h1>
 
 
 
<div class="col-md-8 col-md-offset-2">
 
<div class="col-md-8 col-md-offset-2">
<p class="intro-message">SILKOTRON<br></p>
+
<p class="intro-message" style="font-family:Dosis; font-size:20px; text-align:center;">DOING HARD WORK JUST LIKE AS MA & PA TAUGHT US</p>
 
</div>
 
</div>
 
<div class="home-buttons">
 
<div class="home-buttons">
Line 291: Line 366:
 
</div>
 
</div>
 
<!--=== Home Section Ends ===-->
 
<!--=== Home Section Ends ===-->
 +
 
</div>
 
</div>
<div class="calendar col-md-12" id="sticky" >
+
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
+
  <div class="panel panel-info">
+
    <div class="panel-heading" role="tab" id="headingOne">
+
      <h4 class="panel-title">
+
        <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
+
          <b>PROTOCOL - TRANSFORMATION </b>
+
        </a>
+
      </h4>
+
    </div>
+
    <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
+
      <div class="panel-body">
+
        <h3><b>Approximation time:</b></h3> 120 mins
+
        <h3><b>Material required:</b></h3>
+
        <ul>
+
        <li>70% ethanol</li>
+
        <li>Tissue paper</li>
+
        <li>Ice</li>
+
        <li>Container for ice</li>
+
        <li>Timer</li>
+
        <li>DH5alpha cells</li>
+
        <li>LB agar plates – Chloramphenicol, (kanamycin+ ampicillin), Kanamycin</li>
+
        </ul>
+
        <h3><b>Protocol:</b></h3>
+
        <p>1. Keep all materials on ice unless otherwise specified! This will help make the cells more competent and easier to transform.</p>
+
        <p>2. Label a 2.0ml microcentrifuge tube as Transformation Control, another as Ligation: New Part, and one more as Ligation Control.
+
          (Add 20ul of the New Part ligation product into the Ligation: New Part tube.)
+
        </p>
+
<p>3. Place the tubes on ice to pre-chill them.</p>
+
<p>4.  Thaw one competent cell aliquot tube on ice (this takes about 5-8 minutes).</p>
+
  
<p>5.  Gently flick the tube of competent cells, then pipet 50ul of competent cells into each 2.0ml microcentrifuge tube.
 
(Try to keep the cells as cold as possible by holding just the top of the tube, not the bottom where the cells are.)
 
</p>
 
<p>6.    Incubate the DNA and cell mixtures on ice for 30 minutes. During this incubation, pre-heat the waterbath to 40°C.</p>
 
<p>7.    Place the tubes into the waterbath for 90 seconds. Immediately place the tubes back on ice for 10 minutes.</p>
 
<p>8.    Add 1000ul of LB media to each tube. Gently tap the tubes with your finger to mix.</p>
 
<p>9.    Incubate the tubes at 37°C for 1 hours. </p>
 
<p>10.  Pipet 200ul of the Transformation Control onto the appropriate plate. Spread evenly over the surface of the agar by gently shaking the plate back and forth. The beads will do the work for you!</p>
 
<p>11.  Repeat step 1 to 10 for the other two transformations.</p>
 
<p>12.  Place the agar plates into the incubator with the agar side facing up, lid facing down. Incubate the agar plates at 37°C for 12 - 14 hours. Alternately, incubate at room temperature for 24 hours.
 
 
</p>
 
<h3><b>Safety:</b></h3>
 
<p>● Gloves must be worn all the time.</p>
 
<p>● Every step must be done in the hood to avoid contamination and 4 degrees needs to be maintained during the procedure.
 
  
</p>
+
<!--=== Services section Starts ===-->
 +
<section id="section-services" class="services-wrap">
 +
<div class="container services">
 +
<div class="row">
 +
 +
<div class="col-md-10 col-md-offset-1 center section-title">
 +
<h3>Team Profile</h3>
 +
</div>
 +
 +
<!-- Single Service Starts -->
 +
<div class="col-lg-12 col-md-12 col-sm-12 center service animated" data-animation="fadeInLeft" data-animation-delay="700" id="inspirationtext">
 +
 +
<div class="service-desc">
 +
 +
<p class="service-description justify" style="font-family:Dosis; font-size:20px;">
 +
 +
Let’s meet the team of IGEM 2016 from IIT Kharagpur.
 +
We are a group of 24 people of the department of Biotechnology pushing each other towards a common goal of making lives of people better by our contribution through synthetic biology.
 +
It’s our sophomore year in IGEM. We are new to the game but we make up for it with our passion and enthusiasm..
 +
We believe on a famous quote by Colin Powell, “A dream doesn’t become reality through magic, it takes sweat, determination and hard work.” And well, we try to put it in action as much as possible. Our group is dedicated and we don't mind burning the midnight oil or sidelining our vacations if that's what it takes.
 +
Someday, this team of youngsters will have  a visible impact on the world. But for now, our goal is iGEM!
 +
We have been very fortunate with our guides who have been very patient and extremely during our whole venture. It was quite interesting and a learning experience with many ups and downs which we all faced as a team and become only stronger by them.
  
      </div>
+
</p>
    </div>
+
</div>
  </div>
+
</div>
  <div class="panel panel-info">
+
<!-- Single Service Ends -->
    <div class="panel-heading" role="tab" id="headingTwo">
+
      <h4 class="panel-title">
+
        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
+
          <b>PROTOCOL - RESTRICTION DIGEST</b>
+
        </a>
+
      </h4>
+
    </div>
+
    <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
+
      <div class="panel-body">
+
</div>
        <h3><b>Approxmation time:</b></h3>6hrs
+
</div>
        <h3><b>Material required:</b></h3>
+
</section>
        <ul>
+
<!--=== Services section Ends ===-->
        <li>70% ethanol</li>
+
        <li>Tissue paper</li>
+
        <li>Ice</li>
+
        <li>Container for ice</li>
+
        <li>DNA sample</li>
+
        <li>RFP Control </li>
+
        <li>NEB buffer 2</li>
+
        <li>NEB enzymes: EcoRI/SpeI/XbaI/PstI</li>
+
        <li>pSB1C3/pSB1K3/pSB1A3/pSB1AK8( linearized plasmid backbone) </li>
+
        <li>BSA</li>
+
        </ul>
+
        <h3><b>Protocol:</b></h3>
+
        <p>1. Clean the lab bench by wiping down with 70% ethanol and paper towels.</p>
+
        <p>2. Keep all enzymes and buffers used in this section on ice.</p>
+
        <p>3. Thaw NEB Buffer 2 and BSA in room temperature water. Re-homogenize both by inverting the tubes, and flick/spin them to collect the liquid at the bottom of the tube.</p>
+
        <p>4. Label three 0.6 tubes: DNA sample, (pSB1C3/pSB1K3/pSB1A3/pSB1AK8) (linearized plasmid backbone), and RFP Control</p>
+
        <p>5.    Add 500ng of DNA to the appropriate tube. Add distilled water to the tubes for a total volume of 42.5ul in each tube.</p>
+
        <p>. Pipet 5ul of Buffer 2 to each tube.</p>
+
        <p>2. Pipet 0.5ul of BSA to each tube.</p>
+
        <p>3. In the DNA sample: Add 1ul of EcoRI/SpeI/XbaI/PstI enzyme.</p>
+
        <p>4. In the pSB1C3/pSB1K3/pSB1A3/pSB1AK8  tube: Add 1ul of restricted enzyme(EcoRI/SpeI/XbaI/PstI).</p>
+
        <p>5. In the RFP Control tube: Add 1ul of restricted enzyme(EcoRI/SpeI/XbaI/PstI).</p>
+
        <p>6. The total volume in each tube should be approximately 50ul. Mix well by pipetting slowly up and down 5x. Be gentle, and do not vortex. Spin the samples for 5 seconds in a microcentrifuge, or flick them to collect all of the mixture to the bottom of the tube.</p>
+
        <p>7. Incubate the restriction digests at 37°C for 30 minutes, then 80°C for 20 minutes. We use a thermocycler, but a waterbath and an accurate thermometer works well also!</p>
+
        <p>8.    The digested DNA can be stored at 4°C for a few days. For longer storage, keep at -20°C.
+
                                                             
+
</p>
+
      </div>
+
    </div>
+
  </div>
+
  <div class="panel panel-info">
+
    <div class="panel-heading" role="tab" id="headingThree">
+
      <h4 class="panel-title">
+
        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
+
          <b>PROTOCOL - LIGATION</b>
+
        </a>
+
      </h4>
+
    </div>
+
    <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
+
      <div class="panel-body">
+
        <h3><b>Approximation time:</b></h3>12hrs
+
        <h3><b>Materials required:</b></h3>
+
        <ul>
+
        <li>70% ethanol</li>
+
        <li>Paper towels</li>
+
        <li>Distilled water </li>
+
        <li>Ice</li>
+
        <li>Container for ice</li>
+
        <li>T4 DNA Ligase Reaction Buffer</li>
+
        <li>T4 DNA Ligase</li>
+
        <li>Thermocycler, or waterbath </li>
+
        <li>Restriction Digest: Part A and Part B</li>
+
        <li>Restriction Digest: (pSB1K3/pSB1C3/pSB1A3/pSB1AK8)linearized plasmid backbone</li>
+
       
+
        </ul>
+
        <h3><b>Protocol:</b></h3>
+
        <p>1. Clean the lab bench by wiping down with 70% ethanol and paper towels.</p>
+
        <p>2. Thaw T4 DNA Ligase Reaction Buffer at room temperature. Keep the T4 DNA Ligase in the freezer until you're ready to use it.</p>
+
        <p>3.    Label one 0.6ml tube as New Part.
+
        <ul>
+
        <li>1. Add 2ul from the (pSB1K3/pSB1C3/pSB1A3/pSB1AK8)linearized plasmid backbone digest.</li>
+
        <li>2. Add 3.3ul from the Part A digest.</li>
+
        <li>3. Add 3.9ul from the Part B digest.</li>
+
        <li>4. Add 1ul of T4 DNA Ligase Reaction Buffer.</li>
+
        <li>5. Add 0.5ul of T4 DNA Ligase (keep this at -20°C until use!).</li>
+
        <li>6. Mix by gently pipetting up and down 3x. Do not vortex; this inactivates the enzymes. Place tube in microcentrifuge for a quick 5 second spin or flick the tube to collect the mixture at the bottom.</li>
+
        </ul></p>
+
        <p>4.    Label one 0.6 tube as Ligation Control.
+
        <ul>
+
        <li>1. Add 2ul from the RFP Control digest.</li>
+
        <li>2. Add 6.5ul of distilled water.</li>
+
        <li>3. Add 1ul of T4 DNA Ligase Reaction Buffer.</li>
+
        <li>4. Add 0.5ul of T4 DNA Ligase.</li>
+
        <li>5. Mix by gently pipetting up and down 3x. Do not vortex; this inactivates the enzymes. Place tube in microcentrifuge for a quick 5 second spin or flick the tube to collect the mixture at the bottom.</li>
+
        </ul></p>
+
        <p>5. Incubate at 16°C for 30 minutes, then at 80°C for 20 minutes. We use a thermocycler, but a waterbath and thermometer combination works great too! The ligated products can be stored at -20°C.</p>
+
        <div class="container">
+
        <table class="table table-bordered">
+
        <thead>
+
        <tr>
+
        <th>          </th>
+
        <th>Ligation: New part</th>
+
        <th>Ligation: control</th>
+
        </tr>
+
        <tr>
+
        <td>Digest 1</td>
+
        <td>2&micro;l backbone </td>
+
        <td>2&micro;l RFP control</td>
+
        </tr>
+
        <tr>
+
        <td>Digest 2</td>
+
        <td>3.3&micro;l Part A</td>
+
        <td>-</td>
+
        </tr>
+
        <tr>
+
        <td>Digest 3</td>
+
        <td>3.9&micro;l Part B</td>
+
        <td>-</td>
+
        </tr>
+
        <tr>
+
        <td>Distill water</td>
+
        <td>0&micro;l</td>
+
        <td>6.5&micro;l</td>
+
        </tr>
+
        <tr>
+
        <td>T4 DNA Ligase</td>
+
        <td>0.5&micro;l</td>
+
        <td>0.5&micro;l</td>
+
        </tr>
+
        <tr>
+
        <td>T4 DNA Ligase buffer</td>
+
        <td>1&micro;l</td>
+
        <td>1&micro;l</td>
+
        </tr>
+
        </thead>
+
        </table>
+
        </div>
+
      </div>
+
    </div>
+
  </div>
+
  
  <div class="panel panel-info">
+
<!--=== Services section Starts ===-->
    <div class="panel-heading" role="tab" id="headingFour">
+
<section id="section-ses" class="services-wrap ourteam" >
      <h4 class="panel-title">
+
<div class="container services" >
        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
+
<div class="row">
          <b>PROTOCOL - PLASMID ISOLATION</b>
+
         
+
<div class="col-md-10 col-md-offset-1 center section-title teamhead">
             
+
<h3 class="teamhead" style="color:white;">Our Team</h3>
 +
</div>
 +
 +
 +
<section class="demo-3">
 +
 +
<div class="grid">
 +
 +
<div class="box">
 +
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
 +
<line class="top" x1="0" y1="0" x2="900" y2="0" />
 +
<line class="left" x1="0" y1="460" x2="0" y2="-920" />
 +
<line class="bottom" x1="300" y1="460" x2="-600" y2="460" />
 +
<line class="right" x1="300" y1="0" x2="300" y2="1380" />
 +
</svg>
 +
<div class="boxanalyse">
 +
<li class="boxcheck">
 +
<div class="port-6 effect-3">
 +
<div class="image-box">
 +
<img src="https://static.igem.org/mediawiki/2016/a/a4/T--IIT_Kharagpur--rhushikesh.jpg" height="300px" width="370px" alt="Image-3">
 +
</div>
 +
<div class="text-desc">
 +
<p class="describe" style="font-family:Dosis; font-size:18px;">
 +
Starting from ideation till experiments, Rhushikesh has been the front force in the team. He believes that synthetic biology holds the key to numerous scientific discoveries. Being the team leader, he spends most of his time in Lab, exploring the plethoral world of science. Besides his scientific endeavour, he loves photography, badminton and is a great guitarist.
  
        </a>
+
</p>
      </h4>
+
</div>
    </div>
+
</div>
    <div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
+
</li>
      <div class="panel-body">
+
</div>
          <h3><b>Approximation time:</b></h3>3hrs
+
<span>Rhushikesh</span>
          <h3><b>Material required:</b></h3>
+
<span> Mr. Front charge</span>
          <ul>Qiagen Miniprep Kit
+
</div>
          <li>Cell Culture</li>
+
          <li>1.6 ml Microcentrifuge tubes </li>
+
          <li>TE (1:10)</li>
+
          </ul>
+
          <h3><b>Protocol</b></h3>
+
          <p>1. Spin the cell culture in a centrifuge to pellet the cells, empty the supernatant (media) into a waste collection container.</p>
+
          <p>2. Resuspend pelleted bacterial cells in 250 µl Buffer P1 (kept at 4 °C) and transfer to a          microcentrifuge tube. No cell clumps should be visible after resuspension of the pellet.
+
  
          </p>
 
          <p>3. Add 250 μl Buffer P2 and gently invert the tube 4–6 times to mix. Do not vortex, as this will result in shearing of genomic DNA. If necessary, continue inverting the tube until the solution becomes viscous and slightly clear.</p>
 
            <p>4. Add 350 μl Buffer N3 and invert the tube immediately and gently 4–6 times. To avoid localized precipitation, mix the solution gently but thoroughly, immediately after addition of Buffer N3. Keep in ice for 10 minutes. </p>
 
            <p>5. Centrifuge for 25 min at 12,000 rpm in a  microcentrifuge. A White pellet will form.</p>
 
              <p>6. Load the supernant in QIAprep column and wait for 10 minutes. Discard the flow-through</p>
 
              <p>7. Wash QIAprep spin column by adding 0.75 ml Buffer PE and centrifuging for 1 minute.</p>
 
              <p>8. Discard the flow-through, and centrifuge for an additional 1 min at 10,000 rpm to remove residual wash buffer.</p>
 
              <p>9. Discard the flow-through, and centrifuge for an additional 2 min at 11,000 rpm. Discard the flow-through and transfer the column to fresh eppendorf tube.  </p>
 
              <p>10. Add 20 – 50&micro;L of Nuclease free water in the column. Centrifuge at 11000 rpm for 2 minutes for eluting the DNA bound to the Column.</p>
 
      </div>
 
    </div>
 
  </div>
 
  
 
+
<div class="box">
 +
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
 +
<line class="top" x1="0" y1="0" x2="900" y2="0" />
 +
<line class="left" x1="0" y1="460" x2="0" y2="-920" />
 +
<line class="bottom" x1="300" y1="460" x2="-600" y2="460" />
 +
<line class="right" x1="300" y1="0" x2="300" y2="1380" />
 +
</svg>
 +
<div class="boxanalyse">
 +
<li class="boxcheck">
 +
<div class="port-6 effect-3">
 +
<div class="image-box">
 +
<img src="https://static.igem.org/mediawiki/2016/0/0d/T--IIT_Kharagpur--Ramesh_Photo.jpg" height="300px" width="370px" alt="Image-3">
 +
</div>
 +
<div class="text-desc">
 +
<p class="describe" style="font-family:Dosis; font-size:18px;">
 +
Having spent most of his time in the field of molecular biology, ramesh always comes to the team’s rescue. Let it be protocol optimisation or brainstorming, he always takes the call. Besides science, he loves to play hockey and believes in hard work.
 +
</p>
 +
</div>
 +
</div>
 +
</li>
 +
</div>
 +
<span>Ramesh</span>
 +
<span>Mr. Dependable</span>
 +
</div>
  
  <div class="panel panel-info">
 
    <div class="panel-heading" role="tab" id="headingSix">
 
      <h4 class="panel-title">
 
        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
 
          <b>PROTOCOL - PREPARATION OF COMPETENT CELLS (DH5&alpha;)</b>
 
        </a>
 
      </h4>
 
    </div>
 
    <div id="collapseSix" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSix">
 
      <div class="panel-body">
 
        <h3><b>Approximation time:</b></h3>
 
        <h3><b>Material required:</b></h3>
 
        <ul>
 
        <li>100 mM CaCl2 </li>
 
        <li>200mL LB Media</li>
 
        <li>sterile centrifuge tubes </li>
 
        <li>Overnight DH5α culture</li>
 
        </ul>
 
        <h3><b>Protocol:</b></h3>
 
        <p>1. Add 200μl of overnight culture to 10ml of fresh LB medium for preparation of overday (O/D) culture.</p>
 
        <p>2. Keep the O/D culture in incubator(37°C) for 2.5 hours.</p>
 
        <p>3. Keep the O/D culture in refrigerator for some time and then transfer it to 15ml tubes.</p>
 
        <p>4. Centrifuge at 300 rpm and 4°C for 10 minutes.</p>
 
        <p>5. Decant the supernatant and gently resuspend each pellet in about 5mL of  100mM ice cold CaCl2.</p>
 
        <p>6. Again centrifuge the CaCl2 suspended cells at 4000rpm for 4 minutes at 4 degrees
 
And discard the supernatant. Add 1ml of CaCl2 and resuspend the cells and aliquote 100uL into sterile micro centrifuge tubes of 1.5ml tubes and store at 4 degrees for overnight. (Which  can be used to transform the ligated products)</p>
 
      </div>
 
    </div>
 
  </div>
 
  
 +
<div class="box">
 +
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
 +
<line class="top" x1="0" y1="0" x2="900" y2="0" />
 +
<line class="left" x1="0" y1="460" x2="0" y2="-920" />
 +
<line class="bottom" x1="300" y1="460" x2="-600" y2="460" />
 +
<line class="right" x1="300" y1="0" x2="300" y2="1380" />
 +
</svg>
 +
<div class="boxanalyse">
 +
<li class="boxcheck">
 +
<div class="port-6 effect-3">
 +
<div class="image-box">
 +
<img src="https://static.igem.org/mediawiki/2016/thumb/d/de/T--IIT_Kharagpur--Adarsh_Photo.jpg/180px-T--IIT_Kharagpur--Adarsh_Photo.jpg" height="300px" width="370px" alt="Image-3">
 +
</div>
 +
<div class="text-desc">
 +
<p class="describe" style="font-family:Dosis; font-size:18px;">
 +
Adarsh is someone who won’t let you down. He can handle any type of work, be it setting up a digestion, or conducting a workshop! Enthralled by the world of Neuroscience, he is someone to watch out for in the near future!
 +
</p>
 +
</div>
 +
</div>
 +
</li>
 +
</div>
 +
<span>Adarsh</span>
 +
<span>Mr. All Rounder</span>
 +
</div>
  
  <div class="panel panel-info">
 
    <div class="panel-heading" role="tab" id="headingSeven">
 
      <h4 class="panel-title">
 
        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">
 
          <b>PROTOCOL - AGAROSE GEL PERPARATION</b>
 
        </a>
 
      </h4>
 
    </div>
 
    <div id="collapseSeven" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSeven">
 
      <div class="panel-body">
 
        <!-- <h3><b>Approximation time:</b></h3> -->
 
        <h3><b>Material required:</b></h3>
 
        <ul>
 
        <li>1X TAE buffer</li>
 
        <li>Ethidium bromide</li>
 
        </ul>
 
        <h3><b>Protocol:</b></h3>
 
        <p>1. Mix 0.4 grams of agarose with 40ml of TAE buffer in a conical flask.</p>
 
        <p>2. Weigh the solution and then heat in the oven for 2 mins.</p>
 
        <p>3. Add 4 µl (10mg/ml) of EtBr in the solution.</p>
 
        <p>4. Weigh it again and add the TAE buffer to make it 250ml add pour in the tray.</p>
 
      </div>
 
    </div>
 
  </div>
 
  
 +
<div class="box">
 +
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
 +
<line class="top" x1="0" y1="0" x2="900" y2="0" />
 +
<line class="left" x1="0" y1="460" x2="0" y2="-920" />
 +
<line class="bottom" x1="300" y1="460" x2="-600" y2="460" />
 +
<line class="right" x1="300" y1="0" x2="300" y2="1380" />
 +
</svg>
 +
<div class="boxanalyse">
 +
<li class="boxcheck">
 +
<div class="port-6 effect-3">
 +
<div class="image-box">
 +
<img src="https://static.igem.org/mediawiki/2016/1/1a/T--IIT_Kharagpur--Dipasha_Photo.jpg" height="300px" width="370px" alt="Image-3">
 +
</div>
 +
<div class="text-desc">
 +
<p class="describe" style="font-family:Dosis; font-size:18px;">
 +
Ranging from CIA agents to us lab workers, every team needs a handler. Someone who knows how to get the work done from each person. That’s where Dipasha comes in. But do not let that fool you! When it comes to biotech, she can give the most experienced of our members a run for their money.
 +
</p>
 +
</div>
 +
</div>
 +
</li>
 +
</div>
 +
<span>Dipasha</span>
 +
<span>Miss. Handler</span>
 +
</div>
  
  <div class="panel panel-info">
 
    <div class="panel-heading" role="tab" id="headingEight">
 
      <h4 class="panel-title">
 
        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseEight" aria-expanded="false" aria-controls="collapseEight">
 
          <b>PROTOCOL - PLASMID ISOLATION FOR SCREENING</b>
 
        </a>
 
      </h4>
 
    </div>
 
    <div id="collapseEight" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingEight">
 
      <div class="panel-body">
 
        <h3><b>Approximation time:</b></h3>
 
        <h3><b>Material required:</b></h3>
 
        <ul>
 
        <li></li>
 
        </ul>
 
        <h3><b>Protocol:</b></h3>
 
        <p>1. Centrifuge cells at 1000 rpm for 6 minutes.</p>
 
        <p>2. Discard suspension and resuspend pellet in 200 µl of P1 and vortex it.</p>
 
        <p>3. Add 200 µl of P2 and invert mix it 4 to 6 minutes.</p>
 
        <p>4. Add 200 µl of P3 and invert mix it .Keep on ice for 10 minutes.</p>
 
        <p>5. Centrifuge at 12000 rpm for 25 minutes at 4 °C.</p>
 
        <p>6. Transfer supernatant into a fresh tube and add equal volume of chloroform. Invert mix it. Centrifuge at 1000 rpm for 10 minutes at 4 °C.</p>
 
        <p>7. Aspirate supernatant and add ethanol to it.Mix and keep at -20°C for 1 hour.</p>
 
        <p>8. Centrifuge at 1200 rpm for 15 minute at 4°C.</p>
 
        <p>9. Resuspend pellet in 70% alcohol and centrifuge at 1200 rpm for 10 min at 4°C.</p>
 
        <p>10. Discard supernatant and allow the pellet to dry. Add milli Q water.</p>
 
    </div>
 
  </div>
 
  </div>
 
  
 +
<div class="box">
 +
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
 +
<line class="top" x1="0" y1="0" x2="900" y2="0" />
 +
<line class="left" x1="0" y1="460" x2="0" y2="-920" />
 +
<line class="bottom" x1="300" y1="460" x2="-600" y2="460" />
 +
<line class="right" x1="300" y1="0" x2="300" y2="1380" />
 +
</svg>
 +
<div class="boxanalyse">
 +
<li class="boxcheck">
 +
<div class="port-6 effect-3">
 +
<div class="image-box">
 +
<img src="https://static.igem.org/mediawiki/2016/8/88/T--IIT_Kharagpur--pruthvi.jpg"  height="300px" width="370px" alt="Image-3">
 +
</div>
 +
<div class="text-desc">
 +
<p class="describe" style="font-family:Dosis; font-size:18px;">
 +
The most silent member of the team. Pruthvi always works in secrecy, and paradoxically, his work has major impact on our team. Being a part of all kinds of things apart from iGEM, he somehow finds a way to do it all.
 +
</p>
 +
</div>
 +
</div>
 +
</li>
 +
</div>
 +
<span>Pruthvi</span>
 +
<span>Mr. Foo-Bar</span>
 +
</div>
  
  <div class="panel panel-info">
 
    <div class="panel-heading" role="tab" id="headingNine">
 
      <h4 class="panel-title">
 
        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseNine" aria-expanded="false" aria-controls="collapseNine">
 
          <b>PROTOCOL- CULTURING, STREAKING AND PLATING  </b>
 
        </a>
 
      </h4>
 
    </div>
 
    <div id="collapseNine" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingNine">
 
      <div class="panel-body">
 
        <h3><b>Approxmiation time:</b></h3>
 
        <h3><b>Material required:</b></h3>
 
        <ul>
 
        <li>Mixed culture of bacteria</li>
 
        <li>Sterile petri dish with appropriate bacterial media</li>
 
        <li>Inoculating loop </li>
 
        <li>Bunsen burner</li>
 
        </ul>
 
        <h3><b>Protocol</b></h3>
 
        <p>1. Label the petri dishes including organism ,type of agar ,date and name on the bottom</p>
 
        <p>2. Sterilise the transfer loop by flaming it in the bunsen burner and let the loop cool down.</p>
 
        <p>3. Flame the neck of the test tube.</p>
 
        <p>4. Insert the loop into the culture broth and withdraw. At all times hold the loop as still as possible.</p>
 
        <p>5. Flame the neck of the test tube again.</p>
 
        <p>6. Replace the cap/ cotton wool plug of the test tube using the little finger of your right hand. Place the test tube in a rack. For a liquid culture, dip the loop into the broth, or for solid media, lightly touch a colony with the loop.</p>
 
        <p>7. Partially lift the lid of the Petri dish containing the solid medium.</p>
 
        <p>8. Place a loopful of the culture on the agar surface on a area and then drag it rapidly several times across the surface of area.</p>
 
        <p>9. Turn the dish 90°C anticlockwise and streak the area hitting last area several times. Repeat the step three more time.</p>
 
        <p>10. Remove the loop and close the Petri dish.</p>
 
        <p>11. Tape the plate closed and incubates the plate in an inverted position in an incubator for 24-48 hours.</p>
 
        <p>12. Flame the loop before putting it aside.</p>
 
      </div>
 
    </div>
 
  </div>
 
  
  
  <div class="panel panel-info">
+
<div class="box">
    <div class="panel-heading" role="tab" id="headingTen">
+
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
      <h4 class="panel-title">
+
<line class="top" x1="0" y1="0" x2="900" y2="0" />
        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTen" aria-expanded="false" aria-controls="collapseTen">
+
<line class="left" x1="0" y1="460" x2="0" y2="-920" />
          <b>PROTOCOL - POLYMERASE CHAIN REACTION</b>
+
<line class="bottom" x1="300" y1="460" x2="-600" y2="460" />
        </a>
+
<line class="right" x1="300" y1="0" x2="300" y2="1380" />
      </h4>
+
</svg>
    </div>
+
<div class="boxanalyse">
    <div id="collapseTen" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTen">
+
<li class="boxcheck">
      <div class="panel-body">
+
<div class="port-6 effect-3">
        <h3><b>Approximation time:</b></h3>2-4hrs
+
<div class="image-box">
        <h3><b>Material required:</b></h3>
+
<img src="https://static.igem.org/mediawiki/2016/1/13/T--IIT_Kharagpur--nishant.jpg" height="300px" width="370px" alt="Image-3">
        <ul>
+
</div>
        <li>10x Amplification buffer</li>
+
<div class="text-desc">
        <li>dNTP solution containing all four dNTPs </li>
+
<p class="describe" style="font-family:Dosis; font-size:18px;">
        <li>Thermostable DNA polymerase</li>
+
Well now this guy can manage like nobody’s business. Having joined this year, he bought to the team what we lacked the most, a sense of business skills. Primarily focusing on the sponsorship part of work, eventually he was also enticed on the dark side of the force, that’s to say lab work!
        <li>Nucleic Acids and Oligonucleotides</li>
+
        <li>Template DNA</li>
+
        <li>PCR tubes</li>
+
        <li>Primers(Foward & Reverse)</li>
+
  
        </ul>
+
</p>
        <h3><b>Protocol:</b></h3>
+
</div>
        <p>1. In the amplification tube,add and mix in the order
+
</div>
        <div class="contianer">
+
</li>
        <table class="table table-bordered">
+
</div>
        <tr>
+
<span>Nishant</span>
        <td>10x PCR buffer</td>
+
<span>Mr. Manager</span>
        <td>5&micro;l</td>
+
</div>
        </tr>
+
        <tr>
+
        <td>20mM solution of four dNTPs</td>
+
        <td>1&micro;l</td>
+
        </tr>
+
        <tr>
+
        <td>10 pmol/&micro;l forward primer</td>
+
        <td>3&micro;l</td>
+
        </tr>
+
        <tr>
+
        <td>10 pmol/&micro;l reverse primer</td>
+
        <td>3&micro;l</td>
+
        </tr>
+
        <tr>
+
        <td>Thermostable DNA polymerase mix</td>
+
        <td>0.5 - 1 &micro;l</td>
+
        </tr>
+
        <tr>
+
        <td>Template DNA</td>
+
        <td>6&micro;l</td>
+
        </tr>
+
        <tr>
+
        <td>water</td>
+
        <td>31&micro;l</td>
+
        </tr>
+
  
        </table>
+
<div class="box">
        </div></p>
+
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
        <p>2. If the thermal cycler is not fitted with a heated lid, overlay the reaction mixtures with 1 drop (approx. 50 μl) of light mineral oil. Alternatively, place a bead of wax into the tube if using a hot start protocol. Place the tubes or the micro titer plate in the thermal cycler.</p>
+
<line class="top" x1="0" y1="0" x2="900" y2="0" />
        <p>3. Amplify the nucleic acids using the denaturation, annealing, and polymerization times and temperatures listed below.
+
<line class="left" x1="0" y1="460" x2="0" y2="-920" />
        <div class="contianer">
+
<line class="bottom" x1="300" y1="460" x2="-600" y2="460" />
        <table class="table table-bordered">
+
<line class="right" x1="300" y1="0" x2="300" y2="1380" />
        <thead>
+
</svg>
        <tr>
+
<div class="boxanalyse">
        <th>Cycle Number</th>
+
<li class="boxcheck">
        <th>Denaturation</th>
+
<div class="port-6 effect-3">
        <th>Annealing</th>
+
<div class="image-box">
        <th>Polymerisation</th>
+
<img src="https://static.igem.org/mediawiki/2016/9/9a/T--IIT_Kharagpur--Shaurya_Photo.jpg" height="300px" width="370px" alt="Image-3">
        </tr>
+
</div>
        </thead>
+
<div class="text-desc">
        <tr>
+
<p class="describe" style="font-family:Dosis; font-size:18px;">
        <td>35</td>
+
Shaurya is that guy on the team, who will do all possible things at the last minute, but still manage to surprise you with the level of detail in it. Apart from being a part of the team, he is a hockey player to be reckoned with, famous in the campus for his skills with a hockey stick.
        <td>30 sec at 94 °C</td>
+
        <td>1 min at 58 °C</td>
+
</p>
        <td>2 mins at 68°C</td>
+
</div>
        </tr>
+
</div>
        </table>
+
</li>
        </div></p>
+
</div>
        <p>4. Withdraw a sample (5-10 μl) from the test reaction mixture and the four control reactions, analyze them by electrophoresis through an agarose gel, and stain the gel with ethidium bromide or SYBR Gold to visualize the DNA. A successful amplification reaction should yield a readily visible DNA fragment of the expected size.</p>
+
<span>Shaurya</span>
        <p>5. If mineral oil was used to overlay the reaction (Step 2), remove the oil from the sample by extraction with 150 μl of chloroform. The aqueous phase, which contains the amplified DNA, will form a micelle near the meniscus. The micelle can be transferred to a fresh tube with an automatic micropipette.</p>
+
<span>Mr. Last Minute</span>
      </div>
+
</div>
    </div>
+
  </div>
+
  
  
 
+
<div class="box">
 +
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
 +
<line class="top" x1="0" y1="0" x2="900" y2="0" />
 +
<line class="left" x1="0" y1="460" x2="0" y2="-920" />
 +
<line class="bottom" x1="300" y1="460" x2="-600" y2="460" />
 +
<line class="right" x1="300" y1="0" x2="300" y2="1380" />
 +
</svg>
 +
<div class="boxanalyse">
 +
<li class="boxcheck">
 +
<div class="port-6 effect-3">
 +
<div class="image-box">
 +
<img src="https://static.igem.org/mediawiki/2016/0/08/T--IIT_Kharagpur--chetan.jpg" height="300px" width="370px" alt="Image-3">
 +
</div>
 +
<div class="text-desc">
 +
<p class="describe" style="font-family:Dosis; font-size:18px;">
 +
The pillar of our foundation, Chetan knows how to stay calm in any situation. He will assess everything at the start and end of the day and come up with a plan for the next day. He keeps us grounded whenever we get our heads in the clouds. 
 +
 
 +
</p>
 +
</div>
 +
</div>
 +
</li>
 +
</div>
 +
<span>Chetan</span>
 +
<span>Mr. Pillar
 +
</span>
 
</div>
 
</div>
 +
 +
 +
<div class="box">
 +
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
 +
<line class="top" x1="0" y1="0" x2="900" y2="0" />
 +
<line class="left" x1="0" y1="460" x2="0" y2="-920" />
 +
<line class="bottom" x1="300" y1="460" x2="-600" y2="460" />
 +
<line class="right" x1="300" y1="0" x2="300" y2="1380" />
 +
</svg>
 +
<div class="boxanalyse">
 +
<li class="boxcheck">
 +
<div class="port-6 effect-3">
 +
<div class="image-box">
 +
<img src="https://static.igem.org/mediawiki/2016/b/bc/T--IIT_Kharagpur--sanjay.jpg
 +
 +
" height="300px" width="370px" alt="Image-3">
 +
</div>
 +
<div class="text-desc">
 +
<p class="describe" style="font-family:Dosis; font-size:18px;">
 +
If anyone is responsible for handling most of the non wet lab work, the designing and the web site areas, it is Sanjay. He can handle an immense amount of responsibility without much complaint. He makes sure we all meet our deadlines each and every time, to ensure that we stay in the run for iGEM.
 +
</p>
 +
</div>
 +
</div>
 +
</li>
 +
</div>
 +
<span>Sanjay</span>
 +
<span>Mr. Rear Guard</span>
 
</div>
 
</div>
  
<!--=== Footer section Starts ===-->
+
 
<div id="section-footer" class="footer-wrap">
+
<div class="box">
<div class="container footer center">
+
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
<div class="row">
+
<line class="top" x1="0" y1="0" x2="900" y2="0" />
 +
<line class="left" x1="0" y1="460" x2="0" y2="-920" />
 +
<line class="bottom" x1="300" y1="460" x2="-600" y2="460" />
 +
<line class="right" x1="300" y1="0" x2="300" y2="1380" />
 +
</svg>
 +
<div class="boxanalyse">
 +
<li class="boxcheck">
 +
<div class="port-6 effect-3">
 +
<div class="image-box">
 +
<img src="https://static.igem.org/mediawiki/2016/f/f2/T--IIT_Kharagpur--jugal.jpg" height="300px" width="370px" alt="Image-3">
 +
</div>
 +
<div class="text-desc">
 +
<p class="describe" style="font-family:Dosis; font-size:18px;">
 +
Jugal is our substitute for Google! We can ask him any doubts that we have, and he will always have an answer. Extremely well versed in the area of biology, he periodically keeps astounding us with the reach of his knowledge.
 +
</p>
 +
</div>
 +
</div>
 +
</li>
 +
</div>
 +
<span>Jugal </span>
 +
<span>Mr. Knowledge Hub</span>
 +
</div>
 +
 
 +
 
 +
<div class="box">
 +
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
 +
<line class="top" x1="0" y1="0" x2="900" y2="0" />
 +
<line class="left" x1="0" y1="460" x2="0" y2="-920" />
 +
<line class="bottom" x1="300" y1="460" x2="-600" y2="460" />
 +
<line class="right" x1="300" y1="0" x2="300" y2="1380" />
 +
</svg>
 +
<div class="boxanalyse">
 +
<li class="boxcheck">
 +
<div class="port-6 effect-3">
 +
<div class="image-box">
 +
<img src="https://static.igem.org/mediawiki/2016/a/af/T--IIT_Kharagpur--payel.jpg" height="300px" width="370px" alt="Image-3">
 +
</div>
 +
<div class="text-desc">
 +
<p class="describe" style="font-family:Dosis; font-size:18px;">
 +
There will be nothing wrong in saying her as perfectionist. She does each and every task so perfectly and nicely. Whether it’s about presenting the ppt to various institutes or doing biobricks.  She is amazed by the fact how engineering can be used to understand biology and how it can lead to new inventions. She loves to play keyboard .
 +
</p>
 +
</div>
 +
</div>
 +
</li>
 +
</div>
 +
<span>Payel</span>
 +
<span>Miss Perfectionist
 +
</span>
 +
</div>
 +
 
 +
 
 +
<div class="box">
 +
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
 +
<line class="top" x1="0" y1="0" x2="900" y2="0" />
 +
<line class="left" x1="0" y1="460" x2="0" y2="-920" />
 +
<line class="bottom" x1="300" y1="460" x2="-600" y2="460" />
 +
<line class="right" x1="300" y1="0" x2="300" y2="1380" />
 +
</svg>
 +
<div class="boxanalyse">
 +
<li class="boxcheck">
 +
<div class="port-6 effect-3">
 +
<div class="image-box">
 +
<img src="https://static.igem.org/mediawiki/2016/5/5c/T--IIT_Kharagpur--lovish.jpg" height="300px" width="370px" alt="Image-3">
 +
</div>
 +
<div class="text-desc">
 +
<p class="describe" style="font-family:Dosis; font-size:18px;">
 +
It is perfect to describe him as a monk with inner peace. He is curious and try to explore secrets of this mysterious world. He is the most balanced person in the team who remains calm in very serious situation and handles them calmly. He is always a call away whenever he is needed.
 +
 
 +
</p>
 +
</div>
 +
</div>
 +
</li>
 +
</div>
 +
<span>Lovish</span>
 +
<span>Mr. Peace</span>
 +
</div>
 +
 
 +
<div class="box">
 +
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
 +
<line class="top" x1="0" y1="0" x2="900" y2="0" />
 +
<line class="left" x1="0" y1="460" x2="0" y2="-920" />
 +
<line class="bottom" x1="300" y1="460" x2="-600" y2="460" />
 +
<line class="right" x1="300" y1="0" x2="300" y2="1380" />
 +
</svg>
 +
<div class="boxanalyse">
 +
<li class="boxcheck">
 +
<div class="port-6 effect-3">
 +
<div class="image-box">
 +
<img src="https://static.igem.org/mediawiki/2016/8/8b/T--IIT_Kharagpur--aman.jpg" alt="Image-3">
 +
</div>
 +
<div class="text-desc">
 +
<p class="describe" style="font-family:Dosis; font-size:18px;">
 +
The spirited person defined himself as wacky ,tireless and a powerful ball of fire. Aman is the most energetic person who is always ready for the challenges. He can make you believe about the thing which even he is not sure about. He  has managed everything for making our presentations possible for IGEM.
 +
 
 +
</p>
 +
</div>
 +
</div>
 +
</li>
 +
</div>
 +
<span>Aman</span>
 +
<span>Mr. Spirited</span>
 +
</div>
 +
 
 +
<div class="box">
 +
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
 +
<line class="top" x1="0" y1="0" x2="900" y2="0" />
 +
<line class="left" x1="0" y1="460" x2="0" y2="-920" />
 +
<line class="bottom" x1="300" y1="460" x2="-600" y2="460" />
 +
<line class="right" x1="300" y1="0" x2="300" y2="1380" />
 +
</svg>
 +
<div class="boxanalyse">
 +
<li class="boxcheck">
 +
<div class="port-6 effect-3">
 +
<div class="image-box">
 +
<img src="https://static.igem.org/mediawiki/2016/9/9b/T--IIT_Kharagpur--Pravina_Photo.jpg" alt="Image-3">
 +
</div>
 +
<div class="text-desc">
 +
<p class="describe" style="font-family:Dosis; font-size:18px;">
 +
She is ready to do the work ranging from wet lab ,notebook to human practices.
 +
She is very optimistic person,who always looks on the positive side of everything.
 +
Always cheerful and ready for her contribution in any aspect.The charm of life sciences always fascinates her,especially genes and its applications.
 +
</p>
 +
</div>
 +
</div>
 +
</li>
 +
</div>
 +
<span>Pravina</span>
 +
<span> Miss Diversified</span>
 +
</div>
 +
 
 +
<div class="box">
 +
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
 +
<line class="top" x1="0" y1="0" x2="900" y2="0" />
 +
<line class="left" x1="0" y1="460" x2="0" y2="-920" />
 +
<line class="bottom" x1="300" y1="460" x2="-600" y2="460" />
 +
<line class="right" x1="300" y1="0" x2="300" y2="1380" />
 +
</svg>
 +
<div class="boxanalyse">
 +
<li class="boxcheck">
 +
<div class="port-6 effect-3">
 +
<div class="image-box">
 +
<img src="https://static.igem.org/mediawiki/2016/d/d7/T--IIT_Kharagpur--manvi.jpg" alt="Image-3">
 +
</div>
 +
<div class="text-desc">
 +
<p class="describe" style="font-family:Dosis; font-size:18px;">
 +
The Wiki Stud!!!
 +
This years IGEM website of IIT Kharagpur goes to her. She has handled all the web stuff.She believes that she always look towards destination, and strives to do things beyond expectations. Always motivated, she works with a fighting spirit. If she asks you something,you just can’t give any random funda to her, she wants logic behind each and every thing in this universe. Besides this, she loves to listen music
 +
 +
</p>
 +
</div>
 +
</div>
 +
</li>
 +
</div>
 +
<span>Manvi</span>
 +
<span>Miss Logical
 +
</span>
 +
</div>
 +
 
 +
 
 +
<div class="box">
 +
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
 +
<line class="top" x1="0" y1="0" x2="900" y2="0" />
 +
<line class="left" x1="0" y1="460" x2="0" y2="-920" />
 +
<line class="bottom" x1="300" y1="460" x2="-600" y2="460" />
 +
<line class="right" x1="300" y1="0" x2="300" y2="1380" />
 +
</svg>
 +
<div class="boxanalyse">
 +
<li class="boxcheck">
 +
<div class="port-6 effect-3">
 +
<div class="image-box">
 +
<img src="https://static.igem.org/mediawiki/2016/0/0f/T--IIT_Kharagpur--vaishali.jpg" alt="Image-3">
 +
</div>
 +
<div class="text-desc">
 +
<p class="describe" style="font-family:Dosis; font-size:18px;">
 +
Vaishali is the most peaceful person in the team. She does not come under pressure in
 +
any situation. She used to procastinate the work but manage to finish just before the deadlines. She loves tennis and cricket.
 +
 
 +
</p>
 +
</div>
 +
</div>
 +
</li>
 +
</div>
 +
<span>Vaishali</span>
 +
<span>Miss. Procastinator
 +
</span>
 +
</div>
 +
 
 +
<div class="box">
 +
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
 +
<line class="top" x1="0" y1="0" x2="900" y2="0" />
 +
<line class="left" x1="0" y1="460" x2="0" y2="-920" />
 +
<line class="bottom" x1="300" y1="460" x2="-600" y2="460" />
 +
<line class="right" x1="300" y1="0" x2="300" y2="1380" />
 +
</svg>
 +
<div class="boxanalyse">
 +
<li class="boxcheck">
 +
<div class="port-6 effect-3">
 +
<div class="image-box">
 +
<img src="https://static.igem.org/mediawiki/2016/e/e8/T--IIT_Kharagpur--Amit_Photo.jpg" alt="Image-3">
 +
</div>
 +
<div class="text-desc">
 +
<p class="describe" style="font-family:Dosis; font-size:18px;">
 +
He is the design master of our team.A very creative and dedicated person and a simple learner believe in the roots. He is very humble and down to earth person , ready to help
 +
Everyone. If some work is given to him, he never let you wait for that and make sure that he has done nicely.
 +
 
 +
</p>
 +
</div>
 +
</div>
 +
</li>
 +
</div>
 +
<span>Amit</span>
 +
<span> Mr. Creative</span>
 +
</div>
 +
 
 +
<div class="box">
 +
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
 +
<line class="top" x1="0" y1="0" x2="900" y2="0" />
 +
<line class="left" x1="0" y1="460" x2="0" y2="-920" />
 +
<line class="bottom" x1="300" y1="460" x2="-600" y2="460" />
 +
<line class="right" x1="300" y1="0" x2="300" y2="1380" />
 +
</svg>
 +
<div class="boxanalyse">
 +
<li class="boxcheck">
 +
<div class="port-6 effect-3">
 +
<div class="image-box">
 +
<img src="https://static.igem.org/mediawiki/2016/1/18/T--IIT_Kharagpur--Akhil_Photo.jpg" alt="Image-3">
 +
</div>
 +
<div class="text-desc">
 +
<p class="describe" style="font-family:Dosis; font-size:18px;">
 +
He is the wikipedia of biology. If you have any doubt about anything,there is no need to google ,he will always be there with a answer. Always done and dusted for the IGEM.
 +
Although he is a member of wet -lab team but also contribute significantly to the non-wet works also.
 +
</p>
 +
</div>
 +
</div>
 +
</li>
 +
</div>
 +
<span>Akhil</span>
 +
<span>Mr. Stud</span>
 +
</div>
 +
 +
<div class="box">
 +
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
 +
<line class="top" x1="0" y1="0" x2="900" y2="0" />
 +
<line class="left" x1="0" y1="460" x2="0" y2="-920" />
 +
<line class="bottom" x1="300" y1="460" x2="-600" y2="460" />
 +
<line class="right" x1="300" y1="0" x2="300" y2="1380" />
 +
</svg>
 +
<div class="boxanalyse">
 +
<li class="boxcheck">
 +
<div class="port-6 effect-3">
 +
<div class="image-box">
 +
<img src="https://static.igem.org/mediawiki/2016/6/6a/T--IIT_Kharagpur--bhumika.jpg" alt="Image-3">
 +
</div>
 +
<div class="text-desc">
 +
<p class="describe" style="font-family:Dosis; font-size:18px;">
 +
Being a collected person, there aren’t many things that faze Bhumika, and this is the attitude that she brings to the team. This quality of hers has led to all the seniors relying on her to get something done. A believer in core biology, she likes to diversify by playing Tennis.
 +
 
 +
</p>
 +
</div>
 +
</div>
 +
</li>
 +
</div>
 +
<span>Bhumika</span>
 +
<span> Miss Steady</span>
 +
</div>
 +
 
 +
 +
</div></div>
 +
 
 +
<div class="col-md-10 col-md-offset-1 center section-title teamhead">
 +
<h3 class="teamhead" style="color:white;">PROJECT INSTRUCTOR</h3>
 +
</div>
 
 
<div class="col-md-3 col-sm-12" id="logokgp" align="left" style="margin-top:10px">
+
 +
<section class="demo-3">
 +
 +
<div class="grid">
 +
 +
<div class="box">
 +
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
 +
<line class="top" x1="0" y1="0" x2="900" y2="0" />
 +
<line class="left" x1="0" y1="460" x2="0" y2="-920" />
 +
<line class="bottom" x1="300" y1="460" x2="-600" y2="460" />
 +
<line class="right" x1="300" y1="0" x2="300" y2="1380" />
 +
</svg>
 +
<div class="boxanalyse">
 +
<li class="boxcheck">
 +
<div class="port-6 effect-3">
 +
<div class="image-box">
 +
<img src="https://static.igem.org/mediawiki/2016/c/c0/T--IIT_Kharagpur--ag_sir.jpg" height="300px" width="370px" alt="Image-3">
 +
</div>
 +
<div class="text-desc">
 +
<p class="describe" style="font-family:Dosis; font-size:18px;">
 +
Being courageous enough to believe in a team of inexperienced amateurs, right from our initiation, Prof. Ganguly has been the driving force of the team.  He has filled in the gaps in our knowledge and has taught us anything that we didn't know. He has been a reassuring presence to the team, and we can always rely on him to show us the correct path.
  
<a class="col-md-6" href="http://iitkgp.ac.in"><img src="https://static.igem.org/mediawiki/2016/thumb/b/bc/T--IIT_Kharagpur--iitkgp_logo.png/536px-T--IIT_Kharagpur--iitkgp_logo.png" height="100px" width="100px"/>
+
</p>
</a>
+
</div>
<p class="col-md-6" style="margin-left:-20px">Indian Insitiute<br>of Technology<br>Kharagpur</p>
+
</div>
 +
</li>
 +
</div>
 +
<span>Professor Agneyo Ganguly</span>
 +
<span> </span>
 +
</div>
  
</div>
+
<div class="box">
 +
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
 +
<line class="top" x1="0" y1="0" x2="900" y2="0" />
 +
<line class="left" x1="0" y1="460" x2="0" y2="-920" />
 +
<line class="bottom" x1="300" y1="460" x2="-600" y2="460" />
 +
<line class="right" x1="300" y1="0" x2="300" y2="1380" />
 +
</svg>
 +
<div class="boxanalyse">
 +
<li class="boxcheck">
 +
<div class="port-6 effect-3">
 +
<div class="image-box">
 +
<img src="https://static.igem.org/mediawiki/2016/8/85/T--IIT_Kharagpur--mkm_sir.jpg" height="300px" width="370px" alt="Image-3">
 +
</div>
 +
<div class="text-desc">
 +
<p class="describe" style="font-family:Dosis; font-size:18px;">
 +
Although he may be the secondary PI, Prof. Maiti’s devotion to the team is no less. We have looked upto him to help us smoothen out the wrinkles in our plans
  
 +
</p>
 +
</div>
 +
</div>
 +
</li>
 +
</div>
 +
<span>Professor Mirnal Kumar Maiti</span>
 +
<span> </span>
 +
</div>
  
<div class="col-md-3 col-sm-12" id="logokgp" align="left" style="margin-top:10px">
 
  
<a class="col-md-5" href="http://iitkgp.ac.in"><img src="https://static.igem.org/mediawiki/2016/thumb/b/bc/T--IIT_Kharagpur--dbt_logo.png/353px-T--IIT_Kharagpur--dbt_logo.png" height="100px" width="70px"/>
+
</div>
</a>
+
+
<p class="col-md-7" style="margin-left:-30px">Department of<br>Biotechnology<br>Goverment of India </p>
+
  
</div>
 
  
 +
<div class="col-md-10 col-md-offset-1 center section-title teamhead">
 +
<h3 class="teamhead" style="color:white;">PROJECT ADVISOR</h3>
 +
</div>
 +
 +
 +
<section class="demo-3">
 +
 +
<div class="grid">
 +
 +
<div class="box">
 +
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
 +
<line class="top" x1="0" y1="0" x2="900" y2="0" />
 +
<line class="left" x1="0" y1="460" x2="0" y2="-920" />
 +
<line class="bottom" x1="300" y1="460" x2="-600" y2="460" />
 +
<line class="right" x1="300" y1="0" x2="300" y2="1380" />
 +
</svg>
 +
<div class="boxanalyse">
 +
<li class="boxcheck">
 +
<div class="port-6 effect-3">
 +
<div class="image-box">
 +
<img src="https://static.igem.org/mediawiki/2016/7/73/T--IIT_Kharagpur--bharat.jpg" height="300px" width="370px" alt="Image-3">
 +
</div>
 +
<div class="text-desc">
 +
<p class="describe" style="font-family:Dosis; font-size:18px;">
 +
Bharath is a 5th year student in the department.  He was a part of last years team and has been gracious enough to help out this year too. Just like a parent guides a newborn child in the world, Bharath has guided us in wet lab work. He has seen all our blunders and has taught us how to be better versions of ourselves. He has forged us into able weapons of mol bio!
  
 +
</p>
 +
</div>
 +
</div>
 +
</li>
 +
</div>
 +
<span>SRIRAM BHARAT</span>
 +
<span> </span>
 +
</div>
 +
 +
<div class="box">
 +
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
 +
<line class="top" x1="0" y1="0" x2="900" y2="0" />
 +
<line class="left" x1="0" y1="460" x2="0" y2="-920" />
 +
<line class="bottom" x1="300" y1="460" x2="-600" y2="460" />
 +
<line class="right" x1="300" y1="0" x2="300" y2="1380" />
 +
</svg>
 +
<div class="boxanalyse">
 +
<li class="boxcheck">
 +
<div class="port-6 effect-3">
 +
<div class="image-box">
 +
<img src="https://static.igem.org/mediawiki/2016/9/9b/T--IIT_Kharagpur--Yogesh_Photo.jpg" height="300px" width="370px" alt="Image-3">
 +
</div>
 +
<div class="text-desc">
 +
<p class="describe" style="font-family:Dosis; font-size:18px;">
 +
The man of action, Yogesh is also a 5th year, and a part of last years team. He has been our guide, making sure that his experiences of the last year make us a better team this year.
 +
 +
</p>
 +
</div>
 +
</div>
 +
</li>
 +
</div>
 +
<span>YOGESH</span>
 +
<span> </span>
 +
</div>
 +
 +
<div class="box">
 +
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
 +
<line class="top" x1="0" y1="0" x2="900" y2="0" />
 +
<line class="left" x1="0" y1="460" x2="0" y2="-920" />
 +
<line class="bottom" x1="300" y1="460" x2="-600" y2="460" />
 +
<line class="right" x1="300" y1="0" x2="300" y2="1380" />
 +
</svg>
 +
<div class="boxanalyse">
 +
<li class="boxcheck">
 +
<div class="port-6 effect-3">
 +
<div class="image-box">
 +
<img src="https://static.igem.org/mediawiki/2016/c/ce/T--IIT_Kharagpur--harsheel.jpg" height="300px" width="370px" alt="Image-3">
 +
</div>
 +
<div class="text-desc">
 +
<p class="describe" style="font-family:Dosis; font-size:18px;">
 +
An endless source of coffee and advice, Harsheel continues to be a part of managing the team. Having experienced the rigours last year, he knows the pressure points and how to deal with them.
 +
 +
</p>
 +
</div>
 +
</div>
 +
</li>
 +
</div>
 +
<span>HARSHEEL</span>
 +
<span> </span>
 +
</div>
 +
 +
<div class="box">
 +
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
 +
<line class="top" x1="0" y1="0" x2="900" y2="0" />
 +
<line class="left" x1="0" y1="460" x2="0" y2="-920" />
 +
<line class="bottom" x1="300" y1="460" x2="-600" y2="460" />
 +
<line class="right" x1="300" y1="0" x2="300" y2="1380" />
 +
</svg>
 +
<div class="boxanalyse">
 +
<li class="boxcheck">
 +
<div class="port-6 effect-3">
 +
<div class="image-box">
 +
<img src="https://static.igem.org/mediawiki/2016/8/8e/T--IIT_Kharagpur--Varshit_Photo.jpg" height="300px" width="370px" alt="Image-3">
 +
</div>
 +
<div class="text-desc">
 +
<p class="describe" style="font-family:Dosis; font-size:18px;">
 +
Just like his batchmates, Varshit, a 5th year and part of the last years team, guides us in the art of collaborations and surveys, apart from inspiring us to give back to the world.
 +
 +
</p>
 +
</div>
 +
</div>
 +
</li>
 +
</div>
 +
<span>VARSHIT
 +
  </span>
 +
<span> </span>
 +
</div>
 +
 +
<div class="box">
 +
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
 +
<line class="top" x1="0" y1="0" x2="900" y2="0" />
 +
<line class="left" x1="0" y1="460" x2="0" y2="-920" />
 +
<line class="bottom" x1="300" y1="460" x2="-600" y2="460" />
 +
<line class="right" x1="300" y1="0" x2="300" y2="1380" />
 +
</svg>
 +
<div class="boxanalyse">
 +
<li class="boxcheck">
 +
<div class="port-6 effect-3">
 +
<div class="image-box">
 +
<img src="https://static.igem.org/mediawiki/2016/e/ee/T--IIT_Kharagpur--sawagata.jpg" height="300px" width="370px" alt="Image-3">
 +
</div>
 +
<div class="text-desc">
 +
<p class="describe" style="font-family:Dosis; font-size:18px;">
 +
One of our two strongest supporters, Swagata Ma,am is a PHd student. She is always willing to stay late in the lab whenever we need assistance. Without these two people, it would be fair enough to say we would have gotten nowhere.
 +
 +
</p>
 +
</div>
 +
</div>
 +
</li>
 +
</div>
 +
<span>SAWAGATA
 +
  </span>
 +
<span> </span>
 +
</div>
 +
 +
<div class="box">
 +
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
 +
<line class="top" x1="0" y1="0" x2="900" y2="0" />
 +
<line class="left" x1="0" y1="460" x2="0" y2="-920" />
 +
<line class="bottom" x1="300" y1="460" x2="-600" y2="460" />
 +
<line class="right" x1="300" y1="0" x2="300" y2="1380" />
 +
</svg>
 +
<div class="boxanalyse">
 +
<li class="boxcheck">
 +
<div class="port-6 effect-3">
 +
<div class="image-box">
 +
<img src="https://static.igem.org/mediawiki/2016/c/cf/T--IIT_Kharagpur--shikha.jpg" height="300px" width="370px" alt="Image-3">
 +
</div>
 +
<div class="text-desc">
 +
<p class="describe" style="font-family:Dosis; font-size:18px;">
 +
Shikha Ma’am is a PHd student, and our second supporter. She has taught us all the lab protocols, lab etiquettes, handling the equipments and much more. Along with her colleague, she has been our advisor since the initiation.
 +
 +
</p>
 +
</div>
 +
</div>
 +
</li>
 +
</div>
 +
<span>SHIKHA</h3>
 +
  </span>
 +
<span> </span>
 +
</div>
 +
 +
 +
</div></div>
 +
 +
 +
 +
 +
 
 +
 +
 +
 +
 +
 +
 +
<!--=== Video section Starts ===-->
 +
<!-- <section id="section-video" class="section-video-wrap">
 +
<div class="section-overlay"></div>
 +
<div class="container big-video center animated" data-animation="fadeInLeft" data-animation-delay="700">
 +
<div class="row">
 +
<div class="col-md-12 section-title">
 +
<h3>Team video</h3>
 +
</div>
 +
<div class="col-md-10 col-md-offset-1 video-content">
 +
<div class="main-video">
 +
<video width="100%" controls>
 +
<source src="https://static.igem.org/mediawiki/2015/f/f2/IIT_Kharagpur_Team_Introduction_Video.mp4" type="video/mp4">
 +
<source src="movie.ogg" type="video/ogg">
 +
Your browser does not support the video tag.
 +
</video>
 +
</div>
 +
 +
</div>
 +
 +
</div>
 +
</div>
 +
</div>
 +
</section> -->
 +
<!--=== Video section Ends ===-->
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<!--=== Footer section Starts ===-->
 +
<div id="section-footer" class="footer-wrap">
 +
<div class="container footer center">
 +
<div class="row">
 +
<div class="col-lg-4 col-md-12 col-sm-12" id="logokgp" align="middle">
 +
<a href="http://iitkgp.ac.in"><img src="https://static.igem.org/mediawiki/2016/thumb/b/b1/T--IIT_Kharagpur--kgp_logo.png/799px-T--IIT_Kharagpur--kgp_logo.png"></a>
 +
</div>
 +
 +
<div class="col-lg-4 col-md-12 col-sm-12" id="logokgp" align="middle">
 +
<a href="http://syntheticbioindia.weebly.com/ibec-2016.html" style="margin-right:10px"><img src="https://static.igem.org/mediawiki/2016/thumb/b/bc/T--IIT_Kharagpur--dbt_logo.png/799px-T--IIT_Kharagpur--dbt_logo.png"></a>
 +
</div>
 +
<div class="col-lg-3 col-md-12 col-sm-12 connect" style="margin-top:4px"; id="depe" >
 +
Connect </br>
 +
<a target="_blank" href="https://www.facebook.com/iGEMIITKharagpur" style="margin-right:10px"><img class="social" src="https://static.igem.org/mediawiki/2016/2/26/T--IIT_Kharagpur--fb.png"></a>
 +
<a target="_blank" href="https://twitter.com/igem_iitkgp" style="margin-right:10px"><img class="social" src="https://static.igem.org/mediawiki/2016/6/68/T--IIT_Kharagpur--twitter.png"></a>
 +
<a target="_blank" href="https://www.youtube.com/channel/UC2NUjcEMwVyNxdLtsti3VRw"><img class="social" src="https://static.igem.org/mediawiki/2016/d/d6/T--IIT_Kharagpur--youtube.png"></a>
 +
<button type="button" class="btn btn-default mail-button" id="mail" ><a  href="mailto:igemiitkharagpur15@gmail.com?Subject=Hello%20again" target="_top">Mail Us</a></button>
  
<div class="col-md-6 col-sm-12" style="margin-top:10px"; id="depe" >
 
<h4><b>Connect </b></br></h4>
 
<a style="margin-right:10px" target="_blank" href="https://www.facebook.com/iGEMIITKharagpur"><img class="social" src="https://static.igem.org/mediawiki/2016/2/26/T--IIT_Kharagpur--fb.png"></a>
 
<a style="margin-right:10px" target="_blank" href="https://twitter.com/igem_iitkgp"><img class="social" src="https://static.igem.org/mediawiki/2016/6/68/T--IIT_Kharagpur--twitter.png"></a>
 
<a style="margin-right:10px" target="_blank" href="https://www.youtube.com/channel/UC2NUjcEMwVyNxdLtsti3VRw"><img class="social" src="https://static.igem.org/mediawiki/2016/d/d6/T--IIT_Kharagpur--youtube.png"></a>
 
<!-- <button type="button" class="btn btn-default mail-button" id="mail"><a href="mailto:igemiitkgp16@gmail.com?Subject=Hello%20again" target="_top">Mail Us</a></button>
 
-->
 
<a style="margin-right:10px" target="_blank" href="mailto:igemiitkgp16@gmail.com?Subject=Hello%20again"><img class="social" src="https://static.igem.org/mediawiki/2016/e/e2/T--IIT_Kharagpur--mail.png"></a>
 
 
</div>
 
</div>
 
 
Line 769: Line 1,243:
 
</div>
 
</div>
 
<!--=== Footer section Ends ===-->
 
<!--=== Footer section Ends ===-->
 
 
 
 
 
 
<!--==== Js files ====-->
 
<!--==== Js files ====-->
 
<!--==== Essential files ====-->
 
<!--==== Essential files ====-->
<script type="text/javascript" src="https://2016.igem.org/Team:IIT_Kharagpur/demo_protocol_jquery-1.11.1.min?action=raw&ctype=text/javascript"></script>
+
<script type="text/javascript" src="https://2016.igem.org/Template:IIT_Kharagpur/team_jquery_1_min?
<script type="text/javascript" src="https://2016.igem.org/Team:IIT_Kharagpur/demo_protocol_bootstrap.min?action=raw&ctype=text/javascript"></script>
+
action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2016.igem.org/Template:IIT_Kharagpur/team_bootstrap_min?
 +
action=raw&ctype=text/javascript"></script>
 +
 +
<script type="text/javascript" src="https://2016.igem.org/Template:IIT_Kharagpur/team_modernizr_min?
 +
action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2016.igem.org/Template:IIT_Kharagpur/team_jquery_easing_min?
 +
action=raw&ctype=text/javascript"></script>
 +
 
 
<!--==== Slider and Card style plugin ====-->
 
<!--==== Slider and Card style plugin ====-->
<script type="text/javascript" src="https://2016.igem.org/Team:IIT_Kharagpur/demo_protocol_jquery.vegas.min?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2016.igem.org/Team:IIT_Kharagpur/demo_protocol_jquery.bxslider.min?action=raw&ctype=text/javascript"></script>
 
<!--==== Scroll and navigation plugins ====-->
 
<script type="text/javascript" src="https://2016.igem.org/Team:IIT_Kharagpur/demo_protocol_jquery.nicescroll.min?action=raw&ctype=text/javascript"></script>
 
<!--==== Custom Script files ====-->
 
<script type="text/javascript" src="https://2016.igem.org/Team:IIT_Kharagpur/demo_protocol_custom?action=raw&ctype=text/javascript"></script>
 
</body>
 
</html>
 
  
 +
<script type="text/javascript" src="https://2016.igem.org/Template:IIT_Kharagpur/team_jquery_vegas_min?
 +
action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2016.igem.org/Template:IIT_Kharagpur/team_jquery_bxslider_min?
 +
action=raw&ctype=text/javascript"></script>
  
<div class="column half_size" >
+
<!--==== Scroll and navigation plugins ====-->
<h5>What should this page contain?</h5>
+
<script type="text/javascript" src="https://2016.igem.org/Template:IIT_Kharagpur/team_jquery_nicescroll_min?
<ul>
+
action=raw&ctype=text/javascript"></script>
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
<script type="text/javascript" src="https://2016.igem.org/Template:IIT_Kharagpur/team_jquery_nav_min?
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
action=raw&ctype=text/javascript"></script>
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
<script type="text/javascript" src="https://2016.igem.org/Template:IIT_Kharagpur/team_jquery_appear_min?
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
action=raw&ctype=text/javascript"></script>
</ul>
+
<script type="text/javascript" src="https://2016.igem.org/Template:IIT_Kharagpur/team_jquery_fitvids_min?
</div>
+
action=raw&ctype=text/javascript"></script>
 
+
  
 +
<!--==== Custom Script files ====-->
 +
<script type="text/javascript" src="https://2016.igem.org/Template:IIT_Kharagpur/team_custom_min?
 +
action=raw&ctype=text/javascript"></script>
  
  
 +
</body>
 
</html>
 
</html>

Latest revision as of 01:36, 20 October 2016

Team-IIT Kharagpur