Difference between revisions of "Team:VIT Vellore"

Line 1: Line 1:
 
{{VIT_Vellore}}
 
{{VIT_Vellore}}
 
<html>
 
<html>
 +
<style>
 +
 +
@charset "utf-8";
 +
 +
* {
 +
    box-sizing: border-box;
 +
}
 +
 +
*::selection {
 +
    background-color: rgba(255, 86, 86, 0.5);
 +
}
 +
 +
*::-moz-selection {
 +
    background-color: rgba(255, 86, 86, 0.5);
 +
}
 +
 +
body {
 +
    margin: 0;
 +
    padding: 0;
 +
    background-color: #fff;
 +
    overflow: hidden;
 +
}
 +
 +
[class*="col-"] {
 +
    width: 100%;
 +
    border: 1px #ffffff00;
 +
    float: left;
 +
}
 +
 +
.col-66, .col-33 {
 +
    text-align: center;
 +
}
 +
 +
.row::after {
 +
    content: "";
 +
    clear: both;
 +
    display: table;
 +
}
 +
 +
#home-container {
 +
    width: 100%;
 +
    background-image: url('https://static.igem.org/mediawiki/2018/5/56/T--VIT_Vellore--beachbackground.jpeg');
 +
    background-size: cover;
 +
    background-position: center;
 +
    background-repeat: no-repeat;
 +
    padding: 7%;
 +
}
 +
 +
#home-container, #home-container img {
 +
    display: block;
 +
    margin: auto;
 +
}
 +
 +
#igemvitlogo {
 +
    width: 30%;
 +
    height: auto;
 +
    padding: 0;
 +
}
 +
 +
#home-container h1 {
 +
    font-family: 'Comfortaa', Tahoma, sans-serif;
 +
    font-size: 10vw;
 +
    font-weight: 500;
 +
    letter-spacing: -0.05em;
 +
    padding: 1%;
 +
    color: #fff;
 +
    text-align: center;
 +
    text-shadow: 1px 1px 30px #1a1a1a9c;
 +
}
 +
 +
#home-container h1 span {
 +
    font-weight: bold;
 +
    padding: 0 1%;
 +
}
 +
 +
#home-container h2 {
 +
    font-family: 'Bahnschrift', 'Segoe UI', Tahoma, sans-serif;
 +
    font-size: 3vw;
 +
    font-weight: 500;
 +
    color: #fff;
 +
    text-align: center;
 +
    padding: 0;
 +
    margin: 0;
 +
    text-shadow: 1px 1px 30px #1a1a1ac7;
 +
}
 +
 +
#home-container button {
 +
    color: #fff;
 +
    background-color: #1d1d1d2c;
 +
    border: 2px solid #fff;
 +
    border-radius: 50px;
 +
    padding: 1% 2%;
 +
    font-family: 'Bahnschrift', 'Segoe UI', Tahoma, sans-serif;
 +
    font-size: 1.3vw;
 +
    font-weight: 500;
 +
    text-align: center;
 +
    display: block;
 +
    margin: 2.5% auto;
 +
    box-shadow: 1px 1px 30px #1a1a1ac7;
 +
    transition: 0.4s;
 +
}
 +
 +
#home-container button:hover {
 +
    background-color: #fff;
 +
    color: #000;
 +
    cursor: pointer;
 +
    text-shadow: none;
 +
}
 +
 +
.project-intro {
 +
    width: 100%;
 +
    padding: 5%;
 +
    height: auto;
 +
    margin: auto;
 +
    text-align: justify;
 +
    display: none;
 +
}
 +
 +
.main-h1 {
 +
    font-family: 'Comfortaa', 'Calibri', sans-serif;
 +
    font-size: 5vw;
 +
    letter-spacing: -0.05em;
 +
}
 +
 +
.ill-container {
 +
    width: 100%;
 +
    height: auto;
 +
    overflow: hidden;
 +
    display: none;
 +
}
 +
 +
#ill-1 {
 +
    background-color: #a0000085;
 +
    padding: 10%;
 +
}
 +
 +
#ill-2 {
 +
    background-image: radial-gradient(circle, #00a2ff7e 40%, #a0000085 60%);
 +
    padding: 8%;
 +
}
 +
 +
#ill-nav {
 +
    background-color: #00000000;
 +
    position: fixed;
 +
    right: 5%;
 +
    top: 40%;
 +
    padding: 0;
 +
    display: none;
 +
}
 +
 +
#ill-nav a {
 +
    text-decoration: none;
 +
    font-family: sans-serif;
 +
    font-weight: 500;
 +
    font-size: 1.8vw;
 +
    color: #fff;
 +
    padding: 10px;
 +
    margin: 0;
 +
    text-shadow: 1px 1px 2px #1d1d1d2c;
 +
    transition: 0.4s;
 +
    opacity: 0.75;
 +
}
 +
 +
#ill-nav a:hover {
 +
    margin-left: 15%;
 +
    opacity: 1;
 +
}
 +
 +
.ill-med {
 +
    width: 60%;
 +
    height: auto;
 +
    margin: 0 auto;
 +
    display: block;
 +
    padding: 2%;
 +
}
 +
 +
.ill-description {
 +
    height: auto;
 +
    font-family: 'Bahnschrift', 'Calibri', sans-serif;
 +
    font-size: 1vw;
 +
    font-weight: 500;
 +
    color: #fff;
 +
    background-color: rgba(0, 0, 0, 0.795);
 +
    padding: 2%;
 +
    margin: 0 auto;
 +
    text-align: center;
 +
    width: 65%;
 +
    box-shadow: 1px 1px 5px #1a1a1a9c;
 +
}
 +
 +
.overlay {
 +
    height: 0;
 +
    width: 100%;
 +
    position: fixed;
 +
    z-index: 1;
 +
    left: 0;
 +
    top: 0;
 +
    background-color: rgba(255, 255, 255, 0.985);
 +
    overflow-x: hidden;
 +
}
 +
 +
.overlay-content {
 +
    position: relative;
 +
    top: 5%;
 +
    width: 100%;
 +
    text-align: center;
 +
    margin: 20px 0 0 0;
 +
}
 +
 +
.overlay a {
 +
    font-family: 'Bahnschrift', 'Calibri', sans-serif;
 +
    padding: 8px;
 +
    text-decoration: none;
 +
    font-size: 2vw;
 +
    display: block;
 +
    color: #474747;
 +
    transition: 0.4s;
 +
}
 +
 +
.overlay a:hover, .overlay a:focus {
 +
    color: #000;
 +
    margin-left: 1.5%;
 +
}
 +
 +
.navbtn {
 +
    opacity: 0.75;
 +
    width: 32px;
 +
    height: auto;
 +
    position: fixed;
 +
    right: 5%;
 +
    top: 5%;
 +
    padding: 0;
 +
    margin: auto;
 +
    display: none;
 +
    transition: 0.4s;
 +
}
 +
 +
.navbtn:hover {
 +
    opacity: 1;
 +
    cursor: pointer;
 +
}
 +
 +
.team-description {
 +
    font-family: 'Bahnschrift', Arial, sans-serif;
 +
    text-align: justify;
 +
    font-size: 1.2vw;
 +
    margin: auto;
 +
    padding: 1%;
 +
}
 +
 +
.header-img {
 +
    width: 40%;
 +
    height: auto;
 +
    float: left;
 +
    padding: 0;
 +
    margin: auto;
 +
}
 +
 +
#interlab-container {
 +
    width: 80%;
 +
    margin: auto;
 +
    display: block;
 +
}
 +
 +
.nav-heading {
 +
    font-family: 'Comfortaa', 'Calibri', sans-serif;
 +
    font-size: 4vw;
 +
    letter-spacing: -0.05em;
 +
    text-align: center;
 +
    padding: 1%;
 +
}
 +
 +
@media only screen and (min-width: 600px) {
 +
    .col-1 {
 +
        width: 8.33%;
 +
    }
 +
    .col-2 {
 +
        width: 16.66%;
 +
    }
 +
    .col-3 {
 +
        width: 25%;
 +
    }
 +
    .col-4 {
 +
        width: 33.33%;
 +
    }
 +
    .col-5 {
 +
        width: 41.66%;
 +
    }
 +
    .col-6 {
 +
        width: 50%;
 +
    }
 +
    .col-7 {
 +
        width: 58.33%;
 +
    }
 +
    .col-8 {
 +
        width: 66.66%;
 +
    }
 +
    .col-9 {
 +
        width: 75%;
 +
    }
 +
    .col-10 {
 +
        width: 83.33%;
 +
    }
 +
    .col-11 {
 +
        width: 91.66%;
 +
    }
 +
    .col-12 {
 +
        width: 100%;
 +
    }
 +
    .col-33 {
 +
        width: 33.33%;
 +
        padding: 20px;
 +
    }
 +
    .col-66 {
 +
        width: 66.66%;
 +
        padding: 20px;
 +
    }
 +
}
 +
 +
</style>
 
<body>
 
<body>
 
     <div class="row">
 
     <div class="row">

Revision as of 16:20, 13 October 2018

togglepH

VIT Vellore

Illustration 1

The three promoters are two CadA and one PnhaA. An increase in industrialization has led to an overall increase in the carbon footprint, the major component being CO2 which in turn led to global warming. Among other ill effects of industrialization, the one that has garnered a lot of attention is what we call Ocean Acidification. It is also known as "the other CO2 problem" and that's where our engineered microbe jumps in.

Illustration 2

The three promoters are two CadA and one PnhaA. An increase in industrialization has led to an overall increase in the carbon footprint, the major component being CO2 which in turn led to global warming. Among other ill effects of industrialization, the one that has garnered a lot of attention is what we call Ocean Acidification. It is also known as "the other CO2 problem" and that's where our engineered microbe jumps in.

Illustration 3

The three promoters are two CadA and one PnhaA. An increase in industrialization has led to an overall increase in the carbon footprint, the major component being CO2 which in turn led to global warming. Among other ill effects of industrialization, the one that has garnered a lot of attention is what we call Ocean Acidification. It is also known as "the other CO2 problem" and that's where our engineered microbe jumps in.

Illustration 3

The three promoters are two CadA and one PnhaA. An increase in industrialization has led to an overall increase in the carbon footprint, the major component being CO2 which in turn led to global warming. Among other ill effects of industrialization, the one that has garnered a lot of attention is what we call Ocean Acidification. It is also known as "the other CO2 problem" and that's where our engineered microbe jumps in.