<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="container">
<div id="blog" class="row">
<div class="col-sm-2 paddingTop20">
<nav class="nav-sidebar">
<ul class="nav">
<li class="active"><a href="javascript:;"><span class="glyphicon glyphicon-star"></span> News</a></li>
<li><a href="javascript:;">Latest news</a></li>
<li><a href="javascript:;">Updates</a></li>
<li><a href="javascript:;">Training</a></li>
<li><a href="javascript:;">Nutrition</a></li>
<li><a href="javascript:;">Proteins</a></li>
<li><a href="javascript:;">Recipes</a></li>
<li><a href="javascript:;">Challenge</a></li>
<li class="nav-divider"></li>
<li><a href="javascript:;"><i class="glyphicon glyphicon-off"></i> Sign in</a></li>
</ul>
</nav>
<div><h2 class="add">Place for your add!</h2></div>
</div>
<div class="col-md-10 blogShort">
<h1>Title 1</h1>
<ul class="list-unstyled video-list-thumbs row">
<li class="col-lg-3 col-sm-4 col-xs-6">
<a href="#" title="Claudio Bravo, antes su debut con el Barça en la Liga">
<img src="http://i.ytimg.com/vi/ZKOtE9DOwGE/mqdefault.jpg" alt="Barca" class="img-responsive" height="130px" />
<h9>Claudio Bravo, antes su debut con el Barça en la Liga</h9>
<span class="glyphicon glyphicon-play-circle"></span>
<span class="duration">03:15</span>
</a>
</li>
<em>This snippet use <a href="http://bootsnipp.com/snippets/featured/sexy-sidebar-navigation" target="_blank">Sexy Sidebar Navigation</a></em>
