index.html

<!DOCTYPE html>
<html lang="ko-KR">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ChatGPT가 만들어 주는 오늘의 명언</title>
    <link rel="stylesheet" href="css/WS_common.css">
</head>

<body>
    <header class="layout_header">
        <h1>오늘의 명언</h1>
        <div>
            <a href="#" id="WS_create_Page">명언 제작</a>
            <a href="#" id="WS_Saved_Page">명언 저장소</a>
        </div>
    </header>
    <img id="WS_Title">
    <h3 class="TD_WS"><strong>명 언 제 작</strong></h3>
    <main class="WS_main">
        <div class="container">
            <div class="answer" id="answer">
                <p></p>
            </div>
            <form id="saved_WS_Form">
                <input class="WS_IP" type="text" placeholder="주제를 넣어주세요">
                <button class="WS_BTN" type="submit"><strong>제 작!</strong></button>
                <p class="random_text">랜덤명언 제작은 제작!을 누르면 나옵니다.</p>
            </form>
        </div>
    </main>
    <footer class="layout_footer">
        Made in Ormi3-Project
        <div class="WS_DM">
            <img id="WS_DarkMode">
            <button id="Dark_Btn" type="button">Dark Mode</button>
            </label>
        </div>
    </footer>
</body>
<script src="js/WS_dark.js"></script>
<script src="js/WS_1.js"></script>

</html>