Антон Вебсайтовский

<script>
      jQuery('a[href*="#"]')
      // Remove links that don't actually link to anything
        .not('[href="#"]')
        .not('[href="#0"]')
        .on('click', function(event) {
        event.preventDefault();
        // On-page links
        var _this = jQuery(this), id = _this.attr('href').substring(_this.attr('href').indexOf('#'));

        if(jQuery(id).length > 0) {

          // Figure out element to scroll to
          var target = jQuery(this.hash);
          target = target.length ? target : jQuery('[name=' + this.hash.slice(1) + ']');

          // Does a scroll target exist?
          if (target.length) {
            // Only prevent default if animation is actually gonna happen
            event.preventDefault();
            jQuery('html, body').animate({
              scrollTop: target.offset().top
            }, 1000, function() {

            });
          }

        } else {
          window.location.href = _this.attr('href');
        }

      });

      var target = window.location.hash;

      // delete hash so the page won't scroll to it
      window.location.hash = "";

      // now whenever you are ready do whatever you want
      // (in this case I use jQuery to scroll to the tag after the page has loaded)
      $(window).on('load', function() {
        if (jQuery(target).length) {
          $('html, body').animate({
            scrollTop: jQuery(target).offset().top
          }, 700, 'swing', function () {});
        }
      });


      jQuery(function(){

        if(jQuery(target).length > 0) {

          jQuery('html, body').animate({
            scrollTop: jQuery(target).offset().top
          }, 1000, function() {
            history.pushState(null,null, target);
          });
        }

        return false;
      });
    </script>

<script>
      function myFunction() {
        document.getElementById("myDropdown").classList.toggle("show");
      }
      function filterFunction() {
        var input, filter, ul, li, a, i;
        input = document.getElementById("myInput");
        filter = input.value.toUpperCase();
        div = document.getElementById("myDropdown");
        a = div.getElementsByTagName("a");
        for (i = 0; i < a.length; i++) {
          if (a[i].innerHTML.toUpperCase().indexOf(filter) > -1) {
            a[i].style.display = "";
          } else {
            a[i].style.display = "none";
          }
        }
      }

      
      jQuery(document).on('ready', function() {
        var filter = jQuery('#myDropdown'), links = filter.find('a'), btn = jQuery('.dropbtn')

        links.each(function(index, el) {
          var _this = jQuery(el), attr_href = _this.attr('href'), re = new RegExp(attr_href.replace(/\\/g, ''),'ig');

          if(re.test(window.location.pathname)) {
            _this.addClass('selected');
            btn.text(_this.text());
          }
        });

      });
    </script>

.drt a.selected {
  background: #F48951;
  color: #fff;
}

<script src="https://e-timer.ru/js/etimer.js"></script>

.eTimer, .etUnit, .etNumber, .etSep {
  font-size: 60px;
}
.etSign {
  font-size: 18px;
}
@media only screen and (max-width:860px) {
  .eTimer, .etUnit, .etNumber, .etSep {
  font-size: 40px;
  }
  .etSign {
    font-size: 16px;
  }
}