Today's Lesson

Oseni-Muhammad · Jul 8, 2024 · 5f53baa · 5f53baa
1 parent 91e4cdf
commit 5f53baa
Show file tree

Hide file tree

Showing 4 changed files with 138 additions and 3 deletions.
diff --git a/about.html b/about.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>About Us.</title>
+</head>
+<body>
+    <h2>This is about us page.</h2>
+    <a href="./index.html">Go Home</a>
+</body>
+</html>
diff --git a/contact.html b/contact.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Contact Us.</title>
+</head>
+<body>
+    <h2>This is Contact us page.</h2>
+    <a href="./index.html">Go Home</a>
+</body>
+</html>
diff --git a/index.html b/index.html
@@ -14,6 +14,99 @@
       <h1>Welcome to the Web Development Hub</h1>
       <p>Learn everything about front-end, back-end, and GitHub!</p>
     </header>
+    <!-- This comment in html -->
+
+    <!-- link in HTML -->
+     <nav><a href="./about.html">About Page</a><br>
+     <a href="./contact.html">Contact us</a><br>
+     <a href="./project.html">Project</a><br>
+    </nav>
+    <!-- link in HTML -->
+     <!-- HTML TABLE -->
+
+     <!-- Semantic Html tag -->
+      <header></header>
+      <nav></nav>
+      <main></main>
+      <section></section>
+      <aside></aside>
+      <footer></footer>
+     <!-- Semantic Html tag -->
+      <h2>Admission Table</h2>
+    <table>
+  <tr>
+    <th>Matric Number</th>
+    <th>First Name</th>
+    <th>Last Name</th>
+    <th>Age</th>
+    <th>Admission Number</th>
+  </tr>
+  <tr>
+    <td>001</td>
+    <td>John</td>
+    <td>Doe</td>
+    <td>20</td>
+    <td>LA1234</td>
+  </tr>
+  <tr>
+    <td>002</td>
+    <td>Mark</td>
+    <td>Zuckerberg</td>
+    <td>27</td>
+    <td>LA1235</td>
+  </tr>
+  <tr>
+    <td>003</td>
+    <td>Elon</td>
+    <td>Musk</td>
+    <td>40</td>
+    <td>LA1236</td>
+  </tr>
+  <tr>
+    <td>004</td>
+    <td>Sam</td>
+    <td>Altman</td>
+    <td>22</td>
+    <td>LA1237</td>
+  </tr>
+  <tr>
+    <td>005</td>
+    <td>Sundai</td>
+    <td>Pichai</td>
+    <td>25</td>
+    <td>LA1238</td>
+  <tr>
+    <td>006</td>
+    <td>Mafrican</td>
+    <td>Star</td>
+    <td>19</td>
+    <td>LA1239</td>
+  <tr>
+    <td>007</td>
+    <td>Dara</td>
+    <td>Brown</td>
+    <td>18</td>
+    <td>LA1240</td>
+  <tr>
+    <td>008</td>
+    <td>Khalid</td>
+    <td>Stones</td>
+    <td>19</td>
+    <td>LA1241</td>
+  <tr>
+    <td>009</td>
+    <td>Grace</td>
+    <td>Arthur</td>
+    <td>28</td>
+    <td>LA1242</td>
+  <tr>
+    <td>010</td>
+    <td>Delight</td>
+    <td>Cole</td>
+    <td>20</td>
+    <td>LA1243</td>
+    </table>
+ <!-- HTML TABLE -->
 
     <nav>
       <ul>
@@ -151,14 +244,20 @@ <h4>Section 5</h4>
       <ol>
         <li>my LIST</li>
         <li>my LIST</li>
-      </ol> 
+      </ol>
     </div>
-
 
+
+
+
+
+
 
 
+    </div>
+
     <footer>
-      <p>&copy; The m.african_curations </p>
+      <p>&copy; The m.african_curations</p>
     </footer>
   </body>
 </html>
diff --git a/project.html b/project.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Project Page.</title>
+</head>
+<body>
+    <h2>This is our Project page.</h2>
+    <a href="./index.html">Go Home</a>
+</body>
+</html>