|
|
| Line 4: |
Line 4: |
| | <head> | | <head> |
| | <meta name="viewport" content="width=device-width, initial-scale=1"> | | <meta name="viewport" content="width=device-width, initial-scale=1"> |
| − | <style>
| |
| | | | |
| − | .bg
| |
| − | {
| |
| − | position: fixed;
| |
| − | top: 0;
| |
| − | left: 0;
| |
| − | z-index: 1;
| |
| − | width: 100%;
| |
| − | }
| |
| − | .ov
| |
| − | {
| |
| − | position:absolute;
| |
| − | top: -170px;
| |
| − | left: 570px;
| |
| − | z-index: 2;
| |
| − | }
| |
| − |
| |
| − | .dropdown {
| |
| − | position:absolute;
| |
| − | right:0px;
| |
| − | }
| |
| − |
| |
| − | .dropdown1 {
| |
| − | transition: transform .5s;
| |
| − | position: absolute;
| |
| − | left: 0;
| |
| − | display: inline-block;
| |
| − | z-index: 2;
| |
| − | }
| |
| − |
| |
| − | .dropdown-content {
| |
| − | display: none;
| |
| − | position: absolute;
| |
| − | left: 800;
| |
| − |
| |
| − | min-width: 120px;
| |
| − | z-index: 2;
| |
| − | }
| |
| − |
| |
| − | .dropdown:hover .dropdown-content {display: block;}
| |
| − |
| |
| − | .dropdown1:hover .dropdown-content {
| |
| − | display: block;
| |
| − | position: absolute;
| |
| − | top: 20px;
| |
| − | left: 570px;
| |
| − | }
| |
| − |
| |
| − | .dropdown1:hover{
| |
| − |
| |
| − | -ms-transform: scale(1.1);
| |
| − | -webkit-transform: scale(1.1);
| |
| − | transform: scale(1.1);
| |
| − | z-index: 3;
| |
| − | }
| |
| − |
| |
| − | </style>
| |
| − | </head>
| |
| − |
| |
| − | <body style="background-color:powderblue;">
| |
| − |
| |
| − | <img class = "bg" src="https://i.imgur.com/am6Qkr0.png" width = "100%" height = "100%" >
| |
| − |
| |
| − | <div class="dropdown1">
| |
| − | <img class = "ov" src="https://i.imgur.com/msHabJg.png" width = "155" height = "200" >
| |
| − | <div class="dropdown-content">
| |
| − | <a href="https://2018.igem.org/Team:MIT/Description">Blank</a>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | <h1 style="font-family:impact; color: teal; font-size: 400%;"> Team MIT 2018 </h1>
| |
| − | <div class="clear extra_space"></div>
| |
| − | <p >Insert Catchy Project Name</p>
| |
| − |
| |
| − | <h3>Introduction</h3>
| |
| − | <p> Insert project overview/introduction</p>
| |
| − |
| |
| − | </body>
| |
| | </html> | | </html> |
