diff --git a/List.html b/List.html
new file mode 100644
index 0000000..82d165b
--- /dev/null
+++ b/List.html
@@ -0,0 +1,28 @@
+<html>
+
+<head>
+    <title>Todo List</title>
+    <link rel="stylesheet" type="text/css" href="tudo.css">
+    <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
+    <script src="https://code.jquery.com/jquery-3.5.1.js"
+        integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script>
+
+</head>
+
+<body>
+    <div id="container">
+        <h1>To-Do List</h1>
+        <input type="text">
+        <ul>
+            <li><span>X </span>Go to Portion Class</li>
+            <li><span>X </span>Buy New Robes</li>
+            <li><span>X </span>Visit Hagrid</li>
+        </ul>
+
+    </div>
+
+    <script type="text/javascript" src="tudo.js"></script>
+</body>
+
+</html>
diff --git a/about.html b/about.html
index 8546a1a..4447b4d 100644
--- a/about.html
+++ b/about.html
@@ -56,7 +56,7 @@
         </div>
     </nav>
 
-    <div class="container my-4">
+    <div class="container my-3">
         <div class="row featurette d-flex justify-content-center align-items-center">
             <div class="col-md-7">
                 <h2 class="featurette-heading">It all started with iCoder's Idea. <span class="text-muted">It’ll blow your
@@ -97,7 +97,8 @@ <h2 class="featurette-heading">First featurette heading. <span class="text-muted
             </div>
         </div>
     </div>
-
+<div>
+    </div>
     <footer class="container">
         <p class="float-right"><a href="#">Back to top</a></p>
         <p>© 2020-2021 iCoder, Inc. · <a href="#">Privacy</a> · <a href="#">Terms</a></p>
