Dmitri Barannyk DmitriBarannyk

## target
ulp.task('sass', function(){ // Создаем таск "sass"
    return gulp.src('app/sass/**/*.sass') // Берем источник
        .pipe(sass()) // Преобразуем Sass в CSS посредством gulp-sass
        .pipe(gulp.dest('app/css')) // Выгружаем результата в папку app/css
        .pipe(browserSync.reload({stream: true})) // Обновляем CSS на странице при изменении
});

## main
gulp.task('watch', ['browser-sync', 'sass'], function() {
    gulp.watch('app/sass/**/*.sass', ['sass']); // Наблюдение за sass файлами
    gulp.watch('app/*.html', browserSync.reload);
    gulp.watch('app/js/**/*.js', browserSync.reload);
    // Наблюдение за другими типами файлов
});

## server
var gulp = require('gulp'),
		sass = require('gulp-sass'),
		browserSync = require('browser-sync');

gulp.task('sass', function(){ // Создаем таск "sass"
    return gulp.src('app/sass/**/*.sass') // Берем источник
        .pipe(sass()) // Преобразуем Sass в CSS посредством gulp-sass
        .pipe(gulp.dest('app/css')) // Выгружаем результата в папку app/css
        .pipe(browserSync.reload({stream: true})) // Обновляем CSS на странице при изменении
});

## 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>


## 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'),

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

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

## 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");
  }
  });

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

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

   $('.scrollup').click(function(){
   $("html, body").animate({ scrollTop: 0 }, 600);
	ulp.task('sass', function(){ // Создаем таск "sass"
	return gulp.src('app/sass/*/.sass') // Берем источник
	.pipe(sass()) // Преобразуем Sass в CSS посредством gulp-sass
	.pipe(gulp.dest('app/css')) // Выгружаем результата в папку app/css
	.pipe(browserSync.reload({stream: true})) // Обновляем CSS на странице при изменении
	});
	gulp.task('watch', ['browser-sync', 'sass'], function() {
	gulp.watch('app/sass/*/.sass', ['sass']); // Наблюдение за sass файлами
	gulp.watch('app/*.html', browserSync.reload);
	gulp.watch('app/js/*/.js', browserSync.reload);
	// Наблюдение за другими типами файлов
	});
	var gulp = require('gulp'),
	sass = require('gulp-sass'),
	browserSync = require('browser-sync');

	gulp.task('sass', function(){ // Создаем таск "sass"
	return gulp.src('app/sass/*/.sass') // Берем источник
	.pipe(sass()) // Преобразуем Sass в CSS посредством gulp-sass
	.pipe(gulp.dest('app/css')) // Выгружаем результата в папку app/css
	.pipe(browserSync.reload({stream: true})) // Обновляем CSS на странице при изменении
	});
	<!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>
	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'),
	$(function() {
	$(".loaderInner").fadeOut(); // прокрутка анимации при загрузке стрницы
	$(".loader").delay(400).fadeOut("slow");
	});
	function hightDetect() {
	$(".main_head").css("height", $(window).height());//масштабирование на всю высоту окна браузера
	};
	hightDetect(); //масштабирование при изменении размера экрана
	$(window).resaize(function() {
	});
	$(window).scroll(function(){
	if ($(this).scrollTop() > 100) {
	$('.scrollup').fadeIn();
	} else {
	$('.scrollup').fadeOut();
	}
	});

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