Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Cascade Canine Rescue
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<a class="navbar-brand" href="#"><span style="color:white;">CCREW</a>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="#"><span style="color:white;">Our Mission</span></a></li>
<li><a href="#"><span style="color:white;">Dogs for Adoption</a></li>
<li><a href="#"><span style="color:white;">Donate</a></li>
<li><a href="#"><span style="color:white;">Resources</a></li>
</div><!--/.nav-collapse -->
</div><!--/.container-fluid -->
<script src=""></script>
<script src=""></script>
<script src=""></script>
body {
font-family: 'Amatic SC', cursive;
.heading {
padding-top: 120px;
.navbar {
height: 100px;
.navbar-default {
background-color: #3c896d;
.navbar-brand {
font-size: 80px;
padding-left: 30px;
#navbar li {
font-size: 30px;
padding-top: 25px;
padding-left: 35px;
padding-right: 25px;
li :hover {
font-size: 35px;
@media (min-width: 768px) and (max-width: 991px) {
.navbar-collapse.collapse {
display: none !important;
} {
display: block !important;
.navbar-header .collapse, .navbar-toggle {
display:block !important;
.navbar-header {
@media (min-width: 768px){
margin: 0 auto;
display: table;
table-layout: fixed;
.navbar-toggle {
background-color: white;
height: 75px;
width: 75px;
<link href="" rel="stylesheet" />
<link href="" rel="stylesheet" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment