Skip to content

Instantly share code, notes, and snippets.

@keks411
Last active January 18, 2016 16:39
Show Gist options
  • Save keks411/b942d34e66634eba721f to your computer and use it in GitHub Desktop.
Save keks411/b942d34e66634eba721f to your computer and use it in GitHub Desktop.
Portfolio
test<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">Steven`s Portfolio</a>
</div>
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">About me</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</nav>
<!--Open a Jumbotron including:
- Picture of me - done
- some text - done
- anchor -->
<div class="jumbotron home">
<div class="container-fluid">
<div class="row">
<div class="col-lg-3"></div>
<div class="col-lg-6">
<p></p>
<p align="center">IT-Engineer from Germany, travelling around the world. Interested in Web Development, Server and Network Administration, Java<br>Network Security, Android and anything that has anything to do with IT.</p>
</div>
<div class="col-lg-3"></div>
<img align="center" src="http://s11.postimg.org/3trnrxiy7/headshot_new.jpg" alt="Headshot Steven">
</div>
</div>
</div>
<!-- Jumbotron with 3 recent projects-->
<div class="jumbotron projects">
<div class="container-fluid">
<div class="row">
<div class="col-lg-4"></div>
<div class="col-lg-4">
<p></p>
<h1 class="work" style="color:red "><u>Projects</u></p>
</div>
</div>
</div>
//$(document).ready(function(){ $("h2").addClass("animated bounce"); });
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
@import url(https://fonts.googleapis.com/css?family=VT323);
body {
background-color:silver;
}
.home {
background-image:url("https://3.bp.blogspot.com/-QKEla6kjIBE/TclwnpLFpzI/AAAAAAAAAKI/PCQfbGkiLWk/s1600/Abstract-blue-background.jpg");
}
.projects {
background-image:url("http://cdn.wonderfulengineering.com/wp-content/uploads/2014/01/HD-Technology-Wallpaper-5.jpg");
margin-top:-100px;
margin-bottom:-100px;
}
.work {
text-align:center;
font-family:Sans Serif;
}
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
<link href="//cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.3/animate.min.css" rel="stylesheet" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment