Server : ApacheSystem : Linux sh00666.bluehost.com 5.14.0-687.26.1.el9_8.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Jul 14 16:32:02 EDT 2026 x86_64 User : ndkhermy ( 1200) PHP Version : 8.5.12 Disable Function : NONE Directory : /home1/ndkhermy/www/website_93b53270/js/ |
Upload File : |
// car service list
$('.slick1').slick({
dots: false,
autoplay:true,
autoplaySpeed: 3000,
arrows:false,
infinite: false,
speed: 300,
slidesToShow: 4,
slidesToScroll: 1,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 2,
slidesToScroll: 2,
infinite: true,
dots: true
}
},
{
breakpoint: 600,
settings: {
slidesToShow: 3,
slidesToScroll: 3
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 3,
slidesToScroll: 1
}
}
// You can unslick at a given breakpoint now by adding:
// settings: "unslick"
// instead of a settings object
]
});
// main slider
$('.slick2').slick({
dots: false,
autoplay:true,
autoplaySpeed: 3000,
arrows:false,
infinite: true,
speed: 300,
slidesToShow: 1,
slidesToScroll: 1,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
infinite: true,
dots: true
}
},
{
breakpoint: 600,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
}
// You can unslick at a given breakpoint now by adding:
// settings: "unslick"
// instead of a settings object
]
});
// main slider
$('.slick3').slick({
dots: false,
autoplay:true,
autoplaySpeed: 3000,
arrows:false,
infinite: true,
speed: 300,
slidesToShow: 3,
slidesToScroll: 1,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
infinite: true,
dots: true
}
},
{
breakpoint: 600,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
}
// You can unslick at a given breakpoint now by adding:
// settings: "unslick"
// instead of a settings object
]
});
// client testimonial
$('.testimony').slick({
dots: false,
infinite: false,
speed: 300,
slidesToShow: 3,
slidesToScroll: 3,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 2,
slidesToScroll: 2,
infinite: true,
dots: true
}
},
{
breakpoint: 600,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
dots:true
}
}
// You can unslick at a given breakpoint now by adding:
// settings: "unslick"
// instead of a settings object
]
});
// navbar search
$(document).ready(function () {
$(".search-btn").click(function () {
$(".nav-search").css('visibility','visible');
});
});
$(document).ready(function() {
$('#close-btn').click(function() {
$('#search-overlay').fadeOut();
$('.search-btn').show();
});
$('.search-btn').click(function() {
$(this).hide();
$('#search-overlay').fadeIn();
});
});
// select car brand model year
document.addEventListener('DOMContentLoaded', function() {
const forms = document.querySelectorAll('.carForm');
forms.forEach((form, index) => {
let currentStep = 1;
const steps = form.querySelectorAll('.step');
const updateStepVisibility = () => {
steps.forEach((step, stepIndex) => {
step.classList.toggle('active', stepIndex === currentStep - 1);
});
};
form.querySelectorAll('.nextBtn').forEach(btn => {
btn.addEventListener('click', () => {
if (currentStep < steps.length) {
currentStep++;
updateStepVisibility();
}
});
});
form.querySelectorAll('.prevBtn').forEach(btn => {
btn.addEventListener('click', () => {
if (currentStep > 1) {
currentStep--;
updateStepVisibility();
}
});
});
updateStepVisibility();
});
});