"footer 2"
Bootstrap 3.3.0 Snippet by blayderunner123

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<link href="https://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css" rel="stylesheet">
<body id="top" name="top">
<!-- Navigation -->
<nav class="navbar navbar-inverse navbar-fixed-top no-print" id="myNavbar">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<a class="nav-btn btn-dark btn-lg accordion-toggle pull-left" title="Follow Us" role="tab" id="social-collapse" data-toggle="collapse" data-parent="#accordion" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne"></a>
<a id="menu-toggle" href="#" class="nav-btn btn-dark btn-lg toggle">
<i class="fa fa-bars" style="color:#fff;"></i>
</a>
<a id="to-top" class="btn btn-lg btn-inverse" href="#top">
<span class="sr-only">Toggle to Top Navigation</span>
<i class="fa fa-chevron-up"></i>
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse js-navbar-collapse no-print">
<ul class="nav navbar-nav navbar-left">
<a class="navbar-brand" href="#top">
<img height="20" width="20" src="https://soldierupdesigns.com/favicon/favicon-32x32.png" class="img-responsive pull-left" alt="Responsive image">
·Soldier-up Designs
</a>
<li class="active"><a href="#resume">Resume <span class="sr-only">(current)</span></a></li>
<li><a href="#attributes">Attributes</a></li>
<li><a href="#certifications">Certifications</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#clearance">Clearance</a></li>
<li><a href="#experience">Experience</a></li>
<li><a href="#military">Military</a></li>
<li><a href="#education">Education</a></li>
</ul>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
@charset "utf-8";
*, *: before, *:after {
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
}
body {
width: 100%;
height: 100%;
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
overflow-x: hidden;
/* Margin bottom by footer height */
margin-bottom: 60px;
}
html {
position: relative;
min-height: 100%;
width: 100%;
}
.mega-dropdown-menu>li>ul>li, .sidebar-nav, .social ul li {
list-style: none;
}
.hero, .sidebar-nav li {con
text-transform: uppercase;
}
a:hover {
text-decoration: none;
}
.navbar-brand>img {
margin: auto 0 auto 15px!important;
padding: auto;
}
.navbar-header {
margin-left: -4%!important;
}
.navbar-left {
margin-left: 38.7px;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: