body {background url(bg.png) center repeat}
#logo {position: absolute; left:0; top:0; right:0; bottom:0; margin:auto}
- должны, по идее, совпасть)) Ну, логотип через img вставить, или размеры задать <div class="img" data-link-1="/link1.html" data-link-2="/link2.html" ></div>
var svg=$('div.img').load("file.svg", function(){
$('a:eq(0)', this).attr('xlink:href', $(this).data('link-1'))
$('a:eq(1)', this).attr('xlink:href', $(this).data('link-2'))
});
<header class="header page__header justify">
<a href="../index.html" class="header__logo logo__link">
<img src="../img/big-logo.png" class="logo__pic">
<img src="../img/logo.png" class="logo__pic-small">
</a>
<nav class="nav">
<button class="toggl-menu"><span></span></button>
<a href="#" class="nav__link">О нас</a>
<a href="#" class="nav__link">Абонементы</a>
<a href="#" class="nav__link">Контакты</a>
</nav>
</header>
Отступы в header'e можно сделать с помощью padding: 0 20px (а box-sizing: border-box уже и так для всех элементов у вас задан). Вот нащот списков внутри nav вроде довольно много копий уже сломано, но я вот считаю, что nav по определению уже список и можно тупо прямо в него ссылки лепить, без зазрения совести) В общем, как-то так)) А, да, и для раскрытия меню (да ивообще интерактивных элементов, не предполагающих переход по ссылке) лучше кнопку или просто span ставить.. Хотя, в последнем случае могут быть всякие сюрпризы в ойфонах <a id="about_us" style="display:none"></a>
<section class="medoff-about module "></section>
$(window).on('hashchange', function(){
var id = location.hash, targ=$(id+'+section.module'); //запоминаем в targ нужный блок
if (!targ[0]) return // выходим, если "левый" хэш, например, ввели вручную
var top = targ.offset().top;
$(".header__list a").removeClass(('active'));
$('.header__list a[href="'+id+'"]').addClass('active');
}
//
// if (windowRes <= 1024) {
// $('body,html').animate({scrollTop: top})
// }
$('body,html').animate({
scrollTop: top + 3
}, 1500);
});
}).on('load', function(){$(window).hashchange()}) // переходим к нужному разделу, если, напрмер, ссылку в новой вкладке открыли
var discription=str.split('\n'),
price=discription[0],
title=discription[1],
comment=discription[2]
var swipeTimer, top;
$(windiw).on('touchstart', function(){top=$(windiw).scrollTop()})
.on('touchend', function(){
if (top==$(windiw).scrollTop()) return;
clearTimeout(swipeTimer);
swipeTimer=setTimeout(function{$('.mydiv').css({overflow: ''})}, 500);
$('.mydiv').css({overflow: 'hidden'})
})
То есть, блок "заморозится", как только мы оторвём палец, после того, как начали прокручивать всю страницу и останется замороженным в течении полсекунды $("form").submit(function(){
// валидируем форму;
// отправляем данные на сервер;
// показываем попап;
return false // предотвращаем отправку формы и перезагрузку страницы
})
Как вариант, можно показать попап при отправке, потом при ответе от сервера в том же попапе показать результат, типа данные успешно отправились или ошибка.video.bg {width: 10px; min-width: 100%; min-height: 100%}