BruxZir - Header with headroom
How do I make an bruxzir - header with headroom?
Question about positioning the page navigationhttp://stackoverflow.com/questions/23690279/dynamically-positioning-element-on-scroll. What is a bruxzir - header with headroom? How do you make a bruxzir - header with headroom? This script and codes were developed by Juan Gallardo on 18 August 2022, Thursday.
BruxZir - Header with headroom - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>BruxZir - Header with headroom</title> <link rel='stylesheet prefetch' href='http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.3/css/font-awesome.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <header> <div class="header-banner"> <div class="inner"> <a href="/" class="logo"></a> <a href="/pages/authorized-bruxzir-labs-zirconia-dental-crown/international-labs.aspx" class="intl-labs-tab"><i class="fa fa-globe mr6"></i>International Labs</i></a> </div> </div> <nav> <ul> <li><a href="/dentist/">Dentists</a></li> <li><a href="/lab/">Labs</a></li> <li><a href="/patient/">Patients</a></li> <ul> </nav>
</header>
<nav id="page-menu" class="link-header header--fixed slide slide--reset" role="banner"> <ul> <li><a href="#">Products</a></li> <li><a href="#">Features</a></li> <li><a href="#">Testimonials</a></li> <li><a href="#">Cases</a></li> </ul>
</nav>
<section class="content"> <article> <p>Mlkshk flexitarian ethical, narwhal forage bespoke artisan hella plaid vinyl try-hard Tonx actually keytar. McSweeney's chambray forage next level, mixtape Austin Portland Odd Future ethical seitan. Gluten-free roof party locavore, pop-up cornhole chambray mlkshk bitters McSweeney's Kickstarter bespoke. YOLO cred pop-up chambray PBR&B. Kitsch mixtape DIY skateboard leggings, YOLO ennui chillwave dreamcatcher put a bird on it. Pug artisan PBR&B PBR dreamcatcher, Marfa Etsy mixtape mustache messenger bag Vice. Plaid lomo pour-over post-ironic, synth disrupt beard Truffaut church-key Tumblr narwhal Bushwick cred slow-carb tofu.</p> <p>Mlkshk flexitarian ethical, narwhal forage bespoke artisan hella plaid vinyl try-hard Tonx actually keytar. McSweeney's chambray forage next level, mixtape Austin Portland Odd Future ethical seitan. Gluten-free roof party locavore, pop-up cornhole chambray mlkshk bitters McSweeney's Kickstarter bespoke. YOLO cred pop-up chambray PBR&B. Kitsch mixtape DIY skateboard leggings, YOLO ennui chillwave dreamcatcher put a bird on it. Pug artisan PBR&B PBR dreamcatcher, Marfa Etsy mixtape mustache messenger bag Vice. Plaid lomo pour-over post-ironic, synth disrupt beard Truffaut church-key Tumblr narwhal Bushwick cred slow-carb tofu.</p> <p>Mlkshk flexitarian ethical, narwhal forage bespoke artisan hella plaid vinyl try-hard Tonx actually keytar. McSweeney's chambray forage next level, mixtape Austin Portland Odd Future ethical seitan. Gluten-free roof party locavore, pop-up cornhole chambray mlkshk bitters McSweeney's Kickstarter bespoke. YOLO cred pop-up chambray PBR&B. Kitsch mixtape DIY skateboard leggings, YOLO ennui chillwave dreamcatcher put a bird on it. Pug artisan PBR&B PBR dreamcatcher, Marfa Etsy mixtape mustache messenger bag Vice. Plaid lomo pour-over post-ironic, synth disrupt beard Truffaut church-key Tumblr narwhal Bushwick cred slow-carb tofu.</p> <p>Pitchfork disrupt Vice fixie sriracha Blue Bottle. Carles gastropub skateboard Schlitz, Truffaut semiotics PBR fanny pack. Truffaut biodiesel aesthetic, skateboard Etsy distillery blog. Craft beer mumblecore bitters, Tonx fixie viral fingerstache Bushwick occupy. DIY tofu pug lo-fi, street art flexitarian Truffaut. 90's banjo lo-fi master cleanse selvage Tonx, narwhal tote bag. Helvetica before they sold out put a bird on it slow-carb normcore lo-fi.</p> <h3>Filler Content</h3> <p>Flexitarian Vice put a bird on it, farm-to-table aesthetic vinyl wayfarers actually try-hard street art +1 gentrify mlkshk Pinterest art party. Sriracha dreamcatcher vegan, fashion axe occupy drinking vinegar mixtape 8-bit VHS hoodie Schlitz retro lomo chillwave jean shorts. Chia deep v irony, biodiesel flexitarian vegan hashtag squid food truck drinking vinegar sustainable chillwave. Master cleanse ethical Marfa, Carles sartorial retro roof party raw denim. Kickstarter twee you probably haven't heard of them, 8-bit church-key food truck literally cliche photo booth letterpress fap occupy. 8-bit crucifix banh mi Kickstarter messenger bag. Tofu XOXO leggings, asymmetrical craft beer fixie drinking vinegar lomo plaid literally letterpress ethical keytar kogi semiotics.</p> <p>Flexitarian Vice put a bird on it, farm-to-table aesthetic vinyl wayfarers actually try-hard street art +1 gentrify mlkshk Pinterest art party. Sriracha dreamcatcher vegan, fashion axe occupy drinking vinegar mixtape 8-bit VHS hoodie Schlitz retro lomo chillwave jean shorts. Chia deep v irony, biodiesel flexitarian vegan hashtag squid food truck drinking vinegar sustainable chillwave. Master cleanse ethical Marfa, Carles sartorial retro roof party raw denim. Kickstarter twee you probably haven't heard of them, 8-bit church-key food truck literally cliche photo booth letterpress fap occupy. 8-bit crucifix banh mi Kickstarter messenger bag. Tofu XOXO leggings, asymmetrical craft beer fixie drinking vinegar lomo plaid literally letterpress ethical keytar kogi semiotics.</p> <p>Quinoa Truffaut small batch shabby chic, banh mi lomo Pitchfork. High Life direct trade shabby chic, retro art party Etsy tattooed 90's. Hella gluten-free High Life, pug gastropub scenester pop-up typewriter salvia. Typewriter pug sriracha meggings, retro wayfarers twee four loko ethical. Helvetica Etsy quinoa, flexitarian Blue Bottle trust fund gluten-free meh disrupt organic fingerstache sriracha mlkshk. Deep v wayfarers artisan Williamsburg skateboard authentic. Trust fund mixtape raw denim 3 wolf moon, Williamsburg cardigan polaroid readymade normcore swag.</p> <p>Flexitarian Vice put a bird on it, farm-to-table aesthetic vinyl wayfarers actually try-hard street art +1 gentrify mlkshk Pinterest art party. Sriracha dreamcatcher vegan, fashion axe occupy drinking vinegar mixtape 8-bit VHS hoodie Schlitz retro lomo chillwave jean shorts. Chia deep v irony, biodiesel flexitarian vegan hashtag squid food truck drinking vinegar sustainable chillwave. Master cleanse ethical Marfa, Carles sartorial retro roof party raw denim. Kickstarter twee you probably haven't heard of them, 8-bit church-key food truck literally cliche photo booth letterpress fap occupy. 8-bit crucifix banh mi Kickstarter messenger bag. Tofu XOXO leggings, asymmetrical craft beer fixie drinking vinegar lomo plaid literally letterpress ethical keytar kogi semiotics.</p> <p>Quinoa Truffaut small batch shabby chic, banh mi lomo Pitchfork. High Life direct trade shabby chic, retro art party Etsy tattooed 90's. Hella gluten-free High Life, pug gastropub scenester pop-up typewriter salvia. Typewriter pug sriracha meggings, retro wayfarers twee four loko ethical. Helvetica Etsy quinoa, flexitarian Blue Bottle trust fund gluten-free meh disrupt organic fingerstache sriracha mlkshk. Deep v wayfarers artisan Williamsburg skateboard authentic. Trust fund mixtape raw denim 3 wolf moon, Williamsburg cardigan polaroid readymade normcore swag.</p> <p>Flexitarian Vice put a bird on it, farm-to-table aesthetic vinyl wayfarers actually try-hard street art +1 gentrify mlkshk Pinterest art party. Sriracha dreamcatcher vegan, fashion axe occupy drinking vinegar mixtape 8-bit VHS hoodie Schlitz retro lomo chillwave jean shorts. Chia deep v irony, biodiesel flexitarian vegan hashtag squid food truck drinking vinegar sustainable chillwave. Master cleanse ethical Marfa, Carles sartorial retro roof party raw denim. Kickstarter twee you probably haven't heard of them, 8-bit church-key food truck literally cliche photo booth letterpress fap occupy. 8-bit crucifix banh mi Kickstarter messenger bag. Tofu XOXO leggings, asymmetrical craft beer fixie drinking vinegar lomo plaid literally letterpress ethical keytar kogi semiotics.</p> <p>Quinoa Truffaut small batch shabby chic, banh mi lomo Pitchfork. High Life direct trade shabby chic, retro art party Etsy tattooed 90's. Hella gluten-free High Life, pug gastropub scenester pop-up typewriter salvia. Typewriter pug sriracha meggings, retro wayfarers twee four loko ethical. Helvetica Etsy quinoa, flexitarian Blue Bottle trust fund gluten-free meh disrupt organic fingerstache sriracha mlkshk. Deep v wayfarers artisan Williamsburg skateboard authentic. Trust fund mixtape raw denim 3 wolf moon, Williamsburg cardigan polaroid readymade normcore swag.</p> <p>Flexitarian Vice put a bird on it, farm-to-table aesthetic vinyl wayfarers actually try-hard street art +1 gentrify mlkshk Pinterest art party. Sriracha dreamcatcher vegan, fashion axe occupy drinking vinegar mixtape 8-bit VHS hoodie Schlitz retro lomo chillwave jean shorts. Chia deep v irony, biodiesel flexitarian vegan hashtag squid food truck drinking vinegar sustainable chillwave. Master cleanse ethical Marfa, Carles sartorial retro roof party raw denim. Kickstarter twee you probably haven't heard of them, 8-bit church-key food truck literally cliche photo booth letterpress fap occupy. 8-bit crucifix banh mi Kickstarter messenger bag. Tofu XOXO leggings, asymmetrical craft beer fixie drinking vinegar lomo plaid literally letterpress ethical keytar kogi semiotics.</p> <p>Quinoa Truffaut small batch shabby chic, banh mi lomo Pitchfork. High Life direct trade shabby chic, retro art party Etsy tattooed 90's. Hella gluten-free High Life, pug gastropub scenester pop-up typewriter salvia. Typewriter pug sriracha meggings, retro wayfarers twee four loko ethical. Helvetica Etsy quinoa, flexitarian Blue Bottle trust fund gluten-free meh disrupt organic fingerstache sriracha mlkshk. Deep v wayfarers artisan Williamsburg skateboard authentic. Trust fund mixtape raw denim 3 wolf moon, Williamsburg cardigan polaroid readymade normcore swag.</p> <p>Flexitarian Vice put a bird on it, farm-to-table aesthetic vinyl wayfarers actually try-hard street art +1 gentrify mlkshk Pinterest art party. Sriracha dreamcatcher vegan, fashion axe occupy drinking vinegar mixtape 8-bit VHS hoodie Schlitz retro lomo chillwave jean shorts. Chia deep v irony, biodiesel flexitarian vegan hashtag squid food truck drinking vinegar sustainable chillwave. Master cleanse ethical Marfa, Carles sartorial retro roof party raw denim. Kickstarter twee you probably haven't heard of them, 8-bit church-key food truck literally cliche photo booth letterpress fap occupy. 8-bit crucifix banh mi Kickstarter messenger bag. Tofu XOXO leggings, asymmetrical craft beer fixie drinking vinegar lomo plaid literally letterpress ethical keytar kogi semiotics.</p> <p>Quinoa Truffaut small batch shabby chic, banh mi lomo Pitchfork. High Life direct trade shabby chic, retro art party Etsy tattooed 90's. Hella gluten-free High Life, pug gastropub scenester pop-up typewriter salvia. Typewriter pug sriracha meggings, retro wayfarers twee four loko ethical. Helvetica Etsy quinoa, flexitarian Blue Bottle trust fund gluten-free meh disrupt organic fingerstache sriracha mlkshk. Deep v wayfarers artisan Williamsburg skateboard authentic. Trust fund mixtape raw denim 3 wolf moon, Williamsburg cardigan polaroid readymade normcore swag.</p> <p>Flexitarian Vice put a bird on it, farm-to-table aesthetic vinyl wayfarers actually try-hard street art +1 gentrify mlkshk Pinterest art party. Sriracha dreamcatcher vegan, fashion axe occupy drinking vinegar mixtape 8-bit VHS hoodie Schlitz retro lomo chillwave jean shorts. Chia deep v irony, biodiesel flexitarian vegan hashtag squid food truck drinking vinegar sustainable chillwave. Master cleanse ethical Marfa, Carles sartorial retro roof party raw denim. Kickstarter twee you probably haven't heard of them, 8-bit church-key food truck literally cliche photo booth letterpress fap occupy. 8-bit crucifix banh mi Kickstarter messenger bag. Tofu XOXO leggings, asymmetrical craft beer fixie drinking vinegar lomo plaid literally letterpress ethical keytar kogi semiotics.</p> <p>Quinoa Truffaut small batch shabby chic, banh mi lomo Pitchfork. High Life direct trade shabby chic, retro art party Etsy tattooed 90's. Hella gluten-free High Life, pug gastropub scenester pop-up typewriter salvia. Typewriter pug sriracha meggings, retro wayfarers twee four loko ethical. Helvetica Etsy quinoa, flexitarian Blue Bottle trust fund gluten-free meh disrupt organic fingerstache sriracha mlkshk. Deep v wayfarers artisan Williamsburg skateboard authentic. Trust fund mixtape raw denim 3 wolf moon, Williamsburg cardigan polaroid readymade normcore swag.</p> <p>Flexitarian Vice put a bird on it, farm-to-table aesthetic vinyl wayfarers actually try-hard street art +1 gentrify mlkshk Pinterest art party. Sriracha dreamcatcher vegan, fashion axe occupy drinking vinegar mixtape 8-bit VHS hoodie Schlitz retro lomo chillwave jean shorts. Chia deep v irony, biodiesel flexitarian vegan hashtag squid food truck drinking vinegar sustainable chillwave. Master cleanse ethical Marfa, Carles sartorial retro roof party raw denim. Kickstarter twee you probably haven't heard of them, 8-bit church-key food truck literally cliche photo booth letterpress fap occupy. 8-bit crucifix banh mi Kickstarter messenger bag. Tofu XOXO leggings, asymmetrical craft beer fixie drinking vinegar lomo plaid literally letterpress ethical keytar kogi semiotics.</p> <p>Quinoa Truffaut small batch shabby chic, banh mi lomo Pitchfork. High Life direct trade shabby chic, retro art party Etsy tattooed 90's. Hella gluten-free High Life, pug gastropub scenester pop-up typewriter salvia. Typewriter pug sriracha meggings, retro wayfarers twee four loko ethical. Helvetica Etsy quinoa, flexitarian Blue Bottle trust fund gluten-free meh disrupt organic fingerstache sriracha mlkshk. Deep v wayfarers artisan Williamsburg skateboard authentic. Trust fund mixtape raw denim 3 wolf moon, Williamsburg cardigan polaroid readymade normcore swag.</p> <p>Flexitarian Vice put a bird on it, farm-to-table aesthetic vinyl wayfarers actually try-hard street art +1 gentrify mlkshk Pinterest art party. Sriracha dreamcatcher vegan, fashion axe occupy drinking vinegar mixtape 8-bit VHS hoodie Schlitz retro lomo chillwave jean shorts. Chia deep v irony, biodiesel flexitarian vegan hashtag squid food truck drinking vinegar sustainable chillwave. Master cleanse ethical Marfa, Carles sartorial retro roof party raw denim. Kickstarter twee you probably haven't heard of them, 8-bit church-key food truck literally cliche photo booth letterpress fap occupy. 8-bit crucifix banh mi Kickstarter messenger bag. Tofu XOXO leggings, asymmetrical craft beer fixie drinking vinegar lomo plaid literally letterpress ethical keytar kogi semiotics.</p> <p>Quinoa Truffaut small batch shabby chic, banh mi lomo Pitchfork. High Life direct trade shabby chic, retro art party Etsy tattooed 90's. Hella gluten-free High Life, pug gastropub scenester pop-up typewriter salvia. Typewriter pug sriracha meggings, retro wayfarers twee four loko ethical. Helvetica Etsy quinoa, flexitarian Blue Bottle trust fund gluten-free meh disrupt organic fingerstache sriracha mlkshk. Deep v wayfarers artisan Williamsburg skateboard authentic. Trust fund mixtape raw denim 3 wolf moon, Williamsburg cardigan polaroid readymade normcore swag.</p> <p>Flexitarian Vice put a bird on it, farm-to-table aesthetic vinyl wayfarers actually try-hard street art +1 gentrify mlkshk Pinterest art party. Sriracha dreamcatcher vegan, fashion axe occupy drinking vinegar mixtape 8-bit VHS hoodie Schlitz retro lomo chillwave jean shorts. Chia deep v irony, biodiesel flexitarian vegan hashtag squid food truck drinking vinegar sustainable chillwave. Master cleanse ethical Marfa, Carles sartorial retro roof party raw denim. Kickstarter twee you probably haven't heard of them, 8-bit church-key food truck literally cliche photo booth letterpress fap occupy. 8-bit crucifix banh mi Kickstarter messenger bag. Tofu XOXO leggings, asymmetrical craft beer fixie drinking vinegar lomo plaid literally letterpress ethical keytar kogi semiotics.</p> <p>Quinoa Truffaut small batch shabby chic, banh mi lomo Pitchfork. High Life direct trade shabby chic, retro art party Etsy tattooed 90's. Hella gluten-free High Life, pug gastropub scenester pop-up typewriter salvia. Typewriter pug sriracha meggings, retro wayfarers twee four loko ethical. Helvetica Etsy quinoa, flexitarian Blue Bottle trust fund gluten-free meh disrupt organic fingerstache sriracha mlkshk. Deep v wayfarers artisan Williamsburg skateboard authentic. Trust fund mixtape raw denim 3 wolf moon, Williamsburg cardigan polaroid readymade normcore swag.</p> <p>Flexitarian Vice put a bird on it, farm-to-table aesthetic vinyl wayfarers actually try-hard street art +1 gentrify mlkshk Pinterest art party. Sriracha dreamcatcher vegan, fashion axe occupy drinking vinegar mixtape 8-bit VHS hoodie Schlitz retro lomo chillwave jean shorts. Chia deep v irony, biodiesel flexitarian vegan hashtag squid food truck drinking vinegar sustainable chillwave. Master cleanse ethical Marfa, Carles sartorial retro roof party raw denim. Kickstarter twee you probably haven't heard of them, 8-bit church-key food truck literally cliche photo booth letterpress fap occupy. 8-bit crucifix banh mi Kickstarter messenger bag. Tofu XOXO leggings, asymmetrical craft beer fixie drinking vinegar lomo plaid literally letterpress ethical keytar kogi semiotics.</p> <p>Quinoa Truffaut small batch shabby chic, banh mi lomo Pitchfork. High Life direct trade shabby chic, retro art party Etsy tattooed 90's. Hella gluten-free High Life, pug gastropub scenester pop-up typewriter salvia. Typewriter pug sriracha meggings, retro wayfarers twee four loko ethical. Helvetica Etsy quinoa, flexitarian Blue Bottle trust fund gluten-free meh disrupt organic fingerstache sriracha mlkshk. Deep v wayfarers artisan Williamsburg skateboard authentic. Trust fund mixtape raw denim 3 wolf moon, Williamsburg cardigan polaroid readymade normcore swag.</p> <p>Flexitarian Vice put a bird on it, farm-to-table aesthetic vinyl wayfarers actually try-hard street art +1 gentrify mlkshk Pinterest art party. Sriracha dreamcatcher vegan, fashion axe occupy drinking vinegar mixtape 8-bit VHS hoodie Schlitz retro lomo chillwave jean shorts. Chia deep v irony, biodiesel flexitarian vegan hashtag squid food truck drinking vinegar sustainable chillwave. Master cleanse ethical Marfa, Carles sartorial retro roof party raw denim. Kickstarter twee you probably haven't heard of them, 8-bit church-key food truck literally cliche photo booth letterpress fap occupy. 8-bit crucifix banh mi Kickstarter messenger bag. Tofu XOXO leggings, asymmetrical craft beer fixie drinking vinegar lomo plaid literally letterpress ethical keytar kogi semiotics.</p> <p>Quinoa Truffaut small batch shabby chic, banh mi lomo Pitchfork. High Life direct trade shabby chic, retro art party Etsy tattooed 90's. Hella gluten-free High Life, pug gastropub scenester pop-up typewriter salvia. Typewriter pug sriracha meggings, retro wayfarers twee four loko ethical. Helvetica Etsy quinoa, flexitarian Blue Bottle trust fund gluten-free meh disrupt organic fingerstache sriracha mlkshk. Deep v wayfarers artisan Williamsburg skateboard authentic. Trust fund mixtape raw denim 3 wolf moon, Williamsburg cardigan polaroid readymade normcore swag.</p> <p>Flexitarian Vice put a bird on it, farm-to-table aesthetic vinyl wayfarers actually try-hard street art +1 gentrify mlkshk Pinterest art party. Sriracha dreamcatcher vegan, fashion axe occupy drinking vinegar mixtape 8-bit VHS hoodie Schlitz retro lomo chillwave jean shorts. Chia deep v irony, biodiesel flexitarian vegan hashtag squid food truck drinking vinegar sustainable chillwave. Master cleanse ethical Marfa, Carles sartorial retro roof party raw denim. Kickstarter twee you probably haven't heard of them, 8-bit church-key food truck literally cliche photo booth letterpress fap occupy. 8-bit crucifix banh mi Kickstarter messenger bag. Tofu XOXO leggings, asymmetrical craft beer fixie drinking vinegar lomo plaid literally letterpress ethical keytar kogi semiotics.</p> <p>Quinoa Truffaut small batch shabby chic, banh mi lomo Pitchfork. High Life direct trade shabby chic, retro art party Etsy tattooed 90's. Hella gluten-free High Life, pug gastropub scenester pop-up typewriter salvia. Typewriter pug sriracha meggings, retro wayfarers twee four loko ethical. Helvetica Etsy quinoa, flexitarian Blue Bottle trust fund gluten-free meh disrupt organic fingerstache sriracha mlkshk. Deep v wayfarers artisan Williamsburg skateboard authentic. Trust fund mixtape raw denim 3 wolf moon, Williamsburg cardigan polaroid readymade normcore swag.</p> <p>Flexitarian Vice put a bird on it, farm-to-table aesthetic vinyl wayfarers actually try-hard street art +1 gentrify mlkshk Pinterest art party. Sriracha dreamcatcher vegan, fashion axe occupy drinking vinegar mixtape 8-bit VHS hoodie Schlitz retro lomo chillwave jean shorts. Chia deep v irony, biodiesel flexitarian vegan hashtag squid food truck drinking vinegar sustainable chillwave. Master cleanse ethical Marfa, Carles sartorial retro roof party raw denim. Kickstarter twee you probably haven't heard of them, 8-bit church-key food truck literally cliche photo booth letterpress fap occupy. 8-bit crucifix banh mi Kickstarter messenger bag. Tofu XOXO leggings, asymmetrical craft beer fixie drinking vinegar lomo plaid literally letterpress ethical keytar kogi semiotics.</p> <p>Quinoa Truffaut small batch shabby chic, banh mi lomo Pitchfork. High Life direct trade shabby chic, retro art party Etsy tattooed 90's. Hella gluten-free High Life, pug gastropub scenester pop-up typewriter salvia. Typewriter pug sriracha meggings, retro wayfarers twee four loko ethical. Helvetica Etsy quinoa, flexitarian Blue Bottle trust fund gluten-free meh disrupt organic fingerstache sriracha mlkshk. Deep v wayfarers artisan Williamsburg skateboard authentic. Trust fund mixtape raw denim 3 wolf moon, Williamsburg cardigan polaroid readymade normcore swag.</p> <p>Flexitarian Vice put a bird on it, farm-to-table aesthetic vinyl wayfarers actually try-hard street art +1 gentrify mlkshk Pinterest art party. Sriracha dreamcatcher vegan, fashion axe occupy drinking vinegar mixtape 8-bit VHS hoodie Schlitz retro lomo chillwave jean shorts. Chia deep v irony, biodiesel flexitarian vegan hashtag squid food truck drinking vinegar sustainable chillwave. Master cleanse ethical Marfa, Carles sartorial retro roof party raw denim. Kickstarter twee you probably haven't heard of them, 8-bit church-key food truck literally cliche photo booth letterpress fap occupy. 8-bit crucifix banh mi Kickstarter messenger bag. Tofu XOXO leggings, asymmetrical craft beer fixie drinking vinegar lomo plaid literally letterpress ethical keytar kogi semiotics.</p> <p>Quinoa Truffaut small batch shabby chic, banh mi lomo Pitchfork. High Life direct trade shabby chic, retro art party Etsy tattooed 90's. Hella gluten-free High Life, pug gastropub scenester pop-up typewriter salvia. Typewriter pug sriracha meggings, retro wayfarers twee four loko ethical. Helvetica Etsy quinoa, flexitarian Blue Bottle trust fund gluten-free meh disrupt organic fingerstache sriracha mlkshk. Deep v wayfarers artisan Williamsburg skateboard authentic. Trust fund mixtape raw denim 3 wolf moon, Williamsburg cardigan polaroid readymade normcore swag.</p> <p>Quinoa Truffaut small batch shabby chic, banh mi lomo Pitchfork. High Life direct trade shabby chic, retro art party Etsy tattooed 90's. Hella gluten-free High Life, pug gastropub scenester pop-up typewriter salvia. Typewriter pug sriracha meggings, retro wayfarers twee four loko ethical. Helvetica Etsy quinoa, flexitarian Blue Bottle trust fund gluten-free meh disrupt organic fingerstache sriracha mlkshk. Deep v wayfarers artisan Williamsburg skateboard authentic. Trust fund mixtape raw denim 3 wolf moon, Williamsburg cardigan polaroid readymade normcore swag.</p> </article>
</section> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/101702/headroom.min.js'></script> <script src="js/index.js"></script>
</body>
</html>
BruxZir - Header with headroom - Script Codes CSS Codes
header { height:150px; position: relative; z-index:30;
}
.header-banner { background-color: #fff; width: 100%; height: 150px; position: relative; z-index: 30;
}
.inner { position: relative; width: 960px; max-width: 100%; margin: 0 auto;
}
header .logo { background-color: transparent; background-image: url('http://shared-assets.s3.amazonaws.com/codepen/bruxzir/bruxzir-logo-280.png'); background-position: center top; background-repeat: no-repeat; position: absolute; top: 48px; left: 10px; height: 90px; width: 280px; z-index: 30;
}
.intl-labs-tab { text-decoration: none; text-align: center; color: #333; width: 180px; height: 30px; line-height: 30px; background-color: #f6f6f6; position: absolute; top: 0px; right: 0px; z-index: 30;
}
.fixed-header { position: fixed; top:0; left:0; width: 100%;
}
header nav { width:100%; height:30px; background: #555555; z-index: 30;
}
header nav ul { list-style-type: none; margin: 0 auto; padding-left:0; text-transform: uppercase; text-align:right; width: 960px; max-width: 100%;
}
header nav ul li { display: inline-block; line-height: 30px; margin-left: 10px; margin-right: 10px;
}
header nav ul li a { text-decoration: none; color: #fff;
}
#page-menu { background-color: #BA222B; list-style-type: none; width: 100%; z-index:10;
}
#page-menu ul { list-style-type: none; margin: 0; position: absolute; bottom: 5px; right: 10px;
}
#page-menu ul li { display: inline-block; margin-left: 10px;
}
#page-menu ul li a { text-decoration: none; color: #fff;
}
/* demo */
.content{ width: 960px; max-width: 96%; margin:0 auto; padding-top: 96px; }
article { max-width: 100%; float: left; }
article p:first-of-type { margin-top: 0; }
aside { width: 300px; float: right; }
aside img { max-width: 100%; }
body { color: #292f36; font-family: helvetica; line-height: 1.6;
}
.mr6 { margin-right: 6px; }
/* resets */
body { margin:0px; padding:0px; }
/**============== Page Link Nav ==============**/
.link-header { background-color:#292f36; height: 100px;
}
.header--fixed { position:fixed; z-index:10; right:0; left:0; top:0px;
}
/**============== Slide ==============**/
.slide { -webkit-transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; transition:all .25s ease-in-out
}
.slide--reset { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)
}
.slide--up { -webkit-transform:translateY(-100%); -ms-transform:translateY(-100%); transform:translateY(-100%)
}
/**============== Animations ==============**/
.animated { -webkit-animation-duration:.5s; -moz-animation-duration:.5s; -o-animation-duration:.5s; animation-duration:.5s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both
}
@-webkit-keyframes slideDown { 0% { -webkit-transform:translateY(-100%) } 100% { -webkit-transform:translateY(0) }
}
@-moz-keyframes slideDown { 0% { -moz-transform:translateY(-100%) } 100% { -moz-transform:translateY(0) }
}
@-o-keyframes slideDown { 0% { -o-transform:translateY(-100%) } 100% { -o-transform:translateY(0) }
}
@keyframes slideDown { 0% { transform:translateY(-100%) } 100% { transform:translateY(0) }
}
.animated.slideDown { -webkit-animation-name:slideDown; -moz-animation-name:slideDown; -o-animation-name:slideDown; animation-name:slideDown
}
@-webkit-keyframes slideUp { 0% { -webkit-transform:translateY(0) } 100% { -webkit-transform:translateY(-100%) }
}
@-moz-keyframes slideUp { 0% { -moz-transform:translateY(0) } 100% { -moz-transform:translateY(-100%) }
}
@-o-keyframes slideUp { 0% { -o-transform:translateY(0) } 100% { -o-transform:translateY(-100%) }
}
@keyframes slideUp { 0% { transform:translateY(0) } 100% { transform:translateY(-100%) }
}
.animated.slideUp { -webkit-animation-name:slideUp; -moz-animation-name:slideUp; -o-animation-name:slideUp; animation-name:slideUp
}
@-webkit-keyframes swingInX { 0% { -webkit-transform:perspective(400px) rotateX(-90deg) } 100% { -webkit-transform:perspective(400px) rotateX(0deg) }
}
@-moz-keyframes swingInX { 0% { -moz-transform:perspective(400px) rotateX(-90deg) } 100% { -moz-transform:perspective(400px) rotateX(0deg) }
}
@-o-keyframes swingInX { 0% { -o-transform:perspective(400px) rotateX(-90deg) } 100% { -o-transform:perspective(400px) rotateX(0deg) }
}
@keyframes swingInX { 0% { transform:perspective(400px) rotateX(-90deg) } 100% { transform:perspective(400px) rotateX(0deg) }
}
.animated.swingInX { -webkit-transform-origin:top; -moz-transform-origin:top; -ie-transform-origin:top; -o-transform-origin:top; transform-origin:top; -webkit-backface-visibility:visible!important; -webkit-animation-name:swingInX; -moz-backface-visibility:visible!important; -moz-animation-name:swingInX; -o-backface-visibility:visible!important; -o-animation-name:swingInX; backface-visibility:visible!important; animation-name:swingInX
}
@-webkit-keyframes swingOutX { 0% { -webkit-transform:perspective(400px) rotateX(0deg) } 100% { -webkit-transform:perspective(400px) rotateX(-90deg) }
}
@-moz-keyframes swingOutX { 0% { -moz-transform:perspective(400px) rotateX(0deg) } 100% { -moz-transform:perspective(400px) rotateX(-90deg) }
}
@-o-keyframes swingOutX { 0% { -o-transform:perspective(400px) rotateX(0deg) } 100% { -o-transform:perspective(400px) rotateX(-90deg) }
}
@keyframes swingOutX { 0% { transform:perspective(400px) rotateX(0deg) } 100% { transform:perspective(400px) rotateX(-90deg) }
}
.animated.swingOutX { -webkit-transform-origin:top; -webkit-animation-name:swingOutX; -webkit-backface-visibility:visible!important; -moz-animation-name:swingOutX; -moz-backface-visibility:visible!important; -o-animation-name:swingOutX; -o-backface-visibility:visible!important; animation-name:swingOutX; backface-visibility:visible!important
}
@-webkit-keyframes flipInX { 0% { -webkit-transform:perspective(400px) rotateX(90deg); opacity:0 } 100% { -webkit-transform:perspective(400px) rotateX(0deg); opacity:1 }
}
@-moz-keyframes flipInX { 0% { -moz-transform:perspective(400px) rotateX(90deg); opacity:0 } 100% { -moz-transform:perspective(400px) rotateX(0deg); opacity:1 }
}
@-o-keyframes flipInX { 0% { -o-transform:perspective(400px) rotateX(90deg); opacity:0 } 100% { -o-transform:perspective(400px) rotateX(0deg); opacity:1 }
}
@keyframes flipInX { 0% { transform:perspective(400px) rotateX(90deg); opacity:0 } 100% { transform:perspective(400px) rotateX(0deg); opacity:1 }
}
.animated.flipInX { -webkit-backface-visibility:visible!important; -webkit-animation-name:flipInX; -moz-backface-visibility:visible!important; -moz-animation-name:flipInX; -o-backface-visibility:visible!important; -o-animation-name:flipInX; backface-visibility:visible!important; animation-name:flipInX
}
@-webkit-keyframes flipOutX { 0% { -webkit-transform:perspective(400px) rotateX(0deg); opacity:1 } 100% { -webkit-transform:perspective(400px) rotateX(90deg); opacity:0 }
}
@-moz-keyframes flipOutX { 0% { -moz-transform:perspective(400px) rotateX(0deg); opacity:1 } 100% { -moz-transform:perspective(400px) rotateX(90deg); opacity:0 }
}
@-o-keyframes flipOutX { 0% { -o-transform:perspective(400px) rotateX(0deg); opacity:1 } 100% { -o-transform:perspective(400px) rotateX(90deg); opacity:0 }
}
@keyframes flipOutX { 0% { transform:perspective(400px) rotateX(0deg); opacity:1 } 100% { transform:perspective(400px) rotateX(90deg); opacity:0 }
}
.animated.flipOutX { -webkit-animation-name:flipOutX; -webkit-backface-visibility:visible!important; -moz-animation-name:flipOutX; -moz-backface-visibility:visible!important; -o-animation-name:flipOutX; -o-backface-visibility:visible!important; animation-name:flipOutX; backface-visibility:visible!important
}
@-webkit-keyframes bounceInDown { 0% { opacity:0; -webkit-transform:translateY(-200px) } 60% { opacity:1; -webkit-transform:translateY(30px) } 80% { -webkit-transform:translateY(-10px) } 100% { -webkit-transform:translateY(0) }
}
@-moz-keyframes bounceInDown { 0% { opacity:0; -moz-transform:translateY(-200px) } 60% { opacity:1; -moz-transform:translateY(30px) } 80% { -moz-transform:translateY(-10px) } 100% { -moz-transform:translateY(0) }
}
@-o-keyframes bounceInDown { 0% { opacity:0; -o-transform:translateY(-200px) } 60% { opacity:1; -o-transform:translateY(30px) } 80% { -o-transform:translateY(-10px) } 100% { -o-transform:translateY(0) }
}
@keyframes bounceInDown { 0% { opacity:0; transform:translateY(-200px) } 60% { opacity:1; transform:translateY(30px)} 80% { transform:translateY(-10px) } 100% { transform:translateY(0) }
}
.animated.bounceInDown { -webkit-animation-name:bounceInDown; -moz-animation-name:bounceInDown; -o-animation-name:bounceInDown; animation-name:bounceInDown
}
@-webkit-keyframes bounceOutUp { 0% { -webkit-transform:translateY(0) } 30% { opacity:1; -webkit-transform:translateY(20px) } 100% { opacity:0; -webkit-transform:translateY(-200px) }
}
@-moz-keyframes bounceOutUp { 0% { -moz-transform:translateY(0) } 30% { opacity:1; -moz-transform:translateY(20px) } 100% { opacity:0; -moz-transform:translateY(-200px) }
}
@-o-keyframes bounceOutUp { 0% { -o-transform:translateY(0) } 30% { opacity:1; -o-transform:translateY(20px) } 100% { opacity:0; -o-transform:translateY(-200px) }
}
@keyframes bounceOutUp { 0% { transform:translateY(0) } 30% { opacity:1; transform:translateY(20px) } 100% { opacity:0; transform:translateY(-200px) }
}
.animated.bounceOutUp { -webkit-animation-name:bounceOutUp; -moz-animation-name:bounceOutUp; -o-animation-name:bounceOutUp; animation-name:bounceOutUp
}
BruxZir - Header with headroom - Script Codes JS Codes
$(window).scroll(function(){ if ($(window).scrollTop() >= 180) { $('header nav').addClass('fixed-header'); } else { $('header nav').removeClass('fixed-header'); }
});
(function() { new Headroom(document.querySelector("#page-menu"), { tolerance: 5, offset : 180, classes: { initial: "slide", pinned: "slide--reset", unpinned: "slide--up" } }).init();
}());
Developer | Juan Gallardo |
Username | JGallardo |
Uploaded | August 18, 2022 |
Rating | 3 |
Size | 5,276 Kb |
Views | 36,432 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Template - iPhone 5 - Vertical | 1,919 Kb |
BruxZir - Home Page -3 | 2,170 Kb |
Plane Blog - Masonry Demo | 5,347 Kb |
Travel Location Select | 2,218 Kb |
Button - Test | 2,834 Kb |
Blog Concept 4 | 4,172 Kb |
Template - iPad Air - Vertical | 1,859 Kb |
Template - iPad Air - Horizontal | 1,864 Kb |
Testimonial - Concept 1 | 1,880 Kb |
Bruxzir - Sprite Practice | 2,723 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
DFF Website | Hawcubite | 10,123 Kb |
Michelle, submit your photography to Unsplash. | Zaneriley | 3,368 Kb |
Experiment - SCSS SVG Background Image with Variables | See8ch | 3,270 Kb |
Direction-icon | Alexandremasy | 3,323 Kb |
React Template | Isac | 1,241 Kb |
RPG Style Text Dialogue | Odylic | 2,635 Kb |
JQuery Validate checkbox group | Lunaman | 2,466 Kb |
Image Stack Test SCSS | CalvinMorett | 2,799 Kb |
Flower expansion | Sreucherand | 3,425 Kb |
A Pen by Anoop | Anoopjohn | 330,760 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!