<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="container my-2">
<h1>Leave a Reply</h1>
<p>Your email address will not be published. Required fields are marked *</p>
<div class="row mt-4">
<div class="col-md-9">
<form class=" reply-form ">
<div class="commentBox">
<ul class="list-unstyled">
<li><span class="profileBox">M</span> <span class="profileText">Your email address will not be published.</span></li>
<li><span class="profileText">Your email address will not be published. Your email address will not be published. Required fields are marked </span> <span class="profileBox">L</span> </li>
<li> <span class="profileBox">M</span> <span class="profileText">Your email address will not be published. Required fields are marked </span> </li>
</ul>
</div>
<div id="div_id_username" class="form-group required">
<div class="controls form-group d-flex w-100 ">
<input class="input-md textinput textInput form-control" id="id_username" placeholder="Write your review" type="text" />
<button type="submit" class="btn btn-info border-radius-0 m-0 w-25">POST</button>
</div>
</div>
</form>
</div>
<div class="col-md-3">
<div class="card">
<h4><i class="fa fa-ticket" aria-hidden="true"></i> Ticket Information</h4>
<ul class="list-unstyled">
<li>
<p>Your email address will not be published</p>
<span class="badge badge-warning">Warning</span>
</li>
<li>
<strong>Department</strong>
<p>Support</p>
