Sindbad~EG File Manager

<?php  
 /* 
 Template Name: Portfolio 
 */  
   
    get_header();  
   
  // Here is your custom form whatever you want to add field.  
  
?>
    <main id="primary" class="site-main">
             <section class="position-relative pt-5 mb-5 bg-dark dark-mode">
                 <div class="container position-relative zindex-2 py-5 pb-lg-0">
                  <!-- Breadcrumb-->
          <nav aria-label="breadcrumb">
            <ol class="pt-lg-2 pb-1 breadcrumb">
              <li class="breadcrumb-item"><a href="/">Home</a></li>
              <li class="breadcrumb-item active" aria-current="page"><?php the_title();?></li>
            </ol>
          </nav>

<!-- Page title-->
        <h1 class="pb-3">Our case studies</h1>
        
        <?php

                $args = array(
                    'post_type'      => 'page',
                    'posts_per_page' => -1,
                    'post_parent'    => $post->ID,
                    'order'          => 'ASC',
                    'orderby'        => 'menu_order'
                 );
                
                $parent = new WP_Query( $args );
                if ( $parent->have_posts() ) : ?>
                <?php while ( $parent->have_posts() ) : $parent->the_post(); 
                
                
                $image_id = get_post_thumbnail_id($parent->id);
                $image_alt = get_post_meta($image_id, '_wp_attachment_image_alt', TRUE);
                $image_caption = get_post_meta($image_id, '_wp_attachment_caption', TRUE);
                $image_title = get_the_title($image_id);
                $a = wp_strip_all_tags(awesome_excerpt()) ;
            
            ?>
        
        <!-- Item Start -->
        <div class="row align-items-center pt-xl-2 pb-5 mb-lg-2 mb-xl-3 mb-xxl-4">
          <div class="col-md-7 col-lg-6 mb-4 mb-md-0"><a class="d-block position-relative" href="<?php the_permalink(); ?>">
              <div class="bg-info rounded-5 position-absolute top-0 start-0 w-100 h-100 aos-init aos-animate" data-aos="zoom-in" data-aos-duration="600" data-aos-offset="250"></div>
              <img class="d-block position-relative zindex-2 mx-auto aos-init aos-animate" src='<?php echo get_the_post_thumbnail_url( $parent->id ); ?>' alt="Image" data-aos="fade-in" data-aos-duration="400" data-aos-offset="250"></a></div>
          <div class="col-md-5 col-xl-4 offset-lg-1 aos-init aos-animate" data-aos="fade-up" data-aos-duration="400" data-aos-offset="170">
            <div class="ps-md-3 ps-lg-0">
                
              <h2 class="h4"><?php the_title(); ?></h2>
              <p class="fs-sm pb-3 pb-lg-4 mb-3"><?php echo $a; ?></p>
              <a class="btn btn-sm btn-outline-dark rounded-pill" href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">Explore More</a>
              <!--<div class="d-flex align-items-center pt-2 pt-lg-3 mt-3">-->
              <!--  <h6 class="text-body mb-0 me-3">Awards:</h6>-->
              <!--  <img class="d-block d-dark-mode-none me-4" src="assets/img/portfolio/brands/vuejs-dark.svg" width="90" alt="Vue.js">-->
              <!--  <img class="d-none d-dark-mode-block me-4" src="assets/img/portfolio/brands/vuejs-light.svg" width="90" alt="Vue.js">-->
              <!--  <img class="d-block d-dark-mode-none" src="assets/img/portfolio/brands/deloitte-dark.svg" width="95" alt="Deloitte">-->
              <!--  <img class="d-none d-dark-mode-block" src="assets/img/portfolio/brands/deloitte-light.svg" width="95" alt="Deloitte">-->
              <!--</div>-->
            </div>
          </div>
        </div>
        <!-- Item End -->
        
        <?php endwhile; ?>
            
    <?php endif; wp_reset_postdata(); ?>
        
        </div>
        </div>
        
        </section>
    </main>
<!-- #main -->
<?php
    get_footer();  
?>