Wordpress show pages and parent pages content in right way

I have Wordpress website were I have added multiple pages, subpages and third level pages. Now I need to display them on page. Below is javascript which i used to fetch categories. $allServices = $my_wp_query->query($allServicesArg); $serviceParentNames = array(); foreach ($allServices as $service) { $parentPostName = get_post($service->post_parent)->post_name; $serviceParentNames[$parentPostName] = true; $services[$parentPostName] = $services[$parentPostName] ?: array(); array_push($services[$parentPostName], $service); } $level1 = array(); $pages = array( 'numberposts' => '-1', 'post_type' => 'page', 'meta_key' => '_wp_page_template', 'meta_value' => 'page-templates/[login to view URL]', 'post_status' => 'publish', ); foreach (get_posts($pages) as $page) { $level1[$page->post_name] = $page; } $level2 = array(); foreach ($level1 as $level_1_page) { foreach (get_childs($level_1_page->ID) as $level_2_page) { if (isset($serviceParentNames[$level_2_page->post_name])) { $level2[$level_1_page->post_name] = $level2[$level_1_page->post_name] ?: array(); array_push($level2[$level_1_page->post_name], $level_2_page); } } // Remove empty categories if (!isset($level2[$level_1_page->post_name])) { unset ($level1[$level_1_page->post_name]); } } Below is my HTML which should be filled <div class="col-holder"> <strong class="heading"> <a href="#">Level 2 Menu</a> </strong> <ul class="submenucat"> <li><a href="#">Level 3 Link</a></li> </ul> </div>