Dmitri Barannyk DmitriBarannyk

## reset style css
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0-modified | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,

## animation elements on scroll page browser
let animitems = document.querySelectorAll(".animaits");//создаем переменную в которую помещаем массив е элемнтов с 															     //классом "._anim-items", которые в дальней шем подлежат анимированию

if(animitems.length > 0) {                                  //проверяем массив на присутствие в нем элементов, и если
	window.addEventListener("scroll", animOnScroll)					 									//он массив не пуст, перебираем его
	function animOnScroll(params){
		for(let i = 0; i < animitems.length; i++){
			let animItem = animitems[i];						//получаем в перменную каждый елемент массива
			let animItemHeight = animItem.offsetHeight;       //получаем в перемен высоту элемента с учётом вертикал. полей и границ в пикселях
		    let animateOffset = getCoords(animItem).top;  	 //создаем переменную в которю получ. поцицию элементя верха окна браузера
		    let animStart = 4;   							//коефициент момента старта анимации

## ReferenceError regeneratorRuntime is not defined
module.exports = {
  presets: [
    [
      '@babel/preset-env',
      {
        targets: {
          esmodules: true,
        },
      },
    ],

## common.js
$(window).scroll(function(){
   if ($(this).scrollTop() > 100) {
   $('.scrollup').fadeIn();
   } else {
   $('.scrollup').fadeOut();
   }
   });

   $('.scrollup').click(function(){
   $("html, body").animate({ scrollTop: 0 }, 600);

## remove mobile menu after click on the link
//удаление меню после клика на ссылку
  $(".top_mnu li a").click(function() {
    $(".top_mnu").fadeOut();
    $(".sandwich").toggleClass("active")
  });

## fadeout mobile menu
//плавно исчезающие мобильное меню
  $(".toggle-mnu").click(function(){
    if ($(".top_mnu").is(":visible")) {
    $(".top_mnu").fadeOut(600);
    $(".top_mnu li a").removeClass("zoomIn animated");
  } else {
    $(".top_mnu").fadeIn(600);
    $(".top_mnu li a").addClass("zoomIn animated");
  }
  });

## window hight
function hightDetect() {
   $(".main_head").css("height", $(window).height());//масштабирование на всю высоту окна браузера
 };
      hightDetect(); //масштабирование при изменении размера экрана
   $(window).resaize(function() {
   });

## preloader
 $(function() {
$(".loaderInner").fadeOut(); // прокрутка анимации при загрузке стрницы
$(".loader").delay(400).fadeOut("slow");
});

## main
var gulp        = require('gulp'),
	sass        = require('gulp-sass'),
	browserSync = require('browser-sync'),
    concat      = require('gulp-concat'),// Подключаем gulp-concat (для конкатенации файлов)
    uglify      = require('gulp-uglifyjs'),// Подключаем gulp-uglifyjs (для сжатия JS)
    cssnano     = require('gulp-cssnano'), // Подключаем пакет для минификации CSS
    rename      = require('gulp-rename');// Подключаем библиотеку для переименования файлов
    del         = require('del'),// Подключаем библеотеку для удаления файлов и папок
    imagemin    = require('gulp-imagemin'),
    pngquant    = require('imagemin-pngquant'),

## mail
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="css/libs.min.css">
    <link rel="stylesheet" href="css/main.css"> <!-- Подключаем CSS -->
</head>
<body>
	/* http://meyerweb.com/eric/tools/css/reset/
	v2.0-modified \| 20110126
	License: none (public domain)
	*/

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	let animitems = document.querySelectorAll(".animaits");//создаем переменную в которую помещаем массив е элемнтов с //классом "._anim-items", которые в дальней шем подлежат анимированию

	if(animitems.length > 0) { //проверяем массив на присутствие в нем элементов, и если
	window.addEventListener("scroll", animOnScroll) //он массив не пуст, перебираем его
	function animOnScroll(params){
	for(let i = 0; i < animitems.length; i++){
	let animItem = animitems[i]; //получаем в перменную каждый елемент массива
	let animItemHeight = animItem.offsetHeight; //получаем в перемен высоту элемента с учётом вертикал. полей и границ в пикселях
	let animateOffset = getCoords(animItem).top; //создаем переменную в которю получ. поцицию элементя верха окна браузера
	let animStart = 4; //коефициент момента старта анимации
	module.exports = {
	presets: [
	[
	'@babel/preset-env',
	{
	targets: {
	esmodules: true,
	},
	},
	],
	$(window).scroll(function(){
	if ($(this).scrollTop() > 100) {
	$('.scrollup').fadeIn();
	} else {
	$('.scrollup').fadeOut();
	}
	});

	$('.scrollup').click(function(){
	$("html, body").animate({ scrollTop: 0 }, 600);
	function hightDetect() {
	$(".main_head").css("height", $(window).height());//масштабирование на всю высоту окна браузера
	};
	hightDetect(); //масштабирование при изменении размера экрана
	$(window).resaize(function() {
	});
	$(function() {
	$(".loaderInner").fadeOut(); // прокрутка анимации при загрузке стрницы
	$(".loader").delay(400).fadeOut("slow");
	});
	var gulp = require('gulp'),
	sass = require('gulp-sass'),
	browserSync = require('browser-sync'),
	concat = require('gulp-concat'),// Подключаем gulp-concat (для конкатенации файлов)
	uglify = require('gulp-uglifyjs'),// Подключаем gulp-uglifyjs (для сжатия JS)
	cssnano = require('gulp-cssnano'), // Подключаем пакет для минификации CSS
	rename = require('gulp-rename');// Подключаем библиотеку для переименования файлов
	del = require('del'),// Подключаем библеотеку для удаления файлов и папок
	imagemin = require('gulp-imagemin'),
	pngquant = require('imagemin-pngquant'),
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="css/libs.min.css">
	<link rel="stylesheet" href="css/main.css"> <!-- Подключаем CSS -->
	</head>
	<body>