HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/dev/BoardApply/
Current File : /home/htlwork.com/www/dev/BoardApply/index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Applyboard</title>
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet"> 
	<link rel="stylesheet" href="dist/aos.css" />

    <!-- Custom CSS -->
    <link href="style.css" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap" rel="stylesheet"> 
	
	<link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
	
    <!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
   
    <!--If you want to change #bootstrap-touch-slider id then you have to change Carousel-indicators and Carousel-Control  #bootstrap-touch-slider slide as well
        Slide effect: slide, fade
        Text Align: slide_style_center, slide_style_left, slide_style_right
        Add Text Animation: https://daneden.github.io/animate.css/
        -->


    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->    
	
<script>
jQuery(window).scroll(function() {
    if (jQuery(this).scrollTop() > 20){  
        jQuery('.header').addClass("sticky");
    }
    else{
        jQuery('.header').removeClass("sticky");
    }
});

jQuery(window).scroll(function() {
    if (jQuery(this).scrollTop() > 20){  
        jQuery('.back-to-top').addClass("scroll");
    }
    else{
        jQuery('.back-to-top').removeClass("scroll");
    }
});
</script>

</head>
<body data-aos-easing="ease-out-back" data-aos-duration="1000" data-aos-delay="0">
<div class="page-wrapper chiller-theme">
  <nav id="sidebar" class="sidebar-wrapper">
    <div class="sidebar-content">
	
      <div class="sidebar-brand">
        <div id="close-sidebar"><span></span></div>
      </div>

      <div class="sidebar-menu">
        <ul>
		  <li class="current-menu-item"><a href="#">Top Categories</a></li>
		  <li><a href="#">Top Courses</a></li>
		  <li><a href="#">Top Colleges</a></li>
          <!--li class="sidebar-dropdown">
            <a>Top Colleges</a>
            <ul class="sub-menu">
			  <li><a href="#">Colleges</a></li></a></li>
			  <li><a href="#">Colleges</a></li></a></li>
			</ul>
          </li-->
		  <li><a href="#">PR Courses</a></li>
		  <li><a href="#">Special $$ Courses</a></li>
		  <li><a href="#">Migration Updates</a></li>
        </ul>
      </div><!-- sidebar-menu  -->
	  
	  <div class="sidebar-info">
	    <h2>let’s make something together</h2>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
		<address>
		  <h3>Phone support</h3>
		  <p><a href="tel:654-423-0321">654-423-0321</a> <br><a href="tel: 654-423-0321">654-423-0321</a></p>
		</address>
		<address>
		  <h3>Email us</h3>
		  <p><a href="mailto:sales@boardapply.com">sales@boardapply.com</a> <br><a href="mailto:info@boardapply.com">info@boardapply.com</a></p>
		</address>
		
		<div class="icon-top">
		  <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
          <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
		  <a href="#" target="_blank"><i class="fa fa-linkedin"></i></a>
		  <a href="#" target="_blank"><i class="fa fa-instagram"></i></a> 
		  <a href="#" target="_blank"><i class="fa fa-youtube"></i></a>
		</div>
		  
      </div><!-- sidebar-info -->
    </div><!-- sidebar-content  -->
  </nav>
  
<main class="page-content">
<div class="full-body hidden"></div>
<header class="header">  
  <div class="menu-head">             
    <div class="container">	  
      
	  <nav class="navbar navbar-expand-lg">
	    <div class="container-fluid">
		
		  <a class="navbar-brand" href="#">
		    <img src="images/logo.png" alt="">
		  </a>
		  
		  <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
		  
		  <div class="collapse navbar-collapse" id="navbarSupportedContent">
		    <ul class="navbar-nav">
			  <li><a href="#">Students</a></li>
			  <li><a href="#">Recruitment Partners</a></li>
			  <li><a href="#">Schools</a></li>
		    </ul>
			
			<div class="call-login">
			  <ul>
			    <li><a class="btn" href="#">Log In</a></li>
			    <li><a class="btn" href="#">Register</a></li>
			  </ul>
			</div>
			
		  </div>
		  
		  <a id="show-sidebar" class="btn"><span></span></a>
		  
	    </div>
	  </nav>
	    
    </div><!--/ menu-head -->           
  </div><!--/ container -->
</header>

<section class="banner" id="Home">
  
   <video class="video" src="images/dummy.mp4" autoplay="" loop="" muted="muted" controlslist="nodownload"></video>    	
  
  <div class="slide-text">
    <div class="inner">
	  <h1>We Are on a Mission to Educate the World<br><a href="#">I am a student exploring studying abroad</a></h1>
	  <p><a href="#" class="btn">I am a recruitment partner</a> <a href="#" class="btn">I work at a school</a></p>
	</div> 
  </div><!--/ slide-text -->
  
</section><!--/ banner -->

<section class="categories-list">
  <div class="container">
    <div class="row">           
	  
	  <div class="col-xl-3 col-md-6 categories-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <h2><span>Top Categories</span>Our students create a vibrant and inclusive community</h2>
	  </div><!--/ col-sm -->
	  
	  <div class="col-xl-3 col-md-6 categories-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="item">
		  <figure><img src="images/categories-01.jpg" alt="Image"></figure>
		  <div class="info">
			<h4>Biochemistry</h4>
			<p class="days"><a href="#" class="btn">Explore more</a></p>
		  </div>
		</div><!--/ item -->
	  </div><!--/ col-sm -->
		
	  <div class="col-xl-6 col-md-8 categories-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="item">
		  <figure><img src="images/categories-02.jpg" alt="Image"></figure>
		  <div class="info">
			<h4>Public Administration</h4>
			<p class="days"><a href="#" class="btn">Explore more</a></p>
		  </div>
		</div><!--/ item -->
	  </div><!--/ categories-col -->  
	  
	  <div class="col-xl-3 col-md-4 categories-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="item">
		  <figure><img src="images/categories-03.jpg" alt="Image"></figure>
		  <div class="info">
			<h4>Major in Economics</h4>
			<p class="days"><a href="#" class="btn">Explore more</a></p>
		  </div>
		</div><!--/ item -->
	  </div><!--/ categories-col --> 
	  
	  <div class="col-xl-3 col-md-4 categories-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="item">
		  <figure><img src="images/categories-04.jpg" alt="Image"></figure>
		  <div class="info">
			<h4>Biotechnology</h4>
			<p class="days"><a href="#" class="btn">Explore more</a></p>
		  </div>
		</div><!--/ item -->
	  </div><!--/ categories-col --> 
	  
	  <div class="col-xl-3 col-md-4 categories-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="item">
		  <figure><img src="images/categories-05.webp" alt="Image"></figure>
		  <div class="info">
			<h4>Business Media</h4>
			<p class="days"><a href="#" class="btn">Explore more</a></p>
		  </div>
		</div><!--/ item -->
	  </div><!--/ categories-col -->  
	  
	  <div class="col-xl-3 col-md-4 categories-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="item">
		  <figure><img src="images/categories-02.jpg" alt="Image"></figure>
		  <div class="info">
			<h4>Administration</h4>
			<p class="days"><a href="#" class="btn">Explore more</a></p>
		  </div>
		</div><!--/ item -->
	  </div><!--/ categories-col -->  
     
    </div><!--/ row --> 
  </div>
</section><!--/ categories-list -->         

<section class="form-wrap">	
  <div class="container">
    <div class="row">           
	  
	  <div class="col-sm-12 right">
	    <h2 class="aos-animate" data-aos="fade-up" data-aos-duration="1000">Get More Update <span>Connect with Board Apply</span></h2>
		
	    <div class="form-info aos-animate" data-aos="fade-up" data-aos-duration="1000">
		  <form>		    
			<div class="form-group col-sm-3">
			  <div class="input-group">
			    <div class="input-group-addon"><div class="fa fa-user-o"></div></div>
                <input type="text" placeholder="Your Name" class="form-control">
              </div>
			</div>
			
			<div class="form-group col-sm-3">
			  <div class="input-group">
			    <div class="input-group-addon"><div class="fa fa-envelope-o"></div></div>
                <input type="text" placeholder="Your Email" class="form-control">
              </div>
			</div>
			
			<div class="form-group col-sm-3">
			  <div class="input-group">
			    <div class="input-group-addon"><div class="fa fa-phone"></div></div>
                <input type="text" placeholder="Phone No" class="form-control">
              </div>
			</div>
			
		    <div class="form-group col-sm-3"><button type="submit" class="btn">Submit Now</button></div>
		  </form>
		</div> 
	  </div><!--/ coll -->
	  
    </div><!--/ row --> 
  </div>
</section><!--/ form-wrap -->

<section class="courses-packages">
  <div class="container">
    <div class="row">           
	  
	  <div class="col-sm-12 pad-0 aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <h2><span>Top Courses</span> Find course that suit you</h2>		  
	  </div><!--/ col-sm -->
	  
	  <div class="col-sm-12 pad-0 ss-coll 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="specialitie-box">
			  <figure>
			    <img src="images/categories-01.jpg" alt="Image">
				<div class="package-price"><p><a href="#" class="btn"><span>Explore more</span></a></p></div>
			  </figure>
			  <div class="specialitie-content">
				<h4>Biochemistry</h4>
				<div class="package-days">
				  <p>Department : <span>Business Adminstration</span></p>
				  <p>Campus : <span>KU2 Hill</span></p>
				  <p>Level : <span>Graduate</span></p>
				  <p>Instructor : <span>John Hagensy</span></p>
				  <p>Semester : <span>Fall 2018</span></p>
				  <p>Credit : <span>3.000</span></p>
				  <p>Method : <span>Lecture</span></p>
				</div>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specialitie-box">
			  <figure>
			    <img src="images/categories-02.jpg" alt="Image">
				<div class="package-price"><p><a href="#" class="btn"><span>Explore more</span></a></p></div>
			  </figure>
			  <div class="specialitie-content">
				<h4>Public Administration</h4>
				<div class="package-days">
				  <p>Department : <span>Business Adminstration</span></p>
				  <p>Campus : <span>KU2 Hill</span></p>
				  <p>Level : <span>Graduate</span></p>
				  <p>Instructor : <span>John Hagensy</span></p>
				  <p>Semester : <span>Fall 2018</span></p>
				  <p>Credit : <span>3.000</span></p>
				  <p>Method : <span>Lecture</span></p>
				</div>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specialitie-box">
			  <figure>
			    <img src="images/categories-03.jpg" alt="Image">
				<div class="package-price"><p><a href="#" class="btn"><span>Explore more</span></a></p></div>
			  </figure>
			  <div class="specialitie-content">
				<h4>Major in Economics</h4>
				<div class="package-days">
				  <p>Department : <span>Business Adminstration</span></p>
				  <p>Campus : <span>KU2 Hill</span></p>
				  <p>Level : <span>Graduate</span></p>
				  <p>Instructor : <span>John Hagensy</span></p>
				  <p>Semester : <span>Fall 2018</span></p>
				  <p>Credit : <span>3.000</span></p>
				  <p>Method : <span>Lecture</span></p>
				</div>
			  </div>
			</div>
		  </div><!--/ item --> 
		  
		  <div class="item">
		    <div class="specialitie-box">
			  <figure>
			    <img src="images/categories-04.jpg" alt="Image">
				<div class="package-price"><p><a href="#" class="btn"><span>Explore more</span></a></p></div>
			  </figure>
			  <div class="specialitie-content">
				<h4>Biotechnology</h4>
				<div class="package-days">
				  <p>Department : <span>Business Adminstration</span></p>
				  <p>Campus : <span>KU2 Hill</span></p>
				  <p>Level : <span>Graduate</span></p>
				  <p>Instructor : <span>John Hagensy</span></p>
				  <p>Semester : <span>Fall 2018</span></p>
				  <p>Credit : <span>3.000</span></p>
				  <p>Method : <span>Lecture</span></p>
				</div>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specialitie-box">
			  <figure>
			    <img src="images/categories-05.webp" alt="Image">
				<div class="package-price"><p><a href="#" class="btn"><span>Explore more</span></a></p></div>
			  </figure>
			  <div class="specialitie-content">
				<h4>Business Media</h4>
				<div class="package-days">
				  <p>Department : <span>Business Adminstration</span></p>
				  <p>Campus : <span>KU2 Hill</span></p>
				  <p>Level : <span>Graduate</span></p>
				  <p>Instructor : <span>John Hagensy</span></p>
				  <p>Semester : <span>Fall 2018</span></p>
				  <p>Credit : <span>3.000</span></p>
				  <p>Method : <span>Lecture</span></p>
				</div>
			  </div>
			</div>
		  </div><!--/ item --> 
		
	    </div><!--/ owl --> 	  
	  </div><!--/ coll --> 	  
     
    </div><!--/ row --> 
  </div>
</section><!--/ tour-packages -->       

<section class="colleges-list">
  <div class="container">
    <div class="row">           
	  
	  <div class="col-sm-12 pad-0 aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <h2><span>Top Colleges</span> Choose The Best College For You</h2>		  
	  </div><!--/ col-sm -->
	  
	  <div class="col-sm-12 pad-0 ss-coll aos-animate" data-aos="fade-up" data-aos-duration="1000">
		<div class="owl-carousel owl-theme" id="owl-demo-2">
		
		  <div class="item">
		    <div class="specialitie-box">
			  <figure>
			    <img src="images/colleges-01.jpg" alt="Image">
			  </figure>
			  <h4>The University of Melbourne</h4>
			  <p>Nam libero cum soluta nobis est optio minus quod maxime facere omnis est.</p>
			  <div class="specialitie-content">
				<div class="rating"><span>4.9</span><span class="fa fa-star checked"></span><span class="fa fa-star checked"></span><span class="fa fa-star checked"></span><span class="fa fa-star checked"></span><span class="fa fa-star checked"></span></div>
			    <p><a href="#" class="btn"><span>Explore more</span></a></p>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specialitie-box">
			  <figure>
			    <img src="images/colleges-02.jpg" alt="Image">
			  </figure>
			  <h4>UNSW Sydney</h4>
			  <p>Nam libero cum soluta nobis est optio minus quod maxime facere omnis est.</p>
			  <div class="specialitie-content">
				<div class="rating"><span>4.9</span><span class="fa fa-star checked"></span><span class="fa fa-star checked"></span><span class="fa fa-star checked"></span><span class="fa fa-star checked"></span><span class="fa fa-star checked"></span></div>
			    <p><a href="#" class="btn"><span>Explore more</span></a></p>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specialitie-box">
			  <figure>
			    <img src="images/colleges-03.jpg" alt="Image">
			  </figure>
			  <h4>The Australian National University</h4>
			  <p>Nam libero cum soluta nobis est optio minus quod maxime facere omnis est.</p>
			  <div class="specialitie-content">
				<div class="rating"><span>4.9</span><span class="fa fa-star checked"></span><span class="fa fa-star checked"></span><span class="fa fa-star checked"></span><span class="fa fa-star checked"></span><span class="fa fa-star checked"></span></div>
			    <p><a href="#" class="btn"><span>Explore more</span></a></p>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specialitie-box">
			  <figure>
			    <img src="images/colleges-04.jpg" alt="Image">
			  </figure>
			  <h4>Charles Darwin University</h4>
			  <p>Nam libero cum soluta nobis est optio minus quod maxime facere omnis est.</p>
			  <div class="specialitie-content">
				<div class="rating"><span>4.9</span><span class="fa fa-star checked"></span><span class="fa fa-star checked"></span><span class="fa fa-star checked"></span><span class="fa fa-star checked"></span><span class="fa fa-star checked"></span></div>
			    <p><a href="#" class="btn"><span>Explore more</span></a></p>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="specialitie-box">
			  <figure>
			    <img src="images/colleges-05.jpg" alt="Image">
			  </figure>
			  <h4>The University of Queensland</h4>
			  <p>Nam libero cum soluta nobis est optio minus quod maxime facere omnis est.</p>
			  <div class="specialitie-content">
				<div class="rating"><span>4.9</span><span class="fa fa-star checked"></span><span class="fa fa-star checked"></span><span class="fa fa-star checked"></span><span class="fa fa-star checked"></span><span class="fa fa-star checked"></span></div>
			    <p><a href="#" class="btn"><span>Explore more</span></a></p>
			  </div>
			</div>
		  </div><!--/ item -->
		  
	    </div><!--/ owl --> 	  
	  </div><!--/ coll --> 	  
     
    </div><!--/ row --> 
  </div>
</section><!--/ tour-packages -->       

<section class="why-choose-us">
  <div class="container">
    <div class="row">
        
      <div class="col-sm-6 left aos-animate" data-aos="fade-up" data-aos-duration="1000">
		<h2><span>Get To Know Us</span> How it works In 4 Simple Steps</h2>
		<p><strong>Lorem ipsum dolor sit amet,</strong> 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.</p>
		<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque id est laborum et dolorum fuga.</p>
		
		<div class="row row-wc aos-animate" data-aos="fade-up" data-aos-duration="1000">
		  <div class="col-sm-3 wcu-coll">
		    <div class="info">
		      <figure><span>01</span></figure>
			  <h4>Signup <span>Ut enim ad minim veniam.</span></h4>
            </div><!--/ info -->
          </div><!--/ wcu-coll -->
		
		  <div class="col-sm-3 wcu-coll">
		    <div class="info">
		      <figure><span>02</span></figure>
			  <h4>Course Package <span>Ut enim ad minim veniam.</span></h4>
            </div><!--/ info -->
          </div><!--/ wcu-coll -->
		  
		  <div class="col-sm-3 wcu-coll">
		    <div class="info">
		      <figure><span>03</span></figure>
			  <h4>Start Course <span>Ut enim ad minim veniam.</span></h4>
            </div><!--/ info -->
          </div><!--/ wcu-coll -->
		  
		  <div class="col-sm-3 wcu-coll">
		    <div class="info">
		      <figure><span>04</span></figure>
			  <h4>Job Research <span>Ut enim ad minim veniam.</span></h4>
            </div><!--/ info -->
          </div><!--/ wcu-coll -->
        </div><!--/ row -->
		<p><a href="#" class="btn"><span>View Details</span></a></p>
      </div><!--/ left -->
	  
	  <div class="col-sm-6 right hidden">
	    <figure><img src="images/img-01.jpg" alt=""></figure>
	  </div><!--/ right -->
      
    </div>
  </div>
</section><!--/ why-choose-us --> 

<section class="blog-sec">
  <div class="container">
    <div class="row">           
	
	  <div class="col-sm-12 aos-animate" data-aos="fade-up" data-aos-duration="1000">
		<h2><span>News &amp; artilces</span>Latest Blog Posts</h2>
	  </div>
	  
	  <div class="col-sm-4 aos-animate" data-aos="fade-up" data-aos-duration="1000">
		<div class="blog-info">
	      <figure><img src="images/blog-01.jpg" alt="image"></figure>
		  <div class="info-padd">
		    <div class="info"><span>22</span> Mar 2023</div>
		    <h3>Next-Gen Higher Education Students Have Arrived?</h3>
		    <p>Curabitur sagittis libero tincidunt tempor finibus. Mauris at dignissim ligula, nec tristique orci.</p>
		    <p><a href="#" class="btn-a">View More</a></p>			  
	      </div><!--/ info-padd --> 
	    </div><!--/ work-info --> 
	  </div>
	  
	  <div class="col-sm-4 aos-animate" data-aos="fade-up" data-aos-duration="1000">
		<div class="blog-info">
	      <figure><img src="images/blog-02.jpg" alt="image"></figure>
		  <div class="info-padd">
		    <div class="info"><span>22</span> Mar 2023</div>
		    <h3>Digital Art & 3D Model – a future for film company</h3>
		    <p>Curabitur sagittis libero tincidunt tempor finibus. Mauris at dignissim ligula, nec tristique orci.</p>
		    <p><a href="#" class="btn-a">View More</a></p>			  
	      </div><!--/ info-padd --> 
	    </div><!--/ work-info --> 
	  </div>
	  
	  <div class="col-sm-4 aos-animate" data-aos="fade-up" data-aos-duration="1000">
		<div class="blog-info">
	      <figure><img src="images/blog-03.jpg" alt="image"></figure>
		  <div class="info-padd">
		    <div class="info"><span>22</span> Mar 2023</div>
		    <h3>Conscious Discipline Summer Institute</h3>
		    <p>Curabitur sagittis libero tincidunt tempor finibus. Mauris at dignissim ligula, nec tristique orci.</p>
		    <p><a href="#" class="btn-a">View More</a></p>			  
	      </div><!--/ info-padd --> 
	    </div><!--/ work-info --> 
	  </div>
	  
    </div><!--/ row --> 
  </div>
</section>

<footer class="footer">  
  <div class="container">
  
    <div class="row">
	
	  <div class="col-sm-12 newsletter">
	    <div class="row">
	      <div class="col-sm-6">
		    <h4><span>Subscribe Our Newsletter</span></h4>
		    <p>Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor.</p>
		  </div>
		  
	      <div class="col-sm-6">
		    <form>
		      <div class="form-group"><input type="email" name="EMAIL" placeholder="Email Address" class="form-control"> <button type="submit" class="btn"><i class="fa fa-send"></i></button></div>
		    </form>
		  </div>
		</div>
	  </div><!--/ newsletter -->
	  
	  <div class="col-sm-4 footer-left">
	    <div class="wg-1">
		  <div class="ft-logo"><a href="#"><img src="images/logo-ft.png" alt="image"></a></div>
		  <p>Lorem ipsum dolor sit amet, consectet <br>adipiscing elit, sed do eiusmod</p>
		        <address>  
				  <i class="fa fa-map-marker" aria-hidden="true"></i>
				  <div><p>101 Frederick St, Kitchener, ON N2H 6R3</p></div>
				</address>
				
				<address>
				  <i class="fa fa-phone" aria-hidden="true"></i>
				  <div><p><a href="tel:654-423-0321">654-423-0321</a></p></div>
				</address>
				
				<address>
				  <i class="fa fa-envelope" aria-hidden="true"></i>
				  <div><p><a href="mailto:info@boardapply.com">info@boardapply.com</a></p></div>
				</address>	
		</div><!--/ wg-1 -->
	  </div><!-- footer-right -->
	  
	  <div class="col-sm-8 footer-right">
	    <div class="row">
		  
		  <div class="col-sm-4">
		    <div class="wg-1">
			  <h4>Quick Links</h4>
			  <ul>
			    <li><a href="#">Home</a></li>
				<li><a href="#">About Us</a></li>
				<li><a href="#">Car Rental</a></li>
				<li><a href="#">Feedback Form</a></li>
				<li><a href="#">FAQ</a></li>
				<li><a href="#">Contact Us</a></li> 
			  </ul>
			</div>
		  </div><!--/ col-sm -->
		  
		  <div class="col-sm-4">
		    <div class="wg-1">
			  <h4>Discover</h4>
			  <ul>
				<li><a href="#">Discover Programs</a></li>
				<li><a href="#">Discover Schools</a></li>
				<li><a href="#">Register</a></li>
			  </ul>
			</div>
		  </div><!--/ col-sm -->
		  
		  <div class="col-sm-4">
		    <div class="wg-1">
			  <h4>Legal</h4>
			  <ul>
				<li><a href="#">Privacy & Cookies Policy</a></li>
				<li><a href="#">Terms & Conditions</a></li>
				<li><a href="#">ApplyBoard Fees</a></li>
				<li><a href="#">Modern Slavery Statement</a></li>
			  </ul>
			</div><!--/ wg-1 -->
		  </div><!--/ col-sm --> 
           
        </div><!-- row -->            
      </div><!-- footer-left -->
	  
    </div><!-- row -->            
  </div><!--/ container -->     
  
  <div class="ft-bottom">
    <div class="container">
      <div class="row">
		
		<div class="col-sm-12"><p class="copyright">Copyright © 2023 All Rights Reserved With BoardApply.</p></div>		
        
      </div><!--/ row -->
    </div>
  </div><!--/ ft-bottom -->
  
</footer>

</div><!--/ page-content -->
</div><!--/ page-wrapper -->

<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/menu.js"></script>	
<script src="dist/aos.js"></script>	
<script>
var a = 0;
$(window).scroll(function() {

  var oTop = $('#counter').offset().top - window.innerHeight;
  if (a == 0 && $(window).scrollTop() > oTop) {
    $('.counter-value').each(function() {
      var $this = $(this),
        countTo = $this.attr('data-count');
      $({
        countNum: $this.text()
      }).animate({
          countNum: countTo
        },

        {

          duration: 7000,
          easing: 'swing',
          step: function() {
            $this.text(Math.floor(this.countNum));
          },
          complete: function() {
            $this.text(this.countNum);
            //alert('finished');
          }

        });
    });
    a = 1;
  }

});

$('#owl-demo-1').owlCarousel({
    loop:true,
	autoplay:1000,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:0,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:2
        },
        1000:{
            items:3
        }
    }
}) 

$('#owl-demo-2').owlCarousel({
    loop:true,
	autoplay:1000,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:0,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:2
        },
        1000:{
            items:3
        }
    }
}) 

$('#owl-demo-3').owlCarousel({
    loop:true,
	autoplay:1000,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:0,
    nav:true,
    responsive:{
        0:{
            items:2
        },
        600:{
            items:3
        },
        1000:{
            items:6
        }
    }
})  

$('#owl-demo-4').owlCarousel({
    loop:true,
	autoplay:1000,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:0,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:1
        },
        1000:{
            items:1
        }
    }
})  
</script>
		  
</body>
<script>
  AOS.init();
</script>
</html>