Revathireddy (Talk | contribs) |
Adityakamat (Talk | contribs) |
||
(47 intermediate revisions by 3 users not shown) | |||
Line 17: | Line 17: | ||
− | body,h1,h2,h3,h4,h5,h6 {font-family: " | + | 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=" | + | <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"> | ||
− | < | + | <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/ | + | <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/ | + | <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"> | ||
− | < | + | <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=" | + | <a href="https://2017.igem.org/Team:ICT-Mumbai/Parts" button class="w3-button" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-cogs" aria-hidden="true"></i> Part</a> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | <a href=" | + | <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=" | + | <a href="https://2017.igem.org/Team:ICT-Mumbai/Attributions" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-user-o" aria-hidden="true"></i>Attributions</a> |
− | + | ||
+ | |||
</div> | </div> | ||
Line 119: | Line 203: | ||
<!-- First Parallax Image with Logo Text --> | <!-- First Parallax Image with Logo Text --> | ||
− | <div class="bgimg-1 w3-display-container | + | <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