index.html

<head>
    <title>Календарь</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="app">
        <div class="calendar">
            <div class="header">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" onclick="javascript:nagivation(-1)">
                    <polyline points="15 18 9 12 15 6"></polyline>
                </svg>
                <span>Месяц м/год</span>
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" onclick="javascript:nagivation(1)">
                    <polyline points="9 18 15 12 9 6"></polyline>
                </svg>
            </div>
            <div class="grid"></div>
        </div>
        <div class="time">
            <span>0</span>
            <span>0</span>
            <span>0</span>
        </div>
    </div>
    <script src="app.js"></script>
</body>