HOME

Mini Shell 1.0
DIR:/home/xaviersmandi.in/www/wp-content/themes/astra-child/
Current File : /home/xaviersmandi.in/www/wp-content/themes/astra-child/front-page.php
<?php 
/* Template Name: Home Template */

get_header();

?>

<section class="banner" id="Home">
  <div id="carouselExampleAutoplaying" class="carousel slide" data-bs-ride="carousel">
    <div class="carousel-inner">
      <?php
    $args = array(
        'post_type' => 'homeslide',
        'posts_per_page' => -1
    );
    $slider_query = new WP_Query($args);

    if ($slider_query->have_posts()) :
        $counter = 0;
        while ($slider_query->have_posts()) : $slider_query->the_post();
            $slider_url = get_post_meta(get_the_ID(), '_slider_url', true);
            $slider_image = get_the_post_thumbnail_url(get_the_ID(), 'full');
            $active_class = ($counter == 0) ? 'active' : '';
            ?>
	  <div class="carousel-item active <?php echo esc_attr($active_class); ?> ">
	  <?php if (has_post_thumbnail()) : ?> 
	  <img src="<?php echo get_stylesheet_directory_uri(); ?>/images/slider-01.jpg" class="slider-img d-block w-100" alt="<?php echo $image_alt; ?>">
	  <?php endif; ?>
		<div class="slide-text">
		  <div class="container">
		    <h1><?php the_title(); ?></h1>
		    <p><?php the_content(); ?></p>
		    <div class="slider-btn">
			  <a href="#" class="btn">Contact Us</a>
			  <a class="text" href="tel:+91 9816037313"><i class="fa-regular fa-comment-dots"></i><span>Need help?<span>+91 9816037313</span></span></a>                                              
			</div><!--/ slider-btn -->
          </div>
        </div><!--/ slide-text -->
      </div>

	  <?php
        $counter++;
        endwhile;
        wp_reset_postdata();
    endif;
    ?>
	
	</div><!--/ carousel-inner -->
	
	<div class="carousel-button">
	  <button class="carousel-control-prev left" type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide="prev"><span class="carousel-control-prev-icon fa fa-angle-left" aria-hidden="true"></span><span class="visually-hidden">Previous</span></button>
	
	  <button class="carousel-control-next right" type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide="next"><span class="carousel-control-next-icon fa fa-angle-right" aria-hidden="true"></span><span class="visually-hidden">Next</span></button>
	</div><!--/ carousel-button -->
	
  </div>
</section><!--/ banner -->

<section class="about-sec">
  <div class="container">
    <div class="row"> 
	
	  <div class="col-sm-6 about-left aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="about-padd">
	      <h2><span>About St. Xavier's Residential School</span>A Few Words About the School</h2>
		  <h4>St. Xavier’s Residential School is situated in one of the beautiful place of Himachal Pradesh. Though entire Himachal Pradesh is famous for its panoramic beauty.</h4>
		  <p>Town is situated in the lap of majestic mountain ranges at an altitude of 900 meters above mean sea level.The school is situated at the foot hills of kamru Nagh at Sunder Nagar, Baggi road at kot.</p>
		  <h5>The snowy peeks and scenetic beauty of majestic Dhauladhar range of mountain surrounds the school.</h5>
		  <p> The famous Beas Satluj link canal sooths the environment.</p>
		  <p><a href="#" class="btn">View More</a></p>
        </div><!--/ col-sm -->
      </div><!--/ col-sm -->
	  
	  <div class="col-sm-6 about-right aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="right-info">
	      <figure><img src="<?php echo get_stylesheet_directory_uri(); ?>/images/about-01.jpg" alt="Image"></figure>
		  <div class="about-info">
		    <div class="about-icon"><i class="fa fa-volume-control-phone"></i></div>
		    <h5>Do You Still Have Question?</h5>
		    <p>Call Anytime</p>
		    <h4><a href="tel:+91 9816037313">+91 9816037313</a></h4>
		  </div>
		  
		  <div class="about-image"><img src="<?php echo get_stylesheet_directory_uri(); ?>/images/about-02.png" alt="alt"></div>
							
	    </div><!--/ right-info -->
	  </div>
     
    </div><!--/ row --> 
  </div>
</section>    

<section class="services-sec">
  <div class="container">
  
    <div class="row align-items-center flex-row-reverse mrb-60">  
      <div class="col-sm-8 left-area mrb-30">
        <div class="info">		  
		  <h2>MR. Praveen Kumar Dhiman</h2>
		  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
		  <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
		  <p><a href="#" class="btn">View More</a></p>
        </div><!--/ info -->
      </div>
	  
	  <div class="col-sm-4 right-area mrb-30">
        <figure><img src="<?php echo get_stylesheet_directory_uri(); ?>/images/president.jpg" alt="image"></figure>
      </div>
    </div><!--/ row -->
	  
    <div class="row">
	
	  <div class="col-sm-4 ss-col mrb-30">
	    <div class="services-box">
		  <div class="icon"><i class="fa-solid fa-graduation-cap"></i></div>
		  <div class="services-text">
		    <h3>Career & Guidance Cell</h3>
			<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
			<p><a href="#" class="btn">View More <i class="fa-solid fa-arrow-right"></i></a></p>
		  </div>
		</div>
	  </div><!--/ ss-col -->
	  
	  <div class="col-sm-4 ss-col mrb-30">
	    <div class="services-box">
		  <div class="icon"><i class="fa-solid fa-trophy"></i></div>
		  <div class="services-text">
		    <h3>Student Awards</h3>
			<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
			<p><a href="#" class="btn">View More <i class="fa-solid fa-arrow-right"></i></a></p>
		  </div>
		</div>
	  </div><!--/ ss-col -->
	  
	  <div class="col-sm-4 ss-col mrb-30">
	    <div class="services-box">
		  <div class="icon"><i class="fa-solid fa-bus"></i></div>
		  <div class="services-text">
		    <h3>Transport</h3>
			<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
			<p><a href="#" class="btn">View More <i class="fa-solid fa-arrow-right"></i></a></p>
		  </div>
		</div>
	  </div><!--/ ss-col -->
	
    </div><!--/ row --> 
  </div>
</section><!--/ services-sec -->

<section class="student-feedback student-testimonial">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-12 aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <h2><span>Students Feedback</span>What Our Students Say About Us</h2>
	  </div>
	  
	  <div class="col-sm-12 pad-0 aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="owl-carousel owl-theme" id="owl-demo-1">
		  
		  <div class="item">		  
		    <div class="service-box">
			  <div class="service-author">
			    <figure><img src="<?php echo get_stylesheet_directory_uri(); ?>/images/female.jpg" alt=""></figure>
			    <h4>Archita Madan <span>Class 10th</span></h4>
			  </div>
		      <div class="item-bg"> 
			    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
			  </div>
		    </div>
		  </div>
		  
		  <div class="item">		  
		    <div class="service-box">
			  <div class="service-author">
			    <figure><img src="<?php echo get_stylesheet_directory_uri(); ?>/images/male.jpg" alt=""></figure>
			    <h4>Harsht <span>Class 10th</span></h4>
			  </div>
		      <div class="item-bg"> 
			    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
			  </div>
		    </div>
		  </div>
		  
		  <div class="item">		  
		    <div class="service-box">
			  <div class="service-author">
			    <figure><img src="<?php echo get_stylesheet_directory_uri(); ?>/images/female.jpg" alt=""></figure>
			    <h4>Nergis <span>Class 10th</span></h4>
			  </div>
		      <div class="item-bg"> 
			    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
			  </div>
		    </div>
		  </div>
		  
		  <div class="item">		  
		    <div class="service-box">
			  <div class="service-author">
			    <figure><img src="<?php echo get_stylesheet_directory_uri(); ?>/images/female.jpg" alt=""></figure>
			    <h4>Sneha <span>Class 10th</span></h4>
			  </div>
		      <div class="item-bg"> 
			    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
			  </div>
		    </div>
		  </div>
		  
		  <div class="item">		  
		    <div class="service-box">
			  <div class="service-author">
			    <figure><img src="<?php echo get_stylesheet_directory_uri(); ?>/images/male.jpg" alt=""></figure>
			    <h4>Arshnoor <span>Class 10th</span></h4>
			  </div>
		      <div class="item-bg"> 
			    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
			  </div>
		    </div>
		  </div>
		  
		</div> 		  
	  </div><!-- col -->
			
    </div><!-- row-->
  </div>
</section> 

<section class="contact24">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-6 left-coll">
		<figure><img src="<?php echo get_stylesheet_directory_uri(); ?>/images/about-01.jpg" alt="img"></figure>
	  </div>
	  
	  <div class="col-sm-6 right-coll text-center">
	    <div class="inner">
	      <h2 class="aos-init">A great place for your child to grow up.<span>We promise to help your child develop and learn through fun and creativity.</span></h2>
		  <p class="aos-init">Feel free to call us directly or simply complete our form and we will follow up with you !!! </p>
		  <p class="call-icon aos-init"><span><i class="fa fa-phone" aria-hidden="true"></i></span></p>
		  <p class="call aos-init"><a href="tel:+91 9816037313"> +91 9816037313</a> , <a href="tel:+91 1905-244366"> +91 1905-244366</a></p>
		  <p class="email aos-init"><a href="mailto:info@xaviersmandi.com">info@xaviersmandi.com</a></p>
	    </div>
	  </div>
	
    </div><!--/row -->
  </div>
</section>

<section class="blog-sec">
  <div class="container">
    <div class="row">           
	
	  <div class="col-sm-12 text-center">
		<h2><span>Our latest News & Events show here</span>News & Events</h2>
	  </div>
	  
	  <div class="col-sm-4 mrb-30">  
		<div class="blog-info">
	      <figure>
		    <img src="<?php echo get_stylesheet_directory_uri(); ?>/images/blog-01.jpg" alt="image">
			<div class="info"><i class="fa-regular fa-calendar-days" aria-hidden="true"></i> September 6, 2023</div>
		  </figure>
		  <div class="info-padd">
		    <h3>New Academic Session Begins</h3>
		    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
		    <p><a href="#" class="btn-a">View More <i class="fa-solid fa-arrow-right"></i></a></p>			  
	      </div><!--/ info-padd --> 
	    </div><!--/ work-info --> 
	  </div>
	  
	  <div class="col-sm-4 mrb-30">  
		<div class="blog-info">
	      <figure>
		    <img src="<?php echo get_stylesheet_directory_uri(); ?>/images/blog-02.jpg" alt="image">
			<div class="info"><i class="fa-regular fa-calendar-days" aria-hidden="true"></i> 24th March 2021</div>
		  </figure>
		  <div class="info-padd">
		    <h3>Upper School Fall Play November 22-24</h3>
		    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
		    <p><a href="#" class="btn-a">View More <i class="fa-solid fa-arrow-right"></i></a></p>			  
	      </div><!--/ info-padd --> 
	    </div><!--/ work-info --> 
	  </div>
	  
	  <div class="col-sm-4 mrb-30">  
		<div class="blog-info">
	      <figure>
		    <img src="<?php echo get_stylesheet_directory_uri(); ?>/images/blog-03.jpg" alt="image">
			<div class="info"><i class="fa-regular fa-calendar-days" aria-hidden="true"></i> 24th March 2021</div>
		  </figure>
		  <div class="info-padd">
		    <h3>New Academic Session Begins</h3>
		    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
		    <p><a href="#" class="btn-a">View More <i class="fa-solid fa-arrow-right"></i></a></p>			  
	      </div><!--/ info-padd --> 
	    </div><!--/ work-info --> 
	  </div>
	  
    </div><!--/ row --> 
  </div>
</section>






















<?php get_footer(); ?>