Add files via upload

Author: affancoder

index.html

@@ -507,45 +507,64 @@ <h1 class="h1"><i class="fa-brands fa-superpowers"></i> Strengths</h1>
 
       <section class="portfolio-section">
         <div class="portfolio-video-container">
-            <div class="portfolio-floating-shapes">
-                <div class="portfolio-shape"></div>
-                <div class="portfolio-shape"></div>
-                <div class="portfolio-shape"></div>
-                <div class="portfolio-shape"></div>
-            </div>
-            <div class="portfolio-video-wrapper">
-                <!-- Video element with controls -->
-                <video class="portfolio-video" autoplay muted loop>
-                    <!-- Replace these source files with your actual video files -->
-                    <source src="assests/ProVideo/appreciation.mp4" type="video/mp4">
-                    <source src="#" type="video/webm">
-                    Your browser does not support the video tag.
-                </video>
-                <div class="portfolio-video-gradient"></div>
-            </div>
+          <div class="portfolio-floating-shapes">
+            <div class="portfolio-shape"></div>
+            <div class="portfolio-shape"></div>
+            <div class="portfolio-shape"></div>
+            <div class="portfolio-shape"></div>
+          </div>
+          <div class="portfolio-video-wrapper">
+            <!-- Video element with controls -->
+            <video class="portfolio-video" autoplay muted loop>
+              <!-- Replace these source files with your actual video files -->
+              <source
+                src="assests/ProVideo/appreciation.mp4"
+                type="video/mp4"
+              />
+              <source src="#" type="video/webm" />
+              Your browser does not support the video tag.
+            </video>
+            <div class="portfolio-video-gradient"></div>
+          </div>
         </div>
         <div class="portfolio-content-container">
-            <div class="portfolio-message-container">
-                <h2 class="portfolio-heading">Why Choose <span class="portfolio-highlight">Me</span>?</h2>
-                <p class="portfolio-paragraph">
-                    Thank you for considering my portfolio. I'm confident that my skills, experience, and dedication make me an <span class="portfolio-highlight">exceptional asset</span> to your organization.
-                </p>
-                <p class="portfolio-paragraph">
-                    By bringing me on board, you'll gain a committed professional who delivers:
-                </p>
-                <ul class="portfolio-list">
-                    <li class="portfolio-list-item"><strong>Innovative solutions</strong> that drive real results</li>
-                    <li class="portfolio-list-item"><strong>Dedicated work ethic</strong> with attention to detail</li>
-                    <li class="portfolio-list-item"><strong>Collaborative spirit</strong> that strengthens team dynamics</li>
-                    <li class="portfolio-list-item"><strong>Adaptability</strong> to meet changing project needs</li>
-                </ul>
-                <p class="portfolio-paragraph">
-                    I'm not just looking for a position—I'm seeking to create meaningful impact and value for your business. Let's work together to achieve extraordinary results.
-                </p>
-                <p class="portfolio-signature">— Your Name</p>
-            </div>
+          <div class="portfolio-message-container">
+            <h2 class="portfolio-heading">
+              Why Choose <span class="portfolio-highlight">Me</span>?
+            </h2>
+            <p class="portfolio-paragraph">
+              Thank you for considering my portfolio. I'm confident that my
+              skills, experience, and dedication make me an
+              <span class="portfolio-highlight">exceptional asset</span> to your
+              organization.
+            </p>
+            <p class="portfolio-paragraph">
+              By bringing me on board, you'll gain a committed professional who
+              delivers:
+            </p>
+            <ul class="portfolio-list">
+              <li class="portfolio-list-item">
+                <strong>Innovative solutions</strong> that drive real results
+              </li>
+              <li class="portfolio-list-item">
+                <strong>Dedicated work ethic</strong> with attention to detail
+              </li>
+              <li class="portfolio-list-item">
+                <strong>Collaborative spirit</strong> that strengthens team
+                dynamics
+              </li>
+              <li class="portfolio-list-item">
+                <strong>Adaptability</strong> to meet changing project needs
+              </li>
+            </ul>
+            <p class="portfolio-paragraph">
+              I'm seeking to create meaningful impact and value for your
+              business. Let's work together to achieve extraordinary results.
+            </p>
+            <p class="portfolio-signature">— md affan asghar</p>
+          </div>
         </div>
-    </section>
+      </section>
 
       <hr />
     </main>

style.css

@@ -1897,6 +1897,7 @@ div#count {
 @media (max-width: 768px) {
   .portfolio-section {
     flex-direction: column;
+    margin: 20px;
   }
 
   .portfolio-video-container {