Загрузка данных

<!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">
</head>
<body>
    <div class="board">
        <!-- Главный акцентный заголовок -->
        <div class="main-title">АВТОМАТИКА</div>

        <!-- Сетка с терминами / направлениями -->
        <div class="grid">
            <div class="card">Торговые сети</div>
            <div class="card">Промышленные предприятия</div>
            <div class="card">Производственные предприятия</div>
            <div class="card">Косметические изделия</div>
            <div class="card">Комплексы для косметики</div>
            <div class="card">Фрукты</div>
            <div class="card">Услуги</div>
            <div class="card">О компании</div>
            <div class="card highlight">Признано правильным</div>
            <div class="card highlight">Технический результат</div>
            <div class="card highlight">Экономичный и эффективный способ</div>
        </div>
    </div>
</body>
</html>