<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>
<div class="slider">
<div class="slider-wrap">
<div class="container">
<div class="row">
<div class="col-md-12">
<div id="mogo-slider" class="carousel slide" data-ride="carousel">
<div class="carousel-inner text-center" role="listbox">
<div class="item active">
<div class="slider-content">
<p class="slider-caption">
Creative Template
</p>
<h3 class="slider-titile text-uppercase">
Welcome <br> to mogo
</h3>
<span class="verticle-bar"></span>
<div class="btn-action">
<a href="#" class="btn btn-primary">Learn More</a>
</div>
</div>
</div>
<div class="item">
<div class="slider-content">
<p class="slider-caption">
Creative Template
</p>
<h3 class="slider-titile text-uppercase">
Welcome <br> to mogo
</h3>
<span class="verticle-bar"></span>