|
|
Line 1: |
Line 1: |
| {{Team:Technion_Israel/navbar}} | | {{Team:Technion_Israel/navbar}} |
− | <html lang="en">
| + | {{Team:Technion_Israel/Collaborations}} |
− |
| + | |
− | <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;
| + | |
− | text-align: center;
| + | |
− | }
| + | |
− | | + | |
− | /*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>
| + | |
| {{:Team:Technion_Israel/supporters}} | | {{:Team:Technion_Israel/supporters}} |