Difference between revisions of "Team:VIT Vellore"

Line 68: Line 68:
 
     cursor: pointer;
 
     cursor: pointer;
 
     text-shadow: none;
 
     text-shadow: none;
 +
}
 +
 +
.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;
 
}
 
}
  
Line 78: Line 144:
 
     </div>
 
     </div>
 
</div>
 
</div>
 +
<div id="ill-nav">
 +
        <a id="ill-1-link" href="#">&#10102;</a><br/><br/>
 +
        <a id="ill-2-link" href="#">&#10103;</a><br/><br/>
 +
        <a id="ill-3-link" href="#">&#10104;</a><br/><br/>
 +
        <a id="ill-4-link" href="#">&#10105;</a><br/><br/>
 +
    </div>
 +
    <div id="ill-1" class="horizontal ill-container">
 +
        <img class="ill-med" src="images/ill-1.png" alt="Illustration 1"/>
 +
        <p class="ill-description">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 CO<sub>2</sub> 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 <span class="em-text">Ocean Acidification</span>. It is also known as "the other CO<sub>2</sub> problem" and that's where our engineered microbe jumps in.</p>
 +
    </div>
 +
    <div id="ill-2" class="horizontal ill-container">
 +
        <img class="ill-med" src="images/ill-2.png" alt="Illustration 2"/>
 +
        <p class="ill-description">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 CO<sub>2</sub> 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 <span class="em-text">Ocean Acidification</span>. It is also known as "the other CO<sub>2</sub> problem" and that's where our engineered microbe jumps in.</p>
 +
    </div>
 
</html>
 
</html>

Revision as of 06:26, 16 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.