Skip to content
Permalink
master
Switch branches/tags

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/websites.html

Go to file
 
 
Cannot retrieve contributors at this time
115 lines (110 sloc) 5.92 KB
Raw Blame
Open in GitHub Desktop
<!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>B.N.| Websites</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-websites">
<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><a href="index.html"><img src="img/home.png" alt="Home" title="Home" class="columnimg"></a></li>
<li class="active"><a href="#"><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-webssites">
<div class="container" id="thumbnail-container">
<div class="row" id="thumbnails2">
<div class="col-sm-12 col-md-6 col-lg-4" id="#">
<a href="https://github.uconn.edu/pages/btn15001/my-smiley/"><img src="img/smiley.PNG" alt="Smiley" class="img-responsive center-block web-images" id="smiley"></a>
</div>
<div class="col-sm-12 col-md-6 col-lg-4" id="#">
<a href="https://github.uconn.edu/pages/btn15001/Layout_Practice/"><img src="img/Layout-2.PNG" alt="Layout-Sample" class="img-responsive center-block web-images" id="layout-practice"></a>
</div>
<div class="col-sm-12 col-md-6 col-lg-4" id="#">
<a href="https://github.uconn.edu/pages/btn15001/zen-garden/"><img src="img/zen.PNG" alt="Zen Garden" class="img-responsive center-block web-images" id="zen"></a>
</div>
<div class="col-sm-12 col-md-6 col-lg-4" id="#">
<a href="http://grad.uconn.edu/2015/12/questions-of-a-new-incoming-graduate-student/"><img src="img/whettan.png" alt="The Graduate School" class="img-responsive center-block web-images" id="grad-school"></a>
</div>
<div class="col-sm-12 col-md-6 col-lg-4" id="#">
<a href="http://webdesign.digitalmediauconn.org/fall15/btn15001/myfolder/Welcome.html"><img src="img/beach.png" alt="Beach Plum Inn" class="img-responsive center-block web-images" id="beach-plum"></a>
</div>
<div class="col-sm-12 col-md-6 col-lg-4" id="#">
<a href="#"><img src="img/sample.png" alt="More Works" class="img-responsive center-block web-images" id="pics"></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">&copy; 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>