Permalink
Cannot retrieve contributors at this time
Name already in use
A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
brandonnickle/index.html
Go to fileThis commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
112 lines (104 sloc)
5.18 KB
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> | |
<title>Brandon Nickle</title> | |
<!-- Bootstrap --> | |
<link href="css/bootstrap.min.css" rel="stylesheet"> | |
<link rel="stylesheet" type="text/css" href="css/main.css"> | |
<script> | |
$(function() { | |
$('a[href*=#]:not([href=#])').click(function() { | |
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { | |
var target = $(this.hash); | |
target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); | |
if (target.length) { | |
$('html,body').animate({ | |
scrollTop: target.offset().top | |
}, 1000); | |
return false; | |
} | |
} | |
}); | |
}); | |
</script> | |
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> | |
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> | |
<!--[if lt IE 9]> | |
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> | |
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> | |
<![endif]--> | |
</head> | |
<body id="body-home"> | |
<nav class="navbar navbar-inverse" id="top-navbar"> | |
<div class="container-fluid"> | |
<!-- Logo --> | |
<div class="navbar-header"> | |
<a href="#" class="navbar-brand"><span id="first">Brandon</span><span id="last"> Nickle</span></a> | |
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#mainNavBar"> | |
<span class="icon-bar"></span> | |
<span class="icon-bar"></span> | |
<span class="icon-bar"></span> | |
</button> | |
</div> | |
<!-- Header Menu Items --> | |
<div class="collapse navbar-collapse" id="mainNavBar"> | |
<ul class="nav navbar-nav navbar-right"> | |
<li class="active"><a href="#"><img src="img/home.png" alt="Home" title="Home" class="columnimg"></a></li> | |
<li><a href="websites.html"><img src="img/websites.png" alt="Websites" data-toggle="tooltip" data-placement="bottom" title="Websites" class="columnimg"></a></li> | |
<li><a href="videos.html"><img src="img/videos.png" alt="Videos" title="Videos" class="columnimg"></a></li> | |
<li><a href="about-me.html"><img src="img/about.png" alt="About Me" title="About Me" class="columnimg"></a></li> | |
</ul> | |
</div> | |
</div> | |
</nav> | |
<!-- Body --> | |
<div id="container-homepage"> | |
<div class="container" id="thumbnail-container"> | |
<div class="row" id="thumbnails2"> | |
<div class="col-sm-12 col-md-6 col-lg-6"> | |
<a href="#"><img src="img/home-big.png" alt="Home" class="img-responsive center-block home-images" id="home"></a> | |
</div> | |
<div class="col-sm-12 col-md-6 col-lg-6"> | |
<a href="websites.html"><img src="img/websites-big.png" alt="Websites" class="img-responsive center-block home-images" id="websites"></a> | |
</div> | |
<div class="col-sm-12 col-md-6 col-lg-6"> | |
<a href="videos.html"><img src="img/videos-big.png" alt="Videos" class="img-responsive center-block home-images" id="videos"></a> | |
</div> | |
<div class="col-sm-12 col-md-6 col-lg-6"> | |
<a href="about-me.html"><img src="img/about-big.png" alt="About Me" class="img-responsive center-block home-images" id="about"></a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<!-- Footer --> | |
<nav class="navbar navbar-inverse" id="top-navbar"> | |
<div class="container-fluid"> | |
<!-- Logo --> | |
<div class="navbar-header"> | |
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#mainNavBar"> | |
<span class="icon-bar"></span> | |
<span class="icon-bar"></span> | |
<span class="icon-bar"></span> | |
</button> | |
<p class="navbar-brand" id="footer-title">© 2016 Brandon Nickle</p> | |
</div> | |
<!-- Menu Items --> | |
<div class="collapse navbar-collapse" id="mainNavBar"> | |
<ul class="nav navbar-nav navbar-right"> | |
<li><a href="https://www.facebook.com/brandon.nickle"><img src="img/facebook.png" alt="Facebook" class="columnimg"></a></li> | |
<li><a href="https://twitter.com/BrandonTNickle/"><img src="img/twitter.png" alt="Twitter" class="columnimg"></a></li> | |
<li><a href="https://www.linkedin.com/in/brandon-nickle-33807795?trk=nav_responsive_tab_profile"><img src="img/linkedin.png" alt="LinkedInn" class="columnimg"></a></li> | |
</ul> | |
</div> | |
</div> | |
</nav> | |
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> | |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> | |
<!-- Include all compiled plugins (below), or include individual files as needed --> | |
<script src="js/bootstrap.min.js"></script> | |
</body> | |
</html> |