mkk360

 /*----------- 00. Right Click Disable ----------*/
  window.addEventListener('contextmenu', function (e) {
    // do something here... 
    e.preventDefault();
  }, false);


  /*----------- 00. Inspect Element Disable ----------*/
  document.onkeydown = function (e) {
    if (event.keyCode == 123) {

mkk360

//3D Hover Image Effect
.hover-img:hover img {
    transform: scale3d(1.1,1.1,1.1);
    transition: all 2s cubic-bezier(.3,1,.35,2) 0s;
}
.hover-img .img-style img {
    width: 100%;
    object-fit: cover;
    transition: all 1s cubic-bezier(.3,1,.35,1) 0s;
    transition: transform .5s ease;

mkk360

// Stop the autoplay initially
        swiper.autoplay.stop();

        // Add mouseenter and mouseleave event handlers to start and stop the autoplay
        $(this).on('mouseenter', function () {
            swiper.autoplay.start();
        }).on('mouseleave', function () {
            swiper.autoplay.stop();
        });

mkk360

<div class="map_marker" style="left: -9.46172px; top: -8.56999px;">
  <div></div>
  <div></div>
</div>

<style>
.map_marker > div:first-child {
    -webkit-animation: markerWave 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite forwards;
    animation: markerWave 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite forwards
}

mkk360

<style>
 animation: wobble .45s cubic-bezier(.36,.07,.19,.97);
.empty-card {
    display: block;
    border-radius: 6px;
    background-color: #f8f9fa;
    background-image: repeating-linear-gradient(
90deg
,#c0c3c8 0,#c0c3c8 50%,transparent 0,transparent),repeating-linear-gradient(

mkk360

<div class="menu-trigger" data-component="menu-trigger">
  <svg viewBox="0 0 50 50" width="50" height="50" class="menu-trigger__shape">
    <circle r="25" cx="25" cy="25"></circle>
  </svg>
  <span class="menu-trigger__bar"></span>
  <span class="menu-trigger__bar"></span>
  <span class="menu-trigger__bar"></span>
</div>

<style>

mkk360

// Select all links with hashes
  $('a[href*="#"]')
    // Remove links that don't actually link to anything
    .not('[href="#"]')
    .not('[href="#0"]')
    .click(function (event) {
      // On-page links
      if (
        location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') &&
        location.hostname == this.hostname

mkk360

##HTML Markup

<button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="bottom">
        Tooltip on top
  </button>
  <button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="right">
      Tooltip on right
  </button>
  <button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="top">
      Tooltip on bottom

mkk360

	
        // initializing preloader
        $(window).on('load', function() {
            var preLoder = $(".preloader");
            preLoder.fadeOut(1000);
            // banner img animation
            setInterval(function() {
                $(".banner .part-img").addClass("active")
            }, 500);
        });

mkk360

> Install Node.js https://nodejs.org/en/
> Open cmd from run or keyboard: windows+r and write cmd.
> Check Node version.
  write: node -v (press enter)
> Source Folder:
  write: dir, cd desktop , dir, cd source_folder_name.
> Install NPM (Node Package Manager)
  write: npm init -y
  
https://www.jamesedwards.name/npm-compile-sass