diff --git a/index.html b/index.html
index 59bdb0d..46d3d3b 100644
--- a/index.html
+++ b/index.html
@@ -5,9 +5,53 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
     <link rel="stylesheet" href="style.css" />
-    
+    <title>Morning exercise</title>
   </head>
   <body>
-
+    <header>
+      <h1>Incremental and Decremental Support Vector Machine Learning</h1>
+      <hr />
+    </header>
+    <section>
+      <p>
+        <strong>Gert Cauwenberghs</strong> <br />
+        CLSP, ECE Dept. <br />
+        Johns Hopkins University <br />
+        Baltimor, MD 21218 <br />
+        <em>gert@jhu.edu</em>
+      </p>
+    </section>
+    <main>
+      <h2>Abstract</h2>
+      <p>
+        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quod quae
+        tenetur ex obcaecati dicta? Suscipit vero, repellendus voluptates
+        incidunt reiciendis aut quae distinctio beatae voluptatum officia. Hic
+        aliquam itaque tenetur?
+      </p>
+      <ol>
+        <li>
+          <strong>Introduction</strong>
+          <p>
+            Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates
+            cupiditate velit dolores hic libero perspiciatis error minima fuga?
+            Vel suscipit dolor mollitia perspiciatis deserunt, debitis quibusdam
+            eaque qui inventore eligendi?
+          </p>
+          <img
+            src="https://docs.opencv.org/2.4/_images/optimal-hyperplane.png"
+            alt="Graph shwoing the optimal hyperplane"
+          />
+        </li>
+        <li></li>
+      </ol>
+      <nav>
+        <a href="https://en.wikipedia.org/wiki/Support_vector_machine"
+          >Go to Wikipedia to know more</a
+        >
+        <br />
+        <a href="./second-index.html">Go to second page</a>
+      </nav>
+    </main>
   </body>
 </html>
diff --git a/second-index.html b/second-index.html
new file mode 100644
index 0000000..97d55e8
--- /dev/null
+++ b/second-index.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <link rel="stylesheet" href="style.css" />
+    <title>Morning exercise</title>
+  </head>
+  <body>
+    <header>
+      <h1>This is a header</h1>
+    </header>
+    <section>
+      <menu>
+        <li><button>This is a button</button></li>
+        <li><button>This is another button</button></li>
+      </menu>
+    </section>
+    <main>
+      <section>
+        <legend>The legend</legend>
+        <input type="radio" value="S" />
+        <label for="Something">Something</label> <br />
+        <input type="radio" value="E" />
+        <label for="Something Else">Something Else</label>
+      </section>
+      <p>
+        Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus
+        dolorem dolore ullam a, <time datetime="2024-03-04">March 4</time>, rem
+        vero aperiam ea quis fugiat fuga cumque, ab doloremque eos sit incidunt
+        earum sequi ad doloribus.
+      </p>
+      <p>
+        <small>
+          Lorem ipsum dolor sit, amet consectetur adipisicing elit. Enim
+          voluptatum repellendus alias saepe optio, nihil temporibus nemo
+          deleniti quisquam culpa porro consequuntur accusamus officia eius
+          velit amet quod pariatur? Dolor.
+        </small>
+      </p>
+    </main>
+    <footer>&copy The footer</footer>
+  </body>
+</html>
