KevinYLi123 (Talk | contribs) |
|||
(313 intermediate revisions by 6 users not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | . | + | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> |
− | + | <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <meta name="viewport" content="width=device-width, initial-scale=1"> | |
− | + | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
− | + | ||
− | + | ||
− | . | + | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> |
− | + | <link href="https://fonts.googleapis.com/css?family=Questrial" rel="stylesheet"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <style> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
Line 225: | Line 74: | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
/* Links */ | /* Links */ | ||
Line 265: | Line 88: | ||
-o-transition: all 0.4s ease; | -o-transition: all 0.4s ease; | ||
} | } | ||
+ | |||
/* hover for the links */ | /* hover for the links */ | ||
Line 302: | Line 126: | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
Line 321: | Line 140: | ||
/*layout classes*/ | /*layout classes*/ | ||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
+ | #subheading1 { | ||
+ | font-size: 36px; | ||
+ | font-family: 'Montserrat', sans-serif; | ||
+ | line-height: 1.3em; | ||
+ | } | ||
+ | #subheading2 { | ||
+ | font-size: 36px; | ||
+ | font-family: 'Montserrat', sans-serif; | ||
+ | line-height: 1.3em; | ||
+ | |||
+ | } | ||
+ | #subheading3 { | ||
+ | font-size: 36px; | ||
+ | font-family: 'Montserrat', sans-serif; | ||
+ | line-height: 1.3em; | ||
+ | } | ||
+ | #subheading4 { | ||
+ | font-size: 36px; | ||
+ | font-family: 'Montserrat', sans-serif; | ||
+ | line-height: 1.3em; | ||
+ | } | ||
+ | #subheading5 { | ||
+ | font-size: 36px; | ||
+ | font-family: 'Montserrat', sans-serif; | ||
+ | line-height: 1.3em; | ||
+ | } | ||
Line 463: | Line 308: | ||
+ | html { | ||
+ | font-family: 'Questrial', sans-serif; | ||
+ | } | ||
+ | p { | ||
+ | font-family: 'Questrial', sans-serif; | ||
+ | } | ||
− | |||
+ | .navbar { | ||
+ | background-color: #FFFFFF; | ||
+ | font-family: 'Questrial', sans-serif; | ||
+ | height: 47px; | ||
+ | position:fixed;/* Set the navbar to fixed position */ | ||
+ | width: 100%; /* Full width */ | ||
+ | z-index: 4000; | ||
+ | } | ||
− | + | .navbar a { | |
− | + | font-size: 13px; | |
− | + | color: #000000; | |
+ | text-align: center; | ||
+ | padding: 14px 16px; | ||
+ | text-decoration: none; | ||
+ | font-family: 'Questrial', sans-serif; | ||
+ | cursor: pointer; | ||
+ | -o-transition:color .4s ease-out, background .4s ease-in; | ||
+ | -ms-transition:color .4s ease-out, background .4s ease-in; | ||
+ | -moz-transition:color .4s ease-out, background .4s ease-in; | ||
+ | -webkit-transition:color .4s ease-out, background .4s ease-in; | ||
+ | transition:color .4s ease-out, background .4s ease-in; | ||
+ | } | ||
− | + | .navbar a:hover { | |
+ | color: #0077be; | ||
− | + | <!-- color was #6DBBF7 --> | |
− | + | } | |
+ | .dropdown { | ||
+ | float: right; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | .dropdown .dropbtn { | ||
+ | font-size: 13px; | ||
+ | border: none; | ||
+ | outline: none; | ||
+ | color: #000000; | ||
+ | padding: 14px 16px; | ||
+ | background-color: inherit; | ||
+ | font-family: inherit; | ||
+ | margin: 0; | ||
+ | cursor: pointer; | ||
+ | -o-transition:color .4s ease-out, background .4s ease-in; | ||
+ | -ms-transition:color .4s ease-out, background .4s ease-in; | ||
+ | -moz-transition:color .4s ease-out, background .4s ease-in; | ||
+ | -webkit-transition:color .4s ease-out, background .4s ease-in; | ||
+ | transition:color .4s ease-out, background .4s ease-in; | ||
+ | } | ||
+ | |||
+ | .navbar a:hover { | ||
+ | color: #0077be; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | .dropdown:hover .dropbtn { | ||
+ | color: #0077be; | ||
+ | background-color: white; | ||
+ | |||
+ | } | ||
+ | |||
+ | .dropdown-content { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | min-width: 160px; | ||
+ | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
+ | z-index: 4000; | ||
+ | background-color: white; | ||
+ | } | ||
+ | |||
+ | .dropdown-content a { | ||
+ | float: none; | ||
+ | color: #000000; | ||
+ | padding: 14px 16px; | ||
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | text-align: left; | ||
+ | background-color: white; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | .dropdown-content a:hover { | ||
+ | background-color: #F0F0F0; | ||
+ | opacity: 1; | ||
+ | |||
+ | } | ||
+ | |||
+ | .dropdown:hover .dropdown-content { | ||
+ | display: block; | ||
+ | opacity: 1; | ||
+ | transition: opacity 1.5s ease-in-out; | ||
+ | -moz-transition: opacity 1.5s ease-in-out; | ||
+ | -webkit-transition: opacity 1.5s ease-in-out; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | #logo { | ||
+ | width: 160px; | ||
+ | } | ||
+ | .rightmove { | ||
+ | position: absolute; | ||
+ | right: 7%; | ||
+ | } | ||
+ | .leftmove { | ||
+ | position: absolute; | ||
+ | left: 1%; | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
</head> | </head> | ||
+ | <body> | ||
+ | <div class="navbar"> | ||
+ | <div style="width: 20%; float:left" class="leftmove"> | ||
+ | <a href="https://2018.igem.org/Team:Lambert_GA"><img style="padding: 0 0;" src="https://static.igem.org/mediawiki/2018/2/2d/T--Lambert_GA--Captivate.png" id="logo"/></a> | ||
+ | </div> | ||
+ | <div style="width: 80%; float:right;" class="rightmove"> | ||
− | < | + | <div class="dropdown"> |
− | < | + | <a style = "padding: 0px; margin:0px;" href="https://igem.org/2018_Judging_Form?team=Lambert_GA"><button class="dropbtn">JUDGING FORM |
− | < | + | </button></a> |
+ | </div> | ||
+ | <div class="dropdown"> | ||
+ | <form action="https://2018.igem.org/Team:Lambert_GA/Model"> | ||
+ | <button class="dropbtn">MODELING | ||
+ | </button> | ||
+ | </form> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2018.igem.org/Team:Lambert_GA/CALM_MODEL">CALM</a> | ||
+ | <a href="https://2018.igem.org/Team:Lambert_GA/EPEN_MODEL_RESULTS">ELECTROPEN</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="dropdown"> | ||
+ | <form action="https://2018.igem.org/Team:Lambert_GA/Software"> | ||
+ | <button class="dropbtn">CALM | ||
+ | </button> | ||
+ | </form> | ||
+ | <div class="dropdown-content"> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Lambert_GA/CALM_BACKGROUND_SOLUTION">BACKGROUND</a> | ||
+ | <a href="https://2018.igem.org/Team:Lambert_GA/CALM_METHODS">DATA & METHODS</a> | ||
+ | <a href="https://2018.igem.org/Team:Lambert_GA/CALM_RESULTS">RESULTS</a> | ||
+ | <a href="https://2018.igem.org/Team:Lambert_GA/CALM_DISCUSSION">DISCUSSION</a> | ||
+ | <a href="https://2018.igem.org/Team:Lambert_GA/COLOR-Q">COLOR Q</a> | ||
+ | <a href="https://2018.igem.org/Team:Lambert_GA/CALM_SUPPLEMENTARY">SUPPLEMENTARY</a> | ||
+ | <a href="https://2018.igem.org/Team:Lambert_GA/CALM_REFERENCES">REFERENCES</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="dropdown"> | ||
+ | <form action="https://2018.igem.org/Team:Lambert_GA/Measurement"> | ||
+ | <button class="dropbtn">QSYSTEM | ||
+ | </button> | ||
+ | </form> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2018.igem.org/Team:Lambert_GA/COLOR-Q">COLOR Q</a> | ||
+ | <a href="https://2018.igem.org/Team:Lambert_GA/CHROME-Q">CHROME Q</a> | ||
+ | <a href="https://2018.igem.org/Team:Lambert_GA/MEASUREMENT_REFERENCES">REFERENCES</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="dropdown"> | ||
+ | <form action="https://2018.igem.org/Team:Lambert_GA/Hardware"> | ||
+ | <button class="dropbtn">ELECTROPEN | ||
+ | </button> | ||
+ | </form> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2018.igem.org/Team:Lambert_GA/Applied_Design">PRINCIPLES & DESIGN</a> | ||
+ | <a href="https://2018.igem.org/Team:Lambert_GA/EPEN_MODEL_RESULTS">MODEL & THEORY</a> | ||
+ | <a href="https://2018.igem.org/Team:Lambert_GA/Entrepreneurship">PRODUCT DESIGN</a> | ||
+ | <a href="https://2018.igem.org/Team:Lambert_GA/ELECTROPEN_REFERENCES">REFERENCES</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="dropdown"> | ||
+ | <form action="https://2018.igem.org/Team:Lambert_GA/Human_Practices"> | ||
+ | <button class="dropbtn">HUMAN PRACTICES | ||
+ | </button> | ||
+ | </form> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2018.igem.org/Team:Lambert_GA/Human_Practices_Overview">INTEGRATED HUMAN PRACTICES</a> | ||
+ | <a href="https://2018.igem.org/Team:Lambert_GA/Public_Engagement">EDUCATION & ENGAGEMENT</a> | ||
+ | <a href="https://2018.igem.org/Team:Lambert_GA/Collaborations">COLLABORATIONS</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="dropdown"> | ||
+ | <form action="https://2018.igem.org/Team:Lambert_GA/Safety"> | ||
+ | <button class="dropbtn">SAFETY</button> | ||
+ | </form> | ||
+ | <div class="dropdown-content"> | ||
+ | <!--<a href="https://2018.igem.org/Team:Lambert_GA/Safety">OVERVIEW</a> | ||
+ | <a href="https://2018.igem.org/Team:Lambert_GA/BIOSENSOR_CELLS">BIOSENSOR CELLS</a> | ||
+ | <a href="https://2018.igem.org/Team:Lambert_GA/ELECTROPEN_SAFETY">ELECTROPEN</a> | ||
+ | <a href="https://2018.igem.org/Team:Lambert_GA/CHOLERA_SAFETY">NO CHOLERA IN SCHOOL</a>--> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="dropdown"> | ||
+ | <form action="https://2018.igem.org/Team:Lambert_GA/Parts"> | ||
+ | <button class="dropbtn">PARTS | ||
+ | </button> | ||
+ | </form> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2018.igem.org/Team:Lambert_GA/Basic_Part">BASIC PARTS</a> | ||
+ | <a href="https://2018.igem.org/Team:Lambert_GA/Composite_Part">COMPOSITE PARTS</a> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="dropdown"> | ||
+ | <form action="https://2018.igem.org/Team:Lambert_GA/ProjectOverview"> | ||
+ | <button class="dropbtn">PROJECT | ||
+ | </button> | ||
+ | </form> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2018.igem.org/Team:Lambert_GA/Description">DESCRIPTION</a> | ||
+ | <a href="https://2018.igem.org/Team:Lambert_GA/Cholera_Background">BACKGROUND</a> | ||
+ | <a href="https://2018.igem.org/Team:Lambert_GA/Design">DESIGN</a> | ||
+ | <a href="https://2018.igem.org/Team:Lambert_GA/Experiments">EXPERIMENTS</a> | ||
+ | <a href="https://2018.igem.org/Team:Lambert_GA/Notebook">LAB NOTEBOOK</a> | ||
+ | <a href="https://2018.igem.org/Team:Lambert_GA/InterLab">INTERLAB</a> | ||
+ | <a href="https://2018.igem.org/Team:Lambert_GA/Results">RESULTS</a> | ||
+ | <a href="https://2018.igem.org/Team:Lambert_GA/Demonstrate">DEMONSTRATE</a> | ||
+ | <a href="https://2018.igem.org/Team:Lambert_GA/Improve">THE VISION</a> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="dropdown"> | ||
+ | <form action="https://2018.igem.org/Team:Lambert_GA/Team"> | ||
+ | <button class="dropbtn">TEAM | ||
+ | </button> | ||
+ | </form> | ||
+ | <div class = "dropdown-content"> | ||
+ | <a href="https://2018.igem.org/Team:Lambert_GA/Team">TEAM MEMBERS</a> | ||
+ | <a href="https://2018.igem.org/Team:Lambert_GA/Attributions">ATTRIBUTIONS</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | </div> | ||
</div> | </div> | ||
+ | |||
+ | |||
+ | </body> | ||
+ | |||
<!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
− | <!--- | + | <!--- THIS IS WHERE THE HTML BEGINS ---> |
<!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
+ | <head> | ||
+ | <!-- This tells the browser that your page is responsive --> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
− | < | + | </head> |
− | + | ||
− | + | </html> | |
− | + |
Latest revision as of 02:30, 18 October 2018