<!doctype html>

<html lang="ru">

<head>

  <meta charset="utf-8">

  <title>Quelle Trade — продукты питания оптом в России</title>

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

  <meta name="description" content="Quelle Trade — поставки продуктов питания по России: бобовые, крупы, мука, масло, сахар, орехи, сухофрукты и консервы. Надёжный партнёр для оптовых покупателей.">

  <link rel="icon" href="data:,">

  <style>

    :root{

      --bg:#ffffff; --text:#1b1f24; --muted:#6b7280; --brand:#0ea5e9; --brand-2:#0369a1; --card:#f8fafc; --stroke:#e5e7eb;

    }

    *{box-sizing:border-box}

    html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}

    a{color:var(--brand);text-decoration:none}

    a:hover{text-decoration:underline}

    header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--stroke);z-index:10}

    .wrap{max-width:1100px;margin:0 auto;padding:0 20px}

    .nav{display:flex;align-items:center;justify-content:space-between;height:64px}

    .brand{display:flex;gap:.6rem;align-items:center;font-weight:700}

    .logo{width:28px;height:28px;border-radius:6px;background:linear-gradient(135deg,var(--brand),var(--brand-2));display:inline-block}

    .menu{display:flex;gap:18px;font-weight:600}

    .hero{background:linear-gradient(180deg,#ecfeff,transparent);border-bottom:1px solid var(--stroke)}

    .hero .inner{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;padding:48px 0}

    .badge{display:inline-block;background:#e0f2fe;color:#075985;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.02em}

    h1{font-size:40px;line-height:1.2;margin:.5rem 0}

    .lead{font-size:18px;color:var(--muted);max-width:60ch}

    .cta{display:flex;gap:12px;margin-top:18px}

    .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:10px;font-weight:700;border:1px solid var(--brand);background:var(--brand);color:#fff}

    .btn.secondary{background:#fff;color:var(--brand);border-color:var(--brand)}

    .card{background:var(--card);border:1px solid var(--stroke);border-radius:14px;padding:18px}

    section{padding:48px 0}

    h2{font-size:28px;margin:0 0 8px}

    .muted{color:var(--muted);margin:0 0 18px}

    .grid{display:grid;gap:18px}

    @media(min-width:800px){.grid.cols-3{grid-template-columns:repeat(3,1fr)} .grid.cols-2{grid-template-columns:repeat(2,1fr)}}

    ul{margin:0;padding-left:18px}

    .list-clean{list-style:none;padding:0;margin:0}

    .pill{display:inline-block;background:#eef2ff;color:#3730a3;border:1px solid #c7d2fe;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;margin:4px 6px 0 0}

    .table{width:100%;border-collapse:collapse;font-size:14px}

    .table th,.table td{border:1px solid var(--stroke);padding:10px;text-align:left;vertical-align:top}

    .table thead th{background:#f1f5f9}

    footer{border-top:1px solid var(--stroke);padding:28px 0;color:var(--muted);font-size:14px}

    .kicker{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px}

  </style>


  <!-- Schema.org (Organization) -->

  <script type="application/ld+json">

  {

    "@context":"https://schema.org",

    "@type":"Organization",

    "name":"Quelle Trade",

    "url":"https://quelle-trade.ru",

    "logo":"https://quelle-trade.ru/logo.png",

    "email":"info@quelle-trade.ru",

    "telephone":"+7-000-000-00-00",

    "address":{

      "@type":"PostalAddress",

      "addressCountry":"RU"

    },

    "sameAs":[]

  }

  </script>

</head>

<body>


<header>

  <div class="wrap nav">

    <div class="brand"><span class="logo" aria-hidden="true"></span> Quelle Trade</div>

    <nav class="menu">

      <a href="#about">О компании</a>

      <a href="#products">Продукты</a>

      <a href="#benefits">Преимущества</a>

      <a href="#delivery">Доставка</a>

      <a href="#contacts">Контакты</a>

    </nav>

  </div>

</header>


<main>

  <section class="hero">

    <div class="wrap inner">

      <div>

        <span class="badge">Оптовые поставки продуктов питания</span>

        <h1>Quelle Trade — надёжные поставки по всей России</h1>

        <p class="lead">

          Специализируемся на бобовых, крупах, муке, маслах, сахаре, орехах, сухофруктах и консервах.

          Работаем с сетями, производителями и дистрибьюторами. Документы и логистика — под ключ.

        </p>

        <div class="cta">

          <a class="btn" href="#products">Смотреть перечень продуктов</a>

          <a class="btn secondary" href="#contacts">Запросить прайс</a>

        </div>

        <div style="margin-top:12px">

          <span class="pill">НДС и документы</span>

          <span class="pill">Складские отгрузки</span>

          <span class="pill">Контроль качества</span>

        </div>

      </div>

      <div>

        <div class="card">

          <div class="kicker">Быстрая справка</div>

          <ul class="list-clean">

            <li>⏱ Срок отгрузки: от 1–3 рабочих дней при наличии на складе</li>

            <li>📦 Упаковка: мешки, биг-бэги, короба, ж/б, ПЭТ</li>

            <li>🚛 Доставка: РФ (FCA/EXW/CPT), самовывоз или наша логистика</li>

            <li>🧾 Документы: договор, счёт, УПД/Торг-12, сертификаты качества</li>

          </ul>

        </div>

      </div>

    </div>

  </section>


  <section id="about">

    <div class="wrap">

      <h2>О компании</h2>

      <p class="muted">

        Quelle Trade — торговая компания, ориентированная на стабильные поставки качественных продуктов питания.

        Мы выстраиваем долгосрочные отношения с поставщиками и покупателями, соблюдая сроки, спецификации и требования

        к качеству. Подбираем оптимальные условия поставки под задачу клиента.

      </p>

      <div class="grid cols-3">

        <div class="card"><strong>Качество</strong><br>Каждая партия сопровождается документами и выборочным контролем.</div>

        <div class="card"><strong>Скорость</strong><br>Быстрое подтверждение наличия, оперативные отгрузки.</div>

        <div class="card"><strong>Гибкость</strong><br>Упаковка, маркировка и логистика под ваши требования.</div>

      </div>

    </div>

  </section>


  <section id="products">

    <div class="wrap">

      <h2>Перечень продуктов питания</h2>

      <p class="muted">Ниже — базовый перечень. Полный прайс с актуальными остатками и ценами предоставим по запросу.</p>


      <!-- Категории и позиции (редактируйте по необходимости) -->

      <div class="grid cols-2">

        <div class="card">

          <h3>Бобовые</h3>

          <ul>

            <li>Нут (Desi / Kabuli) — 5/7/8/9/10 мм</li>

            <li>Горох колотый / целый</li>

            <li>Чечевица (красная, зелёная, коричневая)</li>

            <li>Фасоль (красная, белая, пинто, чёрная)</li>

            <li>Соя продовольственная</li>

          </ul>

        </div>

        <div class="card">

          <h3>Крупы</h3>

          <ul>

            <li>Гречневая ядрица / продел</li>

            <li>Рис (круглый, длиннозёрный, басмати, жасмин)</li>

            <li>Пшено, перловая, ячневая</li>

            <li>Овсяная крупа и хлопья</li>

            <li>Кускус, булгур</li>

          </ul>

        </div>


        <div class="card">

          <h3>Мука</h3>

          <ul>

            <li>Пшеничная (в/с, 1 сорт)</li>

            <li>Ржаная (обдирная/сеяная)</li>

            <li>Нутовая мука</li>

            <li>Кукурузная, рисовая</li>

          </ul>

        </div>

        <div class="card">

          <h3>Масла</h3>

          <ul>

            <li>Подсолнечное рафинированное / нерафинированное</li>

            <li>Оливковое (рафинированное / Extra Virgin)</li>

            <li>Кукурузное, соевое</li>

            <li>Кокосовое (раф./нераֆ.)</li>

          </ul>

        </div>


        <div class="card">

          <h3>Сахар и сладкая продукция</h3>

          <ul>

            <li>Сахар-песок</li>

            <li>Сахарная пудра</li>

            <li>Глюкозный сироп</li>

            <li>Мёд (монофлёрный/многофлёрный)</li>

          </ul>

        </div>

        <div class="card">

          <h3>Орехи и сухофрукты</h3>

          <ul>

            <li>Грецкий орех (ядро, половинки, четвертинки)</li>

            <li>Миндаль, кешью, фисташки, фундук</li>

            <li>Курага, изюм, чернослив, финики</li>

            <li>Семечки подсолнечника, тыквенные</li>

          </ul>

        </div>


        <div class="card">

          <h3>Консервы и бакалея</h3>

          <ul>

            <li>Консервы овощные и бобовые (нут, фасоль, горох)</li>

            <li>Томатные продукты (паста, соусы)</li>

            <li>Крупяные смеси, мюсли</li>

            <li>Соль, специи, приправы</li>

          </ul>

        </div>

        <div class="card">

          <h3>Готовые решения</h3>

          <ul>

            <li>Хумус (классический / с добавками)</li>

            <li>Пасты из бобовых (нутовая, фасолевая)</li>

            <li>Смеси для линий HoReCa и private label</li>

          </ul>

        </div>

      </div>


      <p class="muted" style="margin-top:12px">

        Упаковка: мешки 25/50 кг, биг-бэги 500–1000 кг, короба, банки, ПЭТ (в зависимости от позиции).

      </p>


      <!-- Пример табличного блока: спецификации -->

      <div class="card" style="margin-top:18px">

        <h3>Пример спецификации партии</h3>

        <table class="table">

          <thead>

            <tr>

              <th>Товар</th><th>Класс/калибр</th><th>Упаковка</th><th>ГОСТ/СТО</th><th>Минимальная партия</th>

            </tr>

          </thead>

          <tbody>

            <tr>

              <td>Нут Kabuli</td><td>8–10 мм</td><td>мешок 25 кг / биг-бэг 1 т</td><td>СТО производителя</td><td>5 т</td>

            </tr>

            <tr>

              <td>Чечевица красная</td><td>высший сорт</td><td>мешок 25 кг</td><td>СТО производителя</td><td>3 т</td>

            </tr>

            <tr>

              <td>Подсолнечное масло</td><td>Рафинированное</td><td>ПЭТ 5 л / налив</td><td>ТР ТС</td><td>5 палет</td>

            </tr>

          </tbody>

        </table>

      </div>


    </div>

  </section>


  <section id="benefits">

    <div class="wrap">

      <h2>Почему с нами удобно</h2>

      <div class="grid cols-3">

        <div class="card"><strong>Прозрачные условия</strong><br>Фиксируем спецификацию и сроки в договоре.</div>

        <div class="card"><strong>Логистика</strong><br>Организуем доставку по РФ или готовим к самовывозу.</div>

        <div class="card"><strong>Поддержка</strong><br>Персональный менеджер и быстрый обмен документами.</div>

      </div>

    </div>

  </section>


  <section id="delivery">

    <div class="wrap">

      <h2>Доставка и условия</h2>

      <p class="muted">

        Отгружаем со складов в РФ. Условия: EXW/FCA/CPT по согласованию. Возможны регулярные поставки по графику.

        Предоставляем необходимые документы (УПД/Торг-12, сертификаты, декларации соответствия).

      </p>

      <div class="card">

        <strong>Способы оплаты:</strong> безналичный расчёт (с НДС/без НДС по согласованию).<br>

        <strong>Сроки:</strong> зависят от наличия и региона доставки (уточняйте по конкретной позиции).

      </div>

    </div>

  </section>


  <section id="contacts">

    <div class="wrap">

      <h2>Контакты</h2>

      <div class="grid cols-2">

        <div class="card">

          <p><strong>Quelle Trade</strong><br>

          Сайт: <a href="https://quelle-trade.ru" target="_blank" rel="noopener">quelle-trade.ru</a><br>

          Email: <a href="mailto:info@quelle-trade.ru">info@quelle-trade.ru</a><br>

          Телефон: <a href="tel:+70000000000">+7 (000) 000-00-00</a></p>

          <p class="muted">Напишите нам, укажите интересующие позиции и объёмы — вышлем прайс и доступность по складам.</p>

        </div>

        <div class="card">

          <form onsubmit="event.preventDefault(); alert('Спасибо! Менеджер свяжется с вами.');">

            <label>Ваше имя<br><input required type="text" name="name" style="width:100%;padding:10px;border:1px solid var(--stroke);border-radius:8px"></label><br><br>

            <label>Email или телефон<br><input required type="text" name="contact" style="width:100%;padding:10px;border:1px solid var(--stroke);border-radius:8px"></label><br><br>

            <label>Сообщение<br><textarea required name="msg" rows="4" style="width:100%;padding:10px;border:1px solid var(--stroke);border-radius:8px"></textarea></label><br><br>

            <button class="btn" type="submit">Отправить запрос</button>

          </form>

          <p class="muted" style="margin-top:10px">Форма демонстрационная (без сервера). Подключите обработчик на почту или CRM.</p>

        </div>

      </div>

    </div>

  </section>

</main>


<footer>

  <div class="wrap">

    © <span id="y"></span> Quelle Trade. Все права защищены. • Политика конфиденциальности

  </div>

</footer>


<script>

  // текущий год в подвале

  document.getElementById('y').textContent = new Date().getFullYear();

</script>


</body>

</html>