Line 62: | Line 62: | ||
/*contact*/ | /*contact*/ | ||
.sec#contactUs { | .sec#contactUs { | ||
− | height: | + | height: auto; |
+ | flex-direction: row; | ||
+ | flex-wrap: wrap; | ||
+ | justify-content: center; | ||
+ | padding: 2vh 0 1vh 0; | ||
} | } | ||
− | + | #contactUs #contactLeft, #contactUs #contactRight { | |
+ | display: flex; | ||
+ | flex-direction: column; | ||
+ | width: 30vmax; | ||
+ | margin: 2vmax; | ||
+ | } | ||
+ | #contactLeft a,#contactRight a { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | #contactLeft a p,#contactRight a p { | ||
+ | color: #74ed46; | ||
+ | padding: 0 !important; | ||
+ | font-family: mohave !important; | ||
+ | } | ||
+ | #contactRight #social { | ||
+ | display: flex; | ||
+ | width: 35vw; | ||
+ | } | ||
+ | #social .links { | ||
+ | font-family: social; | ||
+ | color: #999999; | ||
+ | font-size: 3.2vmax; | ||
+ | margin: 0.7vmax; | ||
+ | text-decoration: none; | ||
+ | -webkit-transition: 0.2s linear; | ||
+ | -moz-transition: 0.2s linear; | ||
+ | -o-transition: 0.2s linear; | ||
+ | transition: 0.2s linear; | ||
+ | } | ||
+ | #social .links:hover { | ||
+ | color: white; | ||
+ | } | ||
+ | .sec#contactUs #footer { | ||
display: flex; | display: flex; | ||
− | |||
justify-content: flex-end; | justify-content: flex-end; | ||
− | + | height: auto; | |
− | width: | + | width: 100vw; |
} | } | ||
.sec#contactUs #footer p { | .sec#contactUs #footer p { | ||
− | margin: | + | margin-right: 4vw; |
− | + | font-size: 1.3vmax; | |
− | font-size: 1. | + | font-family: mohave; |
− | font-family: | + | color: #999999; |
− | color: # | + | } |
− | } | + | |
/*mobile mode*/ | /*mobile mode*/ | ||
@media screen and (orientation: portrait) { | @media screen and (orientation: portrait) { | ||
Line 87: | Line 121: | ||
#landing h1#pulse { | #landing h1#pulse { | ||
font-size: 16vw; | font-size: 16vw; | ||
+ | } | ||
+ | #social .links { | ||
+ | font-size: 4.5vmax; | ||
+ | margin: 1vmax; | ||
} | } | ||
} | } | ||
Line 161: | Line 199: | ||
<section class="sec black" id="contactUs"> | <section class="sec black" id="contactUs"> | ||
− | + | <div id="contactLeft"> | |
+ | <h3>Visit us</h3> | ||
+ | <p>Lab Number 205 and 206<br/> | ||
+ | Teaching and Research Complex<br/> | ||
+ | IISER Kolkata main campus<br/> | ||
+ | Mohanpur, Nadia<br/> | ||
+ | West Bengal, India-741246</p> | ||
+ | <p></p> | ||
+ | <a href="http://www.iiserkol.ac.in/" target="_blank"><p>IISER Kolkata website</p></a> | ||
+ | </div> | ||
+ | <div id="contactRight"> | ||
+ | <h3>Contact us</h3> | ||
+ | <a href="mailto:ig16ms089@iiserkol.ac.in"><p>Ipshita Gayen (Team Leader)</p></a><br/> | ||
+ | <a href="mailto:pc16ms199@iiserkol.ac.in"><p>Pinaka Chanda (Team Leader)</p></a><br/> | ||
+ | <a href="mailto:team.igem@iiserkol.ac.in"><p>Team iGEM IISER Kolkata</p></a><br/> | ||
+ | <div id="social"> | ||
+ | <a class="links" href="https://www.facebook.com/iGEM.IISERK/" target="_blank">E</a> | ||
+ | <a class="links" href="https://www.instagram.com/igem.iiserk/" target="_blank">Q</a> | ||
+ | <a class="links" href="https://twitter.com/iGEM_IISERKol" target="_blank">D</a> | ||
+ | <a class="links" href="https://www.youtube.com/channel/UCA6VxGctaAzB8FOO6NYbXxg" target="_blank">M</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="footer"><p>Website created by Pavan Vynatheya</p></div> | ||
</section> | </section> | ||
</div> | </div> | ||
</html> | </html> |
Revision as of 06:24, 12 October 2019
U N L E I S H
Visit us
Lab Number 205 and 206
Teaching and Research Complex
IISER Kolkata main campus
Mohanpur, Nadia
West Bengal, India-741246
IISER Kolkata website