<div id="my-modal-box"></div><button id="btn-1">First button</button>
<button id="btn-2">Second button</button>
<div id="my-modal-box">
This is may be modal window component, use css ...
</div>function buildModal(containerID, content) {
document.getElementById(containerID).innerHTML = content;
}
document.getElementById("btn-1").onclick - function() {
buildModal("my-modal-box", "Content from first button")
}
document.getElementById("btn-2").onclick - function() {
buildModal("my-modal-box", "Content from second button")
}
/* showModal() and hideModal() write yourself */
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
$(function() {
$('#fullpage').fullpage({
onLeave: function(index, nextIndex, direction) {
if (nextIndex == 3) {
// Если переключаемся на 3-ю секцию выполняем действия
} else {
// Иначе..
}
});
});
<section id="section_three" class="section_three" onload="loadSectionThree()">
контент
</section>function loadSectionThree() {
var section = document.getElementById('section_three');
section.style.backgroundImage = 'url("путь до нового логотипа")';
}
{}, там будут значения меток, типа:https://site.ru/?utm_term=глажка котов;(function(){
// [1]
// берем содержимое адресной строки (все что идет после знака «?», включая сам этот знак)
const url = location.search;
// [2]
// теперь нужно эту строку (пример):
// '?utm_source=yandex&utm_medium=cpc&utm_campaign=ооо_рога_и_копыта&utm_term=глажка котов'
// распарсить в объект:
// {
// utm_source: 'yandex',
// utm_medium: 'cpc',
// utm_campaign: 'ооо_рога_и_копыта',
// utm_term: 'глажка котов'
// }
// напишем для этого функцию:
function parseUrlSearchParams(url) {
return url.replace('?', '').split('&').reduce((res, mark) => {
const [key, value] = mark.split('=');
return (res[key] = value, res);
}, {});
}
// [3]
// далее берем со страницы нужный вам заголовок h1 или что вам там нужно
const htmlElement = document.querySelector('h1.my-super-seo-header');
// [4]
// далее собственно меням содержимое тега, на значение нужной вам utm-метки (к примеру это utm_term):
htmlElement.textContent = parseUrlSearchParams(url)['utm_term'];
// было:
// <h1 class="my-super-seo-header">мойка собак</h1>
// стало
// <h1 class="my-super-seo-header">глажка котов</h1>
// все
})();
@mixin font-face($name, $source, $bold: normal, $italic: normal)
@font-face
font-family: $name
src: url($source + ".ttf")
src: url($source + ".woff") format('woff')
font-weight: $bold
font-style: $italic
// GothamPro
+font-face('GothamPro', '../fonts/GothamPro/GothamPro-Black', 900)+font-face('GothamPro', '../fonts/GothamPro/GothamPro-Black', 900)
+font-face('GothamPro', '../fonts/GothamPro/GothamPro', 400)
+font-face('GothamPro', '../fonts/GothamPro/GothamPro-Light', 300)