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/about-me.html

Go to file
 
 
Cannot retrieve contributors at this time
142 lines (132 sloc) 6.61 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.| About Me</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-about">
<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><a href="websites.html"><img src="img/websites.png" alt="Websites" 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 class="active"><a href="#"><img src="img/about.png" alt="About Me" title="About Me" class="columnimg"></a></li>
</ul>
</div>
</div>
</nav>
<!-- Body -->
<div id="container-about">
<div class="container" id="-about-thumbnail-container">
<div class="row" id="about-thumbnail">
<div class="col-sm-12 col-md-14 col-lg-12">
<img src="img/Me.jpg" alt="Me" class="img-responsive center-block" id="me">
<p class="text-center" id="about-text">Currently I am working as a Graduate Assistant at The Graduate School at the University of Connecticut (UConn) as the Communications Project Coordinator. In addition, I am pursuing a Master of Fine Arts degree in Digital Media & Design with a concentration in Web Design & Development. Upon completing this degree in Spring of 2017, I intend on pursuing a career in web design. </p>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-8">
<h2>Send Me an Email!</h2>
<form id="contact" method="post" class="form" role="form">
<div class="row-1">
<div class="col-xs-6 col-md-6 form-group">
<input class="form-control" id="name" name="name" placeholder="First Name" type="text" required="" autofocus="">
</div>
<div class="col-xs-6 col-md-6 form-group">
<input class="form-control" id="email" name="email" placeholder="Last Name" type="email" required="">
</div>
<div class="col-xs-6 col-md-6 form-group">
<input class="form-control" id="name" name="name" placeholder="Company" type="text" required="" autofocus="">
</div>
<div class="col-xs-6 col-md-6 form-group">
<input class="form-control" id="email" name="email" placeholder="Email" type="email" required="">
</div>
</div>
<textarea class="form-control" id="message" name="message" placeholder="Message" rows="5"></textarea>
<br>
<div class="row">
<div class="col-xs-12 col-md-12 form-group">
<button class="btn btn-primary" type="submit">Submit</button>
</div>
</div>
</form>
</div>
<div class="col-md-4">
<address>
<strong>Email:</strong>
<a href="mailto:brandon.nickle@uconn.edu">brandon.nickle@uconn.edu</a>
</address>
<img src="">
</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>