<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="image one">
<img src="file:///C:/Users/MOHAMED/Downloads/Anc-Real-estate/img/project1.jpg">
<div class="item-state-top">
<div class="item-state">Completed</div>
</div>
<h3>Sycamore Hybird Offering</h3>
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Donec sollicitudin molestie malesuada.</p>
<div class="col-md-4 date">
<h5>City</h5>
<h6>Doha</h6>
</div>
<div class="col-md-4 date">
<h5>City</h5>
<h6>Doha</h6>
</div>
<div class="col-md-4 date">
<h5>City</h5>
<h6>Doha</h6>
</div>
</div>