card.html

<!DOCTYPE html>
<html>
<head>
    <meta>
    <title>card</title>
    <link rel="stylesheet" href="css/style.css">
    <link href="https://fonts.googleapis.com/css?family=Poppins&display=swap" rel="stylesheet">
</head>
<body>
    <nav>
        <ul>
            <li>lama</li>
            <li>Войти</li>
            <li>Регистрация</li>
        </ul>
    </nav>
        <div class="mainContent">
            <div class="title">

            <h2>Будильник с задачами</h2>
            <span>
                    умеренно
                </span>
                <div class="colorElem">
                    <span class="mark"> +10 </span>
                    <div class="ios">
                        <p> ios </p>
                    </div>
                </div>
            </div>
            <div class="languages">
                Swift/Objective C,  Apple UI Kit, RestAPI
            </div>
            <div class="description">Опять же, будет полезно не только ленивым, хотя может так показаться. Проблема в том, что после прозвона будильника, далеко не каждый встаёт сразу. С помощью приложения можно сделать так, чтобы после звонка приложение ограничивало доступ к каким-либо наиболее используемым функциям телефона, пока не выполните задачу, которая вам же и нужна. К примеру, вы сформировали лист покупок в Google Keep, приложение будильника проанализировало ваши действия и поставило задачу: купить продукты по вашему списку, затем загрузили фото чека и вам снова стали доступны полные функции устройства. К этому моменту уже проснётесь полностью.</div>
        </div>


</body>
</html>