carrusel

<section class="awSlider">

<div class="carousel slide" data-ride="carousel">

<!-- Indicators -->

<ol class="carousel-indicators">

<li data-target=".carousel" data-slide-to="0" class="active"></li>

<li data-target=".carousel" data-slide-to="1"></li>

<li data-target=".carousel" data-slide-to="2"></li>

<li data-target=".carousel" data-slide-to="3"></li>

</ol>

<!-- Wrapper for slides -->

<div class="carousel-inner" role="listbox">

<div class="item active">

<img src="http://www.adobewordpress.com/wp-content/uploads/2014/02/wallpaper-thumb-
941.jpg">

<div class="carousel-caption">Görsel #1</div>

</div>

<div class="item">

<img src="http://www.adobewordpress.com/wp-content/uploads/2014/02/wallpaper-thumb-
101.jpg">

<div class="carousel-caption">Görsel #2</div>

</div>

<div class="item">

<img src="http://www.adobewordpress.com/wp-content/uploads/2014/02/wallpaper-thumb-
1051.jpg">
 <div class="carousel-caption">Görsel #3</div>

</div>

<div class="item">

<img src="http://www.adobewordpress.com/wp-content/uploads/2013/07/wallpaper-thumb-
74.jpg">

<div class="carousel-caption">Görsel #4</div>

</div>

</div>

<!-- Controls -->

<a class="left carousel-control" href=".carousel" role="button" data-slide="prev">

<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>

<span class="sr-only">Geri</span>

</a>

<a class="right carousel-control" href=".carousel" role="button" data-slide="next">

<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>

<span class="sr-only">İleri</span>

</a>

</div>

</section>