maxdenaro

<div class="map" id="map"></div>

maxdenaro

<input type="tel" name="tel" placeholder="phone">

maxdenaro

.tab-pane {
		display: none;
	}

	.faded {
		opacity: 0;
		transition: opacity 0.5s;
	}

	.faded.in {

maxdenaro

<a href="#modal" class="open-popup"></a>

<a class="modal-close"></a>

maxdenaro

<div class="swiper-container">
	<div class="swiper-prev"></div>
	<div class="swiper-next"></div>
	<div class="swiper-wrapper">
		<div class="swiper-slide"></div>
		<div class="swiper-slide"></div>
		<div class="swiper-slide"></div>
	</div>
	<div class="swiper-pagination"></div>
</div>

maxdenaro

// !IMPORTANT: required jquery-validation.js

// npm i jquery-validation

import validate from 'jquery-validation';
$('form').each(function () {
	$(this).validate({
		// eslint-disable-next-line no-unused-vars
		errorPlacement(error, element) {
			return true;

maxdenaro

<ul>
		<li><a href="#one"></a></li>
		<li><a href="#two"></a></li>
		<li><a href="#three"></a></li>
	</ul>

	<section id="one"></section>
	<section id="two"></section>
	<section id="three"></section>

maxdenaro

var showModal = true;

function showExit() {
	if (showModal) {
		showModal = false;
		$.magnificPopup.open({
			removalDelay: 500, //delay removal by X to allow out-animation
			callbacks: {
				beforeOpen: function () {
					this.st.mainClass = 'mfp-zoom-in';

maxdenaro

ol {
  counter-reset: section;
}

li {
  display: inline-block;
  padding-left: 10px;
}

li::before {

maxdenaro

<div class="filter">
  <div class="filter__nav">
    <ul class="filter__nav-group" data-filter-group="group">
      <li><a href="#" class="button" data-filter=".group1">Группа1</a></li>
      <li><a href="#" class="button" data-filter=".group2">Группа2</a></li>
      <li><a href="#" class="button" data-filter=".group3">Группа3</a></li>
    </ul>
    <ul class="filter__nav-group" data-filter-group="season">
      <li><a href="#" class="button" data-filter=".winter">Зима</a></li>
      <li><a href="#" class="button" data-filter=".summer">Лето</a></li>