techsharif/navbar_minimize_on_scroll.html

## navbar_minimize_on_scroll.html
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Javascript</title>
	<!-- HEAD SECTION -->

<!-- IE Edge Meta Tag -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<!-- Viewport -->
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

<!-- Optional Theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">

<!-- Optional IE8 Support -->
<!--[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>
<style>
	body {
  padding-top: 200px;
}

nav a {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
  font-size: 18px;
}

nav .navbar-toggle {
  margin: 13px 15px 13px 0;
}

.navbar-brand {
  font-size: 30px;
}


nav.navbar.shrink {
  min-height: 35px;

}

nav.shrink a {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  font-size: 15px;
}
.removeOnScroll-active {
  display: none;
}

nav.shrink .navbar-brand {
  font-size: 25px;
}

nav.shrink .navbar-toggle {
  padding: 4px 5px;
  margin: 8px 15px 8px 0;
}
</style>
<nav class="navbar navbar-inverse navbar-fixed-top">
  <div class="container">
    <div class="row">
    	<div class="navbar-header">
    	  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
    	    <span class="icon-bar"></span>
    	    <span class="icon-bar"></span>
    	    <span class="icon-bar"></span>
    	  </button>
    	  <a class="navbar-brand" href="#">Hello</a>
    	</div>
    	<div class="collapse navbar-collapse">
    	  <ul class="nav navbar-nav pull-right">
    	    <li class="active"><a href="#">One</a></li>
    	    <li><a href="#about">Two</a></li>
    	    <li><a href="#contact">Three</a></li>
    	  </ul>
    	</div><!--/.nav-collapse -->
    </div>
    <div class="row removeOnScroll">
    	<div class="navbar-header">
    	  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
    	    <span class="icon-bar"></span>
    	    <span class="icon-bar"></span>
    	    <span class="icon-bar"></span>
    	  </button>
    	  <a class="navbar-brand" href="#">Hello</a>
    	</div>
    	<div class="collapse navbar-collapse">
    	  <ul class="nav navbar-nav pull-right">
    	    <li class="active"><a href="#">One</a></li>
    	    <li><a href="#about">Two</a></li>
    	    <li><a href="#contact">Three</a></li>
    	  </ul>
    	</div><!--/.nav-collapse -->
    </div>
  </div>
</nav>

<div class="container">

  <div class="text-center">
    <h1>Lorem ipsum dolor sit amet.</h1>
    <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione enim, assumenda laboriosam corrupti praesentium quidem consectetur inventore magnam vitae, quisquam. A, rem rerum consequuntur ipsum, quas debitis accusamus deleniti repellendus exercitationem cupiditate eius, soluta fugit voluptates. Quae nostrum nam suscipit nesciunt qui inventore ut ducimus est impedit deserunt dolore rem a unde accusantium ipsum voluptas quisquam minima sed maxime id, laudantium laborum quia. Reprehenderit in, quia placeat neque velit ab voluptate, nemo, sed vitae quasi consectetur pariatur! Vitae corporis expedita eos vel autem quibusdam aut nostrum ea inventore quaerat sit, deserunt atque, perferendis ipsum similique. Nihil incidunt vitae, voluptas voluptates placeat ab inventore ipsum facilis optio, iure, suscipit ratione repellat neque expedita totam voluptatibus fugit ullam ad laboriosam alias cumque? Eaque adipisci ab ad consequuntur impedit non quo necessitatibus velit earum, aliquam, fuga distinctio omnis placeat? Fuga consequuntur, voluptatum voluptas minus ad tenetur blanditiis quaerat ex, veritatis facilis vitae nobis dicta architecto, dolorem excepturi nam nemo, ipsum corporis sapiente commodi animi deleniti beatae ab. Maxime beatae perspiciatis quisquam odit nobis aut odio facere a quaerat iste delectus aperiam repellendus fuga ex quasi aliquid, ad earum magni explicabo, quos blanditiis doloribus adipisci consequatur commodi. Provident, nemo explicabo vero possimus beatae eum!</p>
  </div>
  <div class="text-center">
    <h1>Lorem ipsum dolor sit amet.</h1>
    <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione enim, assumenda laboriosam corrupti praesentium quidem consectetur inventore magnam vitae, quisquam. A, rem rerum consequuntur ipsum, quas debitis accusamus deleniti repellendus exercitationem cupiditate eius, soluta fugit voluptates. Quae nostrum nam suscipit nesciunt qui inventore ut ducimus est impedit deserunt dolore rem a unde accusantium ipsum voluptas quisquam minima sed maxime id, laudantium laborum quia. Reprehenderit in, quia placeat neque velit ab voluptate, nemo, sed vitae quasi consectetur pariatur! Vitae corporis expedita eos vel autem quibusdam aut nostrum ea inventore quaerat sit, deserunt atque, perferendis ipsum similique. Nihil incidunt vitae, voluptas voluptates placeat ab inventore ipsum facilis optio, iure, suscipit ratione repellat neque expedita totam voluptatibus fugit ullam ad laboriosam alias cumque? Eaque adipisci ab ad consequuntur impedit non quo necessitatibus velit earum, aliquam, fuga distinctio omnis placeat? Fuga consequuntur, voluptatum voluptas minus ad tenetur blanditiis quaerat ex, veritatis facilis vitae nobis dicta architecto, dolorem excepturi nam nemo, ipsum corporis sapiente commodi animi deleniti beatae ab. Maxime beatae perspiciatis quisquam odit nobis aut odio facere a quaerat iste delectus aperiam repellendus fuga ex quasi aliquid, ad earum magni explicabo, quos blanditiis doloribus adipisci consequatur commodi. Provident, nemo explicabo vero possimus beatae eum!</p>
  </div>
  <div class="text-center">
    <h1>Lorem ipsum dolor sit amet.</h1>
    <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione enim, assumenda laboriosam corrupti praesentium quidem consectetur inventore magnam vitae, quisquam. A, rem rerum consequuntur ipsum, quas debitis accusamus deleniti repellendus exercitationem cupiditate eius, soluta fugit voluptates. Quae nostrum nam suscipit nesciunt qui inventore ut ducimus est impedit deserunt dolore rem a unde accusantium ipsum voluptas quisquam minima sed maxime id, laudantium laborum quia. Reprehenderit in, quia placeat neque velit ab voluptate, nemo, sed vitae quasi consectetur pariatur! Vitae corporis expedita eos vel autem quibusdam aut nostrum ea inventore quaerat sit, deserunt atque, perferendis ipsum similique. Nihil incidunt vitae, voluptas voluptates placeat ab inventore ipsum facilis optio, iure, suscipit ratione repellat neque expedita totam voluptatibus fugit ullam ad laboriosam alias cumque? Eaque adipisci ab ad consequuntur impedit non quo necessitatibus velit earum, aliquam, fuga distinctio omnis placeat? Fuga consequuntur, voluptatum voluptas minus ad tenetur blanditiis quaerat ex, veritatis facilis vitae nobis dicta architecto, dolorem excepturi nam nemo, ipsum corporis sapiente commodi animi deleniti beatae ab. Maxime beatae perspiciatis quisquam odit nobis aut odio facere a quaerat iste delectus aperiam repellendus fuga ex quasi aliquid, ad earum magni explicabo, quos blanditiis doloribus adipisci consequatur commodi. Provident, nemo explicabo vero possimus beatae eum!</p>
  </div>
  <div class="text-center">
    <h1>Lorem ipsum dolor sit amet.</h1>
    <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione enim, assumenda laboriosam corrupti praesentium quidem consectetur inventore magnam vitae, quisquam. A, rem rerum consequuntur ipsum, quas debitis accusamus deleniti repellendus exercitationem cupiditate eius, soluta fugit voluptates. Quae nostrum nam suscipit nesciunt qui inventore ut ducimus est impedit deserunt dolore rem a unde accusantium ipsum voluptas quisquam minima sed maxime id, laudantium laborum quia. Reprehenderit in, quia placeat neque velit ab voluptate, nemo, sed vitae quasi consectetur pariatur! Vitae corporis expedita eos vel autem quibusdam aut nostrum ea inventore quaerat sit, deserunt atque, perferendis ipsum similique. Nihil incidunt vitae, voluptas voluptates placeat ab inventore ipsum facilis optio, iure, suscipit ratione repellat neque expedita totam voluptatibus fugit ullam ad laboriosam alias cumque? Eaque adipisci ab ad consequuntur impedit non quo necessitatibus velit earum, aliquam, fuga distinctio omnis placeat? Fuga consequuntur, voluptatum voluptas minus ad tenetur blanditiis quaerat ex, veritatis facilis vitae nobis dicta architecto, dolorem excepturi nam nemo, ipsum corporis sapiente commodi animi deleniti beatae ab. Maxime beatae perspiciatis quisquam odit nobis aut odio facere a quaerat iste delectus aperiam repellendus fuga ex quasi aliquid, ad earum magni explicabo, quos blanditiis doloribus adipisci consequatur commodi. Provident, nemo explicabo vero possimus beatae eum!</p>
  </div>
  <div class="text-center">
    <h1>Lorem ipsum dolor sit amet.</h1>
    <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione enim, assumenda laboriosam corrupti praesentium quidem consectetur inventore magnam vitae, quisquam. A, rem rerum consequuntur ipsum, quas debitis accusamus deleniti repellendus exercitationem cupiditate eius, soluta fugit voluptates. Quae nostrum nam suscipit nesciunt qui inventore ut ducimus est impedit deserunt dolore rem a unde accusantium ipsum voluptas quisquam minima sed maxime id, laudantium laborum quia. Reprehenderit in, quia placeat neque velit ab voluptate, nemo, sed vitae quasi consectetur pariatur! Vitae corporis expedita eos vel autem quibusdam aut nostrum ea inventore quaerat sit, deserunt atque, perferendis ipsum similique. Nihil incidunt vitae, voluptas voluptates placeat ab inventore ipsum facilis optio, iure, suscipit ratione repellat neque expedita totam voluptatibus fugit ullam ad laboriosam alias cumque? Eaque adipisci ab ad consequuntur impedit non quo necessitatibus velit earum, aliquam, fuga distinctio omnis placeat? Fuga consequuntur, voluptatum voluptas minus ad tenetur blanditiis quaerat ex, veritatis facilis vitae nobis dicta architecto, dolorem excepturi nam nemo, ipsum corporis sapiente commodi animi deleniti beatae ab. Maxime beatae perspiciatis quisquam odit nobis aut odio facere a quaerat iste delectus aperiam repellendus fuga ex quasi aliquid, ad earum magni explicabo, quos blanditiis doloribus adipisci consequatur commodi. Provident, nemo explicabo vero possimus beatae eum!</p>
  </div><div class="text-center">
    <h1>Lorem ipsum dolor sit amet.</h1>
    <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione enim, assumenda laboriosam corrupti praesentium quidem consectetur inventore magnam vitae, quisquam. A, rem rerum consequuntur ipsum, quas debitis accusamus deleniti repellendus exercitationem cupiditate eius, soluta fugit voluptates. Quae nostrum nam suscipit nesciunt qui inventore ut ducimus est impedit deserunt dolore rem a unde accusantium ipsum voluptas quisquam minima sed maxime id, laudantium laborum quia. Reprehenderit in, quia placeat neque velit ab voluptate, nemo, sed vitae quasi consectetur pariatur! Vitae corporis expedita eos vel autem quibusdam aut nostrum ea inventore quaerat sit, deserunt atque, perferendis ipsum similique. Nihil incidunt vitae, voluptas voluptates placeat ab inventore ipsum facilis optio, iure, suscipit ratione repellat neque expedita totam voluptatibus fugit ullam ad laboriosam alias cumque? Eaque adipisci ab ad consequuntur impedit non quo necessitatibus velit earum, aliquam, fuga distinctio omnis placeat? Fuga consequuntur, voluptatum voluptas minus ad tenetur blanditiis quaerat ex, veritatis facilis vitae nobis dicta architecto, dolorem excepturi nam nemo, ipsum corporis sapiente commodi animi deleniti beatae ab. Maxime beatae perspiciatis quisquam odit nobis aut odio facere a quaerat iste delectus aperiam repellendus fuga ex quasi aliquid, ad earum magni explicabo, quos blanditiis doloribus adipisci consequatur commodi. Provident, nemo explicabo vero possimus beatae eum!</p>
  </div>
  <div class="text-center">
    <h1>Lorem ipsum dolor sit amet.</h1>
    <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione enim, assumenda laboriosam corrupti praesentium quidem consectetur inventore magnam vitae, quisquam. A, rem rerum consequuntur ipsum, quas debitis accusamus deleniti repellendus exercitationem cupiditate eius, soluta fugit voluptates. Quae nostrum nam suscipit nesciunt qui inventore ut ducimus est impedit deserunt dolore rem a unde accusantium ipsum voluptas quisquam minima sed maxime id, laudantium laborum quia. Reprehenderit in, quia placeat neque velit ab voluptate, nemo, sed vitae quasi consectetur pariatur! Vitae corporis expedita eos vel autem quibusdam aut nostrum ea inventore quaerat sit, deserunt atque, perferendis ipsum similique. Nihil incidunt vitae, voluptas voluptates placeat ab inventore ipsum facilis optio, iure, suscipit ratione repellat neque expedita totam voluptatibus fugit ullam ad laboriosam alias cumque? Eaque adipisci ab ad consequuntur impedit non quo necessitatibus velit earum, aliquam, fuga distinctio omnis placeat? Fuga consequuntur, voluptatum voluptas minus ad tenetur blanditiis quaerat ex, veritatis facilis vitae nobis dicta architecto, dolorem excepturi nam nemo, ipsum corporis sapiente commodi animi deleniti beatae ab. Maxime beatae perspiciatis quisquam odit nobis aut odio facere a quaerat iste delectus aperiam repellendus fuga ex quasi aliquid, ad earum magni explicabo, quos blanditiis doloribus adipisci consequatur commodi. Provident, nemo explicabo vero possimus beatae eum!</p>
  </div>
  <div class="text-center">
    <h1>Lorem ipsum dolor sit amet.</h1>
    <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione enim, assumenda laboriosam corrupti praesentium quidem consectetur inventore magnam vitae, quisquam. A, rem rerum consequuntur ipsum, quas debitis accusamus deleniti repellendus exercitationem cupiditate eius, soluta fugit voluptates. Quae nostrum nam suscipit nesciunt qui inventore ut ducimus est impedit deserunt dolore rem a unde accusantium ipsum voluptas quisquam minima sed maxime id, laudantium laborum quia. Reprehenderit in, quia placeat neque velit ab voluptate, nemo, sed vitae quasi consectetur pariatur! Vitae corporis expedita eos vel autem quibusdam aut nostrum ea inventore quaerat sit, deserunt atque, perferendis ipsum similique. Nihil incidunt vitae, voluptas voluptates placeat ab inventore ipsum facilis optio, iure, suscipit ratione repellat neque expedita totam voluptatibus fugit ullam ad laboriosam alias cumque? Eaque adipisci ab ad consequuntur impedit non quo necessitatibus velit earum, aliquam, fuga distinctio omnis placeat? Fuga consequuntur, voluptatum voluptas minus ad tenetur blanditiis quaerat ex, veritatis facilis vitae nobis dicta architecto, dolorem excepturi nam nemo, ipsum corporis sapiente commodi animi deleniti beatae ab. Maxime beatae perspiciatis quisquam odit nobis aut odio facere a quaerat iste delectus aperiam repellendus fuga ex quasi aliquid, ad earum magni explicabo, quos blanditiis doloribus adipisci consequatur commodi. Provident, nemo explicabo vero possimus beatae eum!</p>
  </div><div class="text-center">
    <h1>Lorem ipsum dolor sit amet.</h1>
    <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione enim, assumenda laboriosam corrupti praesentium quidem consectetur inventore magnam vitae, quisquam. A, rem rerum consequuntur ipsum, quas debitis accusamus deleniti repellendus exercitationem cupiditate eius, soluta fugit voluptates. Quae nostrum nam suscipit nesciunt qui inventore ut ducimus est impedit deserunt dolore rem a unde accusantium ipsum voluptas quisquam minima sed maxime id, laudantium laborum quia. Reprehenderit in, quia placeat neque velit ab voluptate, nemo, sed vitae quasi consectetur pariatur! Vitae corporis expedita eos vel autem quibusdam aut nostrum ea inventore quaerat sit, deserunt atque, perferendis ipsum similique. Nihil incidunt vitae, voluptas voluptates placeat ab inventore ipsum facilis optio, iure, suscipit ratione repellat neque expedita totam voluptatibus fugit ullam ad laboriosam alias cumque? Eaque adipisci ab ad consequuntur impedit non quo necessitatibus velit earum, aliquam, fuga distinctio omnis placeat? Fuga consequuntur, voluptatum voluptas minus ad tenetur blanditiis quaerat ex, veritatis facilis vitae nobis dicta architecto, dolorem excepturi nam nemo, ipsum corporis sapiente commodi animi deleniti beatae ab. Maxime beatae perspiciatis quisquam odit nobis aut odio facere a quaerat iste delectus aperiam repellendus fuga ex quasi aliquid, ad earum magni explicabo, quos blanditiis doloribus adipisci consequatur commodi. Provident, nemo explicabo vero possimus beatae eum!</p>
  </div>


</div><!-- /.container -->


<!-- FOOTER SECTION - Before closing </body> tag -->

<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<!-- Minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script>
	$(window).scroll(function() {
  if ($(document).scrollTop() > 100) {
    $('nav').addClass('shrink');
    $('.removeOnScroll').addClass('removeOnScroll-active');
  } else {
    $('nav').removeClass('shrink');
    $('.removeOnScroll').removeClass('removeOnScroll-active');
  }
});
</script>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Javascript</title>
	<!-- HEAD SECTION -->

	<!-- IE Edge Meta Tag -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge">

	<!-- Viewport -->
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<!-- Minified CSS -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

	<!-- Optional Theme -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">

	<!-- Optional IE8 Support -->
	<!--[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>
	<style>
	body {
	padding-top: 200px;
	}

	nav a {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
	font-size: 18px;
	}

	nav .navbar-toggle {
	margin: 13px 15px 13px 0;
	}

	.navbar-brand {
	font-size: 30px;
	}



	nav.navbar.shrink {
	min-height: 35px;

	}

	nav.shrink a {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
	font-size: 15px;
	}
	.removeOnScroll-active {
	display: none;
	}

	nav.shrink .navbar-brand {
	font-size: 25px;
	}

	nav.shrink .navbar-toggle {
	padding: 4px 5px;
	margin: 8px 15px 8px 0;
	}
	</style>
	<nav class="navbar navbar-inverse navbar-fixed-top">
	<div class="container">
	<div class="row">
	<div class="navbar-header">
	<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
	<span class="icon-bar"></span>
	<span class="icon-bar"></span>
	<span class="icon-bar"></span>
	</button>
	<a class="navbar-brand" href="#">Hello</a>
	</div>
	<div class="collapse navbar-collapse">
	<ul class="nav navbar-nav pull-right">
	<li class="active"><a href="#">One</a></li>
	<li><a href="#about">Two</a></li>
	<li><a href="#contact">Three</a></li>
	</ul>
	</div><!--/.nav-collapse -->
	</div>
	<div class="row removeOnScroll">
	<div class="navbar-header">
	<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
	<span class="icon-bar"></span>
	<span class="icon-bar"></span>
	<span class="icon-bar"></span>
	</button>
	<a class="navbar-brand" href="#">Hello</a>
	</div>
	<div class="collapse navbar-collapse">
	<ul class="nav navbar-nav pull-right">
	<li class="active"><a href="#">One</a></li>
	<li><a href="#about">Two</a></li>
	<li><a href="#contact">Three</a></li>
	</ul>
	</div><!--/.nav-collapse -->
	</div>
	</div>
	</nav>

	<div class="container">

	<div class="text-center">
	<h1>Lorem ipsum dolor sit amet.</h1>
	<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione enim, assumenda laboriosam corrupti praesentium quidem consectetur inventore magnam vitae, quisquam. A, rem rerum consequuntur ipsum, quas debitis accusamus deleniti repellendus exercitationem cupiditate eius, soluta fugit voluptates. Quae nostrum nam suscipit nesciunt qui inventore ut ducimus est impedit deserunt dolore rem a unde accusantium ipsum voluptas quisquam minima sed maxime id, laudantium laborum quia. Reprehenderit in, quia placeat neque velit ab voluptate, nemo, sed vitae quasi consectetur pariatur! Vitae corporis expedita eos vel autem quibusdam aut nostrum ea inventore quaerat sit, deserunt atque, perferendis ipsum similique. Nihil incidunt vitae, voluptas voluptates placeat ab inventore ipsum facilis optio, iure, suscipit ratione repellat neque expedita totam voluptatibus fugit ullam ad laboriosam alias cumque? Eaque adipisci ab ad consequuntur impedit non quo necessitatibus velit earum, aliquam, fuga distinctio omnis placeat? Fuga consequuntur, voluptatum voluptas minus ad tenetur blanditiis quaerat ex, veritatis facilis vitae nobis dicta architecto, dolorem excepturi nam nemo, ipsum corporis sapiente commodi animi deleniti beatae ab. Maxime beatae perspiciatis quisquam odit nobis aut odio facere a quaerat iste delectus aperiam repellendus fuga ex quasi aliquid, ad earum magni explicabo, quos blanditiis doloribus adipisci consequatur commodi. Provident, nemo explicabo vero possimus beatae eum!</p>
	</div>
	<div class="text-center">
	<h1>Lorem ipsum dolor sit amet.</h1>
	<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione enim, assumenda laboriosam corrupti praesentium quidem consectetur inventore magnam vitae, quisquam. A, rem rerum consequuntur ipsum, quas debitis accusamus deleniti repellendus exercitationem cupiditate eius, soluta fugit voluptates. Quae nostrum nam suscipit nesciunt qui inventore ut ducimus est impedit deserunt dolore rem a unde accusantium ipsum voluptas quisquam minima sed maxime id, laudantium laborum quia. Reprehenderit in, quia placeat neque velit ab voluptate, nemo, sed vitae quasi consectetur pariatur! Vitae corporis expedita eos vel autem quibusdam aut nostrum ea inventore quaerat sit, deserunt atque, perferendis ipsum similique. Nihil incidunt vitae, voluptas voluptates placeat ab inventore ipsum facilis optio, iure, suscipit ratione repellat neque expedita totam voluptatibus fugit ullam ad laboriosam alias cumque? Eaque adipisci ab ad consequuntur impedit non quo necessitatibus velit earum, aliquam, fuga distinctio omnis placeat? Fuga consequuntur, voluptatum voluptas minus ad tenetur blanditiis quaerat ex, veritatis facilis vitae nobis dicta architecto, dolorem excepturi nam nemo, ipsum corporis sapiente commodi animi deleniti beatae ab. Maxime beatae perspiciatis quisquam odit nobis aut odio facere a quaerat iste delectus aperiam repellendus fuga ex quasi aliquid, ad earum magni explicabo, quos blanditiis doloribus adipisci consequatur commodi. Provident, nemo explicabo vero possimus beatae eum!</p>
	</div>
	<div class="text-center">
	<h1>Lorem ipsum dolor sit amet.</h1>
	<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione enim, assumenda laboriosam corrupti praesentium quidem consectetur inventore magnam vitae, quisquam. A, rem rerum consequuntur ipsum, quas debitis accusamus deleniti repellendus exercitationem cupiditate eius, soluta fugit voluptates. Quae nostrum nam suscipit nesciunt qui inventore ut ducimus est impedit deserunt dolore rem a unde accusantium ipsum voluptas quisquam minima sed maxime id, laudantium laborum quia. Reprehenderit in, quia placeat neque velit ab voluptate, nemo, sed vitae quasi consectetur pariatur! Vitae corporis expedita eos vel autem quibusdam aut nostrum ea inventore quaerat sit, deserunt atque, perferendis ipsum similique. Nihil incidunt vitae, voluptas voluptates placeat ab inventore ipsum facilis optio, iure, suscipit ratione repellat neque expedita totam voluptatibus fugit ullam ad laboriosam alias cumque? Eaque adipisci ab ad consequuntur impedit non quo necessitatibus velit earum, aliquam, fuga distinctio omnis placeat? Fuga consequuntur, voluptatum voluptas minus ad tenetur blanditiis quaerat ex, veritatis facilis vitae nobis dicta architecto, dolorem excepturi nam nemo, ipsum corporis sapiente commodi animi deleniti beatae ab. Maxime beatae perspiciatis quisquam odit nobis aut odio facere a quaerat iste delectus aperiam repellendus fuga ex quasi aliquid, ad earum magni explicabo, quos blanditiis doloribus adipisci consequatur commodi. Provident, nemo explicabo vero possimus beatae eum!</p>
	</div>
	<div class="text-center">
	<h1>Lorem ipsum dolor sit amet.</h1>
	<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione enim, assumenda laboriosam corrupti praesentium quidem consectetur inventore magnam vitae, quisquam. A, rem rerum consequuntur ipsum, quas debitis accusamus deleniti repellendus exercitationem cupiditate eius, soluta fugit voluptates. Quae nostrum nam suscipit nesciunt qui inventore ut ducimus est impedit deserunt dolore rem a unde accusantium ipsum voluptas quisquam minima sed maxime id, laudantium laborum quia. Reprehenderit in, quia placeat neque velit ab voluptate, nemo, sed vitae quasi consectetur pariatur! Vitae corporis expedita eos vel autem quibusdam aut nostrum ea inventore quaerat sit, deserunt atque, perferendis ipsum similique. Nihil incidunt vitae, voluptas voluptates placeat ab inventore ipsum facilis optio, iure, suscipit ratione repellat neque expedita totam voluptatibus fugit ullam ad laboriosam alias cumque? Eaque adipisci ab ad consequuntur impedit non quo necessitatibus velit earum, aliquam, fuga distinctio omnis placeat? Fuga consequuntur, voluptatum voluptas minus ad tenetur blanditiis quaerat ex, veritatis facilis vitae nobis dicta architecto, dolorem excepturi nam nemo, ipsum corporis sapiente commodi animi deleniti beatae ab. Maxime beatae perspiciatis quisquam odit nobis aut odio facere a quaerat iste delectus aperiam repellendus fuga ex quasi aliquid, ad earum magni explicabo, quos blanditiis doloribus adipisci consequatur commodi. Provident, nemo explicabo vero possimus beatae eum!</p>
	</div>
	<div class="text-center">
	<h1>Lorem ipsum dolor sit amet.</h1>
	<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione enim, assumenda laboriosam corrupti praesentium quidem consectetur inventore magnam vitae, quisquam. A, rem rerum consequuntur ipsum, quas debitis accusamus deleniti repellendus exercitationem cupiditate eius, soluta fugit voluptates. Quae nostrum nam suscipit nesciunt qui inventore ut ducimus est impedit deserunt dolore rem a unde accusantium ipsum voluptas quisquam minima sed maxime id, laudantium laborum quia. Reprehenderit in, quia placeat neque velit ab voluptate, nemo, sed vitae quasi consectetur pariatur! Vitae corporis expedita eos vel autem quibusdam aut nostrum ea inventore quaerat sit, deserunt atque, perferendis ipsum similique. Nihil incidunt vitae, voluptas voluptates placeat ab inventore ipsum facilis optio, iure, suscipit ratione repellat neque expedita totam voluptatibus fugit ullam ad laboriosam alias cumque? Eaque adipisci ab ad consequuntur impedit non quo necessitatibus velit earum, aliquam, fuga distinctio omnis placeat? Fuga consequuntur, voluptatum voluptas minus ad tenetur blanditiis quaerat ex, veritatis facilis vitae nobis dicta architecto, dolorem excepturi nam nemo, ipsum corporis sapiente commodi animi deleniti beatae ab. Maxime beatae perspiciatis quisquam odit nobis aut odio facere a quaerat iste delectus aperiam repellendus fuga ex quasi aliquid, ad earum magni explicabo, quos blanditiis doloribus adipisci consequatur commodi. Provident, nemo explicabo vero possimus beatae eum!</p>
	</div><div class="text-center">
	<h1>Lorem ipsum dolor sit amet.</h1>
	<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione enim, assumenda laboriosam corrupti praesentium quidem consectetur inventore magnam vitae, quisquam. A, rem rerum consequuntur ipsum, quas debitis accusamus deleniti repellendus exercitationem cupiditate eius, soluta fugit voluptates. Quae nostrum nam suscipit nesciunt qui inventore ut ducimus est impedit deserunt dolore rem a unde accusantium ipsum voluptas quisquam minima sed maxime id, laudantium laborum quia. Reprehenderit in, quia placeat neque velit ab voluptate, nemo, sed vitae quasi consectetur pariatur! Vitae corporis expedita eos vel autem quibusdam aut nostrum ea inventore quaerat sit, deserunt atque, perferendis ipsum similique. Nihil incidunt vitae, voluptas voluptates placeat ab inventore ipsum facilis optio, iure, suscipit ratione repellat neque expedita totam voluptatibus fugit ullam ad laboriosam alias cumque? Eaque adipisci ab ad consequuntur impedit non quo necessitatibus velit earum, aliquam, fuga distinctio omnis placeat? Fuga consequuntur, voluptatum voluptas minus ad tenetur blanditiis quaerat ex, veritatis facilis vitae nobis dicta architecto, dolorem excepturi nam nemo, ipsum corporis sapiente commodi animi deleniti beatae ab. Maxime beatae perspiciatis quisquam odit nobis aut odio facere a quaerat iste delectus aperiam repellendus fuga ex quasi aliquid, ad earum magni explicabo, quos blanditiis doloribus adipisci consequatur commodi. Provident, nemo explicabo vero possimus beatae eum!</p>
	</div>
	<div class="text-center">
	<h1>Lorem ipsum dolor sit amet.</h1>
	<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione enim, assumenda laboriosam corrupti praesentium quidem consectetur inventore magnam vitae, quisquam. A, rem rerum consequuntur ipsum, quas debitis accusamus deleniti repellendus exercitationem cupiditate eius, soluta fugit voluptates. Quae nostrum nam suscipit nesciunt qui inventore ut ducimus est impedit deserunt dolore rem a unde accusantium ipsum voluptas quisquam minima sed maxime id, laudantium laborum quia. Reprehenderit in, quia placeat neque velit ab voluptate, nemo, sed vitae quasi consectetur pariatur! Vitae corporis expedita eos vel autem quibusdam aut nostrum ea inventore quaerat sit, deserunt atque, perferendis ipsum similique. Nihil incidunt vitae, voluptas voluptates placeat ab inventore ipsum facilis optio, iure, suscipit ratione repellat neque expedita totam voluptatibus fugit ullam ad laboriosam alias cumque? Eaque adipisci ab ad consequuntur impedit non quo necessitatibus velit earum, aliquam, fuga distinctio omnis placeat? Fuga consequuntur, voluptatum voluptas minus ad tenetur blanditiis quaerat ex, veritatis facilis vitae nobis dicta architecto, dolorem excepturi nam nemo, ipsum corporis sapiente commodi animi deleniti beatae ab. Maxime beatae perspiciatis quisquam odit nobis aut odio facere a quaerat iste delectus aperiam repellendus fuga ex quasi aliquid, ad earum magni explicabo, quos blanditiis doloribus adipisci consequatur commodi. Provident, nemo explicabo vero possimus beatae eum!</p>
	</div>
	<div class="text-center">
	<h1>Lorem ipsum dolor sit amet.</h1>
	<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione enim, assumenda laboriosam corrupti praesentium quidem consectetur inventore magnam vitae, quisquam. A, rem rerum consequuntur ipsum, quas debitis accusamus deleniti repellendus exercitationem cupiditate eius, soluta fugit voluptates. Quae nostrum nam suscipit nesciunt qui inventore ut ducimus est impedit deserunt dolore rem a unde accusantium ipsum voluptas quisquam minima sed maxime id, laudantium laborum quia. Reprehenderit in, quia placeat neque velit ab voluptate, nemo, sed vitae quasi consectetur pariatur! Vitae corporis expedita eos vel autem quibusdam aut nostrum ea inventore quaerat sit, deserunt atque, perferendis ipsum similique. Nihil incidunt vitae, voluptas voluptates placeat ab inventore ipsum facilis optio, iure, suscipit ratione repellat neque expedita totam voluptatibus fugit ullam ad laboriosam alias cumque? Eaque adipisci ab ad consequuntur impedit non quo necessitatibus velit earum, aliquam, fuga distinctio omnis placeat? Fuga consequuntur, voluptatum voluptas minus ad tenetur blanditiis quaerat ex, veritatis facilis vitae nobis dicta architecto, dolorem excepturi nam nemo, ipsum corporis sapiente commodi animi deleniti beatae ab. Maxime beatae perspiciatis quisquam odit nobis aut odio facere a quaerat iste delectus aperiam repellendus fuga ex quasi aliquid, ad earum magni explicabo, quos blanditiis doloribus adipisci consequatur commodi. Provident, nemo explicabo vero possimus beatae eum!</p>
	</div><div class="text-center">
	<h1>Lorem ipsum dolor sit amet.</h1>
	<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione enim, assumenda laboriosam corrupti praesentium quidem consectetur inventore magnam vitae, quisquam. A, rem rerum consequuntur ipsum, quas debitis accusamus deleniti repellendus exercitationem cupiditate eius, soluta fugit voluptates. Quae nostrum nam suscipit nesciunt qui inventore ut ducimus est impedit deserunt dolore rem a unde accusantium ipsum voluptas quisquam minima sed maxime id, laudantium laborum quia. Reprehenderit in, quia placeat neque velit ab voluptate, nemo, sed vitae quasi consectetur pariatur! Vitae corporis expedita eos vel autem quibusdam aut nostrum ea inventore quaerat sit, deserunt atque, perferendis ipsum similique. Nihil incidunt vitae, voluptas voluptates placeat ab inventore ipsum facilis optio, iure, suscipit ratione repellat neque expedita totam voluptatibus fugit ullam ad laboriosam alias cumque? Eaque adipisci ab ad consequuntur impedit non quo necessitatibus velit earum, aliquam, fuga distinctio omnis placeat? Fuga consequuntur, voluptatum voluptas minus ad tenetur blanditiis quaerat ex, veritatis facilis vitae nobis dicta architecto, dolorem excepturi nam nemo, ipsum corporis sapiente commodi animi deleniti beatae ab. Maxime beatae perspiciatis quisquam odit nobis aut odio facere a quaerat iste delectus aperiam repellendus fuga ex quasi aliquid, ad earum magni explicabo, quos blanditiis doloribus adipisci consequatur commodi. Provident, nemo explicabo vero possimus beatae eum!</p>
	</div>


	</div><!-- /.container -->


	<!-- FOOTER SECTION - Before closing </body> tag -->

	<!-- jQuery -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

	<!-- Minified JavaScript -->
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
	<script>
	$(window).scroll(function() {
	if ($(document).scrollTop() > 100) {
	$('nav').addClass('shrink');
	$('.removeOnScroll').addClass('removeOnScroll-active');
	} else {
	$('nav').removeClass('shrink');
	$('.removeOnScroll').removeClass('removeOnScroll-active');
	}
	});
	</script>
	</body>
	</html>