diff --git a/index.html b/index.html
index 2c87608..5ca976c 100644
--- a/index.html
+++ b/index.html
@@ -88,6 +88,18 @@ <h1 class="title-font sm:text-4xl text-3xl mb-4 font-medium text-gray-900">Unloc
 
     <!-- projects links section started  -->
 
+    <section class="text-gray-600 body-font">
+      <div class="container px-5 py-2 mx-auto shadow-lg">
+        <div class="lg:w-2/3 flex flex-col sm:flex-row sm:items-center items-start mx-auto">
+          <h1 class="flex-grow sm:pr-16 text-2xl font-medium title-font text-gray-900">18 Online Code Editor (HTML, CSS, JavScript) </h1>
+          <a class="flex-shrink-0 text-white bg-indigo-500 border-0 py-2 px-3 mx-2 focus:outline-none hover:bg-indigo-600 rounded text-lg mt-10 sm:mt-0" href="./18_online_code_editor/index.html">Play Here</a>
+          <a class="flex-shrink-0 text-white bg-indigo-500 border-0 py-1 px-2 mx-2 focus:outline-none hover:bg-indigo-600 rounded text-lg mt-10 sm:mt-0" href="#">Source-Code 1</a>
+          <a class="flex-shrink-0 text-white bg-indigo-500 border-0 py-1 px-2 mx-2 focus:outline-none hover:bg-indigo-600 rounded text-lg mt-10 sm:mt-0" href="#">Source-Code 2</a>
+        </div>
+      </div>
+    </section>
+    <!-- article end  -->
+
     <section class="text-gray-600 body-font">
       <div class="container px-5 py-2 mx-auto shadow-lg">
         <div class="lg:w-2/3 flex flex-col sm:flex-row sm:items-center items-start mx-auto">