     <div class="flex flex-wrap opacity-50">
                  <span class="mr-3">August 10</span>
                  <span>By <b>Alan Bell</b></span>
                </div>
              </div>
            </div>
            <hr class="text-blue-600 bg-blue-600 my-6 text-opacity-25" />
            <!-- blog item -->
            <div class="flex justify-between items-start gap-4">
              <img src="https://cdn.easyfrontend.com/pictures/blog/blog_12_5.png" alt="" class="img-fluid rounded" />
           