|
|
| Line 1: |
Line 1: |
| − | <html>
| |
| | | | |
| − |
| |
| − | <style>
| |
| − | body{
| |
| − | margin:0;
| |
| − | padding:0;
| |
| − | background-image: linear-gradient(-225deg, #E3FDF5 0%, #FFE6FA 100%);
| |
| − | background-blend-mode: screen;
| |
| − | text-decoration:none;
| |
| − | overflow: scroll;
| |
| − | font-family: 'Varela Round', sans-serif;
| |
| − | box-sizing: border-box;
| |
| − | color:#24305E;
| |
| − | }
| |
| − | .clr{
| |
| − | clear:both;
| |
| − | }
| |
| − |
| |
| − | .container{
| |
| − | width: 100%;
| |
| − | margin-left: auto;
| |
| − | margin-right:auto;
| |
| − | padding-top:5%;
| |
| − | height: 100%;
| |
| − | position: relative;
| |
| − | padding-bottom: 20px;
| |
| − | }
| |
| − |
| |
| − | .content{
| |
| − | background:none;
| |
| − | margin:auto;
| |
| − | padding:0;
| |
| − | width:90%;
| |
| − | height: 100%;
| |
| − | position:relative;
| |
| − | color:#24305E;
| |
| − | }
| |
| − | .nav{
| |
| − | width:100%;
| |
| − | height:auto;
| |
| − | background:white;
| |
| − | margin-bottom: 2%;
| |
| − | position:fixed;
| |
| − | z-index: 40;
| |
| − | }
| |
| − | .logo{
| |
| − |
| |
| − | width: 20%;
| |
| − | float: left;
| |
| − | height: 80px;
| |
| − | background-color:none;
| |
| − | box-sizing: border-box;
| |
| − | }
| |
| − |
| |
| − | .pixcell{
| |
| − | width:45%;
| |
| − | margin-left:5px;
| |
| − | margin-top:30px;
| |
| − | float:left;
| |
| − | box-sizing: border-box;
| |
| − | }
| |
| − |
| |
| − | .iclogo{
| |
| − | width:50%;
| |
| − | float:right;
| |
| − | margin-top:30px;
| |
| − | box-sizing: border-box;
| |
| − | }
| |
| − |
| |
| − | .dropdown {
| |
| − | float: right;
| |
| − | width: 80%;
| |
| − | text-align: center;
| |
| − | background-color:none;
| |
| − | }
| |
| − |
| |
| − | .dropdown ul {
| |
| − | margin:0;
| |
| − | padding-top:45px;
| |
| − | list-style: none;
| |
| − | background-color:none;
| |
| − |
| |
| − | }
| |
| − | .dropdown ul li {
| |
| − | float: left;
| |
| − | cursor:pointer;
| |
| − | color:white;
| |
| − | font-size: 14px;
| |
| − | background-color:none;
| |
| − | padding-right:8px;
| |
| − | width:150px;
| |
| − | height:30px;
| |
| − | position: relative;
| |
| − | margin-top:5px;
| |
| − | }
| |
| − |
| |
| − | .dropdown ul li a{
| |
| − | padding:0;
| |
| − | color: #24305E ;
| |
| − | background-color: none;
| |
| − | text-decoration: none;
| |
| − | position: relative;
| |
| − | display: block;
| |
| − | text-shadow: 1px 1px lightgrey;
| |
| − | transition:0.65s;
| |
| − | }
| |
| − | .dropdown ul ul li a{
| |
| − | padding:0;
| |
| − | background-color: none;
| |
| − | }
| |
| − |
| |
| − | .dropdown ul ul{
| |
| − | margin:0;
| |
| − | padding:0;
| |
| − | top:30px;
| |
| − | list-style: none;
| |
| − | background-color:white;
| |
| − | box-shadow: 0px 5px 5px rgba(0,0,0,0.4);
| |
| − | position: absolute;
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | .dropdown ul ul a{
| |
| − | background-color:none;
| |
| − | width:200px;
| |
| − | text-align: left;
| |
| − | margin:0;
| |
| − | padding-left:2px;
| |
| − | box-sizing: border-box;
| |
| − | }
| |
| − | ul.sub1 li {
| |
| − | background-color:none;
| |
| − | margin-left: 35px;
| |
| − | width:110px;
| |
| − | }
| |
| − | ul.sub2 li {
| |
| − | background-color: none;
| |
| − | margin-left: 5px;
| |
| − | padding:0;
| |
| − | width: 180px;
| |
| − | }
| |
| − |
| |
| − | ul.sub3 li {
| |
| − | background-color:none;
| |
| − | margin-left: 40px;
| |
| − | width:80px;
| |
| − | }
| |
| − |
| |
| − | .dropdown ul li a:hover{
| |
| − | color: #7EF397;
| |
| − | text-shadow: 1px 1px #D0FADE;
| |
| − | }
| |
| − |
| |
| − | .dropdown ul li ul li a:hover{
| |
| − | color: rgb(248, 59, 122);
| |
| − | text-shadow: lightpink;
| |
| − | }
| |
| − |
| |
| − | .dropdown ul li:hover > ul {
| |
| − | display:block;
| |
| − | }
| |
| − |
| |
| − | .titleimg{
| |
| − | margin:auto;
| |
| − | text-align: center;
| |
| − | }
| |
| − | .titleimg img{
| |
| − | margin-bottom: 10%;
| |
| − | }
| |
| − | h1{
| |
| − | margin: auto;
| |
| − | padding: 20px;
| |
| − | margin-top: 12%;
| |
| − | font-size: 85px;
| |
| − | background-color:none;
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | </style>
| |
| − |
| |
| − | <!DOCTYPE html>
| |
| − | <html>
| |
| − | <head>
| |
| − | <meta name="viewport" content="width=device-width, initial-scale=1">
| |
| − | <meta name= keywords content= "imperial igem, imperial igem 2018, imperial igem , imperial igem team, imperial 2018, imperial college igem, imperial college 2018, pixcell imperial, imperial pixcell">
| |
| − | <link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet">
| |
| − |
| |
| − | <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"
| |
| − | integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
| |
| − |
| |
| − |
| |
| − |
| |
| − | </head>
| |
| − |
| |
| − | <body>
| |
| − |
| |
| − | <div class="nav">
| |
| − | <div class="logo">
| |
| − | <a href="#"> <img class="pixcell" src= "logo.jpg" ></a>
| |
| − | <a href="#"> <img class="iclogo "src="Logo_for_Imperial_College_London.svg.png" ></a>
| |
| − | </div>
| |
| − |
| |
| − | <div class="dropdown">
| |
| − | <ul>
| |
| − | <li><a href="#">PROJECT<i class="fa fa-caret-down" aria-hidden="true"></i></a>
| |
| − | <ul class= "sub1">
| |
| − | <li><a href="our project.htm">DESCRIPTION</a>
| |
| − | <li><a href="mechanism.htm">MECHANISMS</a>
| |
| − | <li><a href="applications.htm">APPLICATIONS</a>
| |
| − | <li><a href="achievement.htm">ACHIEVEMENTS</a>
| |
| − | <li><a href="brainstorming.htm">BRAINSTORM</a>
| |
| − | </ul>
| |
| − | </li>
| |
| − |
| |
| − | <li><a href="#">DRY LAB<i class="fa fa-caret-down" aria-hidden="true"></i></a>
| |
| − | <ul class= "sub1">
| |
| − | <li><a href="dryover.htm">OVERVIEW</a>
| |
| − | <li><a href="modelling.htm">MODELLING</a>
| |
| − | <li><a href="hardware.htm">HARDWARE</a>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li><a href="#">WET LAB<i class="fa fa-caret-down" aria-hidden="true"></i></a>
| |
| − | <ul class= "sub1">
| |
| − | <li><a href="wetover.htm">OVERVIEW</a>
| |
| − | <li><a href="results.htm">RESULTS</a></li>
| |
| − | <li><a href="WetLabExpt.htm">EXPERIMENTS</a></li>
| |
| − | <li><a href="Protocols.html">PROTOCOLS</a></li>
| |
| − | <li><a href="parts.htm">PARTS</a></li>
| |
| − |
| |
| − | </ul>
| |
| − | </li>
| |
| − |
| |
| − | <li><a href="#">HUMAN PRACTICES<i class="fa fa-caret-down" aria-hidden="true"></i></a>
| |
| − | <ul class= "sub2">
| |
| − | <li><a href="HP.htm">OVERVIEW</a></li>
| |
| − | <li><a href="IHP.htm">INTEGRATED PRACTICES</a></li>
| |
| − | <li><a href="communication.htm">COMMUNICATION</a></li>
| |
| − | <li><a href="outreach.htm">OUTREACH</a></li>
| |
| − | <li><a href="Collaborations.htm">COLLABORATIONS</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − |
| |
| − | <li><a href="#">PEOPLE<i class="fa fa-caret-down" aria-hidden="true"></i></a>
| |
| − | <ul class= "sub3">
| |
| − | <li><a href="Biography.htm">TEAM</a></li>
| |
| − | <li><a href="attribution.htm">ATTRIBUTIONS</a></li>
| |
| − | <li><a href="sponsor.htm">SPONSORS</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li><a href="judges.htm">FOR JUDGES</a></li>
| |
| − | <li><a href="journal.htm">JOURNAL</a></li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
| |
| − | <!--- Content of the page --->
| |
| − | <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
| |
| − |
| |
| − | <div class="container">
| |
| − | <div class="content">
| |
| − | <div class="titleimg">
| |
| − | <h1></h1>
| |
| − | <br/>
| |
| − | <br/>
| |
| − | <img src="" alt="" width="24%"; >
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </body>
| |
| − | </html>
| |
