Line 3: | Line 3: | ||
<head> <link rel="stylesheet" href="styles.css"> | <head> <link rel="stylesheet" href="styles.css"> | ||
<style> | <style> | ||
+ | div.gallery { | ||
+ | border: 1px solid #ccc; | ||
+ | } | ||
+ | |||
+ | div.gallery:hover { | ||
+ | border: 1px solid #777; | ||
+ | } | ||
+ | |||
+ | div.gallery img { | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | div.desc { | ||
+ | padding: 15px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | * { | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | .responsive { | ||
+ | padding: 0 6px; | ||
+ | float: left; | ||
+ | width: 24.99999%; | ||
+ | } | ||
+ | |||
+ | @media only screen and (max-width: 700px) { | ||
+ | .responsive { | ||
+ | width: 49.99999%; | ||
+ | margin: 6px 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media only screen and (max-width: 500px) { | ||
+ | .responsive { | ||
+ | width: 100%; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .clearfix:after { | ||
+ | content: ""; | ||
+ | display: table; | ||
+ | clear: both; | ||
+ | } | ||
h3, h1 { color: #D3BAFC; | h3, h1 { color: #D3BAFC; | ||
Line 375: | Line 421: | ||
<p style="font-size:20px;"><b>1. Synbio Workshop Islamabad:</b> Hosted by the pakistan Innovation Foundation, this unique SynBio workshop was led by Dr.Faisal from CECOS university who was the mentor of the previous teams of iGEM Peshawar. Our team presented its idea infront of the audience, which included professors, students and people of the industry. | <p style="font-size:20px;"><b>1. Synbio Workshop Islamabad:</b> Hosted by the pakistan Innovation Foundation, this unique SynBio workshop was led by Dr.Faisal from CECOS university who was the mentor of the previous teams of iGEM Peshawar. Our team presented its idea infront of the audience, which included professors, students and people of the industry. | ||
</p> | </p> | ||
+ | <div class="responsive"> | ||
+ | <div class="gallery"> | ||
+ | <a target="_blank" > | ||
+ | <img src="https://preview.ibb.co/iamaT0/Whats-App-Image-2018-10-16-at-20-17-15.jpg" alt="Forest" width="600" height="400"> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="responsive"> | ||
+ | <div class="gallery"> | ||
+ | <a target="_blank" href="img_lights.jpg"> | ||
+ | <img src="https://preview.ibb.co/nNe11L/Whats-App-Image-2018-10-16-at-20-17-15-2.jpg" alt="Northern Lights" width="600" height="400"> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="responsive"> | ||
+ | <div class="gallery"> | ||
+ | <a target="_blank" href="img_mountains.jpg"> | ||
+ | <img src="https://preview.ibb.co/n2yTgL/Whats-App-Image-2018-10-16-at-20-17-15-1.jpg" alt="Mountains" width="600" height="400"> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="clearfix"></div> | ||
</div> | </div> | ||
<div class="footer-left"> | <div class="footer-left"> |
Revision as of 01:55, 17 October 2018