<section class="py-5">
<div class="container mb-5">
<div class="row justify-content-center">
<div class="col-12 col-lg-8 text-center">
<div class="d-flex justify-content-center align-items-center mb-3">
<a href="#">Home</a>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke="currentColor" style="width: 12px;height: 12px">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
</svg>
<a href="#">Blog</a>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke="currentColor" style="width: 12px;height: 12px">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
</svg>
<a href="#">Article</a>
</div>
<h2 class="display-4 fw-bold mb-4">Lorem ipsum dolor sit amet consectutar domor at elis</h2>
<div class="d-flex justify-content-center align-items-center">
<div class="me-4">
<img class="img-fluid" src="bootstrap5-plain-assets/images/blue-400-avatar.png" alt="" style="width: 56px;height: 56px">
</div>
<div class="text-start">
<h4>Danny Bailey</h4>
<p class="text-muted mb-0">February 26, 2021</p>
</div>
</div>
</div>
</div>
</div>
<div class="mb-5">
<img class="img-fluid" src="bootstrap5-plain-assets/images/blue-400-horizontal.png" alt="">
</div>
<div class="container">
<div class="row">
<div class="col-12 col-lg-6 mx-auto">
<p class="lead text-muted mb-4">These types of questions led me to miss numerous deadlines, and I wasted time and energy in back-and-forth communication. Sadly, this situation could have been avoided if the wireframes had provided enough detail.</p>
<p class="lead text-muted mb-4">These types of questions led me to miss numerous deadlines, and I wasted time and energy in back-and-forth communication. Sadly, this situation could have been avoided if the wireframes had provided enough detail.</p>
<p class="lead text-muted mb-4">Now that I am a UX designer, I notice that some designers tend to forget that wireframes are equally creative and technical. We are responsible for designing great ideas, but we are also responsible for creating product specifications. I admit that there can be so many details to remember that it’s easy to lose track. To save time and energy for myself, I gathered all of my years of wireframing knowledge into a single checklist that I refer to throughout the process. And now I am sharing this knowledge with you, so that you can get back to being creative.</p>
</div>
</div>
</div>
</section>