Tuesday, October 6, 2020

TODO LIST APP PART1 (HTML)

 <!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mywork.com</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header class="header">
        <h1>Welcome to <span id="colorChange">Mywork</span> </h1>
        <input type="text" placeholder="Search your Work Here" id="search">
    </header>

    <div class="main-container">
        <div class="container1">
            <input type="text" id="head">
            <textarea name="desc" id="desc" cols="30" rows="10"></textarea>
            <button id="addTask">+</button>
        </div>

        <div id="container2">
            <!-- <div class="card">
                <h1>This is first Task</h1>
                <p>This is first description</p>
                <button onclick="deletTask()">-</button>
            </div>
            <div class="card">
                <h1>This is Second Task</h1>
                <p>This is Second description</p>
                <button onclick="deletTask()">-</button>
            </div> -->
        </div>
    </div>
    <script src="index.js"></script>
</body>
</html>

No comments:

Post a Comment