<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="//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<div class="footer">
<div class="container">
<div class="row">
<div class="col-lg-3 col-xs-12">
<a href="#">
<img class="logo" src="http://via.placeholder.com/150x150" alt="">
</a>
</div>
<div class="col-lg-3 col-xs-12">
<span>MENÜ</span>
<ul class="column-footer">
<li><a href="#">Vitrindekiler</a></li>
<li><a href="#">En Çok Bakılanlar</a></li>
<li><a href="#">Yeni Gelenler</a></li>
<li><a href="#">İndirimdekiler</a></li>
</ul>
</div>
<div class="col-lg-3 col-xs-12">
<span>BİLGİLER</span>
<ul class="column-footer">
<li><a href="#">Hakkımızda</a></li>
<li><a href="#">Sıkça Sorulan Sorular</a></li>
<li><a href="#">Gizlilik İlkeleri</a></li>
<li><a href="#">Markalar</a></li>
</ul>
</div>
<div class="col-lg-3 col-xs-12">
<span>İLETİŞİM</span>
<ul class="column-footer">
<li>Adres</li>
