<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> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <h1 align="center">You-tube Community Post Design</h1> <div class="col-md-5"> <!-- Right-aligned --> <div class="list-group-item" style="height:220px;"> <div class="row"> <div class="col-md-6" align="left"> <img src="https://www.w3schools.com/bootstrap/img_avatar1.png" class="img-circle" style="width:24px">    Rap & Hip-Hop Show </div> <div class="col-md-6" align="right"> 2 days ago </div> </div> <div class="media"> <div class="media-body"> <p class="media-heading"> </p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> </div> <div class="media-right"> <img src="https://www.w3schools.com/bootstrap/img_avatar1.png" class="media-object" style="width:130px; height:130px;"> </div> </div> <div class="row" style="margin-top:10px;"> <div class="col-md-6" align="left"> <span class="glyphicon glyphicon-thumbs-up"></span> 300     <span class="glyphicon glyphicon-thumbs-down"></span> 0 </div> <div class="col-md-6" align="right"> <span class="glyphicon glyphicon-comment"> 1</span>         <span class=" glyphicon glyphicon-option-vertical"></span>       </div> </div> </div> <!-- Right-aligned --> </div> <div class="col-md-4" align=""> </div> <div class="col-md-3" align=""> <!-- Rating End --> <!-- Ad Banner --> <div class="list-group" style="margin-bottom:20px;" align="center"> <iframe src="https://www.fscradiolibrary.com/ads/ads.php" style="border:0px #ffffff none;" name="adbanners" scrolling="no" frameborder="1" marginheight="0px" marginwidth="0px" height="350px" width="100%" allowfullscreen></iframe> </div> <!-- Ad Banner --> </div> </div> </div>