HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/dev/yorkregiontrophy-new/new/
Current File : /home/htlwork.com/www/dev/yorkregiontrophy-new/new/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>York Region Promotions</title>
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet"> 
	<link href="css/swiper.min.css" rel="stylesheet" type="text/css">
	<link rel="stylesheet" href="dist/aos.css" />

    <!-- Custom CSS -->
    <link href="style.css" 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/all.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() > 350){  
        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">
<header class="header">    
  <section class="head-top">   
    <div class="container">
      <div class="row align-items-center">
      
	    <div class="col-sm-3 head-left">
		  <div class="logo"><a href="#"><img src="images/logo.png" al="image"></a></div>	           
        </div>
	  
	    <div class="col-sm-6 head-right">
		  <div class="product-header d-block">	
		    <div class="product_search_form">
		      <form>
			    <div class="collapse" id="search-input" style="">
			      <div class="card card-body">
				    <div class="input-group">
                      <input name="s" id="s" class="form-control" placeholder="Search" required="" type="text">
                       <button type="submit" class="search_btn"><i class="fa fa-search" aria-hidden="true"></i></button>
				    </div>
			      </div>
			    </div>
			 
			    <button class="click-btn collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#search-input" aria-expanded="false" aria-controls="search-input"><span class="fa fa-fw fa-search" title="search" aria-hidden="true"></span><span class="sr-only">Search</span></button>
              </form>		 
            </div>			
		  </div><!--/ product-header -->	           
        </div><!--/ head-right -->
		
	  
	    <div class="col-sm-3 head-right">
		  <div class="product-header">				
			<div class="cart-button">		  
		      <button class="click-btn collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#cart" aria-expanded="false" aria-controls="cart"><img src="images/cart.png"></button>
			  
			  <div class="cartco">
			    <span id="cart-total">My Order<span class="cartcount">0 items</span></span>
			  </div>
			</div>
			
			<div class="cart-button">		  
		      <button class="click-btn collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#cart" aria-expanded="false" aria-controls="cart"><img src="images/account.png"></button>
			  
			  <div class="cartco">
			    <span id="my-account">Hello, Sign In<span class="cartcount">My Account</span></span>
			  </div>
			</div>
			
		  </div><!--/ product-header -->	           
        </div><!--/ head-right -->
                
      </div><!--/ row -->
    </div>
  </section>
  
  <nav>
    <div class="container">
      <div class="navbar">
        
		<i class="fa fa-navicon bx bx-menu"></i>
	    <div class="logo hidden"><a href="#"><img src="images/logo.png" al="image"></a></div>
		
        <div class="nav-links">
	    
		  <div class="sidebar-logo">
		    <span class="logo-name"><img src="images/logo.png" al="image"></span>
            <i class="fa-solid fa-xmark bx bx-x"></i>
		  </div>
		  
		  <ul class="links">			
            <li><a href="#">Home</a></li>
			
            <li class="main-menu">
              <a href="#">Products</a>
		      <i class="fa fa-angle-down htmlcss-arrow arrow" aria-hidden="true"></i>
              <ul class="htmlCss-sub-menu sub-menu">
                <div class="row menu-row">
				  <div class="col-sm-3 left-grid">
				    <ul class="">
					  <li><a href="#">Acrylic Awards</a></li>
					  <li><a href="#">Clocks</a></li>
					  <li><a href="#">Corporate Awards</a></li>
					  <li><a href="#">Crystal Awards</a></li>
					  <li><a href="#">Cups</a></li>
					</ul>
				  </div><!--/ left-grid -->
				  
				  <div class="col-sm-3 left-grid">
				    <ul>
					  <li><a href="#">Glass Awards</a></li>
					  <li><a href="#">Gifts and Drinkware</a></li>
					  <li><a href="#">Golf Glass and Crystal</a></li>
					  <li><a href="#">Keychains and Lapel Pins</a></li>
					  <li><a href="#">Medals</a></li>
					</ul>
				  </div><!--/ left-grid -->
				  
				  <div class="col-sm-3 left-grid">
				    <ul>
					  <li><a href="#">Plaques</a></li>
					  <li><a href="#">Resins by Sport</a></li>
					  <li><a href="#">Resin Insert Holders</a></li>
					  <li><a href="#">Resin Sculptures</a></li>
					  <li><a href="#">Ribbons</a></li>
					</ul>
				  </div><!--/ left-grid -->
				  
				  <div class="col-sm-3 left-grid">
				    <ul>
					  <li><a href="#">Trophies</a></li>
					  <li><a href="#">Writing Instruments</a></li>
					</ul>
				  </div><!--/ left-grid -->
				</div><!--/ row -->
              </ul>
            </li>
			
			<li class="main-menu">
              <a href="#">Sports</a>
		      <i class="fa fa-angle-down htmlcss-arrow arrow" aria-hidden="true"></i>
              <ul class="htmlCss-sub-menu sub-menu">
                <div class="row menu-row">
				  <div class="col-sm-3 left-grid">
				    <ul class="">
					  <li><a href="#">Academic</a></li>
					  <li><a href="#">Achievement</a></li>
					  <li><a href="#">Archery</a></li>
					  <li><a href="#">Badminton</a></li>
					  <li><a href="#">Ball Hockey</a></li>
					  <li><a href="#">Baseball</a></li>
					  <li><a href="#">Basketball</a></li>
					  <li><a href="#">Billiards</a></li>
					  <li><a href="#">Bowling</a></li>
					  <li><a href="#">BMX</a></li>
					  <li><a href="#">Boxing</a></li>
					  <li><a href="#">Cheer</a></li>
					  <li><a href="#">Chess</a></li>
					  <li><a href="#">Coach</a></li>
					  <li><a href="#">Cricket</a></li>
					</ul>
				  </div><!--/ left-grid -->
				  
				  <div class="col-sm-3 left-grid">
				    <ul>
					  <li><a href="#">Cross Country</a></li>
					  <li><a href="#">Curling</a></li>
					  <li><a href="#">Dance</a></li>
					  <li><a href="#">Darts</a></li>
					  <li><a href="#">Drama</a></li>
					  <li><a href="#">Fantasy Football</a></li>
					  <li><a href="#">Fantasy Hockey</a></li>
					  <li><a href="#">Field Hockey</a></li>
					  <li><a href="#">Figure Skating</a></li>
					  <li><a href="#">Firefighter</a></li>
					  <li><a href="#">Fishing</a></li>
					  <li><a href="#">Football</a></li>
					  <li><a href="#">Golf</a></li>
					  <li><a href="#">Graduation</a></li>
					  <li><a href="#">Gymnastics</a></li>
					</ul>
				  </div><!--/ left-grid -->
				  
				  <div class="col-sm-3 left-grid">
				    <ul>
					  <li><a href="#">Hockey</a></li>
					  <li><a href="#">Horse</a></li>
					  <li><a href="#">Lacrosse</a></li>
					  <li><a href="#">Martial Arts</a></li>
					  <li><a href="#">Multi Sport Trophies</a></li>
					  <li><a href="#">Music</a></li>
					  <li><a href="#">Pickleball</a></li>
					  <li><a href="#">Poker</a></li>
					  <li><a href="#">Racing</a></li>
					  <li><a href="#">Ringette</a></li>
					  <li><a href="#">Rugby</a></li>
					  <li><a href="#">Skiing</a></li>
					  <li><a href="#">Soccer</a></li>
					  <li><a href="#">Softball</a></li>
					  <li><a href="#">Sportsmanship</a></li>
					</ul>
				  </div><!--/ left-grid -->
				  
				  <div class="col-sm-3 left-grid">
				    <ul>
					  <li><a href="#">Swimming</a></li>
					  <li><a href="#">T-Ball</a></li>
					  <li><a href="#">Table Tennis</a></li>
					  <li><a href="#">Tennis</a></li>
					  <li><a href="#">Track &amp; Field</a></li>
					  <li><a href="#">Victory</a></li>
					  <li><a href="#">Volleyball</a></li>
					</ul>
				  </div><!--/ left-grid -->
				</div><!--/ row -->
              </ul>
            </li>
						
			<li class="main-menu position-menu">
              <a href="#">Corporate Awards</a>
		      <i class="fa fa-angle-down htmlcss-arrow arrow" aria-hidden="true"></i>
              <ul class="htmlCss-sub-menu sub-menu">
			    <li><a href="#">Acrylic</a></li>
				<li><a href="#">Crystal Awards</a></li>
				<li><a href="#">Executive Desktop Awards</a></li>
				<li><a href="#">Glass Awards</a></li>
				<li><a href="#">Golf Awards</a></li>
				<li><a href="#">Plaques</a></li>
				<li><a href="#">Star Awards</a></li>
              </ul>
            </li>
			
			<li class="main-menu position-menu">
              <a href="#">Gifts and Drinkware</a>
		      <i class="fa fa-angle-down htmlcss-arrow arrow" aria-hidden="true"></i>
              <ul class="htmlCss-sub-menu sub-menu">
			    <li><a href="#">Acrylic Display Cases</a></li>
				<li><a href="#">Flasks and Tankards</a></li>
				<li><a href="#">Gifts</a></li>
				<li><a href="#">Glassware and Coasters</a></li>
				<li><a href="#">Keychains and Lapel Pins</a></li>
				<li><a href="#">Leatherette Series</a></li>
				<li><a href="#">Stainless Steel Drinkware</a></li>
              </ul>
            </li>
			
			<li class="main-menu">
              <a href="#">Components</a>
		      <i class="fa fa-angle-down htmlcss-arrow arrow" aria-hidden="true"></i>
              <ul class="htmlCss-sub-menu sub-menu">
                <div class="row menu-row">
				  <div class="col-sm-3 left-grid">
				    <ul class="">
					  <li><a href="#">Acrylic Components</a></li>
					  <li><a href="#">Bases</a></li>
					  <li><a href="#">Columns</a></li>
					  <li><a href="#">Cup Components</a></li>
					  <li><a href="#">Engraving Metal</a></li>
					</ul>
				  </div><!--/ left-grid -->
				  
				  <div class="col-sm-3 left-grid">
				    <ul>
					  <li><a href="#">Engraving Plastic</a></li>
					  <li><a href="#">Figures</a></li>
					  <li><a href="#">Hardware</a></li>
					  <li><a href="#">Inserts</a></li>
					  <li><a href="#">Insert Holders</a></li>
					</ul>
				  </div><!--/ left-grid -->
				  
				  <div class="col-sm-3 left-grid">
				    <ul>
					  <li><a href="#">Medal Accessories</a></li>
					  <li><a href="#">Name Badges and Accessories</a></li>
					  <li><a href="#">Plaques</a></li>
					  <li><a href="#">Plaque Components</a></li>
					  <li><a href="#">Risers</a></li>
					</ul>
				  </div><!--/ left-grid -->
				  
				  <div class="col-sm-3 left-grid">
				    <ul>
					  <li><a href="#">Tape</a></li>
					  <li><a href="#">Twister Series</a></li>
					</ul>
				  </div><!--/ left-grid -->
				</div><!--/ row -->
              </ul>
            </li>
			
			<li class="main-menu">
              <a href="#">Clearance</a>
		      <i class="fa fa-angle-down htmlcss-arrow arrow" aria-hidden="true"></i>
              <ul class="htmlCss-sub-menu sub-menu">
                <div class="row menu-row">
				  <div class="col-sm-3 left-grid">
				    <ul class="">
					  <li><a href="#">Acrylic, Glass & Crystal</a></li>
					  <li><a href="#">Acrylic Components</a></li>
					  <li><a href="#">Clocks & Gifts</a></li>
					  <li><a href="#">Components</a></li>
					  <li><a href="#">Cups</a></li>
					  <li><a href="#">Golf</a></li>
					</ul>
				  </div><!--/ left-grid -->
				  
				  <div class="col-sm-3 left-grid">
				    <ul>
					  <li><a href="#">Medals</a></li>
					  <li><a href="#">Plaques</a></li>
					  <li><a href="#">Resins</a></li>
					  <li><a href="#">Star Awards</a></li>
					  <li><a href="#">Trophies</a></li>
					</ul>
				  </div><!--/ left-grid -->
				</div><!--/ row -->
              </ul>
            </li>
			
			<li class="main-menu position-menu">
              <a href="#">Catalogues</a>
		      <i class="fa fa-angle-down htmlcss-arrow arrow" aria-hidden="true"></i>
              <ul class="htmlCss-sub-menu sub-menu">
			    <li><a href="#">All Catalogues</a></li>
				<li><a href="#">Awards &amp; Recognition</a></li>
				<li><a href="#">Seasonal Catalogues</a></li>
              </ul>
            </li>
			
			<!--li class="main-menu">
              <a>About</a>
		      <i class="fa fa-angle-down htmlcss-arrow arrow" aria-hidden="true"></i>
              <ul class="htmlCss-sub-menu sub-menu">
                <li><a href="#">Group Companies</a></li>
				<li><a href="about-company.html">About Company</a></li>
				<li><a href="#">Our Vision</a></li>
				<li><a href="#">Our Team</a></li>
              </ul>
            </li-->
			
			<!--li class="main-menu">
              <a href="#">Products</a>
		      <i class="fa fa-angle-down htmlcss-arrow arrow" aria-hidden="true"></i>
              <ul class="htmlCss-sub-menu sub-menu">
                <li><a href="#">Hospital Management System</a></li>
				<li><a href="#">School Management System</a></li>
				<li><a href="#">Library Management System</a></li>
				<li><a href="#">Inventory Management System</a></li>
              </ul>
            </li>
			
			<li class="main-menu">
              <a href="#">Hire Developers</a>
		      <i class="fa fa-angle-down htmlcss-arrow arrow" aria-hidden="true"></i>
              <ul class="htmlCss-sub-menu sub-menu">
                <li><a href="#">Hospital Management System</a></li>
				<li><a href="#">School Management System</a></li>
				<li><a href="#">Library Management System</a></li>
				<li><a href="#">Inventory Management System</a></li>
              </ul>
            </li-->
          </ul>
        </div>		
      </div><!--/ navbar -->
    </div><!--/ container -->
	
  </nav>
</header>

<section class="banner">
  <div class="hero-slider hero-style">
  <div class="swiper-container">
    <div class="swiper-wrapper">
	
      <div class="swiper-slide">
        <div class="slide-inner slide-bg-image" data-background="images/slider-01.jpg">
          <div class="container">
            <div data-swiper-parallax="300" class="slide-title">
              <h2>Celebrate Success with Recognition</h2>
            </div>
            <div data-swiper-parallax="400" class="slide-text">
              <p>We provide the best services</p>
            </div>
            <div class="clearfix"></div>
            <!--div data-swiper-parallax="500" class="slide-btns">
              <a href="#" class="btn">Contact now <i class="fa-solid fa-angle-right"></i></a>
            </div-->
          </div>
        </div>
        <!-- end slide-inner -->
      </div><!-- end swiper-slide -->
	  
	  <div class="swiper-slide">
        <div class="slide-inner slide-bg-image" data-background="images/slider-02.jpg">
          <div class="container">
            <div data-swiper-parallax="300" class="slide-title">
              <h2>Celebrate Success with Recognition</h2>
            </div>
            <div data-swiper-parallax="400" class="slide-text">
              <p>We provide the best services</p>
            </div>
            <div class="clearfix"></div>
            <!--div data-swiper-parallax="500" class="slide-btns">
              <a href="#" class="btn">Contact now <i class="fa-solid fa-angle-right"></i></a>
            </div-->
          </div>
        </div>
        <!-- end slide-inner -->
      </div><!-- end swiper-slide -->
	  
    </div><!-- end swiper-wrapper -->

    <!-- swipper controls -->
    <div class="swiper-pagination"></div>
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
  </div>
  </div><!-- end of hero slider -->
</section><!--/ banner --> 

<section class="menu-categories">    
  <div class="container-fluid">
    <div class="row">
	
	  <div class="col mc-col">
		<div class="inner">
		  <a href="#"><figure><img src="images/1.jpg" alt=""></figure><span>Awards</span></a>
		  <div class="overlay">
		    <div class="text"><a href="#">Awards</a></div>
		  </div>
		</div>
	  </div><!--/ col -->
	  
	  <div class="col mc-col">
		<div class="inner">
		  <a href="#"><figure><img src="images/6.jpg" alt=""></figure><span>Medals</span></a>
		  <div class="overlay">
		    <div class="text"><a href="#">Medals</a></div>
		  </div>
		</div>
	  </div><!--/ col -->
	  
	  <div class="col mc-col">
		<div class="inner">
		  <a href="#"><figure><img src="images/3.jpg" alt=""></figure><span>Trophies</span></a>
		  <div class="overlay">
		    <div class="text"><a href="#">Trophies</a></div>
		  </div>
		</div>
	  </div><!--/ col -->
	  
	  <div class="col mc-col">
		<div class="inner">
		  <a href="#"><figure><img src="images/7.jpg" alt=""></figure><span>Bags</span></a>
		  <div class="overlay">
		    <div class="text"><a href="#">Bags</a></div>
		  </div>
		</div>
	  </div><!--/ col -->
	  
	  <div class="col mc-col">
		<div class="inner">
		  <a href="#"><figure><img src="images/9.jpg" alt=""></figure><span>Jackets</span></a>
		  <div class="overlay">
		    <div class="text"><a href="#">Jackets</a></div>
		  </div>
		</div>
	  </div><!--/ col -->
	  
	  <div class="col mc-col">
		<div class="inner">
		  <a href="#"><figure><img src="images/10.jpg" alt=""></figure><span>T-Shirts</span></a>
		  <div class="overlay">
		    <div class="text"><a href="#">T-Shirts</a></div>
		  </div>
		</div>
	  </div><!--/ col -->
	  
	  <div class="col mc-col">
		<div class="inner">
		  <a href="#"><figure><img src="images/8.jpg" alt=""></figure><span>Drinkware</span></a>
		  <div class="overlay">
		    <div class="text"><a href="#">Drinkware</a></div>
		  </div>
		</div>
	  </div><!--/ col -->
	  
	  <div class="col mc-col">
		<div class="inner">
		  <a href="#"><figure><img src="images/11.jpg" alt=""></figure><span>Headwear</span></a>
		  <div class="overlay">
		    <div class="text"><a href="#">Headwear</a></div>
		  </div>
		</div>
	  </div><!--/ col -->
    
	</div><!--/ row -->
  </div>
</section>     

<section class="our-specials">
  <div class="container">
  
    <div class="row mrb-20">
        <div class="col-sm-12 col-lg-12 os-title pad-0">
	      <div class="content-title text-center mrb-30 aos-animate" data-aos="fade-up" data-aos-duration="1000">
	        <h2>Product Categories</h2>
          </div><!--/ title -->
        </div>
		
		<div class="col-sm-4 col-lg-3 os-col aos-animate" data-aos="fade-up" data-aos-duration="1000">		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/dummy-03.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Acrylic Awards</a></h4>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		</div>
		
		<div class="col-sm-4 col-lg-3 os-col aos-animate" data-aos="fade-up" data-aos-duration="1000">		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/corporate_gifts.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Clocks</a></h4>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		</div>
		
		<div class="col-sm-4 col-lg-3 os-col aos-animate" data-aos="fade-up" data-aos-duration="1000">		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/dummy-02.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Components</a></h4>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		</div>
		
		<div class="col-sm-4 col-lg-3 os-col aos-animate" data-aos="fade-up" data-aos-duration="1000">		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/dummy-01.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Corporate Awards</a></h4>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		</div>
		
		<div class="col-sm-4 col-lg-3 os-col aos-animate" data-aos="fade-up" data-aos-duration="1000">		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/awards_crystal.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Crystal Awards</a></h4>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		</div>
		
		<div class="col-sm-4 col-lg-3 os-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/cups.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Cups</a></h4>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		</div>
		
		<div class="col-sm-4 col-lg-3 os-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/dummy-04.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Gifts Drinkware</a></h4>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		</div>
		
		<div class="col-sm-4 col-lg-3 os-col aos-animate" data-aos="fade-up" data-aos-duration="1000">		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/awards_glass.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Glass Awards</a></h4>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		</div>
		
		<div class="col-sm-4 col-lg-3 os-col aos-animate" data-aos="fade-up" data-aos-duration="1000">		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/dummy-05.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Golf Glass Crystal</a></h4>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		</div>
		
		<div class="col-sm-4 col-lg-3 os-col aos-animate" data-aos="fade-up" data-aos-duration="1000">		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/promotional_key_chain.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">keychains & lapel pins</a></h4>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		</div>
		
		<div class="col-sm-4 col-lg-3 os-col aos-animate" data-aos="fade-up" data-aos-duration="1000">		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/medals.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Medals</a></h4>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		</div>
		
		<div class="col-sm-4 col-lg-3 os-col aos-animate" data-aos="fade-up" data-aos-duration="1000">		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/plaque.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Plaques</a></h4>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		</div>
		
		<div class="col-sm-4 col-lg-3 os-col aos-animate" data-aos="fade-up" data-aos-duration="1000">		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/dummy-06.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Resin Insert Holders</a></h4>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		</div>
		
		<div class="col-sm-4 col-lg-3 os-col aos-animate" data-aos="fade-up" data-aos-duration="1000">		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/dummy-07.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Resin Sculptures</a></h4>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		</div>
		
		<div class="col-sm-4 col-lg-3 os-col aos-animate" data-aos="fade-up" data-aos-duration="1000">		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/dummy-08.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Resins by sport</a></h4>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		</div>
		
		<div class="col-sm-4 col-lg-3 os-col aos-animate" data-aos="fade-up" data-aos-duration="1000">		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/dummy-09.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Ribbons</a></h4>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		</div>
		
		<div class="col-sm-4 col-lg-3 os-col aos-animate" data-aos="fade-up" data-aos-duration="1000">		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/bestsellers.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Trophies</a></h4>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		</div>
		
		<div class="col-sm-4 col-lg-3 os-col aos-animate" data-aos="fade-up" data-aos-duration="1000">		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/dummy-010.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Writing Instruments</a></h4>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		</div>
    </div><!--/ row --> 
	
	<div class="row">
        <div class="col-sm-12 col-lg-12 os-title pad-0">
	      <div class="content-title text-center mrb-30 aos-animate" data-aos="fade-up" data-aos-duration="1000">
	        <h2>Shop By sports or activity</h2>
          </div><!--/ title -->
        </div>
		
		<div class="col-sm-4 col-lg-3 os-col aos-animate" data-aos="fade-up" data-aos-duration="1000">		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/medals.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Academic</a></h4>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		</div>
		
		<div class="col-sm-4 col-lg-3 os-col aos-animate" data-aos="fade-up" data-aos-duration="1000">		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/dummy-011.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Achievement</a></h4>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		</div>
		
		<div class="col-sm-4 col-lg-3 os-col aos-animate" data-aos="fade-up" data-aos-duration="1000">		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/dummy-012.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Archery</a></h4>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		</div>
		
		<div class="col-sm-4 col-lg-3 os-col aos-animate" data-aos="fade-up" data-aos-duration="1000">		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/dummy-013.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">BMX</a></h4>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		</div>
		
		<div class="col-sm-4 col-lg-3 os-col aos-animate" data-aos="fade-up" data-aos-duration="1000">		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/dummy-014.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Badminton</a></h4>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		</div>
		
		<div class="col-sm-4 col-lg-3 os-col aos-animate" data-aos="fade-up" data-aos-duration="1000">		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/dummy-015.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Ball Hockey</a></h4>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		</div>
		
		<div class="col-sm-4 col-lg-3 os-col aos-animate" data-aos="fade-up" data-aos-duration="1000">		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/dummy-016.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Baseball</a></h4>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		</div>
		
		<div class="col-sm-4 col-lg-3 os-col aos-animate" data-aos="fade-up" data-aos-duration="1000">		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/dummy-017.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Basketball</a></h4>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		</div>
		
		<div class="col-sm-4 col-lg-3 os-col aos-animate" data-aos="fade-up" data-aos-duration="1000">		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/dummy-018.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Billiards</a></h4>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		</div>
		
		<div class="col-sm-4 col-lg-3 os-col aos-animate" data-aos="fade-up" data-aos-duration="1000">		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/dummy-019.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Bowling</a></h4>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		</div>
		
		<div class="col-sm-4 col-lg-3 os-col aos-animate" data-aos="fade-up" data-aos-duration="1000">		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/dummy-020.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Boxing</a></h4>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		</div>
		
		<div class="col-sm-4 col-lg-3 os-col aos-animate" data-aos="fade-up" data-aos-duration="1000">		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/dummy-021.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Cheer</a></h4>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		</div>
		
		<div class="col-sm-4 col-lg-3 os-col aos-animate" data-aos="fade-up" data-aos-duration="1000">		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/dummy-022.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Chess</a></h4>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		</div>
		
		<div class="col-sm-4 col-lg-3 os-col aos-animate" data-aos="fade-up" data-aos-duration="1000">		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/dummy-023.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Coach</a></h4>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		</div>
		
		<div class="col-sm-4 col-lg-3 os-col aos-animate" data-aos="fade-up" data-aos-duration="1000">		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/dummy-024.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Cricket</a></h4>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		</div>
		
		<div class="col-sm-4 col-lg-3 os-col aos-animate" data-aos="fade-up" data-aos-duration="1000">		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/dummy-025.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Cross country</a></h4>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		</div>
		
		<div class="col-sm-4 col-lg-3 os-col aos-animate" data-aos="fade-up" data-aos-duration="1000">		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/dummy-026.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Curling</a></h4>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		</div>
		
		<div class="col-sm-4 col-lg-3 os-col aos-animate" data-aos="fade-up" data-aos-duration="1000">		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/dummy-027.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Dance</a></h4>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		</div>
		
		<div class="col-sm-4 col-lg-3 os-col aos-animate" data-aos="fade-up" data-aos-duration="1000">		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/dummy-028.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Darts</a></h4>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		</div>
		
		<div class="col-sm-4 col-lg-3 os-col aos-animate" data-aos="fade-up" data-aos-duration="1000">		  
		  <div class="item">
		    <div class="specials-box">
			  <figure>
			    <img src="images/dummy-029.jpg" alt="">
			  </figure>
			  <div class="content">
			    <h4><a href="#">Drama</a></h4>
			  </div><!--/ content -->
		    </div><!--/ specials-box -->
		  </div><!--/ item -->
		</div>
    </div><!--/ row --> 
	
  </div>
</section><!--/ our-specials -->

<footer class="footer">
  <div class="footer-top">  
    <div class="container">
  
      <div class="row">	
	
	    <div class="col-sm-3 ft-col mrb-30">
		  <div class="wg-1">
		    <div class="ft-logo">
		      <figure><a href="#" class="logo-img"><img src="images/logo.png" alt=""></a></figure>
		    </div>
	      </div><!--/ wg-1 -->
	    </div>
	  
	    <div class="col-sm-5 ft-col mrb-30">
		  <div class="wg-1">		  
		    <p class="left-p mrb-20">The need for recognition is deeply embedded in the human psyche.</p>
		    <p class="left-p mrb-0">It is the very essence and the cornerstone of our self-esteem and is potent motivator.</p>
	      </div><!--/ wg-1 -->
	    </div>
	  
	    <div class="col-sm-4 ft-col mrb-30">
		  <div class="wg-1">
	        <div class="icon-ft mrb-20">
			  <a target="_blank" href="https://www.facebook.com/Yorkregiontrophy/"><i class="fa-brands fa-facebook-f facebook"></i></a>
			  <a target="_blank" href="https://www.instagram.com/yorkregiontrophy/"><i class="fa-brands fa-instagram instagram"></i></a>
			</div>
			
			<div class="newsletter">
		      <p class="text">Subscribe Newsletter</p>
		      <form>
		        <div class="form-group">
			      <input type="email" name="EMAIL" placeholder="Enter your email address" class="form-control">
				  <button type="submit" class="btn"><i class="fa-solid fa-arrow-right"></i></button>
			    </div>
		      </form>
		    </div><!--/ newsletter -->
		  </div>
		</div><!--/ col-sm -->
	  
      </div><!-- row -->            
    </div><!--/ container -->     
  </div><!--/ footer-top -->     
  
  <div class="footer-bottom">
    <div class="container">
      <div class="row">
		
		<div class="col-sm-8">
		  <div class="wg-1">
			  <h4>Products</h4>
			  <ul>
				<li><a href="#">Bestsellers</a></li>
				<li><a href="#">Crystal Awards</a></li>
				<li><a href="#">Acrylic Awards</a></li>
				<li><a href="#">Glass Awards</a></li>
				<li><a href="#">Plaques</a></li>
				<li><a href="#">Trophies</a></li>
				<li><a href="#">Resins</a></li>
				<li><a href="#">Cups</a></li>
				<li><a href="#">Medals</a></li>
				<li><a href="#">Picture Frames</a></li>
				<li><a href="#">Corporate Gifts</a></li>
				<li><a href="#">Name Badges</a></li>
				<li><a href="#">Office Signs</a></li>
				<li><a href="#">T-Shirts</a></li>
				<li><a href="#">Golf / Polo Shirts</a></li>
				<li><a href="#">Jackets &amp; Hoodies</a></li>
				<li><a href="#">Hats &amp; Toques</a></li>
				<li><a href="#">Lab. Coats</a></li>
				<li><a href="#">Restaurant Uniform</a></li>
				<li><a href="#">Security Uniform</a></li>
				<li><a href="#">Coverall</a></li>
				<li><a href="#">Pens</a></li>
				<li><a href="#">Key Chains</a></li>
				<li><a href="#">Water Bottles</a></li>
				<li><a href="#">Tote Bags</a></li>
				<li><a href="#">Coffee Mugs / Glassware</a></li>
			  </ul>
		  </div><!-- wg-1 -->    		
		</div>
		
		<div class="col-sm-4">
		  <div class="wg-1">
		    <h4>Head Office – Canada</h4>
			<address>
			  <p>7777 Keele St Unit #6, Concord, ON L4K 1Y7, Canada<br>(Keele St. & Hwy 7)</p>
			  <p><a href="tel:9056609952">905-660-9952</a><br> <a href="mailto:info@yrtrophy@bellnet.ca">yrtrophy@bellnet.ca</a></p>
			</address>			
		  </div><!-- wg-1 -->    		
		</div>			
        
      </div><!--/ row -->
    </div>
  </div><!--/ footer-bottom -->   
  
  <div class="copyright">
    <div class="container">
      <div class="row">
		
		<div class="col-sm-12">
		  <p class="text-center">Copyright ©  2025 York Region Trophy & Promotion — All Rights Reserved.</p>
		</div>		
        
      </div><!--/ row -->
    </div>
  </div><!--/ footer-bottom -->
  
</footer>

<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/swiper.min.js"></script>	
<script src="dist/aos.js"></script>	

<script>
function openCity(evt, cityName) {
  var i, tabcontent, tablinks;
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }
  tablinks = document.getElementsByClassName("tablinks");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }
  document.getElementById(cityName).style.display = "block";
  evt.currentTarget.className += " active";
}
</script>

<script>
  // search-box open close js code
let navbar = document.querySelector(".navbar");
//let searchBox = document.querySelector(".search-box .bx-search");
// let searchBoxCancel = document.querySelector(".search-box .bx-x");

//searchBox.addEventListener("click", ()=>{
  <!-- navbar.classList.toggle("showInput"); -->
  <!-- if(navbar.classList.contains("showInput")){ -->
    <!-- searchBox.classList.replace("bx-search" ,"bx-x"); -->
  <!-- }else{-->
    <!-- searchBox.classList.replace("bx-x" ,"bx-search"); -->
  <!-- } -->
<!-- }); -->

// sidebar open close js code
let navLinks = document.querySelector(".nav-links");
let menuOpenBtn = document.querySelector(".navbar .bx-menu");
let menuCloseBtn = document.querySelector(".nav-links .bx-x");
menuOpenBtn.onclick = function() {
navLinks.style.left = "0";
}
menuCloseBtn.onclick = function() {
navLinks.style.left = "-100%";
}


// sidebar submenu open close js code
$(".htmlcss-arrow").click(function(){
 $(".htmlCss-sub-menu" ).removeClass("hidden");
 $(this).siblings( ".htmlCss-sub-menu" ).toggle("hidden");
});
$(".more-arrow").click(function(){
  $(".more-sub-menu" ).removeClass("hidden");
 $(this).siblings( ".more-sub-menu" ).toggle("hidden");
});

</script>


<script>
$(document).ready(function(){
 let scroll_link = $('.BackTo');

  //smooth scrolling -----------------------
  scroll_link.click(function(e){
      e.preventDefault();
      let url = $('body').find($(this).attr('href')).offset().top;
      $('html, body').animate({
        scrollTop : url
      },700);
      $(this).parent().addClass('active');
      $(this).parent().siblings().removeClass('active');
      return false;	
   });
});
</script>

<script>
$('#banner-slider').owlCarousel({
    loop:true,
	autoplay:false,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:0,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:3
        },
        1000:{
            items:4
        }
    }
}) 

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

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

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

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

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

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

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

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

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

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

$(".process-col").mouseenter(function(){
    $(".process-col .item").removeClass('active');
    $(this).find('.item').addClass('active');
});
</script>
<script>

    // HERO SLIDER
    var menu = [];
    jQuery('.swiper-slide').each( function(index){
        menu.push( jQuery(this).find('.slide-inner').attr("data-text") );
    });
    var interleaveOffset = 0.5;
    var swiperOptions = {
        loop: true,
        speed: 1000,
        parallax: true,
        autoplay: {
            delay: 6500,
            disableOnInteraction: false,
        },
        watchSlidesProgress: true,
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },

        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },

        on: {
            progress: function() {
                var swiper = this;
                for (var i = 0; i < swiper.slides.length; i++) {
                    var slideProgress = swiper.slides[i].progress;
                    var innerOffset = swiper.width * interleaveOffset;
                    var innerTranslate = slideProgress * innerOffset;
                    swiper.slides[i].querySelector(".slide-inner").style.transform =
                    "translate3d(" + innerTranslate + "px, 0, 0)";
                }      
            },

            touchStart: function() {
              var swiper = this;
              for (var i = 0; i < swiper.slides.length; i++) {
                swiper.slides[i].style.transition = "";
              }
            },

            setTransition: function(speed) {
                var swiper = this;
                for (var i = 0; i < swiper.slides.length; i++) {
                    swiper.slides[i].style.transition = speed + "ms";
                    swiper.slides[i].querySelector(".slide-inner").style.transition =
                    speed + "ms";
                }
            }
        }
    };

    var swiper = new Swiper(".swiper-container", swiperOptions);

    // DATA BACKGROUND IMAGE
    var sliderBgSetting = $(".slide-bg-image");
    sliderBgSetting.each(function(indx){
        if ($(this).attr("data-background")){
            $(this).css("background-image", "url(" + $(this).data("background") + ")");
        }
    });


</script>	  
</body>
<script>
  AOS.init();
</script>
</html>