NEW HOLLAND
A high-performance combine harvester designed for efficient harvesting, precise crop handling, and reliable operation in demanding field conditions.
FENDT 800 VARIO
A powerful and versatile tractor engineered for optimal field performance and fuel efficiency.
MONOSEM MS
A precision seed planter delivering accurate spacing and consistent planting results.
FIGHTER 3000
A robust agricultural sprayer designed for wide coverage and reliable field operation.
.tech-block {
width: 100%;
max-width: 1200px;
margin: auto;
font-family: Arial, sans-serif;
}
.tech-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 25px;
animation: fadeDown 0.6s ease;
}
.tech-label {
font-size: 16px;
font-weight: bold;
}
.tech-header h2 {
text-align: center;
flex: 1;
font-size: 26px;
}
.tech-nav {
display: flex;
align-items: center;
gap: 10px;
}
.arrow {
cursor: pointer;
font-size: 22px;
padding: 5px;
transition: 0.3s;
}
.arrow:hover {
transform: scale(1.2);
}
.slider-wrapper {
overflow: hidden;
width: 100%;
}
.slider {
display: flex;
gap: 20px;
transition: transform 0.4s ease;
}
.card {
width: calc(50% - 10px);
background: #fff;
padding: 15px;
border-radius: 10px;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
transition: 0.3s;
animation: fadeIn 0.6s ease;
}
.card:hover {
transform: scale(1.03);
box-shadow: 0 6px 18px rgba(0,0,0,0.15);
}
.card img {
width: 100%;
border-radius: 8px;
margin-bottom: 10px;
}
/* Адаптация */
@media (max-width: 900px) {
.card {
width: 100%;
}
.slider {
flex-wrap: nowrap;
}
}
@keyframes fadeDown {
from { opacity: 0; transform: translateY(-20px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeIn {
from { opacity: 0; transform: scale(0.95); }
to { opacity: 1; transform: scale(1); }
}
let slider = document.getElementById("slider");
let index = 0;
let totalSlides = 4;
let autoScroll;
function updateSlider() {
slider.style.transform = `translateX(-${index * 50}%)`;
document.getElementById("slideIndex").textContent = String(index + 1).padStart(2, "0");
}
document.querySelector(".arrow.right").onclick = () => {
index = (index + 1) % totalSlides;
updateSlider();
};
document.querySelector(".arrow.left").onclick = () => {
index = (index - 1 + totalSlides) % totalSlides;
updateSlider();
};
function startAutoScroll() {
autoScroll = setInterval(() => {
index = (index + 1) % totalSlides;
updateSlider();
}, 5000);
}
function stopAutoScroll() {
clearInterval(autoScroll);
}
document.querySelector(".slider-wrapper").addEventListener("mouseenter", stopAutoScroll);
document.querySelector(".slider-wrapper").addEventListener("mouseleave", startAutoScroll);
startAutoScroll();
