<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://static.pexels.com/photos/21787/pexels-photo.jpg" style="width:100%" class="img-responsive">
<div class="container">
<div class="caraous-title text-center">
<div class="col-md-12">
<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>
</div>
</div>
<div class="item">
<img src="https://images.pexels.com/photos/458917/pexels-photo-458917.jpeg?w=940&h=650&auto=compress&cs=tinysrgb" class="img-responsive">
<div class="container">
<div class="caraous-title text-center">
<div class="col-md-12">
<span>Non-Profit Organization</span>
<h1><span>RAISE</span> YOUR HELPING HAND</h1>
