<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="container clearfix">
<p> You've built a good business and you're excited about taking the next step. You're ready to grow; you want to expand your business by adding new clients, services or both.
But you're fully aware that what got you here isn't going to get you there. Mentally you're ready, but something is making you pause, perhaps... </p>
<div class="chat">
<div class="chat-history">
<ul class="chat-ul">
<li> <h2>you feel like you’re at full capacity with your current clients...</h2></li>
<li>
<div class="message-data">
<span class="message-data-name"><i class="fa fa-circle you"></i> You</span>
</div>
<div class="message you-message">
A new client?!?! I would love to help them, but where are we going to find the time?
</div>
</li>
<li class="clearfix">
<div class="message-data align-right">
<span class="message-data-name">Ada, your OperationsAlly</span> <i class="fa fa-circle me"></i>
</div>
<div class="message me-message float-right"> We should take a look at your onboarding and service delivery workflows, for most businesess there are many ways to save time and not compromise quality. </div>
</li>
<li><h2>or little things are being forgotten that shouldn’t be...</h2></li>
<li class="clearfix">
<div class="message-data">
<span class="message-data-name"><i class="fa fa-circle you"></i> You</span>
</div>
<div class="message you-message">
What?! No way, how did I miss that. I never forgot that part before.
</div>
</li>