<div class="media-body"> <h6> <a href="Jumping-the-broom-into-Halloween">Jumping the broom into Halloween </a> </h6> </div> </article> <article class="media"> <a href="An-Empowering-Princess-Fairytale"><img src="blog_main_img/498602357/pretty-and-punk0243-princess-wedding-inspiration-devon-wedding.jpg" alt="post"></a> <div class="media-body"> <h6> <a href="An-Empowering-Princess-Fairytale">An Empowering Princess Fairytale </a> </h6> </div> </article> <article class="media"> <a href="5-tips-for-planning-a-magical-micro-wedding-"><img src="blog_main_img/316897405/pretty-and-punk0141-boho-outdoor-wedding-inspiration-surrey-wedding.jpg" alt="post"></a> <div class="media-body"> <h6> <a href="5-tips-for-planning-a-magical-micro-wedding-">5 tips for planning a magical micro wedding </a> </h6> </div> </article> <article class="media"> <div class="embed-responsive embed-responsive-16by9" style="width: 90px; height: 60px; margin-right: 10px; border-radius: 10px;"> <iframe width="560" height="315" src="https://www.youtube.com/embed/aLW2PbsT4Fc" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen> Who are Pretty and Punk