<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>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="row">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="item active">
<img src="img/Web_Layout-01.jpg">
</div><!-- End Item -->
<div class="item">
<img src="img/Web_Layout-02.jpg">
</div><!-- End Item -->
<div class="item">
<img src="img/Web_Layout-03.jpg">
</div><!-- End Item -->
<div class="item">
<img src="img/Web_Layout-04.jpg">
</div>
<div class="item">
<img src="img/Web_Layout-05.jpg">
</div><!-- End Item -->
</div>
<ul class="nav nav-pills nav-justified">
<li class="slide-5" data-target="#myCarousel" data-slide-to="0" class="active">
<img src="img/slider-05.png" class="img-responsive">
<div class="slide-txt"><img src="img/icon-5.png">
<div class="aftereffect"><h3>Website Development</h3><small>Come to us for great website development
hat give better reach and more sales. > </small></div></div>
</li>
<li class="slide-4" data-target="#myCarousel" data-slide-to="1">
<img src="img/slider-04.png" class="img-responsive">
<div class="slide-txt"><img src="img/icon-4.png">
<div class="aftereffect"><h3>Website Development</h3><small>Come to us for great website development
hat give better reach and more sales. > </small></div></div>
</li>
<li class="slide-3" data-target="#myCarousel" data-slide-to="2">
<img src="img/slider-03.png" class="img-responsive">
<div class="slide-txt"><img src="img/icon-3.png">
<div class="aftereffect"><h3>Website Development</h3><small>Come to us for great website development
hat give better reach and more sales. > </small></div></div>
</li>
<li class="slide-2" data-target="#myCarousel" data-slide-to="3">
<img src="img/slider-02.png" class="img-responsive">
<div class="slide-txt"><img src="img/icon-2.png" class="slide2-icon">
<div class="aftereffect"><h3>Website Development</h3><small>Come to us for great website development
hat give better reach and more sales. > </small></div></div>
</li>
<li class="slide-1" data-target="#myCarousel" data-slide-to="4">
<img src="img/slider-01.png" class="img-responsive">
<div class="slide-txt"><img src="img/icon-1.png" class="slide1-icon">
<div class="aftereffect"><h3>Website Development</h3><small>Come to us for great website development
hat give better reach and more sales. > </small></div></div>
</li>
</ul>
</div>
</div>
</div>