HOME

Mini Shell 1.0
DIR:/proc/self/root/home/csgimmigration.com/www/wp-content/themes/twentytwentyone/
Current File : //proc/self/root/home/csgimmigration.com/www/wp-content/themes/twentytwentyone/front-page.php
<?php
/**
 * Template Name: Home

 */

get_header(); ?>

<section class="banner">
  <div id="bootstrap-touch-slider" class="carousel bs-slider fade control-round indicators-line" data-ride="carousel" data-pause="hover" data-interval="5000">
  
    <!-- Indicators -->
    <ol class="carousel-indicators hidden">
      <li data-target="#bootstrap-touch-slider" data-slide-to="0" class="active"></li>
      <li data-target="#bootstrap-touch-slider" data-slide-to="1"></li>
      <li data-target="#bootstrap-touch-slider" data-slide-to="2"></li>
      <li data-target="#bootstrap-touch-slider" data-slide-to="3"></li>
      <li data-target="#bootstrap-touch-slider" data-slide-to="4"></li>
      <li data-target="#bootstrap-touch-slider" data-slide-to="5"></li>
    </ol>
    
    <!-- Wrapper For Slides -->
    <div class="carousel-inner" role="listbox">
	
	   		  <?php	  
$the_query = new WP_Query( array(
    'post_type' => 'slider',
	'posts_per_page' => 5,
	'orderby' => 'meta_value',
	'order' => 'ASC',   
) );
 $i =1;
while ( $the_query->have_posts() ) :
    $the_query->the_post(); ?>	
	
	
      <!-- Third Slide -->
      <div class="item <?php if($i=='1') { echo "active"; } ?>">
	 	<?php if (has_post_thumbnail( $post->ID ) ){ ?>
		<?php $image_url = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-post-thumbnail' ); ?>
	    <figure><img src="<?php echo $image_url[0]; ?>" alt="<?php echo $img['alt'] ?>"  class="slide-image"/></figure>
		  <?php } ?>
		 
        <div class="slide-text">
		  <div class="slide-table">
		    <h1 data-animation="animated fadeInDown"><?php the_title();?></h1>
		    <p data-animation="animated fadeInDown"><?php echo get_field('slider_desc'); ?></p>
		    <p data-animation="animated fadeInDown"><a href="<?php echo get_field('button_link'); ?>" class="btn btn-default">View More</a> <a href="<?php echo get_field('button_link2'); ?>" class="btn btn-default">Contact Us</a></p>
          </div><!-- slide-table -->
        </div>
      </div><!-- End of Slide -->
	  
	<?php	  
$i++;
endwhile;

wp_reset_postdata(); ?>	   
	            
    
    </div><!-- End of Wrapper For Slides -->
    
    <!-- Left Control -->
    <a class="left carousel-control" href="#bootstrap-touch-slider" role="button" data-slide="prev"><span class="fa fa-angle-left" aria-hidden="true"></span><span class="sr-only">Previous</span></a>
    
    <!-- Right Control -->
    <a class="right carousel-control" href="#bootstrap-touch-slider" role="button" data-slide="next"><span class="fa fa-angle-right" aria-hidden="true"></span><span class="sr-only">Next</span></a>
    	
  </div> <!-- End  bootstrap-touch-slider Slider --> 
</section><!--/ banner -->

<section class="about-sec">
  <div class="container">
    <div class="row">           
	
	  <div class="col-sm-6 about-left">
	    <h2><span><?php echo get_field('about_subheading'); ?></span><?php echo get_field('about_heading'); ?></h2>
		<h4><?php echo get_field('about_title'); ?></h4>
		<h5><?php echo get_field('about_subtitle'); ?></h5>
		<?php echo get_field('about_desc'); ?>
		<p><a href="<?php echo get_field('about_link'); ?>" class="btn"><span>View More</span></a></p>
      </div><!--/ col-sm -->
	  
	  <div class="col-sm-6 about-right">
	    <figure>
		  <?php $img = get_field( "about_rt_image" ); ?><img src="<?php echo $img['url'] ?>" alt="<?php echo $img['alt'] ?>">
		  <!--figcaption>
		    <div class="box">
			  <div class="inner">
			    <div class="icon-box">
				  <div class="icon icon-1"></div>
				  <div class="icon icon-2"></div>
				</div>
				<span>CSG Immigration Solutions Inc</span>
				<h1>24</h1>
				<p>Years Of Experience</p>
			  </div>
			</div>
		  </figcaption-->
		</figure>	  
	  </div>	  
     
    </div><!--/ row --> 
  </div>
</section><!--/ about-sec --> 

<section class="new-tag">
  <div class="container">
    <div class="row">           
	
	  <div class="col-sm-9 new-left">
	    <div class="padd-inner">
		  <h2>Daljit Kaur Dhaliwal</h2>
		  <p>RCIC: Regulated Canadian Immigration Consultant</p>
		  <p>Member: ICCRC-Immigration Consultant of Canada Regulatory Council</p>
		  <p>Member: CAPIC-Canadian Association of Professional Immigration Consultants</p>
		</div>
      </div><!--/ col-sm -->	  
		
      <div class="col-sm-3 new-right">
	    <figure><img src="https://csg-immigration.htlogics.com/wp-content/uploads/2021/05/ICCRC-CRCIC.png" alt="image"></figure>
		<figure><img src="https://csg-immigration.htlogics.com/wp-content/uploads/2021/05/CAPIC-Logo.jpg" alt="image"></figure>
	  </div>	 
     
    </div><!--/ row --> 
  </div>
</section><!--/ about-sec --> 

<section class="tag-sec">	
  <div class="container">
    <div class="row">           
	
	  <div class="col-sm-12">
        <h2><?php echo get_field('tag_subheading'); ?> <span><?php echo get_field('tag_heading'); ?></span></h2>  
	  </div>
	  
	  	  	<?php if (have_rows('tag_box')) :
          while (have_rows('tag_box')) : the_row(); ?>
	  <div class="col-sm-3 tag-coll">
	  
	    <div class="tag-box">
		  <figure><?php $img = get_sub_field( "image" ); ?><img src="<?php echo $img['url'] ?>" alt="<?php echo $img['alt'] ?>"></figure>
		  <h4><?php the_sub_field('title'); ?></h4>
		  <p><?php the_sub_field('desc'); ?></p>
        </div>
      </div><!--/ tag-coll -->
	  
	 				 <?php endwhile;
				endif; ?> 
	    
     
    </div><!--/ row --> 
  </div>
</section><!--/ tag-sec -->  

<section class="project-wrap">
  <div class="container">
 
    <div class="row">	
	  <div class="col-sm-12 title">
	    <h3><span><?php echo get_field('services_heading'); ?></span></h3>
	    <?php echo get_field('services_desc'); ?>
	  </div>
	</div>
	
		  	  	<?php if (have_rows('project-box')) :
          while (have_rows('project-box')) : the_row(); ?>
	
    <div class="row">	
	  <div class="col-sm-6 project-left">
	    <div class="project-box">
		  <figure><?php $img = get_sub_field( "images" ); ?><img src="<?php echo $img['url'] ?>" alt="<?php echo $img['alt'] ?>"><figcaption><?php the_sub_field('title'); ?></figcaption></figure>
        </div>
      </div><!--/ col-sm -->
	  
	  <div class="col-sm-6 project-right">
	    <div class="project-text">
		  <h3><?php the_sub_field('title'); ?></h3>
		  <?php the_sub_field('desc'); ?>
		  <p><a href="<?php the_sub_field('vewe_more_link'); ?>" class="btn">View More</a> <a href="<?php the_sub_field('contact_us_link'); ?>" class="btn">Contact Us</a></p>
        </div>
      </div><!--/ col-sm -->
    </div><!--/ row -->
	
		 				 <?php endwhile;
				endif; ?> 
	
	
	
	
  </div><!--/ container -->
</section>

<section class="Why-Choose">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-6 Choose-left">
	    <h2><span><?php echo get_field('why_subheading'); ?> </span><?php echo get_field('why_heading'); ?></h2>
		<?php echo get_field('why_desc'); ?>
		<ul>
				  	  	<?php if (have_rows('why_box')) :
          while (have_rows('why_box')) : the_row(); ?>
		
		
		  <li>
		    <figure><?php $img = get_sub_field( "images" ); ?><img src="<?php echo $img['url'] ?>" alt="<?php echo $img['alt'] ?>"></figure>
			<h4><?php the_sub_field('title'); ?></h4>
		    <p><?php the_sub_field('desc'); ?></p>
		  </li>
		  
		   <?php endwhile;
				endif; ?> 
		</ul>
      </div><!--/ col-sm -->
	  
	  <div class="col-sm-6 Choose-right">
	  				  	  	<?php if (have_rows('why_box2')) :
          while (have_rows('why_box2')) : the_row(); ?>
	  
	    <div class="row">
		  <div class="col-sm-6 Choose-text">
		    <div class="Choose-padd">
		      <h4><?php the_sub_field('title'); ?></h4>
			  <h5><?php the_sub_field('call'); ?></h5>
			  <p><a class="btn" href="<?php the_sub_field('contact_link'); ?>"><?php the_sub_field('button_test'); ?> <i class="fa fa-angle-double-right hidden" aria-hidden="true"></i></a></p>
		    </div>
		  </div>
		  <div class="col-sm-6 Choose-text">
		    <figure><?php $img = get_sub_field( "images" ); ?><img src="<?php echo $img['url'] ?>" alt="<?php echo $img['alt'] ?>"></figure>
		  </div>
        </div><!--/ row -->
		
		 <?php endwhile;
				endif; ?> 
		
      </div><!--/ col-sm -->
    
    </div><!--/ row -->
  </div><!--/ container -->
</section>

<section class="client-speak hidden">
  <div class="container">
    <div class="row">
      
	  
	  <div class="col-sm-12 grid-left pad-0">
	    <h2><span>Testimonials feedback</span>knows About Our Customer Say</h2>
		 
		<div id="owl-demo-2">
		  <div class="item">
		    <div class="testmonial-author">
			  <img src="<?php bloginfo('template_directory');?>/images/author.jpg" alt="">
			  <h4>Richard Branson <span>Virgin</span></h4>
			</div>
			
		    <div class="item-bg"> 		  
		      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod temp incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam quis nostrud.</p>
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="testmonial-author">
			  <img src="<?php bloginfo('template_directory');?>/images/author.jpg" alt="">
			  <h4>Richard Branson <span>Virgin</span></h4>
			</div>
			
		    <div class="item-bg"> 		  
		      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod temp incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam quis nostrud.</p>
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="testmonial-author">
			  <img src="<?php bloginfo('template_directory');?>/images/author.jpg" alt="">
			  <h4>Richard Branson <span>Virgin</span></h4>
			</div>
			
		    <div class="item-bg"> 		  
		      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod temp incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam quis nostrud.</p>
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="testmonial-author">
			  <img src="<?php bloginfo('template_directory');?>/images/author.jpg" alt="">
			  <h4>Richard Branson <span>Virgin</span></h4>
			</div>
			
		    <div class="item-bg"> 		  
		      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod temp incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam quis nostrud.</p>
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="testmonial-author">
			  <img src="<?php bloginfo('template_directory');?>/images/author.jpg" alt="">
			  <h4>Richard Branson <span>Virgin</span></h4>
			</div>
			
		    <div class="item-bg"> 		  
		      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod temp incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam quis nostrud.</p>
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="testmonial-author">
			  <img src="<?php bloginfo('template_directory');?>/images/author.jpg" alt="">
			  <h4>Richard Branson <span>Virgin</span></h4>
			</div>
			
		    <div class="item-bg"> 		  
		      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod temp incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam quis nostrud.</p>
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		</div>
      </div><!--/ grid-left -->  
          
    </div><!--/ row -->	
  </div>
</section><!--/ client-speak  -->

<section class="team-sec">
  <div class="container">
    <div class="row">
	
	  <div class="col-sm-3">
	    <h2><span><?php echo get_field('team_subheading'); ?></span><?php echo get_field('team_heading'); ?></h2>
		<?php echo get_field('team_desc'); ?>
		<div class="service-btn"><a href="<?php echo get_field('team_button_link'); ?>" class="btn active-btn">View the team</a></div>
	  </div>
	  
	  	  				  	  	<?php if (have_rows('team-box')) :
          while (have_rows('team-box')) : the_row(); ?>
	  
	  <div class="col-sm-3">
	    <div class="team-box">
		  <figure><?php $img = get_sub_field( "images" ); ?><img src="<?php echo $img['url'] ?>" alt="<?php echo $img['alt'] ?>"></figure>
		  <div class="caption">
		    <h3><?php the_sub_field('name'); ?></h3>
            <span><?php the_sub_field('possition'); ?></span>
            <span class="icon-links">
              <a href="<?php the_sub_field('facebook'); ?>" target="_blank"><i class="fa fa-facebook"></i></a>
              <a href="<?php the_sub_field('twitter'); ?>" target="_blank"><i class="fa fa-twitter"></i></a>
              <a href="<?php the_sub_field('google'); ?>" target="_blank"><i class="fa fa-google-plus"></i></a>
            </span>
            <?php the_sub_field('desc'); ?>
		  </div>
        </div>
	  </div><!--/ col-sm -->
	  
	  
	  		 <?php endwhile;
				endif; ?> 


    </div><!--/ row --> 
  </div>
</section><!--/ team-sec --> 

<section class="blog-sec">
  <div class="container">
    <div class="row">
	  	  
	  <div class="col-sm-12">
	    <h2><span><?php echo get_field('new_subheading'); ?></span> <?php echo get_field('news_heading'); ?></h2>
	  </div>
	  
	  	  <?php $wp_query = new WP_Query(); 
$wp_query->query(array("post_type"=>"post","posts_per_page" => 3,'orderby' => 'meta_value','order' => 'DSC'));
while(have_posts()): the_post();
$image_url = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-post-thumbnail' );
?> 
	  
	  <div class="col-sm-4">
		<div class="skin-info">
		  <div class="skin-img">
		    <img src="<?php echo $image_url[0]; ?>" alt="<?php echo $img['alt'] ?>">
			<div class="meta-date"><span class="span-date"><?php $post_date = get_the_date( 'M' ); echo $post_date; ?><span><?php $post_date = get_the_date( 'j' ); echo $post_date; ?></span> <?php $post_date = get_the_date( 'Y' ); echo $post_date; ?></span> </div>
		  </div>
		  <div class="latest-details">
		    <h5 class="blog-title"><a class="underline-effect" href="<?php the_permalink();?>"><label><?php the_title();?></label></a></h5>
			<?php echo wp_trim_words( get_the_content(), 30, '...' ); ?>
			<p><a href="<?php the_permalink();?>" class="btn">View More</a></p>
		  </div>
		</div>
      </div>
	  
	  <?php 
endwhile; 
wp_reset_query();
?>	  
	  
         
    </div><!--/ row -->	
  </div>
</section>

<section class="contact-wrap hidden">
  <div class="container">
    <div class="row">
		  
	  <div class="col-sm-5">
	    <h2><span>Contact Us Now</span> Free consultation with us</h2>
	  </div>
	  
	  <div class="col-sm-7 mrb-20">
	    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod temp incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
	  </div>
     
      <div class="col-sm-5 contact-col">
        <div class="contact-box">
          <div class="icon"><i class="fa fa fa-phone" aria-hidden="true"></i> </div>
		  <div class="content">
		    <p><a href="#">+91 884 736 9242</a></p>
		    <p><a href="#">+91 987 654 3210</a></p>
		  </div>
		</div>
      
        <div class="contact-box">
          <div class="icon"><i class="fa fa-envelope-o" aria-hidden="true"></i> </div>
		  <div class="content">
		    <p><a href="#">info@uaos.com</a></p>
		    <p><a href="#">info@universal.com</a></p>
		  </div>
		</div>
      
        <div class="contact-box">
          <div class="icon"><i class="fa fa-map-o" aria-hidden="true"></i> </div>
		  <div class="content">
		    <p>SCO 32, First Floor, Behind Gopal's, Leela Bhawan, Patiala</p>
		  </div>
		</div>
      </div><!--/ col-sm-4 -->
	  
	  <div class="col-sm-7 contact-form">
        <form>
          <div class="form-group"><input class="form-control" placeholder="Your Name :" type="text"></div>
          <div class="form-group"><input class="form-control" placeholder="Your E-mail :" type="text"></div>
          <div class="form-group"><input class="form-control" placeholder="Your Mobile :" type="text"></div>			
		  <div class="form-group"><textarea class="form-control" placeholder="Your Message :"></textarea></div>
		  <div class="form-group"><input class="btn" value="Submit Now" type="submit"></div>                    
        </form>
      </div><!--/ col-sm-4 -->
     
    </div><!--/ row --> 
  </div>
</section><!--/ contact-wrap -->
  

<?php
get_footer();