Bootstrap v3.1.1.. Sticky footer with static header with scss
A Pen by Mahmoud Elmahdi on CodePen.
/**************************\ | |
Basic Modal Styles | |
\**************************/ | |
.modal { | |
font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif; | |
} | |
.modal__overlay { | |
position: fixed; |
<div class="site-outer"> | |
<nav class="navbar navbar-fixed-top"> | |
<section class="container-fluid"> | |
<div class="row"> | |
<div class="container-menu"> | |
<nav class="menu" id="hb"> | |
<div></div> | |
<div></div> | |
<div></div> | |
</nav> |
<button class="btn-nav"> | |
<div class="bar arrow-top-r"></div> | |
<div class="bar arrow-middle-r"></div> | |
<div class="bar arrow-bottom-r"></div> | |
</button> | |
<div class="links-con"> | |
<a href="https://codepen.io/tonkec/full/zbRKKK" target="_blank" class="nav new">NEW VERSION</a> | |
<a href="https://antonijasimic.bitbucket.io/text_hover_effects/index.html" target="_blank" class="nav">Home</a> | |
<a href="https://antonijasimic.bitbucket.io/text_hover_effects/documentation.html" target="_blank" class="nav">Docs</a> | |
<a href="https://github.com/tonkec/text_hover_effects" class="nav" target="_blank">Download</a> |
<div class="container"> | |
<div class="row"> | |
<div class="col-sm-12"> | |
<h1>The Hamburger Menu</h1> | |
<p>(click)</p> | |
<div class="menu btn1" data-menu="1"> | |
<div class="icon-left"></div> | |
<div class="icon-right"></div> | |
</div> |
<nav id="menu"> | |
<ul class="mobile-nav" id="mobile"> | |
<li class="menu-item menu-item-has-children"> | |
<a href="#">Visit</a> | |
<ul class="sub-menu"> | |
<li class="menu-item"> | |
<a href="#">What’s On</a> | |
</li> |
<VirtualHost *:80> | |
DocumentRoot "/Applications/XAMPP/xamppfiles/htdocs/" | |
ServerName localhost | |
<Directory "/Applications/XAMPP/xamppfiles/htdocs/"> | |
Options Indexes FollowSymLinks Includes execCGI | |
AllowOverride All | |
Require all granted | |
</Directory> | |
</VirtualHost> |