Updated

Author: imtushaarr

imgs/kraftech-dev.png

@@ -57,6 +57,23 @@ <h5>Step by Step JavaScript Basic to Advance Level Roadmap</h5>
                     </div>
                 </div>
             </div>  
+
+            <div class="links-card">
+                <div class="links-img">
+                    <img src="/imgs/kraftech-dev.png" alt="JavaScript Roadmap">
+                </div>
+                <div class="links-text">
+                    <div class="links-h5">
+                        <h5>figma design of software Company project "Kraftech Developer" website</h5>
+                    </div>
+                    <div class="links-p">
+                        <p>The “Kraftech Developer” website design presents a sleek, professional online presence for a software development company. Crafted in Figma, the design features a modern, responsive layout suitable for both desktop and mobile devices. It includes high-quality visuals, intuitive navigation, detailed service pages, project showcases, and client testimonials, emphasizing the company’s expertise and success. Interactive UI elements enhance user engagement, and an easy-to-use contact form allows potential clients to get in touch effortlessly. This design prioritizes usability and aesthetics, ensuring a seamless, engaging experience for visitors.</p>
+                    </div>
+                    <div class="links-lnk">
+                        <a href="https://www.figma.com/design/7iMzX27Ne0cPmBBMtG6eQi/Kraftech-Developer?node-id=0-1&t=UAui8vhFx7NvAxig-1" target="_blank">Click Here <i class="fa-solid fa-up-right-from-square"></i></a>
+                    </div>
+                </div>
+            </div>  
         </div>    
     </div>
 

quick-links.html

@@ -568,6 +568,8 @@ label #cancel{
     flex-direction: row;
     gap: 20px;
     margin-bottom: 20px;
+    align-items: center;
+    justify-content: center;
 }
 
 .links-img {