Hyper mario (Talk | contribs) |
|||
Line 1: | Line 1: | ||
− | |||
<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"> | ||
+ | <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; | ||
+ | } | ||
+ | .intro{ | ||
+ | width:80% !Important; | ||
+ | text-align: left !Important; | ||
+ | padding:60px !Important; | ||
+ | margin: 0 auto !Important; | ||
+ | } | ||
+ | |||
+ | .icons{ | ||
+ | margin: 0 auto !Important; | ||
+ | text-align: center !Important; | ||
+ | margin-left: 100px !Important; | ||
+ | } | ||
+ | |||
+ | .icon{ | ||
+ | display: flex !Important; | ||
+ | width:25% !Important; | ||
+ | padding: 20px !Important; | ||
+ | float: left !Important; | ||
+ | margin: 20px !Important; | ||
+ | |||
+ | transition: all .3s linear !Important; | ||
+ | } | ||
+ | |||
+ | .icon:hover{ | ||
+ | cursor: pointer; | ||
+ | transform: scale(1.2) !Important; | ||
+ | -moz-transform: scale(1.2) !Important; | ||
+ | } | ||
+ | |||
+ | .image-link{ | ||
+ | flex: 1 !Important; | ||
+ | color: white !Important; | ||
+ | padding: 20px !Important; | ||
+ | } | ||
+ | |||
+ | .icon-image{ | ||
+ | padding:5px !Important; | ||
+ | } | ||
+ | |||
+ | .icon-1{ | ||
+ | background: #5b836d !Important; | ||
+ | } | ||
+ | |||
+ | .icon-2{ | ||
+ | background: #c7c4ac !Important; | ||
+ | } | ||
+ | |||
+ | .icon-3{ | ||
+ | background: #d6482f !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/Safety">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> | ||
+ | <p class="intro"> | ||
+ | We consider that human practices are incredibly important for integrating society to science. Our team endeavored to popularize synthetic biology through various ways in order to reach as many people as possible. Furthermore as future scientists it is our duty to meet responsibly the needs of society. Nowadays the fast-changing needs of consumers are becoming more dependent on the scientific method. The industrial problems are becoming much more complicated every year and we strived to keep up with this fast evolving situation. Additionally we have put our effort on creating a business case working model on our team and create a scientifically working method to optimize industrial production. As a result we were able to meet our financial needs and guarantee the team’s future work. | ||
+ | |||
+ | </p> | ||
+ | |||
+ | <ul class="icons"> | ||
+ | <li class="icon icon-1"> | ||
+ | <a class="image-link" href="https://2016.igem.org/Team:Bulgaria/Integrated_Practices"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/e/e4/Icon-globus.png" alt="globe" class="icon-image"> | ||
+ | <p class="subtitle">See our integrated human practice page</p> | ||
+ | </a> | ||
+ | </li> | ||
+ | |||
+ | <li class="icon icon-2"> | ||
+ | <a class="image-link" href="https://2016.igem.org/Team:Bulgaria/Entrepreneurship"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/9/9d/Icon-person.png" alt="" class="icon-image"> | ||
+ | <p class="subtitle">See our entrepreneurship page<br><br></p> | ||
+ | </a> | ||
+ | </li> | ||
+ | |||
+ | <li class="icon icon-3"> | ||
+ | <a class="image-link" href="https://2016.igem.org/Team:Bulgaria/Engagement"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/e/ec/Icon-presentor.png" alt="" class="icon-image"> | ||
+ | <p class="subtitle">See our public engagement and education page</p> | ||
+ | </a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </main> | ||
+ | </div> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 01:02, 20 October 2016
We consider that human practices are incredibly important for integrating society to science. Our team endeavored to popularize synthetic biology through various ways in order to reach as many people as possible. Furthermore as future scientists it is our duty to meet responsibly the needs of society. Nowadays the fast-changing needs of consumers are becoming more dependent on the scientific method. The industrial problems are becoming much more complicated every year and we strived to keep up with this fast evolving situation. Additionally we have put our effort on creating a business case working model on our team and create a scientifically working method to optimize industrial production. As a result we were able to meet our financial needs and guarantee the team’s future work.