hatamsoyunov

export const declOfNum = (number: number, titles: string[]) => {
    const cases = [2, 0, 1, 1, 1, 2];

    return titles[number % 100 > 4 && number % 100 < 20 ? 2 : cases[number % 10 < 5 ? number % 10 : 5]];
};

hatamsoyunov

<div class="mouse_icon">
  <div class="wheel"></div>
</div>

// SASS
#main
	position: relative
	width: 100%
	height: 100vh

hatamsoyunov

// получаем URL параметры
// var allVars = $.getUrlVars();

// получаем значение параметра по его имени
// var byName = $.getUrlVar('name');

$.extend({

  getUrlVars: function(){
		var vars = [], hash;

hatamsoyunov

<div class="top" title="Наверх"><i class="fa fa-angle-double-up"></i></div>

.top
	position: fixed
	bottom: 25px
	background-color: #E0E0E0
	border-radius: 10em
	color: #666
	font-size: 26px
	width: 50px

hatamsoyunov

$('a[href^="#"]').click(function(){
  var el = $(this).attr('href');
  $('body,html').animate({
    scrollTop: $(el).offset().top}, 700);
  return false;
});

hatamsoyunov

	$(".scroll-next").click(function() {
		var cls = $(this).closest(".section").next().offset().top;
		$("html, body").animate({scrollTop: cls}, "slow");
	});

hatamsoyunov

.button
	display: inline-block
	border: none
	color: #fff
	text-decoration: none
	background-color: $accent
	padding: 15px 45px
	font-size: 13px
	text-transform: uppercase
	font-weight: 600