<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<head><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
</head>
<div class="container">
<div class="row">
<h1>For md and lg</h1>
<p class="text-muted">First of all thanks to: <a href="http://bootsnipp.com/snippets/featured/left-sideways-panel-header"><small>Left Sideways Panel Header</small></a></p>
<div id="leftSLideBar" class="hidden-xs hidden-sm">
<div class="panel panel-default">
<img alt="" src="http://spectr-forum.com/images/logo%20white.svg">
<div class="panel-leftheading">
<h3 class="panel-lefttitle">Регистрация и подписка</h3>
</div>
<div class="panel-rightbody">
<div>
<i class="fa fa-user"></i>
<p><a href="">Регистрация <br>участников</a></p>
</div>
<div>
<i class="fa fa-envelope-o"></i>
<p><a href="#">Подписка <br>на новости</a></p>
</div>
</div>
<div class="clearfix">
</div>
</div>
</div>