index.html

﻿<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale = 1.0" />
    <link rel="stylesheet" href="StyleSheet1.css" />
    <title></title>
</head>
<body>
    <div id="container">
        <div id="menuHead">HEAD</div>
        <div>
            <div id="menu">
                <div id="favouriteList"></div>
                <div id="unknownList"></div>
                <div id="doubtfulList"></div>
                <div id="knownList"></div>
            </div>
            <div class="toggle" id="card">
                <div id="word">WORD</div>
                <div id="flipside">СЛОВО</div>
                <div id="transcription">TRANSCRIPTION</div>

            </div>

            <div id="topPanel">
                <img id="like" src="img/unlike.png" />
                <img id="menuBtn" src="img/menu.png" />
                <img id="flip" src="img/flip.png" />
            </div>
            <div id="arrows">
                <img id="arrowLeft" src="img/arrow.png" />
                <img id="arrowRight" src="img/arrow.png" />
            </div>
            <div id="panel">
                <div id="know">ЗНАЮ</div>
                <div id="doubt">СУМНІВАЮСЯ</div>
                <div id="dontKnow">НЕ ЗНАЮ</div>
            </div>
        </div>
    </div>
    <script type="module" src="Script1.js"></script>
</body>
</html>