{"id":200,"date":"2026-02-22T16:02:22","date_gmt":"2026-02-22T16:02:22","guid":{"rendered":"https:\/\/flfaysal.com\/about\/?page_id=200"},"modified":"2026-05-21T09:43:14","modified_gmt":"2026-05-21T09:43:14","slug":"home-2","status":"publish","type":"page","link":"https:\/\/flfaysal.com\/about\/","title":{"rendered":"home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n \n \n \n FL Faysal \u00b7 mobile perfect \u00b7 animated border<\/title>\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n }\n\n :root {\n --primary: #4f46e5;\n --primary-dark: #3730a3;\n --secondary: #7c3aed;\n --dark: #0f172a;\n --light: #f8fafc;\n --gray: #334155;\n --soft-bg: #f5f7ff;\n }\n\n body {\n background: var(--soft-bg);\n color: var(--dark);\n line-height: 1.5;\n scroll-behavior: smooth;\n overflow-x: hidden;\n width: 100%;\n }\n\n \/* ===== STICKY NAV (perfect for mobile) ===== *\/\n .navbar {\n position: sticky;\n top: 0;\n z-index: 1000;\n background: rgba(255, 255, 255, 0.85);\n backdrop-filter: blur(16px) saturate(200%);\n -webkit-backdrop-filter: blur(16px) saturate(200%);\n box-shadow: 0 2px 15px rgba(0,0,0,0.03);\n padding: 0.7rem 5%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n border-bottom: 1px solid rgba(255,255,255,0.7);\n }\n\n .nav-logo img {\n height: 44px;\n width: auto;\n display: block;\n }\n\n .nav-menu {\n display: flex;\n gap: 1.8rem;\n list-style: none;\n font-weight: 500;\n font-size: 1rem;\n }\n\n .nav-menu a {\n text-decoration: none;\n color: var(--dark);\n transition: 0.2s;\n position: relative;\n }\n\n .nav-menu a::after {\n content: '';\n position: absolute;\n bottom: -4px;\n left: 0;\n width: 0%;\n height: 2px;\n background: linear-gradient(90deg, var(--primary), var(--secondary));\n transition: width 0.3s;\n }\n\n .nav-menu a:hover::after { width: 100%; }\n\n .menu-toggle {\n display: none;\n font-size: 1.8rem;\n color: var(--dark);\n cursor: pointer;\n background: rgba(255,255,255,0.5);\n padding: 0.2rem 0.8rem;\n border-radius: 40px;\n backdrop-filter: blur(4px);\n }\n\n \/* ===== CONTAINER (full width control) ===== *\/\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 1rem 5% 2.5rem;\n width: 100%;\n }\n\n \/* ===== REVEAL ANIMATION ===== *\/\n .reveal {\n opacity: 0;\n transform: translateY(25px);\n transition: opacity 0.7s cubic-bezier(0.2, 0.9, 0.3, 1), \n transform 0.7s cubic-bezier(0.2, 0.9, 0.3, 1);\n }\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* ===== HERO SECTION - PERFECT FOR PHONE ===== *\/\n .hero {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n align-items: center;\n gap: 2rem;\n margin: 1.5rem 0 3rem;\n }\n\n .hero-content {\n flex: 1 1 300px;\n }\n\n .hero-badge {\n display: inline-block;\n background: rgba(79, 70, 229, 0.1);\n color: var(--primary);\n padding: 0.5rem 1.2rem;\n border-radius: 60px;\n font-weight: 600;\n font-size: 0.85rem;\n border: 1px solid rgba(79,70,229,0.2);\n margin-bottom: 1rem;\n backdrop-filter: blur(4px);\n }\n\n .hero-content h1 {\n font-size: clamp(1.8rem, 7vw, 3.2rem);\n font-weight: 800;\n line-height: 1.2;\n background: linear-gradient(145deg, var(--dark), var(--primary));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 0.8rem;\n }\n\n .hero-desc {\n font-size: clamp(0.95rem, 4vw, 1.15rem);\n color: var(--gray);\n margin: 1rem 0 1.2rem;\n background: rgba(255,255,255,0.5);\n backdrop-filter: blur(4px);\n padding: 1rem 1.3rem;\n border-radius: 24px;\n border: 1px solid rgba(255,255,255,0.6);\n }\n\n .hero-stats {\n display: flex;\n flex-wrap: wrap;\n gap: 0.8rem;\n margin: 1.5rem 0 1.2rem;\n }\n\n .stat-item {\n background: rgba(255,255,255,0.7);\n backdrop-filter: blur(8px);\n padding: 0.5rem 0.8rem;\n border-radius: 40px;\n border: 1px solid rgba(255,255,255,0.8);\n transition: 0.2s;\n flex: 1 1 auto;\n min-width: 70px;\n text-align: center;\n }\n\n .stat-number {\n font-size: clamp(1.2rem, 5vw, 1.8rem);\n font-weight: 700;\n color: var(--dark);\n }\n .stat-label {\n font-size: 0.7rem;\n color: var(--gray);\n }\n\n \/* ===== IMAGE WITH ACTIVE BORDER ANIMATION ===== *\/\n .hero-image {\n flex: 1 1 250px;\n display: flex;\n justify-content: center;\n position: relative;\n }\n\n .image-wrapper {\n position: relative;\n width: fit-content;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .hero-image img {\n max-width: 100%;\n width: min(300px, 70vw);\n border-radius: 40% 60% 30% 70% \/ 50% 40% 60% 50%;\n object-fit: cover;\n border: 4px solid white;\n box-shadow: 0 20px 30px -15px rgba(79,70,229,0.4);\n position: relative;\n z-index: 2;\n transition: border-radius 0.5s;\n }\n\n \/* Active rotating border animation *\/\n .animated-border-image {\n position: absolute;\n top: -8px;\n left: -8px;\n right: -8px;\n bottom: -8px;\n border-radius: 40% 60% 30% 70% \/ 50% 40% 60% 50%;\n background: linear-gradient(90deg, #4f46e5, #c084fc, #f472b6, #4f46e5);\n background-size: 300% 100%;\n animation: rotateBorder 4s linear infinite;\n z-index: 1;\n opacity: 0.7;\n filter: blur(2px);\n }\n\n @keyframes rotateBorder {\n 0% { background-position: 0% 0%; }\n 100% { background-position: 300% 0%; }\n }\n\n .btn-group {\n display: flex;\n flex-wrap: wrap;\n gap: 0.8rem;\n }\n\n .btn-primary, .btn-outline {\n padding: 0.8rem 1.5rem;\n border-radius: 60px;\n font-weight: 600;\n text-decoration: none;\n transition: all 0.3s;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-size: 0.95rem;\n }\n\n .btn-primary {\n background: var(--dark);\n color: white;\n box-shadow: 0 8px 16px -8px var(--dark);\n }\n .btn-primary:hover { background: var(--primary); transform: translateY(-2px); }\n\n .btn-outline {\n background: rgba(255,255,255,0.6);\n backdrop-filter: blur(4px);\n border: 1px solid rgba(255,255,255,0.8);\n color: var(--dark);\n }\n .btn-outline:hover { background: white; border-color: var(--primary); transform: translateY(-2px); }\n\n .social-row {\n display: flex;\n gap: 1.2rem;\n margin: 1.5rem 0 0;\n flex-wrap: wrap;\n }\n .social-row a { color: var(--gray); font-size: 1.4rem; transition: 0.2s; }\n .social-row a:hover { color: var(--primary); transform: translateY(-2px); }\n\n \/* ===== SKILLS ===== *\/\n .skills-cloud {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 0.6rem;\n margin: 1.5rem 0;\n }\n .skill-chip {\n background: rgba(255,255,255,0.6);\n backdrop-filter: blur(8px);\n padding: 0.5rem 1rem;\n border-radius: 50px;\n font-weight: 500;\n font-size: 0.85rem;\n border: 1px solid rgba(255,255,255,0.7);\n transition: 0.2s;\n }\n .skill-chip:hover { background: white; transform: translateY(-2px); }\n\n \/* ===== MENTOR BANNER (mobile friendly) ===== *\/\n .mentor-banner {\n background: rgba(224, 231, 255, 0.5);\n backdrop-filter: blur(12px);\n border-radius: 28px;\n padding: 1.8rem;\n margin: 2rem 0;\n border: 1px solid rgba(255,255,255,0.7);\n }\n .mentor-list {\n list-style: none;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.5rem 1rem;\n margin-top: 1rem;\n font-size: 0.9rem;\n }\n .mentor-list li::before { content: \"\u25b9\"; color: var(--primary); margin-right: 5px; }\n\n \/* ===== SERVICE CARDS (responsive grid) ===== *\/\n .service-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.2rem;\n margin: 1.5rem 0;\n }\n .service-card {\n background: rgba(255,255,255,0.5);\n backdrop-filter: blur(10px);\n border-radius: 22px;\n padding: 1.5rem;\n border: 1px solid rgba(255,255,255,0.7);\n transition: 0.3s;\n }\n .service-card:hover { background: white; transform: translateY(-4px); }\n .service-icon {\n background: rgba(255,255,255,0.7);\n width: 50px; height: 50px; border-radius: 18px;\n display: flex; align-items: center; justify-content: center;\n font-size: 1.5rem; color: var(--primary); margin-bottom: 1rem;\n }\n\n \/* ===== WORK PROCESS ===== *\/\n .process-steps {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin: 1.5rem 0;\n }\n @media (min-width: 640px) {\n .process-steps { grid-template-columns: repeat(4, 1fr); }\n }\n .step {\n background: rgba(255,255,255,0.5);\n backdrop-filter: blur(10px);\n border-radius: 24px;\n padding: 1.2rem 0.8rem;\n text-align: center;\n border: 1px solid rgba(255,255,255,0.7);\n }\n .step-num {\n background: white; width: 44px; height: 44px; border-radius: 30px;\n display: flex; align-items: center; justify-content: center;\n margin: 0 auto 0.8rem; font-weight: 700; color: var(--primary);\n border: 2px solid #e0e7ff;\n }\n\n \/* ===== TESTIMONIALS ===== *\/\n .testimonials-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1.2rem;\n margin: 1.5rem 0;\n }\n @media (min-width: 500px) {\n .testimonials-grid { grid-template-columns: repeat(2, 1fr); }\n }\n .testi-card {\n background: rgba(255,255,255,0.5);\n backdrop-filter: blur(10px);\n border-radius: 24px;\n padding: 1.5rem;\n border: 1px solid rgba(255,255,255,0.7);\n }\n\n \/* ===== CONTACT (mobile optimized) ===== *\/\n .contact-section {\n background: rgba(245, 245, 255, 0.6);\n backdrop-filter: blur(16px);\n border-radius: 32px;\n padding: 2rem 1.5rem;\n margin: 2rem 0;\n border: 1px solid rgba(255,255,255,0.8);\n }\n .contact-info h3 { font-size: clamp(1.4rem, 6vw, 2rem); margin-bottom: 1rem; }\n .contact-detail p { margin: 0.6rem 0; word-break: break-word; }\n .contact-social a { font-size: 1.8rem; margin-right: 1rem; color: var(--dark); transition: 0.2s; }\n .contact-social a:hover { color: var(--primary); transform: translateY(-2px); }\n\n \/* ===== FOOTER ===== *\/\n .footer-bottom {\n text-align: center;\n margin-top: 1.8rem;\n padding-top: 1.2rem;\n border-top: 1px solid rgba(255,255,255,0.4);\n font-size: 0.85rem;\n }\n .footer-bottom a { font-size: 1.5rem; margin: 0 8px; color: var(--dark); transition: 0.2s; display: inline-block; }\n .footer-bottom a:hover { color: var(--primary); transform: translateY(-2px); }\n\n \/* ===== PHONE OPTIMIZED BREAKPOINTS (perfect responsive) ===== *\/\n @media screen and (max-width: 600px) {\n .navbar { padding: 0.6rem 4%; }\n .nav-menu {\n display: none;\n width: 100%;\n flex-direction: column;\n align-items: center;\n gap: 1rem;\n padding: 1.2rem 0;\n background: rgba(255,255,255,0.9);\n backdrop-filter: blur(12px);\n border-radius: 28px;\n margin-top: 0.6rem;\n }\n .nav-menu.active { display: flex; }\n .menu-toggle { display: block; }\n\n \/* hero vertical for phone *\/\n .hero {\n flex-direction: column;\n text-align: center;\n gap: 1rem;\n }\n .hero-content { text-align: center; }\n .hero-desc { text-align: left; } \/* keep description readable *\/\n .btn-group { justify-content: center; }\n .social-row { justify-content: center; }\n .hero-stats { justify-content: center; }\n\n .hero-image img { width: min(260px, 70vw); }\n .image-wrapper { margin: 0 auto; }\n\n \/* stats row wrap nicely *\/\n .stat-item { min-width: 70px; }\n\n \/* section headings smaller *\/\n .section-head h2 { font-size: 1.8rem; }\n\n \/* service cards *\/\n .service-grid { grid-template-columns: 1fr; }\n }\n\n \/* small phones (under 400px) *\/\n @media screen and (max-width: 400px) {\n .hero-stats {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.5rem;\n }\n .stat-item { width: 100%; }\n .btn-group { flex-direction: column; width: 100%; }\n .btn-primary, .btn-outline { width: 100%; justify-content: center; }\n .mentor-list { grid-template-columns: 1fr; }\n }\n\n \/* for larger phones landscape *\/\n @media screen and (min-width: 601px) and (max-width: 768px) {\n .hero-image img { width: 260px; }\n }\n <\/style>\n<\/head>\n<body>\n <header class=\"navbar\">\n <div class=\"nav-logo\">\n <img decoding=\"async\" src=\"https:\/\/flfaysal.com\/about\/wp-content\/uploads\/2026\/05\/wem-logo-fl-faysal.png\" alt=\"FL Faysal\">\n <\/div>\n <div class=\"menu-toggle\" id=\"menuToggle\"><i class=\"fas fa-bars\"><\/i><\/div>\n <ul class=\"nav-menu\" id=\"navMenu\">\n <li><a href=\"#home\">Home<\/a><\/li><li><a href=\"#skills\">Skills<\/a><\/li><li><a href=\"#services\">Service<\/a><\/li>\n <li><a href=\"#mentorship\">Mentorship<\/a><\/li><li><a href=\"#work\">Work<\/a><\/li><li><a href=\"#reviews\">Review<\/a><\/li><li><a href=\"#contact\">Contact<\/a><\/li>\n <\/ul>\n <\/header>\n\n <main class=\"container\" id=\"home\">\n \n <div class=\"hero reveal\" id=\"heroSection\">\n <div class=\"hero-content\">\n <span class=\"hero-badge\"><i class=\"fas fa-star\" style=\"margin-right:5px;\"><\/i> Hey I'm FL Faysal<\/span>\n <h1>WordPress Web Designer & <span>security Expert<\/span> also Trainer<\/h1>\n <p class=\"hero-desc\">Experienced WordPress Web Designer & Security Expert, dedicated to building secure, high-performing websites. Also a passionate Trainer, helping others master WordPress with practical skills and real-world guidance.<\/p>\n <div class=\"btn-group\">\n <a href=\"https:\/\/wa.me\/8801314441692\" target=\"_blank\" class=\"btn-primary\"><i class=\"fab fa-whatsapp\"><\/i> Let's Talk<\/a>\n <a href=\"#work\" class=\"btn-outline\"><i class=\"fas fa-arrow-right\"><\/i> View work<\/a>\n <\/div>\n <div class=\"hero-stats\">\n <div class=\"stat-item\"><span class=\"stat-number\">440+<\/span><span class=\"stat-label\">Projects<\/span><\/div>\n <div class=\"stat-item\"><span class=\"stat-number\">380+<\/span><span class=\"stat-label\">Clients<\/span><\/div>\n <div class=\"stat-item\"><span class=\"stat-number\">320+<\/span><span class=\"stat-label\">Reviews<\/span><\/div>\n <div class=\"stat-item\"><span class=\"stat-number\">4.5+<\/span><span class=\"stat-label\">Years<\/span><\/div>\n <\/div>\n <div class=\"social-row\">\n <span style=\"font-weight:500;\">Follow:<\/span>\n <a href=\"https:\/\/www.facebook.com\/fl.faysalbd24\" target=\"_blank\"><i class=\"fab fa-facebook\"><\/i><\/a>\n <a href=\"https:\/\/www.linkedin.com\/in\/flfaysal24\/\" target=\"_blank\"><i class=\"fab fa-linkedin\"><\/i><\/a>\n <a href=\"https:\/\/www.youtube.com\/@flfaysal\" target=\"_blank\"><i class=\"fab fa-youtube\"><\/i><\/a>\n \n <\/div>\n <\/div>\n <div class=\"hero-image\">\n <div class=\"image-wrapper\">\n <div class=\"animated-border-image\"><\/div>\n <img decoding=\"async\" src=\"https:\/\/flfaysal.com\/about\/wp-content\/uploads\/2026\/02\/faysall.jpg\" alt=\"FL Faysal\">\n <\/div>\n <\/div>\n <\/div>\n\n \n <section id=\"skills\" class=\"reveal\">\n <div class=\"section-head\"><h2>Skills \u00b7 My Skills Set<\/h2><p>WordPress design, security & training<\/p><\/div>\n <div class=\"skills-cloud\">\n <span class=\"skill-chip\">Website Design<\/span><span class=\"skill-chip\">WordPress Trainer<\/span><span class=\"skill-chip\">Elementor<\/span>\n <span class=\"skill-chip\">WooCommerce<\/span><span class=\"skill-chip\">LMS<\/span><span class=\"skill-chip\">Security<\/span>\n <span class=\"skill-chip\">Speed Opt.<\/span><span class=\"skill-chip\">eCommerce<\/span><span class=\"skill-chip\">Responsive<\/span>\n <span class=\"skill-chip\">Migration<\/span><span class=\"skill-chip\">Maintenance<\/span><span class=\"skill-chip\">Mentorship<\/span>\n <\/div>\n <\/section>\n\n \n <section id=\"mentorship\" class=\"mentor-banner reveal\">\n <h3 style=\"font-size:1.6rem; margin-bottom:0.8rem;\">\ud83d\udcd8 Learn WordPress from a Professional Trainer<\/h3>\n <p>Master WordPress Web Design & Security \u2013 Step by Step!<br>From zero to pro with hands-on projects.<\/p>\n <ul class=\"mentor-list\">\n <li>WordPress installation<\/li><li>Elementor design<\/li><li>WooCommerce<\/li><li>Security & speed<\/li><li>Real-life projects<\/li><li>Dedicated support<\/li>\n <\/ul>\n <\/section>\n\n \n <section id=\"services\" class=\"reveal\">\n <div class=\"section-head\"><h2>Services \u00b7 What I can do<\/h2><\/div>\n <div class=\"service-grid\">\n <div class=\"service-card\"><div class=\"service-icon\"><i class=\"fas fa-store\"><\/i><\/div><h3>eCommerce Setup<\/h3><p>Full-featured eCommerce with advanced functionalities.<\/p><\/div>\n <div class=\"service-card\"><div class=\"service-icon\"><i class=\"fas fa-paint-brush\"><\/i><\/div><h3>Custom Design<\/h3><p>Stunning, responsive websites tailored to you.<\/p><\/div>\n <div class=\"service-card\"><div class=\"service-icon\"><i class=\"fas fa-graduation-cap\"><\/i><\/div><h3>LMS Integration<\/h3><p>Set up Learning Management Systems for courses.<\/p><\/div>\n <div class=\"service-card\"><div class=\"service-icon\"><i class=\"fas fa-shield-alt\"><\/i><\/div><h3>Security<\/h3><p>Robust measures to protect your website.<\/p><\/div>\n <div class=\"service-card\"><div class=\"service-icon\"><i class=\"fas fa-rocket\"><\/i><\/div><h3>Speed Optimization<\/h3><p>Improve loading times for UX and SEO.<\/p><\/div>\n <div class=\"service-card\"><div class=\"service-icon\"><i class=\"fas fa-sync-alt\"><\/i><\/div><h3>Maintenance<\/h3><p>Regular updates & smooth operations.<\/p><\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"work\" class=\"reveal\">\n <div class=\"section-head\"><h2>Work process \u00b7 How I work<\/h2><\/div>\n <div class=\"process-steps\">\n <div class=\"step\"><div class=\"step-num\">1<\/div><h4>Strategy<\/h4><p>Goals & plan<\/p><\/div>\n <div class=\"step\"><div class=\"step-num\">2<\/div><h4>Design<\/h4><p>User-friendly<\/p><\/div>\n <div class=\"step\"><div class=\"step-num\">3<\/div><h4>Development<\/h4><p>Latest tech<\/p><\/div>\n <div class=\"step\"><div class=\"step-num\">4<\/div><h4>Quality<\/h4><p>Flawless<\/p><\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"reviews\" class=\"reveal\">\n <div class=\"section-head\"><h2>Testimonials \u00b7 What clients say<\/h2><\/div>\n <div class=\"testimonials-grid\">\n <div class=\"testi-card\"><i class=\"fas fa-quote-left\" style=\"color:var(--primary);\"><\/i><p>Very professional and responsive. Fixed my WordPress security issues quickly and explained everything step by step<\/p><div class=\"client-name\">Mark T<\/div><div class=\"client-title\">Blogger<\/div><\/div>\n <div class=\"testi-card\"><i class=\"fas fa-quote-left\" style=\"color:var(--primary);\"><\/i><p>Absolutely thrilled with the website design! It\u2019s fast, secure, and exactly what I needed.<\/p><div class=\"client-name\">Ayana Sanchez<\/div><div class=\"client-title\">Herbal Expert<\/div><\/div>\n <div class=\"testi-card\"><i class=\"fas fa-quote-left\" style=\"color:var(--primary);\"><\/i><p>The training sessions were clear and practical. I built my first eCommerce site after a few weeks.<\/p><div class=\"client-name\">Andrew Tate<\/div><div class=\"client-title\">Digital Marketer<\/div><\/div>\n <div class=\"testi-card\"><i class=\"fas fa-quote-left\" style=\"color:var(--primary);\"><\/i><p>Not only did I get a beautiful website, but I also learned how to manage and secure it myself.<\/p><div class=\"client-name\">Joy Andreson<\/div><div class=\"client-title\">Graphic Designer<\/div><\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"contact\" class=\"reveal\">\n <div class=\"contact-section\">\n <div class=\"contact-info\">\n <h3>Contact Me \u00b7 Let's Discuss Your Project Now<\/h3>\n <div class=\"contact-detail\">\n <p><i class=\"fas fa-map-pin\" style=\"width:25px;\"><\/i> Rajshahi, BD<\/p>\n <p><i class=\"fas fa-envelope\"><\/i> mdfaysalzone24@gmail.com<\/p>\n <p><i class=\"fas fa-phone-alt\"><\/i> <a href=\"https:\/\/wa.me\/8801314441692\" target=\"_blank\" style=\"color:var(--dark);\">01314441692 (WhatsApp)<\/a><\/p>\n <\/div>\n <div class=\"contact-social\">\n <a href=\"https:\/\/www.facebook.com\/fl.faysalbd24\" target=\"_blank\"><i class=\"fab fa-facebook\"><\/i><\/a>\n <a href=\"https:\/\/www.linkedin.com\/in\/flfaysal24\/\" target=\"_blank\"><i class=\"fab fa-linkedin\"><\/i><\/a>\n <a href=\"https:\/\/www.youtube.com\/@flfaysal\" target=\"_blank\"><i class=\"fab fa-youtube\"><\/i><\/a>\n <\/div>\n <p style=\"margin-top:1.2rem;\"><a href=\"https:\/\/wa.me\/8801314441692\" target=\"_blank\" style=\"background:#25D366; color:white; padding:0.7rem 1.8rem; border-radius:60px; text-decoration:none; display:inline-block;\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp me<\/a><\/p>\n <\/div>\n <div style=\"text-align:center; margin-top:1rem;\">\n <i class=\"fas fa-comment-dots\" style=\"font-size:4rem; color:#cbd5e1;\"><\/i>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <p>Follow me on social networks<\/p>\n <div>\n <a href=\"https:\/\/www.facebook.com\/fl.faysalbd24\" target=\"_blank\"><i class=\"fab fa-facebook\"><\/i><\/a>\n <a href=\"https:\/\/www.linkedin.com\/in\/flfaysal24\/\" target=\"_blank\"><i class=\"fab fa-linkedin\"><\/i><\/a>\n <a href=\"https:\/\/www.youtube.com\/@flfaysal\" target=\"_blank\"><i class=\"fab fa-youtube\"><\/i><\/a>\n <\/div>\n <p>Copyright \u00a9 2025 FL Faysal . All Rights Reserved.<\/p>\n <\/div>\n <\/section>\n <\/main>\n\n <script>\n const toggle = document.getElementById('menuToggle');\n const menu = document.getElementById('navMenu');\n toggle.addEventListener('click', () => menu.classList.toggle('active'));\n document.querySelectorAll('.nav-menu a').forEach(link => {\n link.addEventListener('click', () => menu.classList.remove('active'));\n });\n\n const reveals = document.querySelectorAll('.reveal');\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) entry.target.classList.add('active');\n });\n }, { threshold: 0.15 });\n reveals.forEach(el => observer.observe(el));\n\n window.addEventListener('load', () => {\n reveals.forEach(el => {\n if (el.getBoundingClientRect().top < window.innerHeight - 80) el.classList.add('active');\n });\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>FL Faysal \u00b7 mobile perfect \u00b7 animated border Home Skills Service Mentorship Work Review Contact Hey I’m FL Faysal WordPress Web Designer & security Expert also Trainer Experienced WordPress Web Designer & Security Expert, dedicated to building secure, high-performing websites. Also a passionate Trainer, helping others master WordPress with practical skills and real-world guidance. Let’s […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-200","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/flfaysal.com\/about\/wp-json\/wp\/v2\/pages\/200","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flfaysal.com\/about\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/flfaysal.com\/about\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/flfaysal.com\/about\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flfaysal.com\/about\/wp-json\/wp\/v2\/comments?post=200"}],"version-history":[{"count":19,"href":"https:\/\/flfaysal.com\/about\/wp-json\/wp\/v2\/pages\/200\/revisions"}],"predecessor-version":[{"id":238,"href":"https:\/\/flfaysal.com\/about\/wp-json\/wp\/v2\/pages\/200\/revisions\/238"}],"wp:attachment":[{"href":"https:\/\/flfaysal.com\/about\/wp-json\/wp\/v2\/media?parent=200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}<!-- This website is optimized by Airlift. Learn more: https://airlift.net. Template:. Learn more: https://airlift.net. Template: 6a34c5435612b7a052ae73c0. Config Timestamp: 2026-06-19 04:27:46 UTC, Cached Timestamp: 2026-07-11 00:03:15 UTC -->