Template - Service Landing

<h2>What We Offer</h2>
<div class="row row-cols-1 row-cols-md-3 g-4 my-5">
 <div class="col">
   <div class="card h-100 text-center p-4 shadow">
     <div class="fs-2">🔒</div>
     <h3 class="mt-3 text-primary">Security Patching</h3>
     <p class="text-muted small">Offer</p>
   </div>
 </div>
 <div class="col">
   <div class="card h-100 text-center p-4 shadow">
     <div class="fs-2">⚙️</div>
     <h3 class="mt-3 text-primary">Title</h3>
     <p class="text-muted small">Offer</p>
   </div>
 </div>
 <div class="col">
   <div class="card h-100 text-center p-4 shadow">
     <div class="fs-2">🚀</div>
     <h3 class="mt-3 text-primary">Title</h3>
     <p class="text-muted small">Offer</p>
   </div>
 </div>
 <div class="col">
   <div class="card h-100 text-center p-4 shadow">
     <div class="fs-2">🔁</div>
     <h3 class="mt-3 text-primary">Title</h3>
     <p class="text-muted small">Offer</p>
   </div>
 </div>
 <div class="col">
   <div class="card h-100 text-center p-4 shadow">
     <div class="fs-2">🧩</div>
     <h3 class="mt-3 text-primary">Title</h3>
     <p class="text-muted small">Offer</p>
   </div>
 </div>
 <div class="col">
   <div class="card h-100 text-center p-4 shadow">
     <div class="fs-2">📈</div>
     <h3 class="mt-3 text-primary">Title</h3>
     <p class="text-muted small">Offer</p>
   </div>
 </div>
</div>
 

<div class="container">
 <div class="row d-flex background-yellow ">
   <div class="col-lg-6 p-0">
     <img src="../themes/custom/cooltheme/images/backgrounds/test.jpg" class="img-fluid h-100" >
   </div>
   <div class="col-lg-6 h-100 pt-1">
   <h2 class="pb-1">Who It's For</h2>
     <ul>
       <li>Organizations/li>
       <br>
       <br>
       <li>Marketing</li>
       <br>
       <br>
       <li>Agencies</li>
       <br>
       <br>
       <li>Teams</li>
       <br>
       <br>
       <li>Site</li>
     </ul>
     <br>
   </div>
 </div>
</div>

How It Works