(Prototype team page) |
Krumov1993 (Talk | contribs) |
||
(5 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
{{Bulgaria}} | {{Bulgaria}} | ||
<html> | <html> | ||
+ | <head> | ||
+ | <meta charset="UTF-8"> | ||
+ | <link href="https://fonts.googleapis.com/css?family=Leckerli+One" rel="stylesheet"> | ||
+ | <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800" rel="stylesheet"> | ||
+ | <link href="https://fonts.googleapis.com/css?family=Biryani:300,400,800,900" rel="stylesheet"> | ||
+ | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> | ||
+ | <style> | ||
+ | .drop-link, .menu-item, .sub-item{ | ||
+ | list-style-type: none !important; | ||
+ | list-style-image: none !important; | ||
+ | list-style:none !important; | ||
+ | } | ||
− | |||
− | |||
− | |||
− | + | #content{ | |
− | + | width: 100%; | |
+ | padding: 0px; | ||
+ | margin-left: 0px; | ||
+ | } | ||
+ | #top_title{ | ||
+ | display: none; | ||
+ | } | ||
+ | #sideMenu{ | ||
+ | display: none; | ||
+ | } | ||
− | + | *{ | |
+ | margin:0; | ||
+ | padding: 0; | ||
+ | font-family: 'Open Sans', sans-serif !important; | ||
+ | } | ||
+ | .wrapper{ | ||
+ | width: 100%; | ||
+ | margin: 0 auto; | ||
+ | } | ||
− | + | nav{ | |
− | + | background: #80002a; | |
− | + | color: white; | |
− | + | padding: 20px; | |
+ | text-align: right; | ||
+ | } | ||
− | + | .navigation-bar{ | |
+ | padding-right: 125px !important; | ||
+ | } | ||
− | + | .menu-item{ | |
− | + | display: inline-block; | |
− | + | margin-right: 25px; | |
− | + | color:rgba(255,255,255,0.9); | |
+ | text-transform: capitalize; | ||
+ | } | ||
− | + | .menu-item:hover{ | |
− | + | color:rgba(255,255,255,1); | |
− | + | cursor: pointer; | |
+ | } | ||
− | + | .drop-link{ | |
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | .dropdown-content { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | list-style-type: none; | ||
+ | text-align: left; | ||
+ | background-color: #80002a; | ||
+ | min-width: 160px; | ||
+ | padding-top: 20px !important; | ||
+ | margin-left: -20px !important; | ||
+ | } | ||
− | + | .sub-item{ | |
− | + | padding: 15px; | |
− | + | } | |
− | + | ||
− | + | .dropdown-content a, | |
− | + | a{ | |
− | + | text-decoration: none !important; | |
− | + | color: white !important; | |
− | + | padding-top: 15px; | |
− | + | } | |
− | + | .drop-link:hover .dropdown-content { | |
− | + | cursor: pointer; | |
− | + | display: block; | |
− | + | margin-top:0px !important; | |
+ | } | ||
+ | .sub-item:hover{ | ||
+ | background: #5d001f; | ||
+ | transition: background .2s linear; | ||
+ | } | ||
+ | .partner-list{ | ||
+ | display: inline-block; | ||
+ | } | ||
+ | .partner{ | ||
+ | padding-top: 40px; | ||
+ | width:50%; | ||
+ | display: inline-block; | ||
+ | float: left; | ||
+ | } | ||
+ | .logo{ | ||
+ | width:100%; | ||
+ | height: 100%; | ||
+ | max-width: 250px; | ||
+ | max-height: 180px; | ||
+ | } | ||
+ | |||
+ | .flip { | ||
+ | -webkit-perspective: 800; | ||
+ | -ms-perspective: 800; | ||
+ | -moz-perspective: 800; | ||
+ | -o-perspective: 800; | ||
+ | width: 400px; | ||
+ | height: 200px; | ||
+ | position: relative; | ||
+ | margin: 20px auto; | ||
+ | } | ||
+ | .flip .box.flipped { | ||
+ | transform:rotatey(-180deg); | ||
+ | -ms-transform:rotatey(-180deg); /* IE 9 */ | ||
+ | -moz-transform:rotatey(-180deg); /* Firefox */ | ||
+ | -webkit-transform:rotatey(-180deg); /* Safari and Chrome */ | ||
+ | -o-transform:rotatey(-180deg); /* Opera */ | ||
+ | } | ||
+ | .flip .box { | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | -webkit-transform-style: preserve-3d; | ||
+ | -webkit-transition: 0.5s; | ||
+ | -moz-transform-style: preserve-3d; | ||
+ | -moz-transition: 0.5s; | ||
+ | -ms-transform-style: preserve-3d; | ||
+ | -ms-transition: 0.5s; | ||
+ | -o-transform-style: preserve-3d; | ||
+ | -o-transition: 0.5s; | ||
+ | transform-style: preserve-3d; | ||
+ | transition: 0.5s; | ||
+ | } | ||
+ | .flip .box .face { | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | position: absolute; | ||
+ | z-index: 2; | ||
+ | text-align: center; | ||
+ | backface-visibility: hidden; /* W3C */ | ||
+ | -webkit-backface-visibility: hidden; /* Safari & Chrome */ | ||
+ | -moz-backface-visibility: hidden; /* Firefox */ | ||
+ | -ms-backface-visibility: hidden; /* Internet Explorer */ | ||
+ | -o-backface-visibility: hidden; /* Opera */ | ||
+ | |||
+ | } | ||
+ | .flip .box .front { | ||
+ | position: absolute; | ||
+ | z-index: 1; | ||
+ | background: white; | ||
+ | -webkit-box-shadow: 5px 7px 26px -2px rgba(86,86,86,0.5); | ||
+ | -moz-box-shadow: 5px 7px 26px -2px rgba(86,86,86,0.5); | ||
+ | box-shadow: 5px 7px 26px -2px rgba(86,86,86,0.5);; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | .flip .box .back { | ||
+ | background:#155049; | ||
+ | color: white; | ||
+ | cursor: pointer; | ||
+ | font: 18px 'Open Sans',sans-serif; | ||
+ | |||
+ | transform:rotatey(-180deg); | ||
+ | -ms-transform:rotatey(-180deg); /* IE 9 */ | ||
+ | -moz-transform:rotatey(-180deg); /* Firefox */ | ||
+ | -webkit-transform:rotatey(-180deg); /* Safari and Chrome */ | ||
+ | -o-transform:rotatey(-180deg); /* Opera */ | ||
+ | |||
+ | } | ||
+ | .colab{ | ||
+ | font: 64px 'Leckerli One', cursive !important; | ||
+ | color: #155049 !important; | ||
+ | text-align: center !important; | ||
+ | padding: 60px !important; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div class="wrapper"> | ||
+ | <nav> | ||
+ | <ul class="navigation-bar"> | ||
+ | <li class="menu-item"> | ||
+ | <a href="https://2016.igem.org/Team:Bulgaria">home</a> | ||
+ | </li> | ||
+ | |||
+ | <li class="menu-item drop-link"> project | ||
+ | <ul class="project-submenu dropdown-content"> | ||
+ | <li class="sub-item"><a href="https://2016.igem.org/Team:Bulgaria/Overview">overview</a></li> | ||
+ | <li class="sub-item"><a href="https://2016.igem.org/Team:Bulgaria/Results">results</a></li> | ||
+ | <li class="sub-item"><a href="https://2016.igem.org/Team:Bulgaria/FutureWork">future work</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class="menu-item drop-link">notebook | ||
+ | <ul class="notebook-submenu dropdown-content"> | ||
+ | <li class="sub-item"><a href="https://2016.igem.org/Team:Bulgaria/LabBook">lab book</a></li> | ||
+ | <li class="sub-item"><a href="https://2016.igem.org/Team:Bulgaria/Safety">safety</a></li> | ||
+ | <li class="sub-item"><a href="https://2016.igem.org/Team:Bulgaria/Protocols">protocols</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class="menu-item"><a href="https://2016.igem.org/Team:Bulgaria/Lab">lab</a></li> | ||
+ | |||
+ | <li class="menu-item drop-link">achievements | ||
+ | <ul class="achievements-submenu dropdown-content"> | ||
+ | <li class="sub-item"><a href="https://2016.igem.org/Team:Bulgaria/MedalCriteria">medal criteria</a></li> | ||
+ | <li class="sub-item"><a href="https://2016.igem.org/Team:Bulgaria/Part">parts</a></li> | ||
+ | <li class="sub-item"><a href="https://2016.igem.org/Team:Bulgaria/HelpGuide">help guide</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class="menu-item drop-link"><a href="https://2016.igem.org/Team:Bulgaria/HP/Silver">human practices</a> | ||
+ | <ul class="humanpractice-submenu dropdown-content"> | ||
+ | <li class="sub-item"><a href="https://2016.igem.org/Team:Bulgaria/Engagement">public engagement and education</a></li> | ||
+ | <li class="sub-item"><a href="https://2016.igem.org/Team:Bulgaria/Integrated_Practices">integrated human practices</a></li> | ||
+ | <li class="sub-item"><a href="https://2016.igem.org/Team:Bulgaria/Collaborations">collaboration</a></li> | ||
+ | <li class="sub-item"><a href="https://2016.igem.org/Team:Bulgaria/Entrepreneurship">enterpreneurship</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class="menu-item drop-link">team | ||
+ | <ul class="team-submenu dropdown-content"> | ||
+ | <li class="sub-item"><a href="https://2016.igem.org/Team:Bulgaria/Members">members</a></li> | ||
+ | <li class="sub-item"><a href="https://2016.igem.org/Team:Bulgaria/OurStory">our story</a></li> | ||
+ | <li class="sub-item"><a href="https://2016.igem.org/Team:Bulgaria/Attributions">attributions</a></li> | ||
+ | <li class="sub-item"><a href="https://2016.igem.org/Team:Bulgaria/University">university</a></li> | ||
+ | <li class="sub-item"><a href="https://2016.igem.org/Team:Bulgaria/Bulgaria">Bulgaria</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </nav> | ||
+ | <main> | ||
+ | <h1 class="colab">Collaborations</h1> | ||
+ | <ul class="collaboration"> | ||
+ | <li class="partner"> | ||
+ | <div class="flip"> | ||
+ | <div class="box"> | ||
+ | <div class="face front"><img src="https://static.igem.org/mediawiki/2016/b/b3/Groningen.png" alt="Groningen" class="logo"> </div> | ||
+ | <div class="face back"><br><br>iGEM Groningen Team send us an e-mail asking to help them out by filling their survey. Team Groningen were very kind and we hope the survey was helpful. | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <li class="partner"> | ||
+ | <div class="flip"> | ||
+ | <div class="box"> | ||
+ | <div class="face front"><img src="https://static.igem.org/mediawiki/2016/f/f8/Gottingen.png" alt="Groningen" class="logo"> </div> | ||
+ | <div class="face back"><br><br><br>iGEM Team Gottingen wrote us an e-mail asking to help them out by filling their survey and so we did. | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | <li class="partner"> | ||
+ | <div class="flip"> | ||
+ | <div class="box"> | ||
+ | <div class="face front"><img src="https://static.igem.org/mediawiki/2016/3/30/Saclay.png" alt="Groningen" class="logo"> </div> | ||
+ | <div class="face back"><br><br><br>We filled team Paris-Saclay 2016’s survey. We were very interested in their project after looking at their team’s info page at igem.org | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <li class="partner"> | ||
+ | <div class="flip"> | ||
+ | <div class="box"> | ||
+ | <div class="face front"><img src="https://static.igem.org/mediawiki/2016/d/de/T--Virginia--collabopen.png" alt="Groningen" class="logo"></div> | ||
+ | <div class="face back"><br><br><br>iGEM Virginia’s survey was easy to fill and we are grateful for the collaboration badge we received. | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <li class="partner"> | ||
+ | <div class="flip"> | ||
+ | <div class="box"> | ||
+ | <div class="face front"><img src="https://static.igem.org/mediawiki/2016/2/2e/Uc-davis.png" class="logo"> </div> | ||
+ | <div class="face back"><br><br><br>Samir from iGEM UC Davis team contacted us via e-mail and we tried their service iGemMatch.org where we found other teams to collaborate with. | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <li class="partner"> | ||
+ | <div class="flip"> | ||
+ | <div class="box"> | ||
+ | <div class="face front"><img src="https://static.igem.org/mediawiki/2016/9/9d/Vilnius.png" class="logo"> </div> | ||
+ | <div class="face back"><br>Vilnius iGEM team- they contacted us by email. Later a member of Vilnius-Lithuania iGEM - Sofija came to Sofia city and we showed her our laboratory. We have exchanged our project ideas, shared experience, and Sofija gave us some insights on how to manage the project. We also showed her around the city. | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <li class="partner"> | ||
+ | <div class="flip"> | ||
+ | <div class="box"> | ||
+ | <div class="face front"><img src="https://static.igem.org/mediawiki/2016/b/b1/Every.jpeg" class="logo"> </div> | ||
+ | <div class="face back"><br><br><br>We filled team Evry 2016’s survey. We were very interested in their project after looking at their team’s info page at igem.org | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <li class="partner"> | ||
+ | <div class="flip"> | ||
+ | <div class="box"> | ||
+ | <div class="face front"><img src="https://static.igem.org/mediawiki/2016/4/4d/Valencia.png" class="logo"> </div> | ||
+ | <div class="face back"><br><br><br>We filled team Valencia 2016’s survey. We were very interested in their project after looking at their team’s info page at igem.org | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <li class="partner"> | ||
+ | <div class="flip"> | ||
+ | <div class="box"> | ||
+ | <div class="face front"><img src="https://static.igem.org/mediawiki/2016/d/de/Tec-monteray.png" class="logo"> </div> | ||
+ | <div class="face back"><br><br><br>We filled team Tec-Monterrey’s survey. We stumbled across it and afterwards read about their project. | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <li class="partner"> | ||
+ | <div class="flip"> | ||
+ | <div class="box"> | ||
+ | <div class="face front"><img src="https://static.igem.org/mediawiki/2016/7/71/Paris_igem_logo.svg" class="logo"></div> | ||
+ | <div class="face back"><br><br>We filled team IONIS Paris 2016’s survey. We were very interested in their project after looking at their team’s info page at igem.org | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </main> | ||
+ | </div> | ||
+ | <script> | ||
+ | $(".flip").hover(function(){ | ||
+ | $(this).find(".box").toggleClass("flipped"); | ||
+ | return false; | ||
+ | }); | ||
+ | </script> | ||
+ | </body> | ||
</html> | </html> |
Latest revision as of 02:30, 20 October 2016
Collaborations
-
iGEM Groningen Team send us an e-mail asking to help them out by filling their survey. Team Groningen were very kind and we hope the survey was helpful. -
iGEM Team Gottingen wrote us an e-mail asking to help them out by filling their survey and so we did. -
We filled team Paris-Saclay 2016’s survey. We were very interested in their project after looking at their team’s info page at igem.org -
iGEM Virginia’s survey was easy to fill and we are grateful for the collaboration badge we received. -
Samir from iGEM UC Davis team contacted us via e-mail and we tried their service iGemMatch.org where we found other teams to collaborate with. -
Vilnius iGEM team- they contacted us by email. Later a member of Vilnius-Lithuania iGEM - Sofija came to Sofia city and we showed her our laboratory. We have exchanged our project ideas, shared experience, and Sofija gave us some insights on how to manage the project. We also showed her around the city. -
We filled team Evry 2016’s survey. We were very interested in their project after looking at their team’s info page at igem.org -
We filled team Valencia 2016’s survey. We were very interested in their project after looking at their team’s info page at igem.org -
We filled team Tec-Monterrey’s survey. We stumbled across it and afterwards read about their project. -
We filled team IONIS Paris 2016’s survey. We were very interested in their project after looking at their team’s info page at igem.org