<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/3.2.1/jquery.min.js"></script>
<div id="myCarousel" class="carousel slide" data-interval="false">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="item active">
<img src="https://images.pexels.com/photos/14676/pexels-photo-14676.png?w=940&h=650&auto=compress&cs=tinysrgb" style="width:100%" class="img-responsive">
<div class="container">
<div class="caraous-title">
<div class="col-md-12">
<div class="col-md-7">
<span>Non-Profit Organization</span>
<h1><span>RAISE</span> YOUR HELPING HAND</h1>
<h3>We are non-profit NGO & Charity Organization</h3>
<a class="btn btn-lg btn-primary site-btn" href="#">Learn More</a>
<a class="btn btn-lg btn-primary site-btn2" href="#">Learn More</a>
</div>
<div class="col-md-5 caraous-img-box">
<img src="http://wpocean.com/tf/html/naima/assets/img/app/about-app.png"class="img-responsive">
</div>
</div>
</div>
</div>
</div>
<div class="item">
<img src="https://images.pexels.com/photos/688890/pexels-photo-688890.jpeg?w=940&h=650&auto=compress&cs=tinysrgb" class="img-responsive">
<div class="container">
