Alena/Figma_1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adaptive_1.2

Browse Source
This commit is contained in:
Alena Trushcheva
2025-09-21 01:47:15 +03:00
parent 70ef712f94
commit 46c4b73ccf
3 changed files with 143 additions and 150 deletions
Download Patch File Download Diff File Expand all files Collapse all files

152
index.html
View File

@@ -1951,157 +1951,9 @@
</footer>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mixitup/3.3.1/mixitup.min.js"></script>
<script>
const mixer = mixitup(".directions_body");
const filterButtons = document.querySelectorAll(".directions_filter_btn");
filterButtons.forEach((btn) => {
btn.addEventListener("click", () => {
// Удалить активный класс у всех
filterButtons.forEach((b) =>
b.classList.remove("directions_filter_btn--active")
);
// Добавить активный класс к нажатой
btn.classList.add("directions_filter_btn--active");
});
});
</script>
<script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@6.0/dist/fancybox/fancybox.umd.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script
type="text/javascript"
src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"
></script>
<script>
$(document).ready(function () {
// 1 слайдер
$(".team_slider").slick({
arrows: false,
slidesToShow: 4,
infinite: true,
draggable: false,
waitForAnimate: false,
responsive:
[
{
breakpoint: 1100,
settings: {
slidesToShow: 3},
},
{
breakpoint: 750,
settings: {
slidesToShow: 2},
},
{
breakpoint: 550,
settings: {
slidesToShow: 1},
},
]
});
$(".team_slider-prev").on("click", function (e) {
e.preventDefault();
$(".team_slider").slick("slickPrev");
});
$(".team_slider-next").on("click", function (e) {
e.preventDefault();
$(".team_slider").slick("slickNext");
});
// 2 слайдер
$(".testimonials_slider").slick({
arrows: false,
dots: true,
appendDots: $(".testimonials_dots"),
waitForAnimate: false,
responsive:
[
{
breakpoint: 700,
settings: {
slidesToShow: 1},
},
]
});
$(".testimonials_prev").on("click", function (e) {
e.preventDefault();
$(".testimonials_slider").slick("slickPrev");
});
$(".testimonials_next").on("click", function (e) {
e.preventDefault();
$(".testimonials_slider").slick("slickNext");
});
// аккордион первая версия
$(".program_acc_link").on("click", function (e) {
e.preventDefault();
$(this).toggleClass("program_acc_link--active");
$(this).children(".program_acc_text").slideToggle();
});
// аккордион вторая версия
// $('.program_acc_link').on('click', function (e) {
// e.preventDefault()
// if ($(this).hasClass('program_acc_link--active')) {
// $(this).removeClass('program_acc_link--active')
// $(this).children('.program_acc_text').slideUp()
// } else {
// $('.program_acc_link').removeClass('program_acc_link--active')
// $('.program_acc_text').slideUp()
// $(this).addClass('program_acc_link--active')
// $(this).children('.program_acc_text').slideDown()
// };
// });
});
$(".header_nav-list a, .haeder_top_btn, .footer_go_top").on("click", function (e) {
//отменяем стандартную обработку нажатия по ссылке
event.preventDefault();
//забираем идентификатор бока с атрибута href
var id = $(this).attr('href'),
//узнаем высоту от начала страницы до блока на который ссылается якорь
top = $(id).offset().top;
//анимируем переход на расстояние - top за 1500 мс
$('body,html').animate({scrollTop: top}, 1500);
});
setInterval(() => {
if ($(window).scrollTop() > 0 && $(".header_top").hasClass("header_top--open") === false) {
$(".burger").addClass("burger--follow");
} else {
$(".burger").removeClass("burger--follow");
}
}, 0);
$(".burger, .overlay").on("click", function (e) {
e.preventDefault();
$(".header_top").toggleClass("header_top--open");
$(".overlay").toggleClass("overlay--show");
});
</script>
<!-- <script async
src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&loading=async&callback=initMap">
let map;
async function initMap() {
const { Map } = await google.maps.importLibrary("maps");
map = new Map(document.getElementById("map"), {
center: { lat: -34.397, lng: 150.644 },
zoom: 8,
});
}
initMap();
</script> -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<script src="js.js"></script>
</body>
</html>

141
js.js Normal file
View File

@@ -0,0 +1,141 @@
const mixer = mixitup(".directions_body");
const filterButtons = document.querySelectorAll(".directions_filter_btn");
filterButtons.forEach((btn) => {
btn.addEventListener("click", () => {
// Удалить активный класс у всех
filterButtons.forEach((b) =>
b.classList.remove("directions_filter_btn--active")
);
// Добавить активный класс к нажатой
btn.classList.add("directions_filter_btn--active");
});
});
$(document).ready(function () {
// 1 слайдер
$(".team_slider").slick({
arrows: false,
slidesToShow: 4,
infinite: true,
draggable: false,
waitForAnimate: false,
responsive:
[
{
breakpoint: 1100,
settings: {
slidesToShow: 3},
},
{
breakpoint: 750,
settings: {
slidesToShow: 2},
},
{
breakpoint: 550,
settings: {
slidesToShow: 1},
},
]
});
$(".team_slider-prev").on("click", function (e) {
e.preventDefault();
$(".team_slider").slick("slickPrev");
});
$(".team_slider-next").on("click", function (e) {
e.preventDefault();
$(".team_slider").slick("slickNext");
});
// 2 слайдер
$(".testimonials_slider").slick({
arrows: false,
dots: true,
appendDots: $(".testimonials_dots"),
waitForAnimate: false,
responsive:
[
{
breakpoint: 700,
settings: {
slidesToShow: 1},
},
]
});
$(".testimonials_prev").on("click", function (e) {
e.preventDefault();
$(".testimonials_slider").slick("slickPrev");
});
$(".testimonials_next").on("click", function (e) {
e.preventDefault();
$(".testimonials_slider").slick("slickNext");
});
// аккордион первая версия
$(".program_acc_link").on("click", function (e) {
e.preventDefault();
$(this).toggleClass("program_acc_link--active");
$(this).children(".program_acc_text").slideToggle();
});
// аккордион вторая версия
// $('.program_acc_link').on('click', function (e) {
// e.preventDefault()
// if ($(this).hasClass('program_acc_link--active')) {
// $(this).removeClass('program_acc_link--active')
// $(this).children('.program_acc_text').slideUp()
// } else {
// $('.program_acc_link').removeClass('program_acc_link--active')
// $('.program_acc_text').slideUp()
// $(this).addClass('program_acc_link--active')
// $(this).children('.program_acc_text').slideDown()
// };
// });
});
$(".header_nav-list a, .haeder_top_btn, .footer_go_top").on("click", function (e) {
//отменяем стандартную обработку нажатия по ссылке
event.preventDefault();
//забираем идентификатор бока с атрибута href
var id = $(this).attr('href'),
//узнаем высоту от начала страницы до блока на который ссылается якорь
top = $(id).offset().top;
//анимируем переход на расстояние - top за 1500 мс
$('body,html').animate({scrollTop: top}, 1500);
});
setInterval(() => {
if ($(window).scrollTop() > 0 && $(".header_top").hasClass("header_top--open") === false) {
$(".burger").addClass("burger--follow");
} else {
$(".burger").removeClass("burger--follow");
}
}, 0);
$(".burger, .overlay").on("click", function (e) {
e.preventDefault();
$(".header_top").toggleClass("header_top--open");
$(".overlay").toggleClass("overlay--show");
});
// <!-- <script async
// src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&loading=async&callback=initMap">
// let map;
// async function initMap() {
// const { Map } = await google.maps.importLibrary("maps");
// map = new Map(document.getElementById("map"), {
// center: { lat: -34.397, lng: 150.644 },
// zoom: 8,
// });
// }
// initMap();
// </script> -->

0
main.js
View File