index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <title>TODO List</title>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <link rel='stylesheet' type='text/css' media='screen' href='style.css'>
    <link href="https://fonts.googleapis.com/css?family=Hind&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
    <script src="https://kit.fontawesome.com/a81368914c.js"></script>
    <body style = " background-color: rgb(18, 103, 201);"
</head>
<body>
    <h1><span class="title">Todo</span>List</h1>
    <div class="inputDiv">
    	   <input type="text" class="input" placeholder="WHAT DO YOU ENJOY THE MOST,,,,">
    	   <button class="add"><i class="fas fa-plus"></i></button>
    </div>

    <div class="container">
    </div>
    <script src='main.js'></script>
    <div class="footer">
        <h4>
           <div id ="bottom ">Made By <a href="https://www.linkedin.com/in/akash-jain-3549a0205/">AKASH JAIN</a>😎😎😎</div>
           <p> </p> 
        </h4>

        <div id ="gif">
            <img src="https://i.gifer.com/origin/26/26b24b378a26ec3958e02d6f37927a8e_w200.gif" alt="Bike" width="250">
        </div>

</body>
</html>