Назад к витрине
HTML/CSS Каркасы (Шаблоны)
Идеальное решение для веб-студий и фрилансеров. Чистый код без лишних скриптов для быстрой сборки сайтов.
<!-- HERO SECTION -->
<section id="hero" class="container">
<h1>Заголовок сайта</h1>
<p>Описание вашего продукта</p>
<div class="btn-group">
<a href="#contact">Начать</a>
</div>
</section>
<!-- FEATURES SECTION -->
<section id="features">
<div class="grid-3-cols">
... карточки преимуществ
</div>
</section>
<section id="hero" class="container">
<h1>Заголовок сайта</h1>
<p>Описание вашего продукта</p>
<div class="btn-group">
<a href="#contact">Начать</a>
</div>
</section>
<!-- FEATURES SECTION -->
<section id="features">
<div class="grid-3-cols">
... карточки преимуществ
</div>
</section>
Универсальный Wireframe
Базовый Каркас (B2B)
Классическая корпоративная структура. Главный экран, сетка преимуществ из 3 колонок, текстовый блок "О компании" и подвал. Отлично адаптируется под сайты услуг, клиники или строительство.
- Валидный HTML5 и современный Flexbox/Grid CSS
- 100% адаптивность под планшеты и смартфоны
- Готов к интеграции с WordPress или Joomla
790 ₽ 3000 ₽
<!-- PRODUCT PRICING -->
<section id="pricing">
<h2>Тарифные планы</h2>
<div class="pricing-table">
<!-- Активный тариф -->
<div class="card popular">
<h3>PRO План</h3>
<div class="price">$99/мес</div>
<button>Оформить</button>
</div>
</div>
</section>
<section id="pricing">
<h2>Тарифные планы</h2>
<div class="pricing-table">
<!-- Активный тариф -->
<div class="card popular">
<h3>PRO План</h3>
<div class="price">$99/мес</div>
<button>Оформить</button>
</div>
</div>
</section>
SaaS Wireframe
Продуктовый Лендинг
Структура для продажи одного конкретного товара, инфокурса или IT-сервиса (SaaS). Включает блок с ценами (3 тарифа с выделением центрального), галерею продукта и форму заказа.
- Продуманная воронка конверсии
- Встроенная адаптивная таблица тарифов
- Максимально легкий и чистый код
990 ₽ 4000 ₽
