Updated website with new photos and section

- Closed #39

index.html

@@ -111,7 +111,7 @@ <h2 class="text-uppercase fw-bold" data-aos="fade" data-aos-delay="150" style="c
             </div>
         </div><!-- End: Performance -->
         <!-- Start: Updating -->
-        <div class="container py-4 py-xl-5" style="margin-bottom: 0px;margin-top: 25px;">
+        <div class="container py-4 py-xl-5" style="margin: 25px 0px;">
             <div class="row gy-4 gy-md-0">
                 <div class="col" data-aos="zoom-in" data-aos-duration="500">
                     <div style="width: 100%;height: 100%;margin: 0px;padding: 0px;"><img class="rounded img-fluid w-100 fit-cover" style="transform: rotate(355deg) skewX(15deg) skewY(5deg);box-shadow: -15px 15px 50px rgb(255, 255, 255);border-style: none;" src="assets/img/updating_program_page.jpg"></div>
@@ -124,16 +124,30 @@ <h2 class="text-uppercase fw-bold" data-aos="fade" data-aos-delay="150" style="c
                 </div>
             </div>
         </div><!-- End: Updating -->
-        <!-- Start: Download -->
-        <div class="container py-4 py-xl-5" style="margin-top: 0px;margin-bottom: 25px;">
+        <!-- Start: Multiple Tabs -->
+        <div class="container py-4 py-xl-5" style="margin-top: 25px;margin-bottom: 0px;">
             <div class="row gy-4 gy-md-0 flex-wrap-reverse">
                 <div class="col-md-6 d-md-flex align-items-md-center justify-content-lg-center">
-                    <div class="text-start" style="max-width: 350px;padding: 0px;">
-                        <p data-aos="fade" class="my-3" style="color: rgb(50, 200, 0);text-align: left;font-family: 'JetBrains Mono', monospace;"><span style="color: rgb(0, 150, 0);">Ideal for professionals, students, writers, and anyone who values </span><strong><span style="color: rgb(0, 150, 0);">security</span></strong><span style="color: rgb(0, 150, 0);"> and </span><strong><span style="color: rgb(0, 150, 0);">efficiency</span></strong><span style="color: rgb(0, 150, 0);"> in their workflow. Whether you're drafting reports, writing code, or jotting down notes, </span><strong><span style="color: rgb(0, 150, 0);">Encryptext</span></strong><span style="color: rgb(0, 150, 0);"> is your trusted companion.</span><br><br>Light-weight. Light-speed.</p><a class="btn btn-primary text-capitalize" role="button" data-aos="fade" data-aos-once="true" href="https://github.com/WhenLifeHandsYouLemons/Encryptext/releases" style="color: rgb(0, 0, 0);font-family: 'JetBrains Mono', monospace;font-size: 25px;border-style: none;background: var(--bs-red);font-weight: bold;margin-bottom: 10px;">Download</a>
+                    <div class="text-start" style="max-width: 350px;padding: 25px 0px;">
+                        <h2 class="text-uppercase fw-bold" data-aos="fade" data-aos-delay="150" style="color: rgb(50, 200, 0);text-align: left;font-family: 'JetBrains Mono', monospace;">Multi-Tab Management &amp; Broad File Support</h2>
+                        <p data-aos="fade" data-aos-delay="200" class="my-3" style="color: rgb(0, 150, 0);text-align: left;font-family: 'JetBrains Mono', monospace;">Effortlessly manage multiple documents with Encryptext's intuitive tab system. Switch between projects seamlessly, keeping your workflow organized and efficient. Plus, with support for a broad array of file types, including Markdown, TXT, HTML, JavaScript, Python, JSON, and more, Encryptext is your all-in-one solution for text editing needs.</p>
                     </div>
                 </div>
                 <div class="col" data-aos="zoom-in" data-aos-duration="500">
-                    <div style="width: 100%;height: 100%;margin: 0px;padding: 0px;overflow: visible;"><img class="rounded img-fluid w-100 fit-cover" style="box-shadow: 15px 15px 50px rgb(255, 255, 255);border-style: none;transform: rotate(5deg) scale(0.75) skewX(345deg) skewY(355deg);" src="assets/img/website_icon.png"></div>
+                    <div style="width: 100%;height: 100%;margin: 0px;padding: 0px;overflow: visible;"><img class="rounded img-fluid w-100 fit-cover" style="box-shadow: 15px 15px 50px rgb(255, 255, 255);border-style: none;transform: rotate(5deg) skewX(345deg) skewY(355deg);" src="assets/img/multiple_tabs_page.jpg"></div>
+                </div>
+            </div>
+        </div><!-- End: Multiple Tabs -->
+        <!-- Start: Download -->
+        <div class="container py-4 py-xl-5" style="margin-bottom: 25px;margin-top: 0px;">
+            <div class="row gy-4 gy-md-0">
+                <div class="col" data-aos="zoom-in" data-aos-duration="500">
+                    <div style="width: 100%;height: 100%;margin: 0px;padding: 0px;"><img class="rounded img-fluid w-100 fit-cover" style="transform: rotate(355deg) scale(0.75) skewX(15deg) skewY(5deg);box-shadow: -15px 15px 50px rgb(255, 255, 255);border-style: none;" src="assets/img/website_icon.png"></div>
+                </div>
+                <div class="col-md-6 d-md-flex align-items-md-center justify-content-lg-center">
+                    <div class="text-start" style="max-width: 350px;padding: 25px 0px;">
+                        <p data-aos="fade" data-aos-delay="200" class="my-3" style="color: rgb(0, 150, 0);text-align: left;font-family: 'JetBrains Mono', monospace;">Ideal for professionals, students, writers, and anyone who values&nbsp;<strong>security</strong>&nbsp;and&nbsp;<strong>efficiency</strong>&nbsp;in their workflow. Whether you're drafting reports, writing code, or jotting down notes,&nbsp;<strong>Encryptext</strong>&nbsp;is your trusted companion.<br><br><span style="color: rgb(50, 200, 0);">Light-weight. Light-speed.</span></p><a class="btn btn-primary text-capitalize" role="button" data-aos="fade" data-aos-once="true" href="https://github.com/WhenLifeHandsYouLemons/Encryptext/releases" style="color: rgb(0, 0, 0);font-family: 'JetBrains Mono', monospace;font-size: 25px;border-style: none;background: var(--bs-red);font-weight: bold;margin-bottom: 10px;">Download</a>
+                    </div>
                 </div>
             </div>
         </div><!-- End: Download -->