<!DOCTYPE html>

<html lang="ru">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta name="description" content="запчасти для сельхозтехники: John Deere, Claas, Amazone, ROC, МТЗ. Профессиональный ремонт и быстрая доставка по всей России.">

<meta name="keywords" content="запчасти сельхозтехники, трактор, комбайн, Amazone, John Deere, Claas, ремонт техники">

<title>АгроЗапчасти - Запчасти для сельхозтехники | John Deere, Claas, Amazone, ROC</title>

<style>

* { margin: 0; padding: 0; box-sizing: border-box; }

body { font-family: Arial, sans-serif; line-height: 1.6; color: #333; }

header { background-color: #2d7a3a; color: white; padding: 20px; }

nav { display: flex; justify-content: space-around; }

nav a { color: white; text-decoration: none; margin: 0 10px; font-weight: bold; }

.hero { background-color: #f4f4f4; padding: 50px 20px; text-align: center; }

.hero h1 { color: #2d7a3a; font-size: 2.5em; margin-bottom: 10px; }

.section { padding: 40px 20px; }

.section h2 { color: #2d7a3a; font-size: 2em; margin-bottom: 20px; text-align: center; }

.products { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; }

.product { border: 1px solid #ddd; padding: 15px; background: white; }

.product h4 { color: #ff9900; margin-bottom: 10px; }

button { background-color: #2d7a3a; color: white; padding: 10px 20px; border: none; cursor: pointer; border-radius: 5px; width: 100%; font-weight: bold; }

button:hover { background-color: #ff9900; }

footer { background-color: #333; color: white; padding: 20px; text-align: center; }

</style>

</head>

<body>

<header><nav><a href="#">🚜 АгроЗапчасти</a><a href="#">Бренды</a><a href="#products">Каталог</a><a href="#">Контакты</a></nav></header>

<section class="hero"><h1>Запчасти для сельхозтехники</h1><p>Запчасти Amazone, John Deere, Claas, ROC, MacDon и других брендов. Профессиональный ремонт и быстрая доставка.</p></section>

<section id="products" class="section"><h2>Каталог запчастей</h2><div class="products">