updated web extension page

SaibaDev · May 2, 2024 · 2e0d723 · 2e0d723
1 parent a8c24bf
commit 2e0d723
Show file tree

Hide file tree

Showing 5 changed files with 24 additions and 0 deletions.
diff --git a/imgs/step1.png b/imgs/step1.png
diff --git a/imgs/step2.png b/imgs/step2.png
diff --git a/imgs/step3.png b/imgs/step3.png
diff --git a/imgs/step4.png b/imgs/step4.png
diff --git a/web extension.html b/web extension.html
@@ -54,6 +54,30 @@
     <div>
         <h2 class="text-center text-6xl font-bold font-Poppins mt-10">How to Install Protego Web Extension</h2>
 
+        <!-- Step 1-->
+        <div class="flex flex-col lg:flex-row items-center justify-center gap-40 lg:gap-40 mx-10 mt-20">
+            <div class="text-lg">
+
+                <div class="flex items-center gap-0">
+                    <p class="font-normal text-xl"><span class="font-bold text-3xl text-red-500">1. Download Protego Web Extension</p>
+                </div>
+            </div>
+
+            <img src="imgs/step1.png" alt="contactUs" class="w-96 rounded-lg">
+        </div>
+
+        <!-- Step 2-->
+        <div class="flex flex-col lg:flex-row items-center justify-center gap-40 lg:gap-40 mx-10 mt-20">
+            <div class="text-lg">
+
+                <div class="flex items-center gap-0">
+                    <p class="font-normal text-xl"><span class="font-bold text-3xl">2. Download Protego Web Extension</p>
+                </div>
+            </div>
+
+            <img src="imgs/step2.png" alt="contactUs" class="w-96 rounded-lg">
+        </div>
+
     </div>
 
 </body>