(Prototype team page) |
Harshitmehta (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | + | ||
<html> | <html> | ||
+ | <head> | ||
− | < | + | <style> |
− | + | ||
− | + | #sideMenu | |
+ | {display:none;} | ||
+ | #top_title | ||
+ | {display:none;} | ||
+ | #content | ||
+ | {padding:0px; width:90%; margin-left:5%; margin-right:5%;background-color: rgba(255,255,255,0);} | ||
+ | #navbar ul { | ||
+ | list-style-type: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | overflow: hidden; | ||
+ | background-color: #333; | ||
+ | } | ||
− | + | #navbar li { | |
− | + | float: left; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | #navbar li a, .dropbtn { | ||
+ | display: inline-block; | ||
+ | color: white; | ||
+ | text-align: center; | ||
+ | padding: 14px 16px; | ||
+ | text-decoration: none; | ||
+ | } | ||
− | + | #navbar li a:hover, .dropdown:hover .dropbtn { | |
+ | background-color: grey; | ||
+ | } | ||
− | + | #navbar li.dropdown { | |
+ | display: inline-block; | ||
+ | } | ||
− | + | #navbar .dropdown-content { | |
+ | display: none; | ||
+ | position: absolute; | ||
+ | background-color: #f9f9f9; | ||
+ | min-width: 160px; | ||
+ | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
+ | z-index: 1; | ||
+ | } | ||
− | + | #navbar .dropdown-content a { | |
− | + | color: black; | |
− | + | padding: 12px 16px; | |
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | text-align: left; | ||
+ | } | ||
− | + | #navbar .dropdown-content a:hover {background-color: #f1f1f1} | |
− | + | ||
− | + | ||
− | + | #navbar .dropdown:hover .dropdown-content { | |
+ | display: block; | ||
+ | } | ||
− | |||
− | |||
− | |||
− | + | body{ | |
+ | background-color: #fafafa; | ||
+ | background-image:url("https://static.igem.org/mediawiki/2017/7/7a/MumbaiCover.jpeg"); | ||
+ | background-position:center center; | ||
+ | background-repeat:no-repeat; | ||
+ | -moz-background-size: cover; | ||
+ | background-size: cover; | ||
+ | background-attachment:fixed; | ||
+ | } | ||
+ | #container1{ | ||
+ | background-color: rgba(255,255,255,0.6); | ||
− | + | margin-left:auto; | |
− | < | + | margin-right:auto; |
− | < | + | |
+ | } | ||
+ | |||
+ | #container1 h1.Head{ | ||
+ | font: italic bold 48px/40px Georgia, serif; | ||
+ | text-align: center; | ||
+ | padding:50px 20px 20px 20px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #container1 .logo{ | ||
+ | padding-top=30px; | ||
+ | margin-left:5%; | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | </head> | ||
+ | <body> | ||
+ | |||
+ | <div id="navbar"> | ||
<ul> | <ul> | ||
− | <li><a | + | <li><a class="selected">Home</a></li> |
− | <li><a href=" | + | <li><a href="#news">Description</a></li> |
− | <li><a href=" | + | <li class="dropdown"> |
− | < | + | <a href="#" class="dropbtn">Knowledge</a> |
+ | <div class="dropdown-content"> | ||
+ | <a href="#">Notebook</a> | ||
+ | <a href="#">Outreach</a> | ||
+ | <a href="#">Team</a> | ||
+ | </div> | ||
+ | </li> | ||
</ul> | </ul> | ||
</div> | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <div id="container1"> | ||
+ | |||
+ | <img src="https://static.igem.org/mediawiki/2017/8/8a/T--ICT-Mumbai--ICTLogo.jpeg" height="150" class="logo"> | ||
+ | <h1 class="Head">ICT-Mumbai</h1> | ||
+ | <br> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | |||
+ | |||
+ | <center> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/1/1f/T--ICT-Mumbai--ProjectDescription.jpeg" height="100" class="progress"> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </body> | ||
+ | |||
</html> | </html> |
Revision as of 04:51, 19 June 2017