charigor

//html
<div class="burger-menu">
  <span></span>
  <span></span>
  <span></span>
  <span></span>
</div>
//scss
$buttonSize: 4rem;
$lineSize: 0.22em;

charigor

html//
<input type="range" name="" id="range" />
<input type="text" name="" id="output" />
	js//
$(document).ready(function(){
	$('#output').val($('#range').val());
	$('#range').mousemove(function() {
		$('#output').val($('#range').val());
	});

charigor

//html
<span class="text">Маньеризм представляет собой стиль, именно об этом комплексе движущих сил писал З.Фрейд в теории сублимации. Ирония многопланово аккумулирует меланхолик. Очевидно, что художественное переживание монотонно продолжает сокращенный феномер "психической мутации". Трагическое дает незначительный структурализм, именно об этом комплексе движущих сил писал З.Фрейд в теории сублимации.</span>

<span class="text">Маньеризм представляет собой стиль, именно об этом комплексе движущих сил писал З.Фрейд в теории сублимации. Ирония многопланово аккумулирует меланхолик. Очевидно, что художественное переживание монотонно продолжает сокращенный феномер "психической мутации". Трагическое дает незначительный структурализм, именно об этом комплексе движущих сил писал З.Фрейд в теории сублимации.</span>

<span class="text">Маньеризм представляет собой стиль, именно об этом комплексе движущих сил писал З.Фрейд в теории сублимации. Ирония многопланово аккумулирует меланхолик. Очевидно, что художественное пер

charigor

html//
div#parallax-bg-1{
	position: fixed;
	width: 1200px;
	top: 0;
	left: 50%; 
	margin-left: -600px; 
	z-index: 1;
}
/* background middle layer*/

charigor

	Cамое большое число в массиве
	let max = Math.max.apply(null,array);
	Сложение значений в массиве;
	let result = x.reduce(function(prev,current){
		return prev + current;
	});

charigor

//html
<h1 class="top-title">SIDE MENU EXAMPLES</h1>
<ul class="top-menu">
  <button class="top-menu-li example1">Example 1</button>
  <button class="top-menu-li example2">Example 2</button>
  <button class="top-menu-li example3">Example 3</button>
  <button class="top-menu-li example4">Example 4</button>
  <button class="top-menu-li example5">Example 5</button>
  <button class="top-menu-li example6">Example 6</button>
</ul>

charigor

    var techno_slider = $('.m-cabinet-box-line');
    function rein() {

        if (window.innerWidth >= 768) {
            techno_slider.slick('unslick');
        }
        else {
            techno_slider.slick({
			   dots: false,
			   infinite: true,

charigor

	var wrapRow = function(z){

		var divs = $(".wr > .tab");
		for(var i = 0; i < divs.length; i+=z) {
			divs.slice(i, i+z).wrapAll("<div class='new'></div>");
		}

	}
	var rewrapRow = function(){
			var divs = $(".wr > .new .tab");

charigor

html//
				<div class="tabs tabs-slider">
					<div class="tab flexbox flex-direct-col">
						<div class="img-wrap">
							<img src="img/wobu-index-novelty-v1.jpg" alt="">
							<div class="tabs-like"><i class="far fa-heart"></i></div>
						</div>
						<div class="tab-descr flex-grow-1 flexbox flex-wrap flex-wrap-align-sbtw">
							<div class="tab-title-segm">
								<h4>Роскошная шуба из эко-меха</h4>

charigor

<!--HTML-->
<div class="content">
    <div class="clip-text">
      Изображение
    </div>
    <div class="clip-text2">
        Изображение2
    </div>
  </div>
  <!-- css -->