<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Android-разработка — Сева Слепнев</title> <style> :root{--bg:#0f1115;--card:#171a21;--accent:#3ddc84;--text:#e8eaed;--muted:#9aa0a6} *{margin:0;padding:0;box-sizing:border-box} body{font-family:-apple-system,"Segoe UI",Roboto,Ubuntu,sans-serif;background:var(--bg);color:var(--text);line-height:1.6} a{color:var(--accent);text-decoration:none} .wrap{max-width:960px;margin:0 auto;padding:0 24px} header{padding:32px 0;display:flex;justify-content:space-between;align-items:center} .logo{font-weight:700;font-size:20px}.logo span{color:var(--accent)} nav a{margin-left:24px;color:var(--muted);font-size:15px} nav a:hover{color:var(--text)} .hero{padding:72px 0 56px} .hero h1{font-size:42px;line-height:1.15;font-weight:800} .hero h1 em{font-style:normal;color:var(--accent)} .hero p{margin-top:18px;font-size:18px;color:var(--muted);max-width:640px} .badges{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap} .badge{background:var(--card);border:1px solid #262b35;border-radius:999px;padding:8px 16px;font-size:14px;color:var(--muted)} section{padding:48px 0} h2{font-size:26px;margin-bottom:24px} .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px} .card{background:var(--card);border:1px solid #262b35;border-radius:14px;padding:24px} .card h3{font-size:18px;margin-bottom:10px} .card p{color:var(--muted);font-size:15px} .stack{display:flex;flex-wrap:wrap;gap:10px} .stack div{background:var(--card);border:1px solid #262b35;border-radius:10px;padding:10px 16px;font-size:14px} .contact{background:var(--card);border:1px solid #262b35;border-radius:14px;padding:28px} .contact p{color:var(--muted);margin-top:8px} footer{padding:32px 0;color:var(--muted);font-size:13px;border-top:1px solid #262b35;margin-top:40px} </style> </head> <body> <div class="wrap"> <header> <div class="logo">seva<span>.dev</span></div> <nav><a href="#services">Услуги</a><a href="#stack">Стек</a><a href="#contact">Контакты</a></nav> </header> <div class="hero"> <h1>Разработка <em>Android-приложений</em> под ключ</h1> <p>Нативные мобильные приложения на Kotlin: от идеи и прототипа до публикации в Google Play и последующей поддержки.</p> <div class="badges"><span class="badge">Kotlin</span><span class="badge">Jetpack Compose</span><span class="badge">Google Play</span><span class="badge">Ktor / Retrofit</span></div> </div> <section id="services"> <h2>Услуги</h2> <div class="grid"> <div class="card"><h3>Приложение с нуля</h3><p>Проектирование архитектуры, UI по макетам Figma, интеграция API, публикация в сторе.</p></div> <div class="card"><h3>Доработка и поддержка</h3><p>Рефакторинг legacy-кода, миграция на Kotlin, обновление зависимостей, исправление крашей.</p></div> <div class="card"><h3>Интеграции</h3><p>Платежи, карты, push-уведомления, фоновые сервисы, работа с BLE и камерой.</p></div> </div> </section> <section id="stack"> <h2>Технологии</h2> <div class="stack"> <div>Kotlin</div><div>Jetpack Compose</div><div>Coroutines / Flow</div><div>Room</div><div>Hilt</div><div>Firebase</div><div>REST / WebSocket</div><div>CI/CD</div> </div> </section> <section id="contact"> <div class="contact"> <h2>Связаться</h2> <p>Опишите задачу — отвечу в течение дня.</p> <p>Telegram: <a href="https://t.me/seva_slepnev">@seva_slepnev</a> · Email: <a href="mailto:me@seva-slepnev.online">me@seva-slepnev.online</a></p> </div> </section> <footer>© 2026 seva-slepnev.online — личная страница разработчика</footer> </div> </body> </html>