diff --git a/index-2.html b/index-2.html
new file mode 100644
index 0000000..83f795d
--- /dev/null
+++ b/index-2.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Scientific Paper</title>
+</head>
+<h1> Incremental and Decreamental Support Vector Machine Laerning</h1>
+  <hr>
+
+<table>
+    <h3>Table of Department </h3>
+
+  <tr>
+    <th> Department </th>
+    <th> Contact Name </th>
+    <th> Country </th>
+  </tr>
+  <tr>
+    <td>zoology </td>
+    <td>Lie zhua </td>
+    <td>USA</td>
+  </tr>
+  <tr>
+    <td>Botany</td>
+    <td>Dr. James</td>
+    <td>Mexico</td>
+  </tr>
+</table>
+<body>
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/index.html b/index.html
index 59bdb0d..775cd95 100644
--- a/index.html
+++ b/index.html
@@ -1,13 +1,52 @@
 <!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" />
-    
-  </head>
-  <body>
-
-  </body>
-</html>
+
+<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>Scientific Paper</title>
+</head>
+
+<body>
+  <h1> Incremental and Decreamental Support Vector Machine Laerning</h1>
+  <hr>
+
+  <h3>Gert Cauwenberghs</h3>
+  <p>CLSP, ECE Dept. <br> <br>
+    John Hopkins University <br> <br>
+    Baltimore. MD 21218 <br> <br>
+    <em>gert@jhu.edu </em>
+  </p>
+  
+  <header>
+    <h3>Abstract</h3>
+    <p>
+      Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea, officia modi deleniti, amet sint, deserunt earum assumenda explicabo optio 
+      laudantium tempore iusto sapiente pariatur in nemo? Velit ea deserunt unde! Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi corporis, 
+      in porro alias ducimus pariatur aliquam repudiandae facilis numquam blanditiis eaque architecto nulla, ipsa distinctio illum, vero voluptatum nam laborum.
+    </p>
+  </header>
+  <section>
+    <ol>
+      <li>
+      <h4> Introduction </h4> 
+      <p>
+        Lorem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem quaerat maiores velit quisquam iusto vitae consequuntur praesentium veniam voluptatibus rerum illum, ducimus iure sit accusamus eos sed delectus eaque eius.
+        Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti cum delectus minus odio laboriosam, molestias nihil error neque tempora quidem dolorum voluptate rerum ex praesentium aliquid porro adipisci! Doloribus, ea?
+        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Distinctio in eaque ipsam nulla eos mollitia maiores minus, modi aspernatur consectetur commodi odio nisi expedita aliquam ipsa neque omnis ea enim.
+      </p>
+      <img src="https://docs.opencv.org/2.4/_images/optimal-hyperplane.png" alt=" graph sheet">
+      </li>
+      <li></li>
+    </ol>
+    <a href="https://en.wikipedia.org/wiki/Support_vector_machine">Go to wikipedia to know more</a>
+  </section>
+  <br>
+  <section>
+    <a href="./index-2.html" target="_blank" rel="noopener noreferrer">Go to Next Page here!</a>
+  </section>
+</body>
+
+</html>
\ No newline at end of file
