<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="panel panel-success">
<div class="panel-heading">
<h3 class="panel-title">Cam Tipini Seçiniz</h3>
</div>
<div class="panel-body">
<div class="panel-group" id="acc-cat-1">
<div class="panel panel-default acc-panel">
<div class="panel-heading">
<a data-toggle="collapse" data-parent="#acc-cat-1" href="#faq-cat-1-sub-1">
<h5 class="panel--title">FAQ Item Category #1</h5>
</a>
</div>
<div id="faq-cat-1-sub-1" class="panel-collapse collapse">
<div class="panel-body">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-8">
</div>
</div>
</div>
