seabrizz

//html
<p  id="time"></p>

//js
let countDownDate = new Date("May 17, 2019 16:00:00").getTime();
    let x = setInterval(function() {
        let now = new Date().getTime();
        let distance = countDownDate - now;
        let days = Math.floor(distance / (1000 * 60 * 60 * 24));
        let hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));

seabrizz

//jQuery
$('.phoneMask').inputmask("+38 (999) 999-99-99");

//snippet MODX name: phoneValid
<?php
$success = true;
    $value = trim($value);
    if (!preg_match('/[+]38 [(][0-9]{3}[)] [0-9]{3}[-][0-9]{2}[-][0-9]{2}/', $value)) {
        $success = false;
        $validator->addError($key, 'Введите номер телефона');

seabrizz

	var owl=$(".product-carousel");
	owl.owlCarousel();
	//$(".next") - находим нашу кнопку
	$(".next").click(function(){
		owl.trigger("next.owl.carousel");
	});
	$(".prev").click(function(){
		owl.trigger("prev.owl.carousel");
	});

seabrizz

[[!FormIt?
    &hooks=`recaptchav2,email`
    &emailTpl=`sendEmail`
    &emailSubject=`test`
    &emailTo=`xxxxxxxxx@xxxxxxxxx`
    &emailFrom=`xxxxxxxxxxx@xxxxxxxxxxx`
    &redirectTo=`2`
    &customValidators=`validFile,validPhone`
    &validate=`name:required,
    email:email:required,

seabrizz

<!-- HTML -->
<a href="#" class="toggle-mnu hidden-lg"><span></span></a>

<!-- SASS -->
.toggle-mnu 
  display: block
  width: 28px
  height: 28px
  margin-top: 14px

seabrizz

html
<a href="#" rel="external">link</a>

js
$('a[rel=external]').attr('target','_blank');

seabrizz

JS:
$(".accordeon dd").hide().prev().click(function() {
	$(this).parents(".accordeon").find("dd").not(this).slideUp().prev().removeClass("active");
	$(this).next().not(":visible").slideDown().prev().addClass("active");
});

CSS:
.accordeon .active { color: red }

HTML:

seabrizz

<?php

$method = $_SERVER['REQUEST_METHOD'];

//Script Foreach
$c = true;
if ( $method === 'POST' ) {

	$project_name = trim($_POST["project_name"]);
	$admin_email  = trim($_POST["admin_email"]);

seabrizz

HTML:
<div class="wrapper">
    <div class="tabs">
        <span class="tab">Вкладка 1</span>
        <span class="tab">Вкладка 2</span>
        <span class="tab">Вкладка 3</span>        
    </div>
    <div class="tab_content">
        <div class="tab_item">Содержимое 1</div>
        <div class="tab_item">Содержимое 2</div>

seabrizz

$(window).scroll(function() {
		if($(this).scrollTop() != 0) {
		$('#toTop').fadeIn();
		} else {
		$('#toTop').fadeOut();
		}
		}); 
		$('#toTop').click(function() {
		$('body,html').animate({scrollTop:0},800);
		});