https://pastein.ru/t/Y2h
Загрузка данных
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Отзывы | Валерий Горянов</title>
<link rel="stylesheet" href="styles.css">
<link href="https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body>
<nav class="navbar">
<div class="nav-container">
<div class="logo">
<h2>VG DESIGN</h2>
</div>
<ul class="nav-menu">
<li><a href="index.html">Главная</a></li>
<li><a href="projects.html">Проекты</a></li>
<li><a href="reviews.html" class="active">Отзывы</a></li>
</ul>
<div class="hamburger">
<span></span>
<span></span>
<span></span>
</div>
</div>
</nav>
<section class="reviews-page">
<div class="container">
<div class="section-header">
<h2>Отзывы клиентов</h2>
<p>Что говорят обо мне мои клиенты</p>
</div>
<div class="reviews-slider">
<button class="slider-btn prev-btn"><i class="fas fa-chevron-left"></i></button>
<div class="slider-container">
<!-- Отзыв 1 -->
<div class="review-slide active">
<div class="review-card">
<div class="review-avatar">
<img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Клиент">
</div>
<div class="review-content">
<i class="fas fa-quote-left quote-icon"></i>
<p>Валерий — профессионал высшего уровня. Он не просто делает красиво, а создаёт действительно работающие решения. Рекомендую!</p>
<div class="review-author">
<h4>Алексей Соколов</h4>
<p>CEO NexGen</p>
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
</div>
</div>
</div>
<!-- Отзыв 2 -->
<div class="review-slide">
<div class="review-card">
<div class="review-avatar">
<img src="https://randomuser.me/api/portraits/women/44.jpg" alt="Клиент">
</div>
<div class="review-content">
<i class="fas fa-quote-left quote-icon"></i>
<p>Отличная работа! Валерий разработал дизайн для нашего крипто-кошелька. Всё эргономично и стильно. Обязательно обращусь ещё.</p>
<div class="review-author">
<h4>Мария Волкова</h4>
<p>Product Manager CryptoWallet</p>
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
</div>
</div>
</div>
<!-- Отзыв 3 -->
<div class="review-slide">
<div class="review-card">
<div class="review-avatar">
<img src="https://randomuser.me/api/portraits/men/67.jpg" alt="Клиент">
</div>
<div class="review-content">
<i class="fas fa-quote-left quote-icon"></i>
<p>Лучший дизайнер, с которым я работал. Валерий полностью погрузился в наш проект и предложил решения, о которых мы даже не думали. Спасибо!</p>
<div class="review-author">
<h4>Дмитрий Кузнецов</h4>
<p>Основатель DarkTech</p>
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
</div>
</div>
</div>
</div>
<!-- Отзыв 4 -->
<div class="review-slide">
<div class="review-card">
<div class="review-avatar">
<img src="https://randomuser.me/api/portraits/women/28.jpg" alt="Клиент">
</div>
<div class="review-content">
<i class="fas fa-quote-left quote-icon"></i>
<p>Валерий создал для нас дизайн-систему с нуля. Теперь все наши продукты выглядят единообразно, а разработка ускорилась в 2 раза!</p>
<div class="review-author">
<h4>Елена Новикова</h4>
<p>Head of Product, FinTech Corp</p>
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
</div>
</div>
</div>
<!-- Отзыв 5 -->
<div class="review-slide">
<div class="review-card">
<div class="review-avatar">
<img src="https://randomuser.me/api/portraits/men/45.jpg" alt="Клиент">
</div>
<div class="review-content">
<i class="fas fa-quote-left quote-icon"></i>
<p>Работать с Валерием — одно удовольствие. Он всегда на связи, даёт конструктивную обратную связь и предлагает крутые идеи. Проект сдали раньше срока!</p>
<div class="review-author">
<h4>Игорь Морозов</h4>
<p>CEO CyberStore</p>
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
</div>
</div>
</div>
<!-- Отзыв 6 -->
<div class="review-slide">
<div class="review-card">
<div class="review-avatar">
<img src="https://randomuser.me/api/portraits/women/55.jpg" alt="Клиент">
</div>
<div class="review-content">
<i class="fas fa-quote-left quote-icon"></i>
<p>Валерий помог нам с ребрендингом. Результат превзошёл все ожидания! Наша команда получила современный, стильный и запоминающийся образ.</p>
<div class="review-author">
<h4>Анна Белова</h4>
<p>Marketing Director, DarkAgency</p>
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
</div>
</div>
</div>
<!-- Отзыв 7 -->
<div class="review-slide">
<div class="review-card">
<div class="review-avatar">
<img src="https://randomuser.me/api/portraits/men/22.jpg" alt="Клиент">
</div>
<div class="review-content">
<i class="fas fa-quote-left quote-icon"></i>
<p>Сделали лендинг для метавселенной. Валерий разобрался в нашей сложной теме за пару дней и выдал дизайн, который получил восторженные отзывы от инвесторов!</p>
<div class="review-author">
<h4>Павел Крылов</h4>
<p>Founder, MetaSpace</p>
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
</div>
</div>
</div>
<!-- Отзыв 8 -->
<div class="review-slide">
<div class="review-card">
<div class="review-avatar">
<img src="https://randomuser.me/api/portraits/women/33.jpg" alt="Клиент">
</div>
<div class="review-content">
<i class="fas fa-quote-left quote-icon"></i>
<p>Очень понравился подход Валерия к UX-исследованиям. Мы получили не просто красивый интерфейс, а реально удобный продукт. Пользователи счастливы!</p>
<div class="review-author">
<h4>Ольга Соловьёва</h4>
<p>Product Owner, SmartHome App</p>
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
</div>
</div>
</div>
<!-- Отзыв 9 -->
<div class="review-slide">
<div class="review-card">
<div class="review-avatar">
<img src="https://randomuser.me/api/portraits/men/88.jpg" alt="Клиент">
</div>
<div class="review-content">
<i class="fas fa-quote-left quote-icon"></i>
<p>Валерий разработал для нашей киберспортивной команды полный брендинг. Теперь мы выглядим как профессионалы. Спасибо за крутую работу!</p>
<div class="review-author">
<h4>Стас Громов</h4>
<p>Team Manager, CyberPulse</p>
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
</div>
</div>
</div>
<!-- Отзыв 10 -->
<div class="review-slide">
<div class="review-card">
<div class="review-avatar">
<img src="https://randomuser.me/api/portraits/women/19.jpg" alt="Клиент">
</div>
<div class="review-content">
<i class="fas fa-quote-left quote-icon"></i>
<p>Валерий — настоящий профессионал. Он помог нам внедрить тёмную тему в 5 продуктах. Пользователи в восторге, время использования выросло на 30%.</p>
<div class="review-author">
<h4>Татьяна Павлова</h4>
<p>Design Operations, BigTech</p>
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
</div>
</div>
</div>
<!-- Отзыв 11 -->
<div class="review-slide">
<div class="review-card">
<div class="review-avatar">
<img src="https://randomuser.me/api/portraits/men/54.jpg" alt="Клиент">
</div>
<div class="review-content">
<i class="fas fa-quote-left quote-icon"></i>
<p>Спасибо Валерию за конструктор портфолио Portfolio Pro! Интерфейс получился настолько интуитивным, что наши пользователи создают портфолио за 15 минут.</p>
<div class="review-author">
<h4>Михаил Андреев</h4>
<p>CPO, Portfolio Pro</p>
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
</div>
</div>
</div>
<!-- Отзыв 12 -->
<div class="review-slide">
<div class="review-card">
<div class="review-avatar">
<img src="https://randomuser.me/api/portraits/women/66.jpg" alt="Клиент">
</div>
<div class="review-content">
<i class="fas fa-quote-left quote-icon"></i>
<p>Валерий провёл для нашей команды воркшоп по дизайн-системам. Теперь мы сами можем поддерживать и развивать нашу библиотеку компонентов. Огромное спасибо!</p>
<div class="review-author">
<h4>Юлия Тихонова</h4>
<p>Team Lead, E-commerce Company</p>
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
</div>
</div>
</div>
<!-- Отзыв 13 -->
<div class="review-slide">
<div class="review-card">
<div class="review-avatar">
<img src="https://randomuser.me/api/portraits/men/41.jpg" alt="Клиент">
</div>
<div class="review-content">
<i class="fas fa-quote-left quote-icon"></i>
<p>Валерий создал для ZenSpace уникальную айдентику. Наша студия стала узнаваемой, количество клиентов выросло вдвое. Спасибо за чуткость к нашему делу!</p>
<div class="review-author">
<h4>Андрей Миронов</h4>
<p>Основатель ZenSpace</p>
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
</div>
</div>
</div>
<!-- Отзыв 14 -->
<div class="review-slide">
<div class="review-card">
<div class="review-avatar">
<img src="https://randomuser.me/api/portraits/women/77.jpg" alt="Клиент">
</div>
<div class="review-content">
<i class="fas fa-quote-left quote-icon"></i>
<p>Лучший опыт сотрудничества с дизайнером за 10 лет работы. Валерий не просто исполнитель, а настоящий партнёр, который думает о бизнесе.</p>
<div class="review-author">
<h4>Наталья Кузина</h4>
<p>Product Director, FinTech</p>
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
</div>
</div>
</div>
<!-- Отзыв 15 -->
<div class="review-slide">
<div class="review-card">
<div class="review-avatar">
<img src="https://randomuser.me/api/portraits/men/99.jpg" alt="Клиент">
</div>
<div class="review-content">
<i class="fas fa-quote-left quote-icon"></i>
<p>Валерий разработал для нас сложную дашборд-систему с аналитикой. Всё понятно, удобно и красиво. Клиенты в восторге!</p>
<div class="review-author">
<h4>Виталий Соболев</h4>
<p>CTO, Logistics Company</p>
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
</div>
</div>
</div>
</div>
<!-- Отзыв 16 -->
<div class="review-slide">
<div class="review-card">
<div class="review-avatar">
<img src="https://randomuser.me/api/portraits/women/12.jpg" alt="Клиент">
</div>
<div class="review-content">
<i class="fas fa-quote-left quote-icon"></i>
<p>Огромное спасибо Валерию за помощь в создании мобильного приложения. Он учёл все наши пожелания и предложил свои крутые идеи!</p>
<div class="review-author">
<h4>Екатерина Лебедева</h4>
<p>Project Manager, Mobile App</p>
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
</div>
</div>
</div>
<!-- Отзыв 17 -->
<div class="review-slide">
<div class="review-card">
<div class="review-avatar">
<img src="https://randomuser.me/api/portraits/men/17.jpg" alt="Клиент">
</div>
<div class="review-content">
<i class="fas fa-quote-left quote-icon"></i>
<p>Валерий — профессионал с большой буквы. С ним приятно работать, он быстро понимает задачу и выдаёт качественный результат в срок.</p>
<div class="review-author">
<h4>Сергей Денисов</h4>
<p>CEO, Digital Agency</p>
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
</div>
</div>
</div>
<!-- Отзыв 18 -->
<div class="review-slide">
<div class="review-card">
<div class="review-avatar">
<img src="https://randomuser.me/api/portraits/women/81.jpg" alt="Клиент">
</div>
<div class="review-content">
<i class="fas fa-quote-left quote-icon"></i>
<p>Валерий помог нам с дизайном интернет-магазина. Конверсия выросла на 25% после внедрения его решений. Спасибо за отличную работу!</p>
<div class="review-author">
<h4>Ирина Гришина</h4>
<p>E-commerce Manager</p>
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
</div>
</div>
</div>
<!-- Отзыв 19 -->
<div class="review-slide">
<div class="review-card">
<div class="review-avatar">
<img src="https://randomuser.me/api/portraits/men/35.jpg" alt="Клиент">
</div>
<div class="review-content">
<i class="fas fa-quote-left quote-icon"></i>
<p>Валерий — настоящий эксперт в своём деле. Он создал для нас брендбук, который теперь используют все отделы. Рекомендую на 100%!</p>
<div class="review-author">
<h4>Роман Фёдоров</h4>
<p>Marketing Lead</p>
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
</div>
</div>
</div>
<!-- Отзыв 20 -->
<div class="review-slide">
<div class="review-card">
<div class="review-avatar">
<img src="https://randomuser.me/api/portraits/women/93.jpg" alt="Клиент">
</div>
<div class="review-content">
<i class="fas fa-quote-left quote-icon"></i>
<p>Спасибо Валерию за создание дизайна для нашего стартапа. Мы успешно привлекли инвестиции, и дизайн сыграл в этом большую роль!</p>
<div class="review-author">
<h4>Алина Королёва</h4>
<p>Co-founder, Tech Startup</p>
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<button class="slider-btn next-btn"><i class="fas fa-chevron-right"></i></button>
</div>
<div class="slider-dots">
<!-- Динамические точки будут добавлены через JS -->
</div>
</div>
</section>
<footer>
<p>© 2025 Валерий Горянов. Все права защищены.</p>
</footer>
<script src="script.js"></script>
</body>
</html>