<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Features</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-white p-8">
<section class="mx-auto max-w-5xl">
<h2 class="text-center text-2xl font-bold text-slate-900">Почему мы</h2>
<div class="mt-8 grid gap-6 md:grid-cols-3">
<div class="rounded-xl border border-slate-200 p-6">
<div class="text-2xl" aria-hidden="true">⚡</div>
<h3 class="mt-3 font-semibold">Быстрый старт</h3>
<p class="mt-2 text-sm text-slate-600">Первый работающий сайт уже на второй неделе.</p>
</div>
<div class="rounded-xl border border-slate-200 p-6">
<div class="text-2xl" aria-hidden="true">📚</div>
<h3 class="mt-3 font-semibold">Практика</h3>
<p class="mt-2 text-sm text-slate-600">Задачи из реальных проектов, а не абстрактные примеры.</p>
</div>
<div class="rounded-xl border border-slate-200 p-6">
<div class="text-2xl" aria-hidden="true">🎯</div>
<h3 class="mt-3 font-semibold">Поддержка</h3>
<p class="mt-2 text-sm text-slate-600">Разбор домашних работ и ответы в чате группы.</p>
</div>
</div>
</section>
</body>
</html>
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Features</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-white p-8">
<section class="mx-auto max-w-5xl">
<h2 class="text-center text-2xl font-bold text-slate-900">Почему мы</h2>
<div class="mt-8 grid gap-6 md:grid-cols-3">
<div class="rounded-xl border border-slate-200 p-6">
<div class="text-2xl" aria-hidden="true">⚡</div>
<h3 class="mt-3 font-semibold">Быстрый старт</h3>
<p class="mt-2 text-sm text-slate-600">Первый работающий сайт уже на второй неделе.</p>
</div>
<div class="rounded-xl border border-slate-200 p-6">
<div class="text-2xl" aria-hidden="true">📚</div>
<h3 class="mt-3 font-semibold">Практика</h3>
<p class="mt-2 text-sm text-slate-600">Задачи из реальных проектов, а не абстрактные примеры.</p>
</div>
<div class="rounded-xl border border-slate-200 p-6">
<div class="text-2xl" aria-hidden="true">🎯</div>
<h3 class="mt-3 font-semibold">Поддержка</h3>
<p class="mt-2 text-sm text-slate-600">Разбор домашних работ и ответы в чате группы.</p>
</div>
</div>
</section>
</body>
</html>