koentjuh1

.top-animate {
  background: #fff !important;
  top: 13px !important;
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */
  transform: rotate(45deg);
}
.mid-animate {
  opacity: 0;
}

koentjuh1

.header{
	background-color:#1c1682;
}
.navbar-default {
	background-color: transparent;
	border-color: transparent;
    border: 0px;
	margin: 0px;
}
.navbar-default .navbar-nav>li>a {

koentjuh1

.menu {
	display: flex;
	width: 100%;
}
.navbar-nav .menu-flex{
	flex-grow: 1;
	text-align:center;
	float:none;
}
.navbar-default {

koentjuh1

jQuery(document).ready(function () {
  'use strict';
  
});

koentjuh1

$('.back-to-top').on('click', function (e) {
    e.preventDefault();
    $('html,body').animate({
        scrollTop: 0
    }, 700);
});

koentjuh1

<div id="carousel" class="carousel slide" data-ride="carousel">
	<!-- Indicators -->
  	<ol class="carousel-indicators">
	 </ol>

	<!-- Wrapper for slides -->
	<div class="carousel-inner" role="listbox">
		<div class="item active">
	    		<img src="http://placehold.it/1900x550" class="img-responsive" alt="">
			<div class="carousel-caption">

koentjuh1

.slider-block{
	height:350px;
	display:inline-block;
}
#carousel {
	height:100%;
}
#carousel .carousel-inner{
	height:100%;
}

koentjuh1

#nav-toggle {
    width: 30px;
    height: 20px;
    position: absolute;
    z-index: 10;
    right: 15px;
	display: none;
    top: 15px;
}
#nav-toggle .icon-bar {

koentjuh1

<div class="side-box">
  <h4 class="side-title">Schermdiogonaal <i class="fa fa-angle-down"></i></h4>
	<ul class="side-list">
		<li><label><input type="checkbox"><span> Check me out</span></label></li>
		<li><label><input type="checkbox"><span> Check me out</span></label></li>
		<li><label><input type="checkbox"><span> Check me out</span></label></li>
		<li><label><input type="checkbox"><span> Check me out</span></label></li>
		<li><label><input type="checkbox"><span> Check me out</span></label></li>
  </ul>
</div>

koentjuh1

https://gist.github.com/barryvdh/6155151