Difference between revisions of "Team:IISER Kolkata/Parts"

Line 8: Line 8:
 
<script src="https://2019.igem.org/wiki/index.php?title=Team:IISER_Kolkata/.js&action=raw&ctype=text/javascript" defer></script>
 
<script src="https://2019.igem.org/wiki/index.php?title=Team:IISER_Kolkata/.js&action=raw&ctype=text/javascript" defer></script>
 
<script src="https://2019.igem.org/wiki/index.php?title=Team:IISER_Kolkata/common.js&action=raw&ctype=text/javascript" defer></script>
 
<script src="https://2019.igem.org/wiki/index.php?title=Team:IISER_Kolkata/common.js&action=raw&ctype=text/javascript" defer></script>
 +
 +
<style>
 +
div#butcont {
 +
align-self: center;
 +
display: flex;
 +
flex-wrap: wrap;
 +
flex-direction: row;
 +
justify-content: center;
 +
}
 +
div.butdiv {
 +
background-color: #74ed46;
 +
height: auto;
 +
width: auto;
 +
cursor: pointer;
 +
margin: 2vmax;
 +
padding: 1vmax;
 +
        -webkit-transition: 0.2s linear;
 +
        -moz-transition: 0.2s linear;
 +
        -o-transition: 0.2s linear;
 +
        transition: 0.2s linear;
 +
}
 +
div.butdiv a {
 +
text-decoration: none;
 +
}
 +
div.butdiv h4 {
 +
    font-size: 1.8vmax;
 +
    line-height: 1.4;
 +
    font-weight: normal;
 +
color: black;
 +
font-family: mohave;
 +
        -webkit-transition: 0.2s linear;
 +
        -moz-transition: 0.2s linear;
 +
        -o-transition: 0.2s linear;
 +
        transition: 0.2s linear;
 +
}
 +
div.butdiv:hover {
 +
background-color: black;
 +
}
 +
div.butdiv:hover h4 {
 +
color: #74ed46;
 +
}
 +
/*mobile mode*/
 +
@media screen and (orientation: portrait) {
 +
div.butdiv h4 {
 +
    font-size: 2.8vmax;
 +
}
 +
}
 +
</style>
 
 
 
<nav id="navbar">
 
<nav id="navbar">
Line 61: Line 109:
 
                 <div id="container">
 
                 <div id="container">
 
<h1 class="heading">Parts Overview</h1>
 
<h1 class="heading">Parts Overview</h1>
−
                       
+
 
 +
<section class="sec white">
 +
<p>Our parts consists of six basic parts and five composite parts. The links to the respective pages are given below.</p>
 +
<div id="butcont">
 +
<div class="butdiv"><a href="https://2019.igem.org/Team:IISER_Kolkata/Basic_Part"><h4>Basic parts</h4></a></div>
 +
<div class="butdiv"><a href="https://2019.igem.org/Team:IISER_Kolkata/Composite_Part"><h4>Composite parts</h4></a></div>
 +
<div class="butdiv"><a href="https://2019.igem.org/Team:IISER_Kolkata/Part_Collection"><h4>Parts collection</h4></a></div>
 +
</div>
 +
</section>                       
 
                 </div>
 
                 </div>
  
  
 
</html>
 
</html>

Revision as of 10:16, 20 October 2019

Parts Overview

Our parts consists of six basic parts and five composite parts. The links to the respective pages are given below.