Spaces:
Running
Running
| <html lang="ru"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>China-KG Cargo | Будущее доставки</title> | |
| <link rel="stylesheet" href="styles.css"> | |
| </head> | |
| <body> | |
| <div class="cursor"></div> | |
| <div class="cursor-follower"></div> | |
| <header> | |
| <div class="container"> | |
| <h1 class="logo">China-KG Cargo</h1> | |
| <nav> | |
| <button class="menu-toggle">☰</button> | |
| <ul class="nav-list"> | |
| <li><a href="#services">Услуги</a></li> | |
| <li><a href="#about">О нас</a></li> | |
| <li><a href="#contact">Контакты</a></li> | |
| </ul> | |
| </nav> | |
| </div> | |
| </header> | |
| <section class="hero"> | |
| <div id="webgl-bg"></div> | |
| <div class="container"> | |
| <h2 data-parallax>Грузы из Китая в Кыргызстан</h2> | |
| <p data-parallax>Инновационная доставка нового поколения</p> | |
| <button class="cta-button" onclick="scrollToContact()">Начать доставку</button> | |
| </div> | |
| </section> | |
| <section id="services" class="services"> | |
| <div class="container"> | |
| <h3>Наши услуги</h3> | |
| <div class="service-grid"> | |
| <div class="service-card" data-tilt> | |
| <h4>Таможня</h4> | |
| <p>Автоматизированное оформление</p> | |
| </div> | |
| <div class="service-card" data-tilt> | |
| <h4>Экспресс</h4> | |
| <p>От 3 дней с трекингом</p> | |
| </div> | |
| <div class="service-card" data-tilt> | |
| <h4>Консолидация</h4> | |
| <p>Экономия до 30%</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <section id="about" class="about"> | |
| <div class="container"> | |
| <h3>Кто мы?</h3> | |
| <p>Лидеры в карго-доставке с 2020 года. Используем AI и современные технологии для вашего комфорта.</p> | |
| <div id="tracking-demo"> | |
| <input type="text" id="track-input" placeholder="Введите номер груза"> | |
| <button onclick="trackCargo()">Отследить</button> | |
| </div> | |
| </div> | |
| </section> | |
| <section id="contact" class="contact"> | |
| <div class="container"> | |
| <h3>Свяжитесь с нами</h3> | |
| <form id="contact-form" action="https://formspree.io/f/xrbevkll" method="POST"> | |
| <input type="text" name="name" placeholder="Имя" required> | |
| <input type="tel" name="phone" placeholder="Телефон" required> | |
| <input type="hidden" name="_subject" value="Новая заявка с сайта China-KG Cargo"> | |
| <input type="hidden" name="_next" value="https://your-site.com/thanks.html"> | |
| <button type="submit" class="submit-button">Отправить</button> | |
| </form> | |
| </div> | |
| </section> | |
| <footer> | |
| <div class="container"> | |
| <p>© 2025 China-KG Cargo. Доставка будущего начинается здесь.</p> | |
| </div> | |
| </footer> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.7.0/vanilla-tilt.min.js"></script> | |
| <script src="scripts.js"></script> | |
| </body> | |
| </html> |