Difference between revisions of "Template:NUS Singapore-A"
BambooPanda (Talk | contribs) |
BambooPanda (Talk | contribs) |
||
| (26 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
| − | + | <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| − | + | <meta charset="utf-8"> | |
| − | + | <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=Montserrat:300,400,600" rel="stylesheet"> |
| + | <link href="https://fonts.googleapis.com/css?family=Lora:400,400i" rel="stylesheet"> | ||
| + | <link rel="icon" href="https://static.igem.org/mediawiki/2018/2/2a/T--NUS_Singapore-A--TeamLogo.png"> | ||
| + | </head> | ||
<style> | <style> | ||
/***************************************************** DEFAULT WIKI SETTINGS ***************************************/ | /***************************************************** DEFAULT WIKI SETTINGS ***************************************/ | ||
| Line 56: | Line 56: | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| Line 168: | Line 65: | ||
height: auto; | height: auto; | ||
margin: 0px; | margin: 0px; | ||
| − | padding: 35px; | + | padding-top: 20px; |
| + | padding-left: 35px; | ||
| + | padding-right: 35px; | ||
} | } | ||
/*This controls the 'Connect with us' that is rotated on the left side*/ | /*This controls the 'Connect with us' that is rotated on the left side*/ | ||
.nusgem_mail{ | .nusgem_mail{ | ||
| − | font-family: "Montserrat"; | + | font-family: "Montserrat" !important; |
| − | font-size: .9em; | + | font-size: .9em !important; |
| − | letter-spacing: .275em; | + | letter-spacing: .275em !important; |
| − | font-weight: 100; | + | font-weight: 100 !important; |
width: auto; | width: auto; | ||
height: auto; | height: auto; | ||
| Line 184: | Line 83: | ||
transform-origin: left 0; | transform-origin: left 0; | ||
position: fixed; | position: fixed; | ||
| − | top: | + | top: 380px; |
| − | left: | + | left: 10px; |
| + | } | ||
| + | |||
| + | .welcome-message{ | ||
| + | font-family: "Roboto", sans-serif !important; | ||
| + | font-size: 20px; | ||
| + | letter-spacing: .1em; | ||
| + | font-weight: 300; | ||
| + | width: auto; | ||
| + | position: absolute; | ||
| + | top: 20px; | ||
| + | left: 50px; | ||
} | } | ||
| Line 191: | Line 101: | ||
.instalogo{ | .instalogo{ | ||
position: fixed; | position: fixed; | ||
| − | top: | + | top: 65px; |
| − | left: | + | left: 8px; |
font-size: 2.0em !important; | font-size: 2.0em !important; | ||
color: #1e1e1e; | color: #1e1e1e; | ||
| Line 201: | Line 111: | ||
.fblogo{ | .fblogo{ | ||
position: fixed; | position: fixed; | ||
| − | top: | + | top: 108px; |
| − | left: | + | left: 12px; |
font-size: 1.5em !important; | font-size: 1.5em !important; | ||
color: #1e1e1e; | color: #1e1e1e; | ||
| Line 211: | Line 121: | ||
.maillogo{ | .maillogo{ | ||
position: fixed; | position: fixed; | ||
| − | top: | + | top: 145px; |
| − | left: | + | left: 8px; |
font-size: 1.5em !important; | font-size: 1.5em !important; | ||
color: #1e1e1e; | color: #1e1e1e; | ||
| Line 218: | Line 128: | ||
.maillogo:hover{ | .maillogo:hover{ | ||
color: #3d4d6d; | color: #3d4d6d; | ||
| + | } | ||
| + | |||
| + | |||
| + | /*********** Change of Background Color *************/ | ||
| + | .bg-primary { | ||
| + | background-image: url("https://static.igem.org/mediawiki/2018/0/04/T--NUS_Singapore-A--Wiki_theme5.jpg"); | ||
| + | background-size: 100% 100%; | ||
| + | color: black; | ||
} | } | ||
| Line 228: | Line 146: | ||
max-width: 100%; | max-width: 100%; | ||
height: auto; | height: auto; | ||
| − | margin: | + | margin: 0px 5px -10px 5px; |
text-align: center; | text-align: center; | ||
/*background-color: white;*/ | /*background-color: white;*/ | ||
| Line 245: | Line 163: | ||
width: 150px; | width: 150px; | ||
} | } | ||
| + | |||
| Line 251: | Line 170: | ||
/* The wrapper for the nav menu*/ | /* The wrapper for the nav menu*/ | ||
.nav { | .nav { | ||
| − | |||
width: 100%; | width: 100%; | ||
| + | min-height: 45px; | ||
/*padding-top: 1em;*/ | /*padding-top: 1em;*/ | ||
/* This color means white and slightly transparent */ | /* This color means white and slightly transparent */ | ||
| − | background-color: rgba(255, 255, 255, 0. | + | background-color: rgba(255, 255, 255, 0.95); |
| − | + | ||
| − | + | ||
| − | + | ||
text-align: center; | text-align: center; | ||
position: relative; | position: relative; | ||
| Line 266: | Line 182: | ||
/* Add an active class to highlight the current page */ | /* Add an active class to highlight the current page */ | ||
.active { | .active { | ||
| − | background-color:rgba(255, 255, 255, 0. | + | background-color:rgba(255, 255, 255, 0.95); |
} | } | ||
| − | /* Hide the link that | + | /* Hide the link that should open and close the topnav on small screens */ |
| − | + | ||
.nav .icon { | .nav .icon { | ||
| + | display: none; | ||
} | } | ||
/* the dropdwn class is given to any button which require a dropdown menu...which is all*/ | /* the dropdwn class is given to any button which require a dropdown menu...which is all*/ | ||
| − | .dropdown{ | + | .nav .dropdown{ |
display: inline-block; | display: inline-block; | ||
overflow: hidden; | overflow: hidden; | ||
height: 100%; | height: 100%; | ||
| + | margin-top: 8px; | ||
| + | font-size: 24px !important; | ||
| + | font-family: "Montserrat" !important; | ||
| + | letter-spacing: 0.1em !important; | ||
| + | font-weight: 400 !important; | ||
} | } | ||
/* This configures the main button (Project, Hardware, Team, blah blah) */ | /* This configures the main button (Project, Hardware, Team, blah blah) */ | ||
| − | .dropdown .dropbtn{ | + | .nav .dropdown .dropbtn{ |
| − | font-family: "Montserrat"; | + | font-family: "Montserrat" !important; |
font-weight: 400; | font-weight: 400; | ||
| − | font-size: | + | font-size: 24px !important; |
| − | letter-spacing: 0. | + | letter-spacing: 0.1em; |
| − | margin: auto | + | margin: auto 6px; |
padding: 10px 5px; | padding: 10px 5px; | ||
height: 100%; | height: 100%; | ||
| Line 297: | Line 218: | ||
/* The dropdwn-content class contains the hidden content (sub-menu) */ | /* The dropdwn-content class contains the hidden content (sub-menu) */ | ||
| − | .dropdown-content{ | + | .nav .dropdown .dropdown-content{ |
display: none; | display: none; | ||
position: absolute; | position: absolute; | ||
/*Change this to change the color of the background that houses the dropdown menu content. The last number affects the opacity of the color*/ | /*Change this to change the color of the background that houses the dropdown menu content. The last number affects the opacity of the color*/ | ||
| − | background-color: rgba(255, 255, 255, 0. | + | background-color: rgba(255, 255, 255, 0.95); |
text-align: left; | text-align: left; | ||
max-width: 250px; | max-width: 250px; | ||
| Line 308: | Line 229: | ||
/* This styles the links within the dropdwn-content */ | /* This styles the links within the dropdwn-content */ | ||
| − | .dropdown-content a{ | + | .nav .dropdown .dropdown-content a{ |
float: none; | float: none; | ||
| − | padding: 5px; | + | padding-top: 5px; |
| + | padding-bottom: 5px; | ||
| + | padding-left: 4px; | ||
margin: auto auto; | margin: auto auto; | ||
text-decoration: none; | text-decoration: none; | ||
| Line 316: | Line 239: | ||
display: block; | display: block; | ||
min-width: inherit; | min-width: inherit; | ||
| − | font-size: 1. | + | font-size: 1.2em; |
| − | font-family: "Montserrat"; | + | font-family: "Montserrat" !important; |
font-weight: 400; | font-weight: 400; | ||
| − | letter-spacing: 0. | + | letter-spacing: 0.1em; |
} | } | ||
/* Add the hover colors and the reveal of the menu */ | /* Add the hover colors and the reveal of the menu */ | ||
| − | .dropdown:hover { | + | .nav .dropdown:hover { |
background-color: #dddddd; | background-color: #dddddd; | ||
} | } | ||
| − | .dropdown:hover .dropdown-content { | + | .nav .dropdown:hover .dropdown-content { |
display: block; | display: block; | ||
} | } | ||
| − | .dropdown-content a:hover{ | + | .nav .dropdown-content a:hover{ |
background-color: #dddddd; | background-color: #dddddd; | ||
} | } | ||
| Line 338: | Line 261: | ||
.sticky{ | .sticky{ | ||
position: fixed; | position: fixed; | ||
| − | top: | + | top: 1%; |
left: 0; | left: 0; | ||
| + | padding-left: 42px; | ||
| + | padding-right: 42px; | ||
} | } | ||
/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */ | /* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */ | ||
| − | @media screen and (max-width: | + | @media screen and (max-width: 700px) { |
| − | . | + | .nav .dropdown, .nusgem_mail, .welcome-message, .instalogo, .fblogo, .maillogo, .nus-logo { |
display: none; | display: none; | ||
} | } | ||
| Line 351: | Line 276: | ||
float: right; | float: right; | ||
display: block; | display: block; | ||
| + | position: absolute; | ||
| + | |||
| + | font-size: 30px; | ||
} | } | ||
| + | .nav .dropdown .dropdown-content { | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
.outer-border { | .outer-border { | ||
padding: 0px; | padding: 0px; | ||
| Line 366: | Line 298: | ||
/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */ | /* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */ | ||
| − | @media screen and (max-width: | + | @media screen and (max-width: 700px) { |
.nav.responsive {position: relative;} | .nav.responsive {position: relative;} | ||
.nav.responsive a.icon { | .nav.responsive a.icon { | ||
position: absolute; | position: absolute; | ||
right: 0; | right: 0; | ||
| − | top: | + | top: 2.5%; |
} | } | ||
| − | .nav.responsive .dropdown {float: none;} | + | .nav.responsive .dropdown {float: none; display: block; background-color: #dddddd;} |
| − | .nav.responsive .dropdown-content {position: relative;} | + | .nav.responsive .dropdown-content {position: relative; display: block; background-color: #dddddd;} |
.nav.responsive .dropdown .dropbtn { | .nav.responsive .dropdown .dropbtn { | ||
display: block; | display: block; | ||
width: 100%; | width: 100%; | ||
| − | text-align: | + | text-align: center; |
} | } | ||
} | } | ||
| + | |||
| + | /************************************************** Back to top button style **************************************************/ | ||
| + | |||
| + | #BacktoTopBtn { | ||
| + | display: none; | ||
| + | position: fixed; | ||
| + | bottom: 3px; | ||
| + | right: 10px; | ||
| + | z-index: 99; | ||
| + | border: none; | ||
| + | outline: none; | ||
| + | background-color: #F5B041; | ||
| + | color: white; | ||
| + | cursor: pointer; | ||
| + | padding: 5px; | ||
| + | border-radius: 20px; | ||
| + | } | ||
| + | |||
| + | #BacktoTopBtn:hover { | ||
| + | background-color: #2980B9; | ||
| + | } | ||
| + | |||
| + | } | ||
</style> | </style> | ||
| + | |||
| + | |||
| Line 425: | Line 382: | ||
} | } | ||
} | } | ||
| + | |||
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// | //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// | ||
</script> | </script> | ||
| + | </head> | ||
| − | |||
| − | |||
| − | < | + | <!--******************************** Here is where the main content starts ************************************--> |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| + | <body> | ||
<!-------------------------------------START OF NAV BAR HTML------------------------------------------------------> | <!-------------------------------------START OF NAV BAR HTML------------------------------------------------------> | ||
| − | + | <div class="nusgem_mail">CONNECT WITH US</div> | |
| − | + | ||
| − | < | + | <div class="outer-border bg-primary"> |
| − | < | + | <div class="w3-hide-small"> |
| + | <a href="https://www.instagram.com/nusgem2018/"><i class="fa fa-instagram instalogo"></i></a> | ||
| + | <a href="https://www.facebook.com/NUSGEM2018/"><i class="fa fa-facebook fblogo"></i></a> | ||
| + | <a href="mailto:nusigem@gmail.com"><i class="fa fa-envelope maillogo"></i></a> | ||
| + | </div> | ||
| − | < | + | <div class="inner-border" style="background-image: none;"> |
| − | <div class=" | + | <div style="text-align:center;"><a href="https://2018.igem.org/Team:NUS_Singapore-A"><img class='nus-logo' src='https://static.igem.org/mediawiki/2018/2/2a/T--NUS_Singapore-A--TeamLogo.png' alt='nus logo'></a> |
| + | </div> | ||
| + | |||
| + | <div class="nav" id="myNav"> | ||
| + | |||
| + | <div class="dropdown"> | ||
| − | + | <button class="dropbtn"><a href="https://2018.igem.org/Team:NUS_Singapore-A" style="text-decoration: none; color: black;">HOME</a></button> | |
| − | + | </div> | |
| − | </ | + | |
| − | <div class=" | + | <div class="dropdown"> |
| − | <button class=" | + | <button class="dropbtn">PROJECT</button> |
| − | <div class=" | + | <div class="dropdown-content"> |
| − | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Description | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Description">Description</a> |
| − | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Design" | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Design">Design</a> |
| − | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Results | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Model">Modelling</a> |
| − | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Demonstrate | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Results">Results</a> |
| + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Demonstrate">Demonstrate</a> | ||
</div> | </div> | ||
</div> | </div> | ||
| − | + | <div class="dropdown"> | |
| − | <div class=" | + | <button class="dropbtn">LAB</button> |
| − | <button class=" | + | <div class="dropdown-content"> |
| − | <div class=" | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Notebook">Notebook</a> |
| − | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Notebook | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Safety">Safety</a> |
| − | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Safety | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/InterLab">InterLab Study</a> |
| − | <a href="https://2018.igem.org/Team:NUS_Singapore-A/InterLab | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Measurement">Measurement</a> |
| − | <a href=" | + | |
</div> | </div> | ||
</div> | </div> | ||
| − | <div class=" | + | <div class="dropdown"> |
| − | <button class=" | + | <button class="dropbtn">PARTS</button> |
| − | <div class=" | + | <div class="dropdown-content"> |
| − | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Part_Collection | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Part_Collection">Parts Overview</a> |
| − | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Composite_Part | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Composite_Part">Composite Parts</a> |
| − | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Improve | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Improve">Improved Parts</a> |
</div> | </div> | ||
</div> | </div> | ||
| − | + | ||
| − | + | <div class="dropdown"> | |
| − | + | <button class="dropbtn">HARDWARE</button> | |
| − | <div class=" | + | <div class="dropdown-content"> |
| − | <button class=" | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware">Overview</a> |
| − | <div class=" | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware/PDF-LA!">PDF-LA!</a> |
| − | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware/Sensor">2-in-1 Sensor</a> |
| − | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware/PDF-LA! | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware/Pump">Peristaltic Pump</a> |
| − | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware/Sensor | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware/CoJar">Fermentation Chamber</a> |
| − | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware/Pump | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware/Futuristic_Bioreactor">Futuristic Bioreactor</a> |
| − | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware/CoJar | + | |
| − | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware/Futuristic_Bioreactor | + | |
</div> | </div> | ||
</div> | </div> | ||
| − | + | ||
| − | <div class=" | + | <div class="dropdown"> |
| − | <button class=" | + | <button class="dropbtn">HUMAN PRACTICES</button> |
| − | <div class=" | + | <div class="dropdown-content"> |
| − | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Human_Practices | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Human_Practices">Integrated Human Practices</a> |
| − | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Public_Engagement | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Public_Engagement">Education & Public Engagement</a> |
| − | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Collaborative_Report | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Collaborative_Report">Collaborative Report</a> |
</div> | </div> | ||
</div> | </div> | ||
| − | + | ||
| − | <div class=" | + | <div class="dropdown"> |
| − | <button class=" | + | <button class="dropbtn">TEAM</button> |
| − | <div class=" | + | <div class="dropdown-content"> |
| − | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Team | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Team">Members</a> |
| − | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Supervisors | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Supervisors">Supervisors</a> |
| − | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Sponsors | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Sponsors">Sponsors</a> |
| − | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Attributions | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Attributions">Attributions</a> |
| − | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Collaborations" | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Collaborations">Collaborations</a> |
| − | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Gallery" | + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Medals">Medal</a> |
| + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Gallery">Gallery</a> | ||
| + | <a href="https://2018.igem.org/Team:NUS_Singapore-A/Jamboree">Giant Jamboree!</a> | ||
</div> | </div> | ||
</div> | </div> | ||
| − | |||
| − | |||
| − | + | <a href="javascript:void(0);" class="icon" onclick="myFunction()">☰</a> | |
| − | + | </div> | |
| − | + | ||
| − | <a href="javascript:void(0)" class=" | + | |
| − | + | ||
</div> | </div> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
<!----------------------------------------SCRIPT FOR STICKY NAV BAR-------------------------------------------------> | <!----------------------------------------SCRIPT FOR STICKY NAV BAR-------------------------------------------------> | ||
| Line 605: | Line 491: | ||
var yourNavigation = $(".nav"); | var yourNavigation = $(".nav"); | ||
stickyDiv = "sticky"; | stickyDiv = "sticky"; | ||
| − | yourHeader = $('.logo').height()+ | + | yourHeader = $('.logo').height()+225; |
$(window).scroll(function() { | $(window).scroll(function() { | ||
| Line 625: | Line 511: | ||
} | } | ||
} | } | ||
| − | |||
| − | |||
</script> | </script> | ||
| Line 659: | Line 543: | ||
} | } | ||
</script> | </script> | ||
| − | |||
| − | |||
</body> | </body> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</html> | </html> | ||
Latest revision as of 11:17, 14 December 2018
CONNECT WITH US
