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

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Товар</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>

    <!-- КАРТОЧКА -->
    <div class="card" onclick="openModal()">
        <img src="https://via.placeholder.com/200" alt="">
        <h3>Крутой товар</h3>
        <p>$99</p>
    </div>

    <!-- МОДАЛЬНОЕ ОКНО -->
    <div class="modal" id="modal">
        <div class="modal-content">
            <span class="close" onclick="closeModal()">×</span>

            <h2>Крутой товар</h2>
            <p>Это подробное описание товара. Очень крутая вещь </p>
        </div>
    </div>

    <script src="script.js"></script>
</body>
</html>