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

 
(47 intermediate revisions by 3 users not shown)
Line 17: Line 17:
  
  
−
body,h1,h2,h3,h4,h5,h6 {font-family: "Source Sans Pro", sans-serif;}
+
body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif;}
  
 
body, html {
 
body, html {
Line 50: Line 50:
 
}
 
}
  
 +
.image {
 +
  display: block;
 +
  width: 100%;
 +
  height: auto;
 +
}
 +
 +
.overlay {
 +
  position: absolute;
 +
  bottom: 0;
 +
  left: 0;
 +
  right: 0;
 +
  background-color: #008CBA;
 +
  overflow: hidden;
 +
  width: 100%;
 +
  height: 0;
 +
  transition: .5s ease;
 +
}
 +
 +
.container:hover .overlay {
 +
  height: 100%;
 +
}
 +
 +
.text {
 +
  white-space: nowrap;
 +
  color: white;
 +
  font-size: 20px;
 +
  position: absolute;
 +
  overflow: hidden;
 +
  top: 50%;
 +
  left: 50%;
 +
  transform: translate(-50%, -50%);
 +
  -ms-transform: translate(-50%, -50%);
 +
}
 +
 +
/* Three columns side by side */
 +
.column {
 +
    float: left;
 +
    width: 33.3%;
 +
    height: 600px;
 +
    margin-bottom: 16px;
 +
    padding: 0 8px;
 +
}
 +
 +
/* Display the columns below each other instead of side by side on small screens */
 +
@media (max-width: 650px) {
 +
    .column {
 +
        width: 100%;
 +
        display: block;
 +
    }
 +
}
 +
 +
/* Add some shadows to create a card effect */
 +
.card {
 +
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
 +
}
 +
 +
/* Some left and right padding inside the container */
 +
.container {
 +
    padding: 0 16px;
 +
}
 +
 +
/* Clear floats */
 +
.container::after, .row::after {
 +
    content: "";
 +
    clear: both;
 +
    display: table;
 +
}
 +
 +
.title {
 +
    color: grey;
 +
}
 +
 +
.button {
 +
    border: none;
 +
    outline: 0;
 +
    display: inline-block;
 +
    padding: 8px;
 +
    color: white;
 +
    background-color: #000;
 +
    text-align: center;
 +
    cursor: pointer;
 +
    width: 100%;
 +
}
 +
 +
.button:hover {
 +
    background-color: #555;
 +
}
  
 
</style>
 
</style>
Line 60: Line 147:
 
     </a>
 
     </a>
  
−
   <a href="#home" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-home" aria-hidden="true"></i>
+
   <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>
 
Home</a>
  
 
<div class="w3-dropdown-hover">
 
<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>
+
<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>
 
     Project</button></a>
 
<div class="w3-dropdown-content w3-bar-block w3-animate-opacity">
 
<div class="w3-dropdown-content w3-bar-block w3-animate-opacity">
Line 70: Line 157:
 
         <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/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/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/Protocols" class="w3-bar-item w3-button">Protocols</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/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/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>
 
         <a href="https://2017.igem.org/Team:ICT-Mumbai/Results"class="w3-bar-item w3-button">Results</a>
 
</div>
 
</div>
Line 81: Line 168:
  
 
     <div class="w3-dropdown-hover">
 
     <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>
+
<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">
 
  <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/Team"class="w3-bar-item w3-button">Team</a>
Line 89: Line 176:
  
 
     <div class="w3-dropdown-hover">
 
     <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>
+
<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 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>
 
</div>
  
−
<a href="#safety" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-flag" aria-hidden="true"></i>
+
<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>
 
  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>
+
<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>
 
Human Practices</a>
  
  
−
<a href="#awards" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-trophy" aria-hidden="true"></i>
+
<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>
−
Awards</a>
+
 
 +
 
 
      
 
      
 
   </div>
 
   </div>
Line 119: Line 203:
  
 
<!-- First Parallax Image with Logo Text -->
 
<!-- First Parallax Image with Logo Text -->
−
<div class="bgimg-1 w3-display-container w3-opacity-min" id="home">
+
<div class="bgimg-1 w3-display-container" id="home">
 
   <div class="w3-display-middle" style="white-space:nowrap;">
 
   <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"> Team ICT-Mumbai<span class="w3-hide-small">
 
     <span class="w3-center w3-opacity-max w3-padding-large w3-white w3-xxxlarge w3-wide w3-animate-fading"> Team ICT-Mumbai<span class="w3-hide-small">
Line 125: Line 209:
 
</div>
 
</div>
  
 +
<div class="w3-content w3-container w3-padding-64" id="about">
 +
  <h5 class="w3-center" style="color:#000080">First iGEM team from Institute of Chemical Technology, Mumbai</h5>
  
 +
<style>
 +
h5{
 +
    line-height: 120%;
 +
}
 +
 +
h5 {
 +
    font-size: 30px;
 +
}
 +
 +
</style>
 +
 +
<p style="text-align:center;"><img src="https://static.igem.org/mediawiki/2017/2/29/ICT_Mumbai_gggg.jpeg" height = "100%" width = "100%"></p>
 +
 +
<br>
 +
<br>
 +
 +
<div class="row">
 +
  <div class="column">
 +
    <div class="card">
 +
      <img src="https://static.igem.org/mediawiki/2017/9/96/ICT_Mumbai_AML.jpeg" alt="Arvind" style="width:100%">
 +
      <div class="container">
 +
        <h2>Arvind M. Lali</h2>
 +
        <p class="title" style="height:70 px;font-family:'Lato'; font-size:20px; colour:lightgrey;">Primary PI</p>
 +
        <p style="height:70 px;font-family:'Lato'; font-size:20px; colour:lightgrey;">Professor, Department of Chemical Engineering, and Head, DBT-ICT Centre for Energy Biosciences</p>
 +
      </div>
 +
    </div>
 +
  </div>
 +
 +
  <div class="column">
 +
    <div class="card">
 +
      <img src="https://static.igem.org/mediawiki/2017/c/c7/ICT_Mumbai_SMSR.jpeg" alt="Shamlan" style="width:100%">
 +
      <div class="container">
 +
        <h2>Shamlan M. S. Reshamwala</h2>
 +
        <p class="title" style="height:70 px;font-family:'Lato'; font-size:20px; colour:lightgrey;">Secondary PI</p>
 +
        <p style="height:70 px;font-family:'Lato'; font-size:20px; colour:lightgrey;">Assistant Professor, DBT-ICT Centre for Energy Biosciences
 +
</p>
 +
      </div>
 +
    </div>
 +
  </div>
 +
 +
  <div class="column">
 +
    <div class="card">
 +
      <img src="https://static.igem.org/mediawiki/2017/5/57/ICT_Mumbai_SD.jpeg" alt="Shalini" style="width:100%">
 +
      <div class="container">
 +
        <h2>Shalini Deb</h2>
 +
        <p class="title" style="height:70 px;font-family:'Lato'; font-size:20px; colour:lightgrey;">Secondary PI</p>
 +
        <p style="height:70 px;font-family:'Lato'; font-size:20px; colour:lightgrey;">Research Scientist, DBT-ICT Centre for Energy Biosciences</p>
 +
      </div>
 +
    </div>
 +
  </div>
 +
 +
  <div class="column">
 +
    <div class="card">
 +
      <img src="https://static.igem.org/mediawiki/2017/9/96/ICT_Mumbai_AK.png" alt="Aditya" style="width:100%">
 +
      <div class="container">
 +
        <h2>Aditya Kamat</h2>
 +
        <p class="title" style="height:70 px;font-family:'Lato'; font-size:20px; colour:lightgrey;">Student Member</p>
 +
        <p style="height:70 px;font-family:'Lato'; font-size:20px; colour:lightgrey;">Bachelor of Pharmacy final year undergraduate student</p>
 +
      </div>
 +
    </div>
 +
  </div>
 +
 +
  <div class="column">
 +
    <div class="card">
 +
      <img src="https://static.igem.org/mediawiki/2017/5/53/ICT_Mumbai_RR.jpeg" alt="Revathi" style="width:100%">
 +
      <div class="container">
 +
        <h2>Revathi Reddy</h2>
 +
        <p class="title" style="height:70 px;font-family:'Lato'; font-size:20px; colour:lightgrey;">Student Member</p>
 +
        <p style="height:70 px;font-family:'Lato'; font-size:20px; colour:lightgrey;">Bachelor of Pharmacy final year undergraduate student</p>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 14:57, 1 November 2017

ICT-Mumbai 2017

Team ICT-Mumbai
First iGEM team from Institute of Chemical Technology, Mumbai



Arvind

Arvind M. Lali

Primary PI

Professor, Department of Chemical Engineering, and Head, DBT-ICT Centre for Energy Biosciences

Shamlan

Shamlan M. S. Reshamwala

Secondary PI

Assistant Professor, DBT-ICT Centre for Energy Biosciences

Shalini

Shalini Deb

Secondary PI

Research Scientist, DBT-ICT Centre for Energy Biosciences

Aditya

Aditya Kamat

Student Member

Bachelor of Pharmacy final year undergraduate student

Revathi

Revathi Reddy

Student Member

Bachelor of Pharmacy final year undergraduate student