Merhabalar,
html yapıda 3 stunluk bir yapı mevcut. Bu yapıyı php ile nasıl listeletebilirim? Normal sorgu yaptığımda haliyle tek stun halinde listeleniyor.

<li class="possition-static hide-on-mobile-menu">
<a href="#">Pages</a>
<div class="template-mega-menu">
<div class="container">
<div class="row">
<div class="col-4">
<div class="menu-ctg-title">Home</div>
<ul class="sub-menu">
<li>
<a href="index.html">
<i class="fas fa-home"></i>Home 1</a>
</li>
<li>
<a href="index2.html">
<i class="fas fa-home"></i>Home 2</a>
</li>
</ul>
<div class="menu-ctg-title">Recipes</div>
<ul class="sub-menu">
<li>
<a href="#"><i class="fas fa-utensils"></i>Recipes
With Sidebar</a>
</li>
<li>
<a href="#"><i class="fas fa-utensils"></i>Recipes
Without
Sidebar</a>
</li>
</ul>
</div>
<div class="col-4">
<ul class="sub-menu">
<li>
<a href="#"><i class="fas fa-utensils"></i>Single
Recipe 1</a>
</li>
<li>
<a href="#"><i class="fas fa-utensils"></i>Single
Recipe 2</a>
</li>
</ul>
<div class="menu-ctg-title">Other Pages</div>
<ul class="sub-menu">
<li>
<a href="about.html"><i class="fab fa-cloudversify"></i>About</a>
</li>
<li>
<a href="author.html"><i class="fas fa-user"></i>Author</a>
</li>
<li>
<a href="#"><i class="fas fa-user"></i>Author
Details</a>
</li>
</ul>
</div>
<div class="col-4">
<ul class="sub-menu">
<li>
<a href="#"><i class="far fa-share-square"></i>Submit
Recipe</a>
</li>
<li>
<a href="login.html"><i class="fas fa-lock"></i>Login</a>
</li>
<li>
<a href="404.html"><i class="fas fa-exclamation-triangle"></i>404
Error</a>
</li>
</ul>
<div class="menu-ctg-title">Shop</div>
<ul class="sub-menu">
<li>
<a href="shop.html"><i class="fas fa-shopping-cart"></i>Shop</a>
</li>
<li>
<a href="single-shop.html"><i class="fas fa-shopping-cart"></i>Shop
Details</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</li>