work/cirulnik-landing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix small bugs

Browse Source
This commit is contained in:
Sergey Krylov 2023-07-08 13:27:23 +03:00
parent 21df1485d3
commit e656079d48
3 changed files with 24 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/files/Прайс.pdf Normal file
View File

Binary file not shown.

18
src/index.html
View File

@ -126,24 +126,24 @@
<div class="services__block"> <div class="services__block">
<div class="services__block__haircut"> <div class="services__block__haircut">
<h3>СТРИЖКА / МАНИКЮР <span class="services__price">249 <span>₽</span></span></h3> <h3>СТРИЖКА / МАНИКЮР <span class="services__price">299 <span>₽</span></span></h3>
</div> </div>
<div class="services__block__pedicure"> <div class="services__block__pedicure">
<h3> <h3>
<span class="services__price">799 <span>₽</span></span> <span class="services__price">899 <span>₽</span></span>
ПЕДИКЮР ПЕДИКЮР
</h3> </h3>
<h3> <h3>
<span class="services__price"> <span class="services__price">
799 <span>₽</span> 849 <span>₽</span>
</span> </span>
ПОКРЫТИЕ ПОКРЫТИЕ
</h3> </h3>
</div> </div>
<div class="services__block__coloring"> <div class="services__block__coloring">
<h3>ОКРАШИВАНИЕ <br> <span class="services__price"><span>от</span> 689 <span>₽</span></span></h3> <h3>ОКРАШИВАНИЕ <br> <span class="services__price"><span>от</span> 950 <span>₽</span></span></h3>
</div> </div>
<div class="services__block__solaris"> <div class="services__block__solaris">
@ -384,7 +384,7 @@
<div class="services__block__haircut"> <div class="services__block__haircut">
<h3> <h3>
СТРИЖКА СТРИЖКА
<span class="services__price">249 <span>₽</span></span> <span class="services__price">299 <span>₽</span></span>
МАНИКЮР МАНИКЮР
</h3> </h3>
</div> </div>
@ -392,19 +392,19 @@
<div class="services__block__pedicure"> <div class="services__block__pedicure">
<h3> <h3>
ПЕДИКЮР ПЕДИКЮР
<span class="services__price">799 <span>₽</span></span> <span class="services__price">899 <span>₽</span></span>
</h3> </h3>
<h3> <h3>
ПОКРЫТИЕ ПОКРЫТИЕ
<span class="services__price"> <span class="services__price">
799 <span>₽</span> 849 <span>₽</span>
</span> </span>
</h3> </h3>
</div> </div>
<div class="services__block__coloring"> <div class="services__block__coloring">
<h3>ОКРАШИВАНИЕ <br> <span class="services__price"><span>от</span> 689 <span>₽</span></span></h3> <h3>ОКРАШИВАНИЕ <br> <span class="services__price"><span>от</span> 950 <span>₽</span></span></h3>
</div> </div>
<div class="services__block__solaris"> <div class="services__block__solaris">
@ -418,7 +418,7 @@
</h3> </h3>
</div> </div>
<a href="../public/files/Прайс.pdf" download="book.pdf" class="services__block__full_price"> <a href="../public/files/Прайс.pdf" download="Прайс.pdf" class="services__block__full_price">
<div> <div>
<h3> <h3>
Ознакомиться <img src="../public/images/arrow.png" alt="стрелка"> Ознакомиться <img src="../public/images/arrow.png" alt="стрелка">

17
src/scripts/index.js
View File

@ -9,17 +9,30 @@ wow.init();
Marquee3k.init(); Marquee3k.init();
tippy('.header__gift>img', { const instance = tippy('.header__gift>img', {
content: ` content: `
<div class="tooltip" id="tooltip"> <div class="tooltip" id="tooltip">
<p> <p>
Оставьте заявку на сайте в форме ниже, чтобы получить подарок при оказании услуги в июне. Мы позвоним Вам ближе к открытию и запишем на желаемую процедуру Оставьте заявку на сайте в форме ниже, чтобы получить подарок при оказании услуги в июне.
<br>
<br>
Мы позвоним Вам ближе к открытию <br> и запишем на желаемую процедуру!
</p> </p>
</div>`, </div>`,
allowHTML: true, allowHTML: true,
theme: 'light', theme: 'light',
hideOnClick: true,
trigger: 'mouseenter click',
}); });
window.addEventListener('scroll', (event) => {
instance.forEach(item => {
if ( item && item.state.isVisible ) {
item.hide()
}
})
})
const mobileVersion = document.querySelector('.mobile'); const mobileVersion = document.querySelector('.mobile');
const desktopVersion = document.querySelector('.desktop'); const desktopVersion = document.querySelector('.desktop');