Line 1: | Line 1: | ||
− | <html> | + | {{Team:Technion_Israel/navbar}} |
+ | <html lang="en"> | ||
+ | |||
+ | <head> | ||
+ | <!-- Title for the page & metadata --> | ||
+ | <title>S.tar, by iGEM Technion 2016</title> | ||
+ | <meta charset="utf-8"> | ||
+ | <meta name="navbar" content="width=device-width, initial-scale=1"> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <style>/* inline page CSS */ | ||
+ | |||
+ | /* general CSS */ | ||
+ | body { | ||
+ | /* font-size: 14px; */ /* optional settings */ | ||
+ | } | ||
+ | /* center img */ | ||
+ | .img-center { | ||
+ | margin: auto; | ||
+ | } | ||
+ | |||
+ | /*Background and effects*/ | ||
+ | .collaborations_wrapper { | ||
+ | position: relative; | ||
+ | } | ||
+ | .blur { | ||
+ | width:100%; | ||
+ | height:100%; | ||
+ | position: absolute; | ||
+ | background: white; | ||
+ | /*background-image:url('https://openclipart.org/image/2400px/svg_to_png/224644/Pakistan-Flag-Map.png'); | ||
+ | background-size:cover; | ||
+ | filter: blur(5px) grayscale(80%) opacity(10%);*/ | ||
+ | } | ||
− | + | /*fonts:*/ | |
+ | /*corecting wiki css */ | ||
+ | #HQ_page p {font-family: "Comic Sans MS", cursive, sans-serif;} | ||
− | + | /*our wiki css */ | |
− | + | h1, h2, h3{ | |
− | + | font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; | |
− | + | } | |
− | + | p { | |
+ | font-family: "Comic Sans MS", cursive, sans-serif; | ||
+ | } | ||
− | + | /*Containers:*/ | |
− | + | .collaboration_logo{ | |
− | + | /*-webkit-filter: grayscale(0.75);*/ | |
− | + | cursor: pointer; | |
+ | transition: all .5s ease; | ||
+ | border: 2px solid #bbb; | ||
+ | box-shadow: 10px 10px 10px grey; | ||
+ | padding: 15px; | ||
+ | } | ||
− | + | .collaboration_logo:hover{ | |
− | + | -webkit-filter: grayscale(0); | |
− | + | transform: scale(1.2,1.2); | |
+ | border: 2px solid #000; | ||
+ | box-shadow: 10px 10px 10px grey | ||
+ | } | ||
− | + | .collaboration_cover{ | |
+ | /*border: 2px solid #000;*/ | ||
+ | box-shadow: 10px 10px 10px grey; | ||
+ | /*filter: blur(1px) opacity(50%) grayscale(80%);*/ | ||
+ | } | ||
+ | </style> | ||
− | < | + | <script> |
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | </script> | ||
+ | </head> | ||
+ | |||
+ | |||
+ | <body> | ||
+ | |||
+ | <header> | ||
+ | </header> | ||
+ | |||
+ | <div class="collaborations_wrapper"> <!--For the background effect, the entire content must lay in a big div, with 2 sub-divs (=sibling element)--> | ||
+ | <div class="blur"></div> <!--The 1st sub-div gives the background--> | ||
+ | |||
+ | |||
+ | <div class="cover"> <!--The 2nd sub-div contains the content--> | ||
+ | |||
+ | <!--Headline:--> | ||
+ | <div class="row"> | ||
+ | <div class="col-sm-12"> | ||
+ | <h1 class="text-center"><u>Collaboration</u></h2> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <!--Headline:--> | ||
+ | <div class="row"> | ||
+ | <div class="col-sm-12"> | ||
+ | <img src="https://s12.postimg.org/ablroa5ob/4petryplates.jpg" class="img-responsive img-center collaboration_cover" width="100%"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <br> | ||
+ | <br> | ||
+ | |||
+ | <div class="row"> | ||
+ | |||
+ | <div class="col-sm-3 col-xs-6"><!--Peshawar--> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/b/b2/T--Technion_Israel--peshawar350x250.jpg" class="img-responsive img-center collaboration_logo" width="175" height="125"> | ||
+ | <br><p class="text-center"><b>iGEM Peshawar</b></p> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-3 col-xs-6"><!--Aachen--> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/8/8f/T--Technion_Israel--Aachen350x250.jpg" class="img-responsive img-center collaboration_logo" width="175" height="125"> | ||
+ | <br><p class="text-center"><b>iGEM Aachen</b></p> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-3 col-xs-6"><!--BGU--> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/2/20/T--Technion_Israel--BGU350x250.jpg" class="img-responsive img-center collaboration_logo" width="175" height="125"> | ||
+ | <br><p class="text-center"><b>iGEM BGU</b></p> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-3 col-xs-6"><!--Eindhoven --> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/c/c0/T--Technion_Israel--Eindhoven350x250.jpg" class="img-responsive img-center collaboration_logo" width="175" height="125"> | ||
+ | <br><p class="text-center"><b>iGEM Eindhoven</b></p> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </body> | ||
</html> | </html> | ||
+ | {{:Team:Technion_Israel/supporters}} |
Revision as of 13:20, 5 October 2016