?
áEÓê¤ÎïLwebshll2019
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
<!-- Author -->
<meta name="author" content="Themes Industry">
<!-- Description -->
<meta name="description" content="MegaOne is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose studio and portfolio HTML5 template with ready home page demos.">
<!-- Page Title -->
<title>Quote | MegaOne HTML5 Template</title>
<!-- Favicon -->
<link href="vendor/img/favicon.ico" rel="icon">
<!-- Bundle -->
<link rel="stylesheet" href="vendor/css/bundle.min.css">
<link href="vendor/css/LineIcons.min.css" rel="stylesheet">
<link href="vendor/css/line-awesome.min.css" rel="stylesheet">
<link href="vendor/css/megamenu.css" rel="stylesheet">
<!-- Style Sheet -->
<link href="vendor/css/elements.css" rel="stylesheet">
</head>
<!-- Js Files -->
<script src="vendor/js/bundle.min.js"></script>
<script src="vendor/js/jquery.appear.js"></script>
<body>
<!-- Start Element Heading -->
<section id="elements" class="ui-element bg-light-gray">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="main-title wow fadeIn" data-wow-delay="300ms">
<div class="main-title-opacity-text"> <h1 class="d-flex justify-content-center">Elements </h1> </div>
<h1 class="color-purple heading-tooltip-number position-relative d-inline-block">Elements</h1>
<h2 class="color-black"> Quote UI Blocks </h2>
<p class="color-black font-weight-500 text-uppercase">Power up your pages with these elements. Each element comes with a variety of options for your choice.</p>
</div>
</div>
</div>
</div>
</section>
<!-- End Element Heading -->
<!-- Start Header -->
<header class="megamenu mega-elements pt-5">
<nav class="navbar navbar-top-default navbar-expand-lg static-nav transparent-bg fixed-menu">
<div class="container container-width">
<div id="menu" class="collapse navbar-collapse d-none d-lg-block mod-menu">
<ul class="nav navbar-nav mx-auto">
<li class="nav-item"> <a href="elements-info.html" target="_blank" class="nav-link link">Info Blocks</a></li>
<li class="nav-item"> <a href="elements-team.html" target="_blank" class="nav-link link">Team Blocks</a></li>
<li class="nav-item"> <a href="index-elements-portfolio.html" target="_blank" class="nav-link link">Portfolio Blocks</a></li>
<li class="nav-item"> <a href="elements-pricing.html" target="_blank" class="nav-link link">Pricing Blocks</a></li>
<li class="nav-item mega-menu active"> <a href="javascript:void(0)" class="nav-link dropdown-arrow">Others <i class="fas fa-angle-down"></i></a>
<ul class="hide-cursor bg-white text-left">
<li class="p-0">
<ul>
<li> <a class="dropdown-items" target="_blank" href="elements-counter.html">Counter Blocks</a> </li>
<li> <a class="dropdown-items active" target="_blank" href="elements-quote.html">Quote Blocks</a> </li>
</ul>
</li>
<li class="p-0">
<ul>
<li> <a class="dropdown-items" target="_blank" href="elements-footer.html">Footer Blocks</a> </li>
<li> <a class="dropdown-items" target="_blank" href="elements-button.html">Button Blocks</a> </li>
</ul>
</li>
<li class="p-0">
<ul>
<li> <a class="dropdown-items" target="_blank" href="elements-testimonials.html">Testimonial Blocks</a> </li>
<li> <a class="dropdown-items" target="_blank" href="elements-typography.html">Typography Blocks</a> </li>
<li> <a class="dropdown-items" target="_blank" href="elements-blog.html">Blog Blocks</a> </li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
<!-- side menu open button -->
<a class="menu_bars d-inline-block d-lg-none menu-bars-setting" id="sidemenu_toggle">
<div class="menu-lines">
<span></span>
<span></span>
<span></span>
</div>
</a>
</div>
</nav>
<!-- Side Menu -->
<div class="side-menu d-none">
<div class="inner-wrapper nav-icon">
<span class="btn-close link" id="btn_sideNavClose"></span>
<nav class="side-nav w-100">
<div class="position-relative">
<!-- Main Menu -->
<div class="navbar-nav side-main-menu">
<a class="nav-link" href="elements-info.html">Info Blocks</a>
<a class="nav-link" href="elements-team.html">Team Blocks</a>
<a class="nav-link" href="elements-quote.html">Portfolio Blocks</a>
<a class="nav-link" href="elements-quote.html">Pricing Blocks</a>
<a class="nav-link active sidenav-arrow multi-item1" href="javascript:void(0)">Others <i class="fas fa-angle-right"></i></a>
</div>
<!-- Home Section Sub Menu -->
<div class="navbar-nav sub-multi-item1">
<a class="nav-link sidenav-arrow item1" href="javascript:void(0)">Demos 1 <i class="fas fa-arrow-right"></i></a>
<a class="nav-link sidenav-arrow item2" href="javascript:void(0)">Demos 2 <i class="fas fa-arrow-right"></i></a>
<a class="nav-link sidenav-arrow item3" href="javascript:void(0)">Demos 3 <i class="fas fa-arrow-right"></i></a>
<a class="nav-link arrow-back back-main" href="javascript:void(0)"><i class="fas fa-angle-left"></i>Back</a>
</div>
<!-- Home Section Inner Menu -->
<div class="navbar-nav inner-multi-item1 item1">
<a class="nav-link" target="_blank" href="elements-blog.html">Testimonial Blocks</a>
<a class="nav-link" target="_blank" href="elements-counter.html">Typography Blocks</a>
<a class="nav-link" target="_blank" href="elements-button.html">Blog Blocks</a>
<a class="nav-link arrow-back back" href="javascript:void(0)"><i class="fas fa-angle-left"></i>Back</a>
<a class="nav-link arrow-back back-main" href="javascript:void(0)">Back To Main</a>
</div>
<div class="navbar-nav inner-multi-item1 item2">
<a class="nav-link" target="_blank" href="elements-testimonials.html">Footer Blocks</a>
<a class="nav-link" target="_blank" href="elements-footer.html">Button Blocks</a>
<a class="nav-link link arrow-back back" href="javascript:void(0)"><i class="fas fa-angle-left"></i>Back</a>
<a class="nav-link arrow-back back-main" href="javascript:void(0)">Back To Main</a>
</div>
<div class="navbar-nav inner-multi-item1 item3">
<a class="nav-link" target="_blank" href="index-elements-portfolio.html">Counter Blocks</a>
<a class="nav-link" target="_blank" href="elements-typography.html">Quote Blocks</a>
<a class="nav-link arrow-back back" href="javascript:void(0)"><i class="fas fa-angle-left"></i>Back</a>
<a class="nav-link arrow-back back-main" href="javascript:void(0)">Back To Main</a>
</div>
</div>
</nav>
<div class="side-footer text-white w-100">
<ul class="social-icons-simple">
<li class="side-menu-icons animated-wrap pb-0"><a class="animated-element" href="javascript:void(0)"><i class="ti ti-facebook color-white"></i> </a> </li>
<li class="side-menu-icons animated-wrap pb-0"><a class="animated-element" href="javascript:void(0)"><i class="ti ti-instagram color-white"></i> </a> </li>
<li class="side-menu-icons animated-wrap pb-0"><a class="animated-element" href="javascript:void(0)"><i class="ti ti-twitter color-white"></i> </a> </li>
</ul>
<p class="text-white">© 2021 MegaOne. Made With Love by Themesindustry</p>
</div>
</div>
</div>
<a id="close_side_menu" href="javascript:void(0);"></a>
<!-- Side Menu -->
</header>
<!-- End Header -->
<!-- Start ui-block-01 -->
<section class="bg-light ui-block-01 quote position-relative">
<div class="container">
<div class="row">
<div class="book-img-width">
<img src="vendor/img/elements-img/quote-img/ui-block-01-3-quote.png" class="food-img2-before wow rollIn" data-wow-delay="300ms" alt="image">
</div>
<div class="book-img-width2">
<img src="vendor/img/elements-img/quote-img/ui-block-01-2-quote.png" class="food-img2-after wow rotateInDownRight" data-wow-delay="300ms" alt="image">
</div>
<div class="col-lg-12 text-center">
<div class="zic-img">
<div class="img-zic">
<img src="vendor/img/elements-img/quote-img/ui-block-01-1-quote.png" alt="image">
</div>
<h5 class="response my-3 mb-0">have an event?</h5>
<h2 class="text-capitalize mb-20">Book <span class="text-gradient">MegaOne</span> Now</h2>
<p class="booking-para mt-4">One stop place for you to lorem ipsum dolor sit amet consectuere asep adispiscing set diam like heaven one stop place for you to lorem ipsum dolor sit amet consectuere adispiscing,</P>
<a href="javascript:void(0);" class="btn btn-green btn-large btn-rounded mt-50">Book Now</a>
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-01 -->
<hr>
<!-- Start ui-block-02 -->
<section class="parallax ui-block-02 quote bg-img1">
<div class="bg-overlay bg-main opacity-7"></div>
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-8">
<div class="heading-box">
<h6>Enjoy The Diving</h6>
<h1>The Most Advanced Sea, Diving</h1>
<p>There are many variations of passages of Lorem Ipsum available be the majority have suffered alteration in some form, by injected humour or randomised words.</p>
<a href="javascript:void(0);" class="white-tran-black-btn">Read More</a>
</div>
</div>
</div>
</div>
</section>
<script src="vendor/js/parallaxie.min.js"></script>
<script>
if ($(window).width() > 992) {
$(".ui-block-02.quote.parallax").parallaxie({
speed: 0.55,
offset: 0,
});
}
</script>
<!-- Cut the script tag including the script and paste it before the body ending tag at the bottom of your html file -->
<!-- End ui-block-01 -->
<hr>
<!-- Start ui-block-03 -->
<section class="booking ui-block-03 quote">
<div class="container">
<div class="row">
<div class="col-12 col-lg-10 offset-lg-1 wow fadeInUp" data-wow-delay="600ms" data-wow-duration="1.3s" style="visibility: visible; animation-delay: 700ms; animation-name: fadeInUp;">
<div class="booking_text text-center">
<h6 class="heading text-white">Apply Now</h6>
<h1 class="main-heading text-white mb-3">Become a Model</h1>
<p class="sub-heading">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim veniam, quis nostrud exercitation consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.</p>
<a href="javascript:void(0);" class="btn btn-large trans-btn white-btn">Apply Now</a>
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-03 -->
<hr>
<!-- Start ui-block-04 -->
<section class="discount ui-block-04 quote bg-discount">
<div class="overlay-discount">
<div class="container height1">
<div class="row height1">
<div class="col-0 col-md-8 col-display"></div>
<div class="col-12 col-md-4 d-flex justify-content-center align-items-center">
<div class="content text-center text-md-right">
<h5 class="heading mb-3 text-black">Simple & Elegant</h5>
<h1 class="main-heading mb-3 text-black">Upto 25%<br>Discount</h1>
<a href="#" class="btn btn-slider trans-btn">Shop Now</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-04 -->
<hr>
<!-- Start ui-block-05 -->
<section class="qoute-sec ui-block-05 quote padding-top">
<div class="container">
<div class="row">
<div class="col-12 text-center wow zoomIn" data-wow-duration="1s">
<i class="fas fa-quote-left text-left"></i>
<p class="qoute"><span>Education</span> is allowing yourself to make mistakes
Art is knowing which ones you keep.</p>
<h4 class="writer">Alice Johnson</h4>
<i class="fas fa-quote-right"></i>
</div>
</div>
</div>
</section>
<!-- End ui-block-05 -->
<hr>
<!-- Start ui-block-06 -->
<section class="parallax bg-img2 ui-block-06 quote">
<div class="bg-overlay bg-black opacity-4"></div>
<div class="container">
<div class="row wow zoomIn">
<div class="col-md-12">
<div class="parallax-text">
<h5 class="mb-3 text-white">Let discuss the project</h5>
<h2 class="text-white">Drop us a word and we will get back to you with
a no-obligatory quotation of your project.</h2>
</div>
</div>
</div>
</div>
</section>
<script src="vendor/js/parallaxie.min.js"></script>
<script>
if ($(window).width() > 992) {
$(".ui-block-06.quote.parallax").parallaxie({
speed: 0.55,
offset: 0,
});
}
</script>
<!-- Cut the script tag including the script and paste it before the body ending tag at the bottom of your html file -->
<!-- End ui-block-06 -->
<hr>
<!-- Start ui-block-07 -->
<section class="booking-area ui-block-07 quote overflow-hidden">
<!-- Quote Btn -->
<div class="row text-center">
<div class="col-12">
<div class="quote-btn">
<p>Lorem ipsum dolor sit amet</p>
<h4>Let us build your kitchen!</h4>
<a href="javascript:void(0);" class="btn btn-medium btn-rounded btn-white">Get a Quote</a>
</div>
</div>
</div>
</section>
<!-- Start ui-block-07 -->
<hr>
<!-- Start ui-block-08 -->
<section id="discount" class="discount ui-block-08 quote bg-discount">
<div class="overlay-discount">
<div class="container height1">
<div class="row height1">
<div class="col-12 col-md-4 d-flex justify-content-center align-items-center">
<div class="content text-center text-md-left wow fadeInLeft" data-wow-duration=".8s">
<h5 class="heading mb-3 text-white">Latest News</h5>
<h1 class="main-heading mb-3 text-white">GOLF<br>WORLD CUP</h1>
<a href="javascript:void(0);" class="btn scroll btn-slider trans-btn white-btn rounded-pill">Learn More</a>
</div>
</div>
<div class="col-0 col-md-8 col-display"></div>
</div>
</div>
</div>
</section>
<!-- End ui-block-08 -->
<hr>
<!-- Start ui-block-09 -->
<section class="quote-sec bg-pink ui-block-09 quote">
<div class="container">
<div class="row">
<div class="col-12 text-center wow zoomIn" data-wow-duration="1s" data-wow-delay=".1s">
<i class="fas fa-quote-left text-left"></i>
<p class="quote">Creativity is allowing yourself to make
mistakes Art is knowing which ones to keep.</p>
<h4 class="writer">Alice Johnson</h4>
<i class="fas fa-quote-right"></i>
</div>
</div>
</div>
</section>
<!-- End ui-block-09 -->
<hr>
<!-- Start ui-block-10 -->
<section class="banner-section parallax-slide ui-block-10 quote">
<div class="container">
<div class="row">
<div class="col-12 col-lg-6 offset-lg-5 text-center">
<div class="banner-content-wrapper">
<span>TRENDING PRODUCT OF THE WEEK</span>
<h1>Shirts Collections</h1>
<p>Aenean imperdiet. Etiam ultricies nisi vel augue men tuhi spectrum alle me</p>
<button type="button" class="btn black-btn-with-border">SHOP NOW</button>
</div>
</div>
</div>
</div>
</section>
<script src="vendor/js/parallaxie.min.js"></script>
<script>
if ($(window).width() < 780) {
$('.ui-block-10.quote.parallax-slide').addClass('paralax-data');
} else {
$('.ui-block-10.quote.parallax-slide').removeClass('paralax-data');
$('.ui-block-10.quote.parallax-slide').parallaxie({
speed: 0.6,
offset: -200,
});
}
</script>
<!-- Cut the script tag including the script and paste it before the body ending tag at the bottom of your html file -->
<!-- End ui-block-10 -->
<hr>
<!-- Start ui-block-11 -->
<section class="quote-sec ui-block-11 quote">
<div class="container">
<div class="row">
<div class="col-12 text-center wow zoomIn" data-wow-duration="1s">
<i class="fas fa-quote-left text-left"></i>
<p class="quote">Good first impressions are good for business.</p>
<h4 class="writer">Ken Poirot</h4>
</div>
</div>
</div>
</section>
<!-- End ui-block-11 -->
<hr>
<!-- Start ui-block-12 -->
<section class="parallax-setting ui-block-12 quote parallax1">
<h2 class="d-none">heading</h2>
<div class="container">
<div class="row align-items-center">
<div class="col-md-12">
<div class="quote-text text-center wow fadeInRight" data-wow-delay="300ms">
<div class="quote d-flex justify-content-start mb-2rem"><i class="fa fa-quote-left"></i></div>
<h2 class="font-weight-light mb-5 line-height-normal text-white"><span class="color-yellow">Creativity</span> is allowing yourself to make mistakes Art is knowing which ones to keep.</h2>
<h3 class="color-pink">Alice Johnson</h3>
<div class="quote d-flex justify-content-end mb-3"><i class="fa fa-quote-right"></i></div>
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-12 -->
<hr>
<!-- Start ui-block-13 -->
<section class="comment-section ui-block-13 quote">
<div class="container">
<h2 class="wow fadeInDown" data-wow-delay="300ms">Say Hello!<br><span> Leave Your Valued Feedback</span></h2>
<p class="wow fadeInDown" data-wow-delay="300ms">Lorem ipsum is simply dummy text of the printing and typesetting.<br> Lorem Ipsum has been the industry’s standard dummy.</p>
<div class="row padding-top">
<div class="col-12 col-lg-4"></div>
<div class="col-12 col-lg-4 wow fadeInDown" data-wow-delay="400ms">
<a href="javascript:void(0);" data-animation-duration="500" data-fancybox data-src="#animatedModal">
<div class="card box text-center">
<div class="feature-icon text-center">
<i class="far fa-edit"></i>
</div>
<div class="card-body">
<p>Click here to Launch the feedback page</p>
</div>
</div>
</a>
</div>
<div class="col-12 col-lg-4"></div>
</div>
</div>
</section>
<!-- Start ui-block-13 -->
<hr>
<!-- Start ui-block-14-->
<section class="p-0 ui-block-14 quote">
<div class="particles-version p-0 rotate-left clr-blue">
<h2 class="d-none">heading</h2>
<div id="particles-js" class="g-background">
<div class="col-sm-12 text-center center-col">
<p class="text-white text-rotate2">Pursue Your Passion</p>
<h2 class="mb-30 text-rotate2 text-capitalize text-white"><span class="text-color-white">Think Big Really Big</span> </h2>
<a class="btn btn-green btn btn-large btn-rounded btn btn-medium btn-transparent-white text-capitalize text-rotate2 text-white" href="javascript:void(0);">Learn More</a>
</div>
</div>
</div>
</section>
<script src="vendor/js/particles.min.js"></script>
<!-- Cut the script tag including the script and paste it before the body ending tag at the bottom of your html file -->
<!-- End ui-block-14 -->
<hr>
<!-- Start ui-block-15 -->
<section class="bg-admission-img ui-block-15 quote">
<div class="overlay-admission"></div>
<div class="container">
<div class="row">
<div class="col-12 text-center">
<div class="admission-text">
<p class="sub-heading text-white m-0">We Believe that education is for everyone.</p>
<h1 class="main-heading text-white mt-2 mb-4">Want To Get Enrolled!</h1>
<a class="btn btn-primary rounded-pill blue-btn" data-toggle="modal" data-target=".modal">Apply Now</a>
</div>
</div>
</div>
</div>
</section>
<script src="vendor/js/parallaxie.min.js"></script>
<script>
if (screen.width > 768) {
$('.ui-block-15.quote.bg-admission-img').parallaxie({
speed: 0.5,
offset: -290,
});
}
</script>
<!-- Cut the script tag including the script and paste it before the body ending tag at the bottom of your html file -->
<!-- End ui-block-15 -->
<hr>
<!-- Start ui-block-16 -->
<section class="padding bg-shop-quote parallax ui-block-16 quote">
<div class="overlay overlay-dark opacity-6 z-index-0"></div>
<div class="container">
<div class="row align-items-center text-center">
<div class="col-md-8 offset-2">
<div class="quote-wrapper">
<h3>Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper, luctus pulvinar, hendrerit id, lorem.</h3>
</div>
</div>
</div>
</div>
</section>
<script src="vendor/js/parallaxie.min.js"></script>
<script>
if ($(window).width() > 992) {
$(".parallax").parallaxie({
//speed value btw (-1 to 1)
speed: 0.55,
offset: 0,
});
$(".parallax.parallax-slow").parallaxie({
speed: 0.31,
});
}
</script>
<!-- Cut the script tag including the script and paste it before the body ending tag at the bottom of your html file -->
<!-- End ui-block-16 -->
<hr>
<!-- Start ui-block-17 -->
<section class="training_video ui-block-17 quote">
<div class="container">
<div class="row">
<div class="col-12 col-md-6 col-lg-6 order-2 order-md-1 order-lg-1 wow fadeInLeft" data-wow-delay="700ms" data-wow-duration="1s" style="visibility: visible; animation-delay: 700ms; animation-name:fadeInLeft;">
<div class="vedio-heading">
<p class="colored_heading">Don't take our words</p>
<h1 class="main_heading margin_heading md_heading">Gardening Videos</h1>
<p class="info">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. </p>
<div id="video">
<a data-fancybox="" href="https://www.youtube.com/watch?v=7e90gBu4pas" class="btn btn-medium btn-rounded btn-blue mt-3">
<i class="las la-play mr-2"></i>Play Now</a>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-6 order-1 order-md-2 order-lg-2 wow fadeInRight" data-wow-delay="700ms" data-wow-duration="1s" style="visibility: visible; animation-delay: 700ms; animation-name:fadeInRight;">
<div class="vedio_img">
<img src="vendor/img/elements-img/quote-img/ui-block-17-1-quote.png" alt="Yoga Image"></div>
</div>
</div>
</div>
</section>
<!-- End ui-block-17 -->
<hr>
<!-- Start ui-block-18 -->
<section class="count-sec count-sec1 ui-block-18 quote" style="background: url('vendor/img/elements-img/quote-img/ui-block-18-1-quote.jpg');">
<div class="count-overlay"></div>
<div class="container">
<div class="row text-left banner-2-content">
<div class="col-12">
<div class="text-home">
<h1 class="heading">Reception</h1>
<p class="text-white banner-2-content-p">Neque porro quisquam est qui dolorem ipsum</p>
<p class="sub-heading text-grey">December 10Th 2020</p>
<a href="#" class="btn white-and-black rounded-pill">Learn More</a>
</div>
</div>
</div>
</div>
</section>
<script src="vendor/js/parallaxie.min.js"></script>
<script>
if ($(window).width() < 780) {
$('.ui-block-18.quote.count-sec').addClass("parallax-disable");
} else {
$('.ui-block-18.quote.count-sec').removeClass("parallax-disable");
// parallax
$('.ui-block-18.quote.count-sec').parallaxie({
speed: 0.5,
offset: -250,
});
}
</script>
<!-- Cut the script tag including the script and paste it before the body ending tag at the bottom of your html file -->
<!-- End ui-block-18 -->
<hr>
<!-- Start ui-block-19 -->
<section id="about1" class="ui-block-19 quote">
<div class="container">
<div class="row">
<div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2">
<div class="about-text">
<p class="small-text text-red mb-2">Info About Corona</p>
<h1 class="heading mb-3">Want to know more about corona?</h1>
<p class="sub-heading">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim veniam, quis nostrud exercitation ullamco laboris nisi
in voluptate velit esse cillum. Dolore eu officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing dolore magna aliqua.</p>
<a href="" class="btn btn-large btn-red">Read More</a>
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-19 -->
<hr>
<script src="vendor/js/megamenu.js"></script>
<script>
$ = jQuery.noConflict();
jQuery(window).on("load", function () {
"use strict";
$('.side-menu').removeClass('d-none');
});
jQuery(function ($) {
"use strict";
var $window = $(window);
var windowsize = $(window).width();
$(".scroll").on("click", function(event){
event.preventDefault();
$('html,body').animate({
scrollTop: $(this.hash).offset().top - 40}, 1100);
});
if ($("#sidemenu_toggle").length) {
$("#sidemenu_toggle").on("click", function () {
$(".pushwrap").toggleClass("active");
$(".side-menu").addClass("side-menu-active"), $("#close_side_menu").fadeIn(700)
}), $("#close_side_menu").on("click", function () {
$(".side-menu").removeClass("side-menu-active"), $(this).fadeOut(200), $(".pushwrap").removeClass("active")
}), $(".side-nav .navbar-nav .nav-link").on("click", function () {
$(".side-menu").removeClass("side-menu-active"), $("#close_side_menu").fadeOut(200), $(".pushwrap").removeClass("active")
}), $("#btn_sideNavClose").on("click", function () {
$(".side-menu").removeClass("side-menu-active"), $("#close_side_menu").fadeOut(200), $(".pushwrap").removeClass("active")
})
}
});
</script>
</body>
</html>