<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="" style="background:white;">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#myCarousel" style="background:grey;" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" style="background:grey;" data-slide-to="1"></li>
<li data-target="#myCarousel" style="background:grey;" data-slide-to="2"></li>
</ol>
<div class="carousel-inner" style="">
<div class="item active" style="height:300px;padding-left:40px;padding-right:40px;">
<div style="width:50%;float:left;text-align:center;padding:60px;">
<img src="http://2.bp.blogspot.com/-VzjWxhNbi0Y/UxiR0T8hb_I/AAAAAAAAAXA/NBtmpBKiH8I/s1600/British+cat.jpg" alt="Los Angeles" style="border-radius:50%;width:150px;height:150px;">
</div>
<div style="width:50%;float:left;text-align:center;padding:60px;">
<h3>Title</h3>
<p>This is to inform the quotations of the person This is to inform the quotations of the person This is to inform the quotations of the person
to inform the quotations of the person This is to inform the quotations of the person
</p>
