english version telmi
This commit is contained in:
parent
1801fa0c48
commit
9d5678546a
203
index.html
203
index.html
@ -1,10 +1,10 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Telmi - умные часы, которые говорят за вас!</title>
|
||||
<meta name="description" content="Умные часы Telmi помогают людям с особенностями речи легко общаться с миром. Решение для детей и взрослых с нарушениями коммуникации.">
|
||||
<title>Telmi - Smartwatches That Speak For You!</title>
|
||||
<meta name="description" content="Telmi smartwatches help people with speech differences communicate easily with the world. A solution for children and adults with communication challenges.">
|
||||
<link rel="stylesheet" href="css/styles.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
||||
</head>
|
||||
@ -19,11 +19,11 @@
|
||||
</a>
|
||||
<button class="mobile-menu-btn">☰</button>
|
||||
<div class="nav-links">
|
||||
<a href="#how-it-works" class="nav-link">Как работает Telmi?</a>
|
||||
<a href="#who-is-it-for" class="nav-link">Кому подойдет Telmi?</a>
|
||||
<a href="#why-telmi" class="nav-link">Почему Telmi?</a>
|
||||
<a href="#reviews" class="nav-link">Отзывы пользователей</a>
|
||||
<a href="#order" class="nav-link">Где купить Telmi?</a>
|
||||
<a href="#how-it-works" class="nav-link">How It Works</a>
|
||||
<a href="#who-is-it-for" class="nav-link">Who It's For</a>
|
||||
<a href="#why-telmi" class="nav-link">Why Telmi</a>
|
||||
<a href="#reviews" class="nav-link">Testimonials</a>
|
||||
<a href="#order" class="nav-link">Where to Buy</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
@ -42,28 +42,28 @@
|
||||
<section class="section who-section" id="who-is-it-for">
|
||||
<div class="container">
|
||||
<div class="header-content">
|
||||
<h1>Умные часы, которые говорят за вас!</h1>
|
||||
<p>Telmi помогает людям с особенностями речи легко общаться с миром, выражать свои желания и получать поддержку.</p>
|
||||
<h1>Smartwatches That Speak For You!</h1>
|
||||
<p>Telmi helps people with speech differences communicate easily with the world, express their needs, and get support.</p>
|
||||
<div class="cta-buttons">
|
||||
<a href="#order" class="btn btn-primary">Выбрать Telmi</a>
|
||||
<a href="#order" class="btn btn-primary">Choose Telmi</a>
|
||||
</div></div><br><br>
|
||||
|
||||
<h2 class="section-title">Кому подойдет Telmi?</h2>
|
||||
<h2 class="section-title">Who Is Telmi For?</h2>
|
||||
<div class="user-types">
|
||||
<div class="user-card">
|
||||
<div class="user-emoji">👶</div>
|
||||
<h3>Детям с нарушениями речи</h3>
|
||||
<p>Помогает выражать основные потребности и эмоции</p>
|
||||
<h3>Children with speech disorders</h3>
|
||||
<p>Helps express basic needs and emotions</p>
|
||||
</div>
|
||||
<div class="user-card">
|
||||
<div class="user-emoji">🧩</div>
|
||||
<h3>Людям с аутизмом</h3>
|
||||
<p>Упрощает коммуникацию и снижает тревожность</p>
|
||||
<h3>People with autism</h3>
|
||||
<p>Simplifies communication and reduces anxiety</p>
|
||||
</div>
|
||||
<div class="user-card">
|
||||
<div class="user-emoji">👵</div>
|
||||
<h3>Взрослым с ограниченными возможностями</h3>
|
||||
<p>Дает возможность быть услышанным в любых ситуациях</p>
|
||||
<h3>Adults with disabilities</h3>
|
||||
<p>Enables being heard in any situation</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -76,22 +76,22 @@
|
||||
<!-- How It Works Section -->
|
||||
<section class="section" id="how-it-works">
|
||||
<div class="container">
|
||||
<h2 class="section-title">Как работает Telmi?</h2>
|
||||
<h2 class="section-title">How Telmi Works</h2>
|
||||
<div class="features">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">👆</div>
|
||||
<h3>Выбираете иконку</h3>
|
||||
<p>Часы мгновенно озвучивают ваш запрос понятным голосом</p>
|
||||
<h3>Select an icon</h3>
|
||||
<p>The watch instantly voices your request clearly</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">👂</div>
|
||||
<h3>Получаете ответ</h3>
|
||||
<p>Родители, учителя или близкие сразу понимают вашу потребность</p>
|
||||
<h3>Get response</h3>
|
||||
<p>Parents, teachers or caregivers immediately understand your needs</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">🎙️</div>
|
||||
<h3>Используете ассистента</h3>
|
||||
<p>Голосовой помощник выполняет команды и напоминает о важном</p>
|
||||
<h3>Use assistant</h3>
|
||||
<p>Voice assistant executes commands and reminds of important things</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -99,10 +99,10 @@
|
||||
|
||||
<!-- Video Block -->
|
||||
<section class="section">
|
||||
<h2 class="section-title">Как использовать смарт-часы Telmi?</h2>
|
||||
<h2 class="section-title">How to Use Telmi Smartwatches?</h2>
|
||||
<div class="video-container">
|
||||
<iframe
|
||||
src="https://www.youtube.com/embed/7Ell_V8V6es?autoplay=1&mute=1&loop=1&playlist=7Ell_V8V6es&controls=0"
|
||||
src="https://www.youtube.com/embed/IQ6Eh4gBf7w?autoplay=1&mute=1&loop=1&playlist=IQ6Eh4gBf7w&controls=0"
|
||||
frameborder="0"
|
||||
allow="accelerometer; autoplay; encrypted-media; gyroscope"
|
||||
allowfullscreen>
|
||||
@ -113,61 +113,61 @@
|
||||
<!-- Disease/Condition Help Table -->
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<h2 class="section-title">Польза Telmi при конкретных нарушениях</h2>
|
||||
<h2 class="section-title">Telmi Benefits for Specific Conditions</h2>
|
||||
<div class="disease-grid">
|
||||
<div class="disease-card">
|
||||
<span class="disease-icon">🧩</span>
|
||||
<h3>Аутизм (РАС)</h3>
|
||||
<p class="help-text">Помогает выражать потребности, эмоции, снижает уровень стресса</p>
|
||||
<p class="features-text">Иконки с озвучкой, простые фразы, SOS-кнопка</p>
|
||||
<h3>Autism (ASD)</h3>
|
||||
<p class="help-text">Helps express needs, emotions, reduces stress levels</p>
|
||||
<p class="features-text">Voiced icons, simple phrases, SOS button</p>
|
||||
</div>
|
||||
<div class="disease-card">
|
||||
<span class="disease-icon">🗣️</span>
|
||||
<h3>Алалия (моторная/сенсорная)</h3>
|
||||
<p class="help-text">Заменяет или дополняет устную речь</p>
|
||||
<p class="features-text">Иконки с действиями и предметами</p>
|
||||
<h3>Alalia (motor/sensory)</h3>
|
||||
<p class="help-text">Replaces or supplements verbal speech</p>
|
||||
<p class="features-text">Action and object icons</p>
|
||||
</div>
|
||||
<div class="disease-card">
|
||||
<span class="disease-icon">🧠</span>
|
||||
<h3>Афазия (после инсульта/ЧМТ)</h3>
|
||||
<p class="help-text">Восстанавливает базовую коммуникацию</p>
|
||||
<p class="features-text">Предустановленные фразы, персонализированные кнопки</p>
|
||||
<h3>Aphasia (post-stroke/TBI)</h3>
|
||||
<p class="help-text">Restores basic communication</p>
|
||||
<p class="features-text">Pre-set phrases, personalized buttons</p>
|
||||
</div>
|
||||
<div class="disease-card">
|
||||
<span class="disease-icon">♿</span>
|
||||
<h3>ДЦП (с нарушением речи)</h3>
|
||||
<p class="help-text">Обеспечивает способ общения при сохранённом интеллекте</p>
|
||||
<p class="features-text">Простое меню, голосовой выход, иконки</p>
|
||||
<h3>Cerebral Palsy (with speech impairment)</h3>
|
||||
<p class="help-text">Provides communication method while preserving intellect</p>
|
||||
<p class="features-text">Simple menu, voice output, icons</p>
|
||||
</div>
|
||||
<div class="disease-card">
|
||||
<span class="disease-icon">🧠</span>
|
||||
<h3>Интеллектуальные нарушения</h3>
|
||||
<p class="help-text">Облегчает понимание и взаимодействие с окружающими</p>
|
||||
<p class="features-text">Минималистичный интерфейс, визуальная поддержка</p>
|
||||
<h3>Intellectual disabilities</h3>
|
||||
<p class="help-text">Facilitates understanding and interaction</p>
|
||||
<p class="features-text">Minimalist interface, visual support</p>
|
||||
</div>
|
||||
<div class="disease-card">
|
||||
<span class="disease-icon">👶</span>
|
||||
<h3>Синдром Дауна</h3>
|
||||
<p class="help-text">Развивает коммуникационные навыки, помогает в социализации</p>
|
||||
<p class="features-text">Речевые шаблоны, обучение простым фразам</p>
|
||||
<h3>Down Syndrome</h3>
|
||||
<p class="help-text">Develops communication skills, aids socialization</p>
|
||||
<p class="features-text">Speech templates, simple phrase training</p>
|
||||
</div>
|
||||
<div class="disease-card">
|
||||
<span class="disease-icon">🫁</span>
|
||||
<h3>БАС / болезнь Паркинсона</h3>
|
||||
<p class="help-text">Позволяет продолжать общение на поздних стадиях заболевания</p>
|
||||
<p class="features-text">Большие кнопки, быстрые фразы, SOS-сигнал</p>
|
||||
<h3>ALS/Parkinson's Disease</h3>
|
||||
<p class="help-text">Enables continued communication in late stages</p>
|
||||
<p class="features-text">Large buttons, quick phrases, SOS signal</p>
|
||||
</div>
|
||||
<div class="disease-card">
|
||||
<span class="disease-icon">👂</span>
|
||||
<h3>Глухонемота / тугоухость</h3>
|
||||
<p class="help-text">Служит универсальным способом общения без необходимости речи</p>
|
||||
<p class="features-text">Визуальные и текстовые элементы, виброотклик</p>
|
||||
<h3>Deafness/Hard of Hearing</h3>
|
||||
<p class="help-text">Universal communication without speech</p>
|
||||
<p class="features-text">Visual/text elements, vibration feedback</p>
|
||||
</div>
|
||||
<div class="disease-card">
|
||||
<span class="disease-icon">🏥</span>
|
||||
<h3>Послеоперационные состояния</h3>
|
||||
<p class="help-text">Временная замена речи (например, после операций на гортани)</p>
|
||||
<p class="features-text">Предустановленные фразы и простые команды</p>
|
||||
<h3>Post-Surgical Recovery</h3>
|
||||
<p class="help-text">Temporary speech replacement (e.g. post-larynx surgery)</p>
|
||||
<p class="features-text">Pre-set phrases and simple commands</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -176,30 +176,30 @@
|
||||
<!-- Why Section -->
|
||||
<section class="section why-section" id="why-telmi">
|
||||
<div class="container">
|
||||
<h2 class="section-title">Почему Telmi?</h2>
|
||||
<h2 class="section-title">Why Choose Telmi?</h2>
|
||||
</div>
|
||||
<div class="why-container">
|
||||
<button class="scroll-btn left">←</button>
|
||||
<div class="cards-wrapper">
|
||||
<div class="benefit-card">
|
||||
<h3>📢 Голосовое оповещение</h3>
|
||||
<p>Часы говорят за вас четким и понятным голосом в любой ситуации</p>
|
||||
<h3>📢 Voice Announcement</h3>
|
||||
<p>The watch speaks for you clearly in any situation</p>
|
||||
</div>
|
||||
<div class="benefit-card">
|
||||
<h3>🎨 Интуитивные иконки</h3>
|
||||
<p>Простой интерфейс с понятными изображениями для мгновенного выбора</p>
|
||||
<h3>🎨 Intuitive Icons</h3>
|
||||
<p>Simple interface with clear images for instant selection</p>
|
||||
</div>
|
||||
<div class="benefit-card">
|
||||
<h3>🔔 Напоминания</h3>
|
||||
<p>Важные события и расписание всегда под контролем</p>
|
||||
<h3>🔔 Reminders</h3>
|
||||
<p>Important events and schedules always managed</p>
|
||||
</div>
|
||||
<div class="benefit-card">
|
||||
<h3>❤️ Мониторинг здоровья</h3>
|
||||
<p>Отслеживание пульса, температуры и активности</p>
|
||||
<h3>❤️ Health Monitoring</h3>
|
||||
<p>Tracks heart rate, temperature and activity</p>
|
||||
</div>
|
||||
<div class="benefit-card">
|
||||
<h3>📞 Служба поддержки</h3>
|
||||
<p>Помощь и консультации 24/7 по любым вопросам</p>
|
||||
<h3>📞 24/7 Support</h3>
|
||||
<p>Help and consultations available anytime</p>
|
||||
</div>
|
||||
</div>
|
||||
<button class="scroll-btn right">→</button>
|
||||
@ -209,7 +209,7 @@
|
||||
<!-- Testimonials Section -->
|
||||
<section class="section reviews-section" id="reviews">
|
||||
<div class="container">
|
||||
<h2 class="section-title">Отзывы пользователей</h2>
|
||||
<h2 class="section-title">User Testimonials</h2>
|
||||
</div>
|
||||
<div class="reviews-container">
|
||||
<button class="review-scroll-btn left">←</button>
|
||||
@ -218,29 +218,29 @@
|
||||
<div class="user-avatar-container">
|
||||
<img src="https://randomuser.me/api/portraits/women/43.jpg" class="user-avatar" alt="Марина">
|
||||
</div>
|
||||
<p>"Благодаря Telmi, мой ребенок теперь может сам выражать свои желания. Это изменило нашу жизнь!"</p>
|
||||
<div class="testimonial-author">- Марина, мама 8-летнего Артема</div>
|
||||
<p>"Thanks to Telmi, my child can now express their wishes independently. It changed our lives!"</p>
|
||||
<div class="testimonial-author">- Marina, mother of 8-year-old Artem</div>
|
||||
</div>
|
||||
<div class="review-card">
|
||||
<div class="user-avatar-container">
|
||||
<img src="https://randomuser.me/api/portraits/women/65.jpg" class="user-avatar" alt="Ольга">
|
||||
</div>
|
||||
<p>"Как педагог, я вижу огромный прогресс у детей с аутизмом, использующих Telmi. Они стали более открытыми и спокойными."</p>
|
||||
<div class="testimonial-author">- Ольга Сергеевна, логопед</div>
|
||||
<p>"As an educator, I see tremendous progress in children with autism using Telmi. They've become more open and calm."</p>
|
||||
<div class="testimonial-author">- Olga Sergeevna, speech therapist</div>
|
||||
</div>
|
||||
<div class="review-card">
|
||||
<div class="user-avatar-container">
|
||||
<img src="https://randomuser.me/api/portraits/men/32.jpg" class="user-avatar" alt="Дмитрий">
|
||||
</div>
|
||||
<p>"Моя бабушка после инсульта снова может общаться с нами. Telmi стал для нас настоящим спасением."</p>
|
||||
<div class="testimonial-author">- Дмитрий, внук</div>
|
||||
<p>"My grandmother can communicate with us again after her stroke. Telmi has been a lifesaver."</p>
|
||||
<div class="testimonial-author">- Dmitry, grandson</div>
|
||||
</div>
|
||||
<div class="review-card">
|
||||
<div class="user-avatar-container">
|
||||
<img src="https://randomuser.me/api/portraits/women/22.jpg" class="user-avatar" alt="Анна">
|
||||
</div>
|
||||
<p>"Простое и эффективное решение для невербальных детей. Рекомендую всем родителям!"</p>
|
||||
<div class="testimonial-author">- Анна, мама 6-летней Софии</div>
|
||||
<p>"Simple yet effective solution for non-verbal children. I recommend it to all parents!"</p>
|
||||
<div class="testimonial-author">- Anna, mother of 6-year-old Sofia</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="review-scroll-btn right">→</button>
|
||||
@ -250,7 +250,7 @@
|
||||
|
||||
<!-- CTA Section -->
|
||||
<section class="cta-section" id="order">
|
||||
<h2>Где купить Telmi?</h2>
|
||||
<h2>Where to Buy Telmi?</h2>
|
||||
<div class="container">
|
||||
<div class="cta-content">
|
||||
|
||||
@ -271,43 +271,24 @@
|
||||
</div>
|
||||
<div class="cta-text">
|
||||
|
||||
<div class="discount-badge">Акция: скидка 10% сегодня!</div>
|
||||
<div class="price">14 990 ₽ <span style="text-decoration: line-through; opacity: 0.7; font-size: 1.5rem;">16 990 ₽</span></div>
|
||||
<div class="discount-badge">Special: 10% off today!</div>
|
||||
<div class="price">$210 <span style="text-decoration: line-through; opacity: 0.7; font-size: 1.5rem;">$230</span></div>
|
||||
<div class="payment-container">
|
||||
<iframe
|
||||
src="https://yoomoney.ru/quickpay/fundraise/button?billNumber=19ACK72QFDN.250330&"
|
||||
frameborder="0"
|
||||
scrolling="no">
|
||||
</iframe>
|
||||
<script async
|
||||
src="https://js.stripe.com/v3/buy-button.js">
|
||||
</script>
|
||||
|
||||
<stripe-buy-button
|
||||
buy-button-id="buy_btn_1REELEBQTq2kFhuKQfn3P8QC"
|
||||
publishable-key="pk_live_51Nv50oBQTq2kFhuKvldnzLIqGINqHPmqTSEearHlpRe3EoAkHHCa9czjhM36mSJpkoAEDIxqsMBkZwxZ4sqObgU600YHQNhPK2"
|
||||
>
|
||||
</stripe-buy-button>
|
||||
</div>
|
||||
<p class="urgency">Осталось 15 штук по акции<br>
|
||||
Напишите нам для уточнения делатей заказа
|
||||
<p class="urgency">Only 15 units left at this price<br>
|
||||
Contact us for order details
|
||||
</p>
|
||||
</div>
|
||||
<div class="social-embeds">
|
||||
<h2 class="section-title">Мы в соцсетях</h2>
|
||||
<div class="embeds-container">
|
||||
<div class="embed-wrapper">
|
||||
<blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/reel/DIZEZjJANOO/?utm_source=ig_web_copy_link&igsh=ZDNlZDc0MzIxNw%3D%3D" data-instgrm-version="14">
|
||||
<div style="padding:16px;">
|
||||
<div style="display: flex; justify-content: center;">
|
||||
<div style="background-color: #F4F4F4; border-radius: 50%; height: 40px; width: 40px;"></div>
|
||||
</div>
|
||||
<div style="padding: 19% 0;"></div>
|
||||
<div style="display:block; height:50px; margin:0 auto 12px; width:50px;"></div>
|
||||
<div style="padding-top: 8px;">
|
||||
<div style="color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;">View this post on Instagram</div>
|
||||
</div>
|
||||
<div style="padding: 12.5% 0;"></div>
|
||||
<div style="display: flex; justify-content: center;">
|
||||
<div style="background-color: #F4F4F4; height: 12.5px; width: 12.5px; transform: rotate(45deg) translateX(3px) translateY(1px);"></div>
|
||||
<div style="background-color: #F4F4F4; height: 12.5px; width: 12.5px; transform: rotate(-45deg) translateX(-3px) translateY(1px);"></div>
|
||||
</div>
|
||||
</div>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -323,8 +304,8 @@
|
||||
<i class="fab fa-whatsapp fa-4x"></i>
|
||||
</a>
|
||||
</div>
|
||||
<p>© 2025 Telmi. Все права защищены.</p>
|
||||
<p>support@mytelmi.ru</p>
|
||||
<p>© 2025 Telmi. All rights reserved.</p>
|
||||
<p>support@mytelmi.com</p>
|
||||
</div>
|
||||
</footer>
|
||||
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user