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

Line 2: Line 2:
 
<html>
 
<html>
  
 +
<html>
 +
<title>ICT-Mumbai 2017</title>
 +
<meta charset="UTF-8">
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
 +
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
 +
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  
 +
<style>
 +
 +
#sideMenu
 +
{display:none; /*Disable the display of the annoying side main menu*/}
 +
#top_title
 +
{display:none; /* Disable the annoying title*/}
 +
#content
 +
{padding:0px; width:100%; margin-left:0%; margin-right:0%;background-color: rgba(255,255,255);}
 +
 +
 +
body,h1,h2,h3,h4,h5,h6 {font-family: "Source Sans Pro", sans-serif;}
 +
 +
body, html {
 +
    height: 100%;
 +
    color: rgba(255,255,255);
 +
}
 +
 +
img {
 +
    display: block;
 +
    margin: auto;
 +
    width: 50%;
 +
}
 +
 +
/* Create a Parallax Effect */
 +
.bgimg-1, .bgimg-2, .bgimg-3 {
 +
    background-attachment: fixed;
 +
    background-position: center;
 +
    background-repeat: no-repeat;
 +
    background-size: cover;
 +
}
 +
 +
/* First image (Logo. Full height) */
 +
.bgimg-1 {
 +
    background-image: url("https://static.igem.org/mediawiki/2017/c/c0/ICT-Mumbai_collab_bgimg2.png");
 +
    min-height: 1000px;
 +
   
 +
}
 +
 +
.w3-wide {letter-spacing: 10px;}
 +
.w3-hover-opacity {cursor: pointer;}
 +
 +
/* Turn off parallax scrolling for tablets and phones */
 +
@media only screen and (max-device-width: 1024px) {
 +
    .bgimg-1, .bgimg-2, .bgimg-3 {
 +
        background-attachment: scroll;
 +
    }
 +
}
 +
 +
 +
</style>
 +
</body>
 +
 +
<!-- Navbar (sit on top) -->
 +
  <div class="w3-bar" id="myNavbar">
 +
    <a class="w3-bar-item w3-button w3-hover-black w3-hide-medium w3-hide-large w3-right" href="javascript:void(0);" onclick="toggleFunction()" title="Toggle Navigation Menu">
 +
      <i class="fa fa-bars"></i>
 +
    </a>
 +
 +
  <a href="https://2017.igem.org/Team:ICT-Mumbai#home" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-home" aria-hidden="true"></i>
 +
Home</a>
 +
 +
<div class="w3-dropdown-hover">
 +
<button class="w3-button" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-flask" aria-hidden="true"></i>
 +
    Project</button></a>
 +
<div class="w3-dropdown-content w3-bar-block w3-animate-opacity">
 +
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Background" class="w3-bar-item w3-button">Background</a>
 +
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Description" class="w3-bar-item w3-button">Description</a>
 +
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Design" class="w3-bar-item w3-button">Design</a>
 +
        <a href="https://2017.igem.org/Team:ICT-Mumbai/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/InterLab"class="w3-bar-item w3-button">Interlab</a>
 +
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Results"class="w3-bar-item w3-button">Results</a>
 +
</div>
 +
</div>
 +
 +
 +
 +
 +
    <div class="w3-dropdown-hover">
 +
<button class="w3-button" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-users" aria-hidden="true"></i>Team</button></a>
 +
<div class="w3-dropdown-content w3-bar-block w3-animate-opacity">
 +
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Team"class="w3-bar-item w3-button">Team</a>
 +
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Collaborations" class="w3-bar-item w3-button">Collaborations</a>
 +
</div>
 +
</div>
 +
 +
    <div class="w3-dropdown-hover">
 +
<a href="https://2017.igem.org/Team:ICT-Mumbai/Parts" button class="w3-button" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-cogs" aria-hidden="true"></i>  Part</a>
 +
 +
</div>
 +
 +
<a href="https://2017.igem.org/Team:ICT-Mumbai/Safety" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-flag" aria-hidden="true"></i>
 +
Safety</a>
 +
 +
<a href="https://2017.igem.org/Team:ICT-Mumbai/HP" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-handshake-o" aria-hidden="true"></i>
 +
Human Practices</a>
 +
 +
 +
<a href="https://2017.igem.org/Team:ICT-Mumbai/Attributions" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-user-o" aria-hidden="true"></i>Attributions</a>
 +
 +
 +
   
 +
  </div>
 +
 +
  <!-- Navbar on small screens -->
 +
  <div id="navDemo" class="w3-bar-block w3-white w3-hide w3-hide-large w3-hide-medium">
 +
    <a href="#about" class="w3-bar-item w3-button" onclick="toggleFunction()">ABOUT</a>
 +
    <a href="#portfolio" class="w3-bar-item w3-button" onclick="toggleFunction()">PORTFOLIO</a>
 +
    <a href="#contact" class="w3-bar-item w3-button" onclick="toggleFunction()">CONTACT</a>
 +
    <a href="#" class="w3-bar-item w3-button">SEARCH</a>
 +
  </div>
 +
</div>
 +
 +
<!-- First Parallax Image with Logo Text -->
 +
<div class="bgimg-1 w3-display-container" id="home">
 +
  <div class="w3-display-middle" style="white-space:nowrap;">
 +
 
 +
  </div>
 +
</div>
  
  

Revision as of 02:19, 1 November 2017

ICT-Mumbai 2017