|
|
| 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}} |
