{"id":19,"date":"2026-04-13T01:29:37","date_gmt":"2026-04-13T01:29:37","guid":{"rendered":"https:\/\/godskillsbd.com\/?page_id=19"},"modified":"2026-04-16T12:50:27","modified_gmt":"2026-04-16T12:50:27","slug":"home","status":"publish","type":"page","link":"https:\/\/godskillsbd.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Mohin Uddin Portfolio Hero<\/title>\r\n \r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700;800&display=swap');\r\n\r\n :root {\r\n --primary-orange: #f97316; \/* Bright Orange from your profile background *\/\r\n --accent-blue: #1e3a8a; \/* Dark Navy Blue from your role text *\/\r\n --text-dark: #1a1a1a;\r\n --text-gray: #666;\r\n --bg-light: #ffffff;\r\n }\r\n\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Poppins', sans-serif;\r\n background-color: var(--bg-light);\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* Hero Section Container *\/\r\n .hero-section {\r\n position: relative;\r\n width: 100%;\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 0 5%;\r\n box-sizing: border-box;\r\n \/* Subtly tinted geometric background pattern *\/\r\n background-image: radial-gradient(#fff7ed 1px, transparent 1px);\r\n background-size: 30px 30px;\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n align-items: center;\r\n gap: 20px;\r\n z-index: 2;\r\n }\r\n\r\n \/* Left Side Content *\/\r\n .hero-content {\r\n padding-right: 20px;\r\n }\r\n\r\n .hero-content h4 {\r\n font-size: 1.2rem;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n color: var(--text-dark);\r\n margin: 0 0 10px 0;\r\n font-weight: 600;\r\n }\r\n\r\n .hero-content h1 {\r\n font-size: 3.5rem;\r\n font-weight: 800;\r\n line-height: 1.2;\r\n margin: 0 0 20px 0;\r\n color: var(--accent-blue); \/* Solid blue text *\/\r\n }\r\n\r\n .hero-content h1 span.name {\r\n color: var(--primary-orange); \/* Highlighted Orange name *\/\r\n position: relative;\r\n }\r\n\r\n .hero-content p {\r\n font-size: 1rem;\r\n color: var(--text-gray);\r\n line-height: 1.6;\r\n margin-bottom: 35px;\r\n max-width: 480px;\r\n }\r\n \/* \u09ac\u09be\u099f\u09a8\u0997\u09c1\u09b2\u09cb\u0995\u09c7 \u09aa\u09be\u09b6\u09be\u09aa\u09be\u09b6\u09bf \u09b0\u09be\u0996\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u0997\u09cd\u09b0\u09c1\u09aa \u09b8\u09cd\u099f\u09be\u0987\u09b2 *\/\r\n.btn-group {\r\n display: flex;\r\n gap: 15px;\r\n flex-wrap: wrap; \/* \u099b\u09cb\u099f \u09b8\u09cd\u0995\u09cd\u09b0\u09bf\u09a8\u09c7 \u09ac\u09be\u099f\u09a8 \u09a8\u09bf\u099a\u09c7 \u09a8\u09be\u09ae\u09be\u09b0 \u099c\u09a8\u09cd\u09af *\/\r\n}\r\n\r\n\/* \u0986\u0997\u09c7\u09b0 \u0995\u09a8\u09cd\u099f\u09be\u0995\u09cd\u099f \u09ac\u09be\u099f\u09a8 \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u09a0\u09bf\u0995 \u09a5\u09be\u0995\u09ac\u09c7 *\/\r\n.contact-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n background-color: var(--primary-orange);\r\n color: white;\r\n padding: 15px 30px;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n transition: 0.3s ease;\r\n box-shadow: 0 10px 20px rgba(249, 115, 22, 0.2);\r\n}\r\n\r\n\/* \u09a8\u09a4\u09c1\u09a8 \u09a1\u09be\u0989\u09a8\u09b2\u09cb\u09a1 \u09ac\u09be\u099f\u09a8 \u09b8\u09cd\u099f\u09be\u0987\u09b2 *\/\r\n.download-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n background-color: transparent;\r\n color: var(--accent-blue);\r\n padding: 15px 30px;\r\n border: 2px solid var(--accent-blue);\r\n border-radius: 50px;\r\n text-decoration: none;\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n transition: 0.3s ease;\r\n}\r\n\r\n.download-btn:hover {\r\n background-color: var(--accent-blue);\r\n color: white;\r\n transform: translateY(-3px);\r\n}\r\n\r\n.download-btn span {\r\n margin-left: 10px;\r\n}\r\n\r\n\/* \u09ae\u09cb\u09ac\u09be\u0987\u09b2 \u09b0\u09c7\u09b8\u09aa\u09a8\u09cd\u09b8\u09bf\u09ad \u098f\u09b0 \u099c\u09a8\u09cd\u09af *\/\r\n@media (max-width: 768px) {\r\n .btn-group {\r\n justify-content: center;\r\n }\r\n}\r\n\r\n\r\n \/* Right Side Image *\/\r\n .hero-image {\r\n position: relative;\r\n display: flex;\r\n justify-content: flex-end;\r\n align-items: center;\r\n }\r\n\r\n \/* Circular background behind profile *\/\r\n .profile-bg-circle {\r\n position: absolute;\r\n width: 90%;\r\n height: 90%;\r\n background-color: var(--primary-orange);\r\n border-radius: 50%;\r\n z-index: -1;\r\n top: 50%;\r\n right: 50%;\r\n transform: translate(50%, -50%);\r\n opacity: 0.9;\r\n pointer-events: none;\r\n }\r\n\r\n \/* Main Image *\/\r\n .hero-image img {\r\n max-width: 90%;\r\n height: auto;\r\n z-index: 1;\r\n border-radius: 50%; \/* Make image circular as in source *\/\r\n border: 5px solid white; \/* Clean border around profile *\/\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n }\r\n\r\n \/* Large Background Text \"WEB DEVELOPER\" *\/\r\n .bg-text {\r\n position: absolute;\r\n font-size: 6rem;\r\n font-weight: 900;\r\n color: transparent;\r\n -webkit-text-stroke: 1px #e2e8f0;\r\n z-index: -1;\r\n white-space: nowrap;\r\n top: 50%;\r\n right: -10%;\r\n transform: translateY(-50%);\r\n text-transform: uppercase;\r\n }\r\n\r\n \/* Responsive Design *\/\r\n @media (max-width: 1024px) {\r\n .hero-content h1 { font-size: 2.8rem; }\r\n .bg-text { font-size: 4rem; }\r\n .hero-content h1 span.name { font-size: 3rem; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .container {\r\n grid-template-columns: 1fr;\r\n text-align: center;\r\n padding-top: 50px;\r\n }\r\n .hero-content {\r\n padding-right: 0;\r\n order: 2;\r\n }\r\n .hero-content p {\r\n margin: 0 auto 30px;\r\n }\r\n .hero-image {\r\n order: 1;\r\n justify-content: center;\r\n margin-bottom: 30px;\r\n }\r\n .bg-text {\r\n display: none; \/* Hide background text on small mobiles for clarity *\/\r\n }\r\n .submit-btn {\r\n width: 100%;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"hero-section\">\r\n <div class=\"container\">\r\n \r\n <div class=\"hero-content\">\r\n <h4>Hello<\/h4>\r\n <h1><span class=\"name\">i'm Mohin Uddin<\/span><br> Web Development<\/h1>\r\n <p>I am a professional web developer. Looking for a fast, responsive, and secure website for your business? I am here to help you bring your vision to life.<\/p>\r\n \r\n <div class=\"btn-group\">\r\n <a href=\"https:\/\/godskillsbd.com\/index.php\/contact\/\" class=\"contact-btn\">Contact Me <span>→<\/span><\/a>\r\n <a href=\"https:\/\/godskillsbd.com\/wp-content\/uploads\/2026\/04\/Mohin-CV-UPdate-pdf.jpg\" class=\"download-btn\">Download CV <span>⬇<\/span><\/a>\r\n<\/div>\r\n \r\n <\/div>\r\n \r\n\r\n <div class=\"hero-image\">\r\n <div class=\"profile-bg-circle\"><\/div>\r\n\r\n <img src=https:\/\/godskillsbd.com\/wp-content\/uploads\/2026\/04\/hero-person-1.png\" alt=\"Mohin Uddin\">\r\n \r\n <div class=\"bg-text\">WEB DEVELOPER<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cbcad39 e-flex e-con-boxed e-con e-parent\" data-id=\"cbcad39\" data-element_type=\"container\" data-settings=\"{"background_background":"gradient"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-97ab0d5 elementor-widget elementor-widget-heading\" data-id=\"97ab0d5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">About Me<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-63410eab e-flex e-con-boxed e-con e-parent\" data-id=\"63410eab\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-66760f5a e-con-full e-flex e-con e-child\" data-id=\"66760f5a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49633b3 elementor-widget elementor-widget-html\" data-id=\"49633b3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* Container Styles *\/\n.about-section {\n padding: 60px 20px;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background-color: #fff;\n}\n\n.about-container {\n max-width: 1100px;\n margin: 0 auto;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 40px;\n}\n\n\/* Image Styles *\/\n.about-image {\n flex: 1;\n min-width: 300px;\n}\n\n.about-image img {\n width: 100%;\n border-radius: 15px;\n display: block;\n}\n\n\/* Content Styles *\/\n.about-content {\n flex: 1.2;\n min-width: 300px;\n}\n\n.about-tag {\n color: #ff6600;\n font-weight: 600;\n margin-bottom: 10px;\n}\n\n.about-title {\n font-size: 36px;\n font-weight: 800;\n color: #111;\n margin-bottom: 20px;\n}\n\n.about-desc {\n color: #666;\n line-height: 1.6;\n margin-bottom: 30px;\n}\n\n\/* Stats Styles *\/\n.stats-container {\n display: flex;\n gap: 20px;\n margin-bottom: 30px;\n}\n\n.stat-item {\n display: flex;\n align-items: center;\n gap: 15px;\n background: #fff8f4;\n padding: 15px;\n border-radius: 10px;\n flex: 1;\n}\n\n.stat-icon {\n font-size: 30px;\n color: #ff6600;\n}\n\n.stat-text strong {\n display: block;\n font-size: 20px;\n}\n\n.stat-text span {\n font-size: 14px;\n color: #555;\n}\n\n\/* Features List *\/\n.features-list {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 35px;\n}\n\n.feature {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 15px;\n color: #333;\n}\n\n.check-box {\n color: #ff6600;\n font-weight: bold;\n border: 1px solid #ff6600;\n border-radius: 4px;\n padding: 0 4px;\n font-size: 12px;\n}\n\n\/* Button Style *\/\n.btn-cv {\n display: inline-block;\n background-color: #ff6600;\n color: #fff;\n padding: 15px 35px;\n border-radius: 8px;\n text-decoration: none;\n font-weight: bold;\n transition: 0.3s;\n}\n\n.btn-cv:hover {\n background-color: #e65c00;\n box-shadow: 0 5px 15px rgba(255, 102, 0, 0.3);\n}\n\n\/* Center Button Wrapper *\/\n.cv-button-wrapper {\n text-align: center;\n margin-top: 20px;\n}\n\n\/* Responsive Design *\/\n@media (max-width: 768px) {\n .about-container {\n flex-direction: column;\n }\n .features-list {\n grid-template-columns: 1fr;\n }\n .about-title {\n font-size: 28px;\n }\n}\n<\/style>\n\n<section class=\"about-section\">\n <div class=\"about-container\">\n <div class=\"about-image\">\n <img decoding=\"async\" src=\"https:\/\/godskillsbd.com\/wp-content\/uploads\/2026\/04\/Mohin-Image1.png\" alt=\"Developer Image\">\n <\/div>\n\n <div class=\"about-content\">\n <h1 class=\"about-title\">I Can Design Anything You Want<\/h1>\n <p class=\"about-desc\">\n I am a professional web developer focused on crafting fast, responsive, and secure websites. Whether you need a business site or a personal portfolio, I am here to bring your digital vision to life with precision and care.\n <\/p>\n\n <div class=\"stats-container\">\n <div class=\"stat-item\">\n <div class=\"stat-icon\">\ud83c\udfc6<\/div>\n <div class=\"stat-text\">\n <strong>0+<\/strong>\n <span>Complete Project<\/span>\n <\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-icon\">\ud83d\udd52<\/div>\n <div class=\"stat-text\">\n <strong>0+<\/strong>\n <span>Year of experience<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"features-list\">\n <div class=\"feature\">\n <span class=\"check-box\">\u2713<\/span> Simple and clean design\n <\/div>\n <div class=\"feature\">\n <span class=\"check-box\">\u2713<\/span> Web Design Full stack\n <\/div>\n <div class=\"feature\">\n <span class=\"check-box\">\u2713<\/span> New idea and user friendly\n <\/div>\n <div class=\"feature\">\n <span class=\"check-box\">\u2713<\/span> Unlimited Revisions\n <\/div>\n <\/div>\n\n <!-- Centered Button -->\n <div class=\"cv-button-wrapper\">\n <a href=\"https:\/\/godskillsbd.com\/wp-content\/uploads\/2026\/04\/Mohin-CV-UPdate-pdf.jpg\" class=\"btn-cv\">\n Download My CV\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\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<div class=\"elementor-element elementor-element-0446d03 e-flex e-con-boxed e-con e-parent\" data-id=\"0446d03\" data-element_type=\"container\" data-settings=\"{"background_background":"gradient"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-840bf50 elementor-widget elementor-widget-heading\" data-id=\"840bf50\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">My Experience<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d625ac0 e-flex e-con-boxed e-con e-parent\" data-id=\"d625ac0\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-169058d elementor-widget elementor-widget-html\" data-id=\"169058d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.services-section {\n padding: 60px 20px;\n background-color: #fff;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n text-align: center;\n}\n\n.services-section {\n color: #ff6600;\n font-weight: 600;\n margin-bottom: 10px;\n}\n\n.services-section .section-title {\n font-size: 36px;\n font-weight: 800;\n color: #111;\n margin-bottom: 40px;\n}\n\n.services-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 25px;\n max-width: 1100px;\n margin: 0 auto;\n}\n\n.service-box {\n background: #fff8f4;\n padding: 25px;\n border-radius: 12px;\n transition: 0.3s;\n text-align: center;\n}\n\n.service-box:hover {\n transform: translateY(-8px);\n box-shadow: 0 8px 20px rgba(255, 102, 0, 0.2);\n}\n\n.service-icon {\n font-size: 40px;\n color: #ff6600;\n margin-bottom: 15px;\n}\n\n.service-title {\n font-size: 20px;\n font-weight: 700;\n color: #222;\n margin-bottom: 10px;\n}\n\n.service-desc {\n font-size: 14px;\n color: #555;\n line-height: 1.6;\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n .services-section .section-title {\n font-size: 28px;\n }\n}\n<\/style>\n\n<section class=\"services-section\">\n \n <h2 class=\"section-title\">SERVICES I OFFER<\/h2>\n\n <div class=\"services-container\">\n <div class=\"service-box\">\n <div class=\"service-icon\">\ud83d\udcbb<\/div>\n <div class=\"service-title\">Web Developer<\/div>\n <div class=\"service-desc\">\n Building responsive, fast and secure websites with modern technologies.\n <\/div>\n <\/div>\n\n <div class=\"service-box\">\n <div class=\"service-icon\">\ud83c\udf10<\/div>\n <div class=\"service-title\">WordPress Developer<\/div>\n <div class=\"service-desc\">\n Customizing WordPress themes and plugins for unique, user-friendly sites.\n <\/div>\n <\/div>\n\n <div class=\"service-box\">\n <div class=\"service-icon\">\ud83c\udfa8<\/div>\n <div class=\"service-title\">Graphic Designer<\/div>\n <div class=\"service-desc\">\n Creating elegant visuals, branding, and professional design materials.\n <\/div>\n <\/div>\n\n <div class=\"service-box\">\n <div class=\"service-icon\">\ud83d\udcca<\/div>\n <div class=\"service-title\">Data Entry Expert<\/div>\n <div class=\"service-desc\">\n Accurate and efficient data entry with attention to detail and speed.\n <\/div>\n <\/div>\n <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5a3a6e1 e-flex e-con-boxed e-con e-parent\" data-id=\"5a3a6e1\" data-element_type=\"container\" data-settings=\"{"background_background":"gradient"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ded93e0 elementor-widget elementor-widget-heading\" data-id=\"ded93e0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/godskillsbd.com\/wp-content\/uploads\/2026\/04\/Mohin-CV-UPdate-pdf.jpg%20class=btn-cv\">My RESUME<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cd60140 e-flex e-con-boxed e-con e-parent\" data-id=\"cd60140\" data-element_type=\"container\" data-settings=\"{"background_background":"gradient"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-daf417e elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"daf417e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"bn\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n \r\n <style>\r\n \r\n :root {\r\n --primary-orange: #e67e22; \/* \u0985\u09b0\u09c7\u099e\u09cd\u099c *\/\r\n --secondary-blue: #2980b9; \/* \u09a8\u09c0\u09b2 *\/\r\n --dark-black: #2c3e50; \/* \u0997\u09be\u09dd \u0995\u09be\u09b2\u09cb\/\u09a8\u09c0\u09b2\u09be\u09ad \u0995\u09be\u09b2\u09cb *\/\r\n --light-bg: #f4f7f6;\r\n }\r\n\r\n body {\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n background: var(--light-bg);\r\n margin: 0;\r\n padding: 20px;\r\n color: var(--dark-black);\r\n }\r\n\r\n .resume {\r\n max-width: 1000px;\r\n margin: auto;\r\n background: #ffffff;\r\n padding: 40px;\r\n border-radius: 12px;\r\n box-shadow: 0 15px 35px rgba(0,0,0,0.1);\r\n border-top: 8px solid var(--primary-orange);\r\n }\r\n\r\n .header-section {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n\r\n\r\n .experience-tag {\r\n font-weight: bold;\r\n color: var(--secondary-blue);\r\n letter-spacing: 1px;\r\n font-size: 2.1rem;\r\n }\r\n\r\n h2 {\r\n display: flex;\r\n align-items: center;\r\n color: var(--secondary-blue);\r\n font-size: 1.6rem;\r\n border-bottom: 2px solid #eee;\r\n padding-bottom: 10px;\r\n margin-top: 40px;\r\n }\r\n\r\n h2::before {\r\n \r\n content: \"\ud83e\udde1\"; \/* \u0985\u09b0\u09c7\u099e\u09cd\u099c \u099f\u09be\u099a *\/\r\n margin-right: 10px;\r\n font-size: 2.2rem;\r\n }\r\n\r\n \/* Education Column Grid *\/\r\n .education-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 20px;\r\n margin-top: 20px;\r\n }\r\n\r\n .edu-card {\r\n background: #fff;\r\n padding: 20px;\r\n border-radius: 8px;\r\n border: 1px solid #eee;\r\n border-left: 5px solid var(--primary-orange);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .edu-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n border-left-color: var(--secondary-blue);\r\n }\r\n\r\n .edu-card strong {\r\n display: block;\r\n color: var(--dark-black);\r\n font-size: 1.15rem;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .edu-card .year {\r\n display: inline-block;\r\n background: var(--dark-black);\r\n color: #fff;\r\n padding: 2px 10px;\r\n border-radius: 20px;\r\n font-size: 0.85rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .edu-card p {\r\n margin: 5px 0;\r\n color: #666;\r\n }\r\n\r\n \/* Software Skills Grid *\/\r\n .skills-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 25px;\r\n margin-top: 20px;\r\n }\r\n\r\n .skill-item {\r\n position: relative;\r\n }\r\n\r\n .skill-info {\r\n display: flex;\r\n justify-content: space-between;\r\n margin-bottom: 8px;\r\n font-weight: 600;\r\n color: var(--dark-black);\r\n }\r\n\r\n .bar {\r\n height: 12px;\r\n background: #e0e0e0;\r\n border-radius: 6px;\r\n overflow: hidden;\r\n }\r\n\r\n .fill {\r\n height: 100%;\r\n background: linear-gradient(90deg, var(--secondary-blue), var(--primary-orange));\r\n border-radius: 6px;\r\n }\r\n\r\n \/* Footer touch *\/\r\n .footer-line {\r\n margin-top: 50px;\r\n text-align: center;\r\n border-top: 1px solid #eee;\r\n padding-top: 20px;\r\n color: #999;\r\n font-size: 0.9rem;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 600px) {\r\n .resume { padding: 25px 15px; }\r\n h1 { font-size: 1.8rem; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"resume\">\r\n <div class=\"header-section\">\r\n \r\n <div class=\"experience-tag\">10+ YEARS OF EXPERIENCE<\/div>\r\n <\/div>\r\n\r\n <h2>Education<\/h2>\r\n <div class=\"education-grid\">\r\n <div class=\"edu-card\">\r\n <span class=\"year\">2010 - 2013<\/span>\r\n <strong>BBS (Bachelor of Business Studies)<\/strong>\r\n <p>University of Dhaka<\/p>\r\n <\/div>\r\n <div class=\"edu-card\">\r\n <span class=\"year\">2007 - 2008<\/span>\r\n <strong>HSC<\/strong>\r\n <p>Gunabati Degree College, Cumilla<\/p>\r\n <\/div>\r\n <div class=\"edu-card\">\r\n <span class=\"year\">2005 - 2006<\/span>\r\n <strong>SSC<\/strong>\r\n <p>Satbaria High School, Cumilla<\/p>\r\n <\/div>\r\n <div class=\"edu-card\">\r\n <span class=\"year\">2013<\/span>\r\n <strong>Graphics Design & Multimedia<\/strong>\r\n <p>BTEB, Dhaka | CGPA: 5.00<\/p>\r\n <\/div>\r\n <div class=\"edu-card\">\r\n <span class=\"year\">2015<\/span>\r\n <strong>Computer Office Application<\/strong>\r\n <p>BTEB, Dhaka | CGPA: 5.00<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <h2>Software Skills<\/h2>\r\n <div class=\"skills-grid\">\r\n <div class=\"skill-item\">\r\n <div class=\"skill-info\"><span>Figma<\/span><span>70%<\/span><\/div>\r\n <div class=\"bar\"><div class=\"fill\" style=\"width:70%\"><\/div><\/div>\r\n <\/div>\r\n <div class=\"skill-item\">\r\n <div class=\"skill-info\"><span>Adobe Photoshop<\/span><span>90%<\/span><\/div>\r\n <div class=\"bar\"><div class=\"fill\" style=\"width:90%\"><\/div><\/div>\r\n <\/div>\r\n <div class=\"skill-item\">\r\n <div class=\"skill-info\"><span>HTML & CSS<\/span><span>85%<\/span><\/div>\r\n <div class=\"bar\"><div class=\"fill\" style=\"width:85%\"><\/div><\/div>\r\n <\/div>\r\n <div class=\"skill-item\">\r\n <div class=\"skill-info\"><span>WordPress<\/span><span>90%<\/span><\/div>\r\n <div class=\"bar\"><div class=\"fill\" style=\"width:90%\"><\/div><\/div>\r\n <\/div>\r\n <div class=\"skill-item\">\r\n <div class=\"skill-info\"><span>Tailwind Css<\/span><span>80%<\/span><\/div>\r\n <div class=\"bar\"><div class=\"fill\" style=\"width:80%\"><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-line\">\r\n Designed with Blue, Orange & Black Theme\r\n <\/div>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-94b0c5e e-flex e-con-boxed e-con e-parent\" data-id=\"94b0c5e\" data-element_type=\"container\" data-settings=\"{"background_background":"gradient"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b61b462 elementor-widget elementor-widget-heading\" data-id=\"b61b462\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"#\">VISIT MY PORTFOLIO<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7096a74 e-flex e-con-boxed e-con e-parent\" data-id=\"7096a74\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ab562b0 e-con-full e-flex e-con e-child\" data-id=\"ab562b0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b08e3b1 elementor-widget elementor-widget-html\" data-id=\"b08e3b1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"bn\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <style>\r\n :root {\r\n --primary-orange: #e67e22;\r\n --accent-blue: #2980b9;\r\n --dark-black: #1a1a1a;\r\n --text-gray: #666;\r\n }\r\n\r\n body {\r\n font-family: 'Segoe UI', Arial, sans-serif;\r\n margin: 0;\r\n padding: 50px 20px;\r\n background-color: #ffffff;\r\n color: var(--dark-black);\r\n }\r\n\r\n .portfolio-section {\r\n max-width: 1200px;\r\n margin: auto;\r\n text-align: center;\r\n }\r\n\r\n .portfolio-section h1 {\r\n font-size: 2.5rem;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n \/* Filter Menu *\/\r\n .filter-menu {\r\n margin-bottom: 40px;\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n gap: 20px;\r\n }\r\n\r\n .filter-menu span {\r\n cursor: pointer;\r\n font-weight: 500;\r\n color: var(--text-gray);\r\n transition: 0.3s;\r\n position: relative;\r\n padding-bottom: 5px;\r\n }\r\n\r\n .filter-menu span a {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n .filter-menu span:hover, .filter-menu span.active {\r\n color: var(--primary-orange);\r\n }\r\n\r\n .filter-menu span.active::after {\r\n content: \"\";\r\n position: absolute;\r\n bottom: 0;\r\n left: 25%;\r\n width: 50%;\r\n height: 2px;\r\n background: var(--primary-orange);\r\n }\r\n\r\n \/* Portfolio Grid *\/\r\n .portfolio-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n gap: 25px;\r\n }\r\n\r\n .portfolio-item {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 10px;\r\n aspect-ratio: 4 \/ 3;\r\n background: #f0f0f0;\r\n cursor: pointer;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n }\r\n\r\n .portfolio-item img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n }\r\n\r\n \/* Overlay on Hover *\/\r\n .overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(26, 26, 26, 0.85); \r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n padding: 20px;\r\n box-sizing: border-box;\r\n }\r\n\r\n .portfolio-item:hover img {\r\n transform: scale(1.1);\r\n }\r\n\r\n .portfolio-item:hover .overlay {\r\n opacity: 1;\r\n }\r\n\r\n .overlay h3 {\r\n color: #fff;\r\n margin-bottom: 15px;\r\n font-size: 1.4rem;\r\n transform: translateY(20px);\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .portfolio-item:hover .overlay h3 {\r\n transform: translateY(0);\r\n }\r\n\r\n .overlay a {\r\n text-decoration: none;\r\n color: #fff;\r\n background: var(--accent-blue);\r\n padding: 10px 25px;\r\n border-radius: 5px;\r\n font-size: 0.9rem;\r\n transition: 0.3s;\r\n }\r\n\r\n .overlay a:hover {\r\n background: var(--primary-orange);\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 600px) {\r\n .portfolio-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n .portfolio-section h1 {\r\n font-size: 1.8rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"portfolio-section\">\r\n <h3> My Portfolio<\/h3>\r\n\r\n <div class=\"filter-menu\">\r\n <span class=\"active\">All<\/span>\r\n <span><a href=\"#\">Excel Expert<\/a><\/span>\r\n <span><a href=\"#\">Branding<\/a><\/span>\r\n <span><a href=\"#\">Graphics<\/a><\/span>\r\n <span><a href=\"#\">App Dev<\/a><\/span>\r\n <span><a href=\"#\">Web Design<\/a><\/span>\r\n <\/div>\r\n\r\n <div class=\"portfolio-grid\">\r\n \r\n <div class=\"portfolio-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1543286386-713bdd548da4?q=80&w=800&auto=format&fit=crop\" alt=\"Excel Dashboard\">\r\n <div class=\"overlay\">\r\n <h3>Office Application & Excel<\/h3>\r\n <a href=\"#\">View Details<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"portfolio-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1547658719-da2b51169166?q=80&w=800&auto=format&fit=crop\" alt=\"Web Design\">\r\n <div class=\"overlay\">\r\n <h3>Modern Web Design<\/h3>\r\n <a href=\"#\">Launch Site<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"portfolio-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1512941937669-90a1b58e7e9c?q=80&w=800&auto=format&fit=crop\" alt=\"Mobile App\">\r\n <div class=\"overlay\">\r\n <h3>Mobile App Development<\/h3>\r\n <a href=\"#\">See Demo<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"portfolio-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522542550221-31fd19575a2d?q=80&w=800&auto=format&fit=crop\" alt=\"Branding\">\r\n <div class=\"overlay\">\r\n <h3>Branding & Identity<\/h3>\r\n <a href=\"#\">View Case<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"portfolio-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1626785774573-4b799315345d?q=80&w=800&auto=format&fit=crop\" alt=\"Graphic Design\">\r\n <div class=\"overlay\">\r\n <h3>Graphic Illustrations<\/h3>\r\n <a href=\"#\">Full Gallery<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"portfolio-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556742044-3c52d6e88c62?q=80&w=800&auto=format&fit=crop\" alt=\"E-commerce\">\r\n <div class=\"overlay\">\r\n <h3>E-commerce Solutions<\/h3>\r\n <a href=\"#\">Check Store<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n<\/body>\r\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<div class=\"elementor-element elementor-element-d7b4332 e-con-full e-flex e-con e-parent\" data-id=\"d7b4332\" data-element_type=\"container\" data-settings=\"{"background_background":"gradient"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a360495 elementor-widget elementor-widget-heading\" data-id=\"a360495\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"#\">My Details<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a72b738 e-flex e-con-boxed e-con e-parent\" data-id=\"a72b738\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60d136d elementor-widget elementor-widget-html\" data-id=\"60d136d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Professional Resume<\/title>\r\n <style>\r\n :root {\r\n --orange: #e67e22;\r\n --blue: #2980b9;\r\n --black: #1a1a1a;\r\n --light-gray: #f8f9fa;\r\n }\r\n\r\n body {\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n background-color: #f0f2f5;\r\n margin: 0;\r\n padding: 40px 20px;\r\n color: var(--black);\r\n }\r\n\r\n .container {\r\n max-width: 1100px;\r\n margin: auto;\r\n background: #fff;\r\n padding: 40px;\r\n border-radius: 15px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n }\r\n\r\n h2 {\r\n font-size: 1.8rem;\r\n border-bottom: 3px solid var(--blue);\r\n display: inline-block;\r\n margin-bottom: 30px;\r\n padding-bottom: 5px;\r\n color: var(--black);\r\n text-align: center;\r\n }\r\n\r\n .section-title-container {\r\n text-align: center;\r\n width: 100%;\r\n }\r\n\r\n \/* Professional Skills - Full Width Grid *\/\r\n .skills-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n gap: 30px;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .skill-box {\r\n width: 100%;\r\n }\r\n\r\n .skill-info {\r\n display: flex;\r\n justify-content: space-between;\r\n margin-bottom: 8px;\r\n font-weight: 600;\r\n }\r\n\r\n .progress-bar {\r\n height: 10px;\r\n background: #eee;\r\n border-radius: 5px;\r\n overflow: hidden;\r\n }\r\n\r\n .progress-fill {\r\n height: 100%;\r\n background: linear-gradient(90deg, var(--blue), var(--orange));\r\n border-radius: 5px;\r\n }\r\n\r\n \/* Experience - 3 Columns Grid *\/\r\n .experience-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px;\r\n text-align: center;\r\n }\r\n\r\n .exp-card {\r\n background: var(--light-gray);\r\n padding: 25px;\r\n border-radius: 12px;\r\n border-bottom: 4px solid var(--orange);\r\n transition: 0.3s;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .exp-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.1);\r\n border-bottom-color: var(--blue);\r\n }\r\n\r\n .date {\r\n color: var(--blue);\r\n font-weight: bold;\r\n font-size: 0.9rem;\r\n margin-bottom: 10px;\r\n display: block;\r\n }\r\n\r\n .job-title {\r\n font-size: 1.2rem;\r\n font-weight: bold;\r\n margin: 5px 0;\r\n color: var(--black);\r\n }\r\n\r\n .company {\r\n color: var(--orange);\r\n font-weight: 600;\r\n margin-bottom: 15px;\r\n }\r\n\r\n p {\r\n font-size: 0.9rem;\r\n line-height: 1.5;\r\n color: #555;\r\n margin: 0;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 900px) {\r\n .experience-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n .skills-grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .skills-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"container\">\r\n <div class=\"section-title-container\">\r\n \r\n <h2>Professional Skills<\/h2>\r\n <\/div>\r\n \r\n <div class=\"skills-grid\">\r\n <div class=\"skill-box\">\r\n <div class=\"skill-info\"><span>Office Application\/Excel<\/span><span>95%<\/span><\/div>\r\n <div class=\"progress-bar\"><div class=\"progress-fill\" style=\"width: 95%;\"><\/div><\/div>\r\n <\/div>\r\n <div class=\"skill-box\">\r\n <div class=\"skill-info\"><span>Web Development<\/span><span>85%<\/span><\/div>\r\n <div class=\"progress-bar\"><div class=\"progress-fill\" style=\"width: 85%;\"><\/div><\/div>\r\n <\/div>\r\n <div class=\"skill-box\">\r\n <div class=\"skill-info\"><span>App Development<\/span><span>75%<\/span><\/div>\r\n <div class=\"progress-bar\"><div class=\"progress-fill\" style=\"width: 75%;\"><\/div><\/div>\r\n <\/div>\r\n <div class=\"skill-box\">\r\n <div class=\"skill-info\"><span>Graphics Design<\/span><span>95%<\/span><\/div>\r\n <div class=\"progress-bar\"><div class=\"progress-fill\" style=\"width: 95%;\"><\/div><\/div>\r\n <\/div>\r\n <div class=\"skill-box\">\r\n <div class=\"skill-info\"><span>Adobe Photoshop<\/span><span>95%<\/span><\/div>\r\n <div class=\"progress-bar\"><div class=\"progress-fill\" style=\"width: 95%;\"><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"section-title-container\">\r\n <h2>Experience<\/h2>\r\n <\/div>\r\n\r\n <div class=\"experience-grid\">\r\n <div class=\"exp-card\">\r\n <span class=\"date\">2020 - Present<\/span>\r\n <span class=\"job-title\">Senior UI\/UX Designer<\/span>\r\n <span class=\"company\">Creative Agency Ltd.<\/span>\r\n <p>Leading the design strategy to create intuitive user interfaces and seamless experiences for digital platforms.<\/p>\r\n <\/div>\r\n\r\n <div class=\"exp-card\">\r\n <span class=\"date\">2017 - 2020<\/span>\r\n <span class=\"job-title\">Web Developer<\/span>\r\n <span class=\"company\">Tech Solutions Inc.<\/span>\r\n <p>Developed responsive, high-performance websites focusing on clean code and optimized loading speeds.<\/p>\r\n <\/div>\r\n\r\n <div class=\"exp-card\">\r\n <span class=\"date\">2015 - 2017<\/span>\r\n <span class=\"job-title\">Junior Graphic Designer<\/span>\r\n <span class=\"company\">Design Studio<\/span>\r\n <p>Crafting compelling visual identities and marketing materials to communicate brand messages effectively.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fc6702a e-con-full e-flex e-con e-parent\" data-id=\"fc6702a\" data-element_type=\"container\" data-settings=\"{"background_background":"gradient"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26f1bf2 elementor-widget elementor-widget-heading\" data-id=\"26f1bf2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"#\">TESTIMONIAL<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3c3bf96 e-flex e-con-boxed e-con e-parent\" data-id=\"3c3bf96\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb3cb0a elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"eb3cb0a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<div class=\"testimonial-section\">\n <h3 class=\"sub-heading\">Testimonial<\/h3>\n <h2 class=\"main-heading\">CLIENT FEEDBACK<\/h2>\n\n <!-- Swiper Container -->\n <div class=\"swiper mySwiper\">\n <div class=\"swiper-wrapper\">\n <!-- Testimonial 1 -->\n <div class=\"swiper-slide testimonial-card\">\n <img decoding=\"async\" src=\"https:\/\/godskillsbd.com\/wp-content\/uploads\/2026\/04\/Manik.jpg\" alt=\"Robert E. Wolf\">\n <h4>Robert E. Wolf<\/h4>\n <p class=\"title\">Director, Techso<\/p>\n <p class=\"quote\">\"Exceptional service! The team at Techso exceeded our expectations. Highly recommended!\"<\/p>\n <\/div>\n\n <!-- Testimonial 2 -->\n <div class=\"swiper-slide testimonial-card\">\n <img decoding=\"async\" src=\"https:\/\/godskillsbd.com\/wp-content\/uploads\/2026\/04\/Tanbir.jpg\" alt=\"John K. Meraz\">\n <h4>John K. Meraz<\/h4>\n <p class=\"title\">CTO, Xyz Group<\/p>\n <p class=\"quote\">\"Innovative solutions and great support. Working with XYZ Group has been a fantastic experience.\"<\/p>\n <\/div>\n\n <!-- Testimonial 3 -->\n <div class=\"swiper-slide testimonial-card\">\n <img decoding=\"async\" src=\"https:\/\/godskillsbd.com\/wp-content\/uploads\/2026\/04\/Sohel.jpg\" alt=\"Johan Smith\">\n <h4>Johan Smith<\/h4>\n <p class=\"title\">CEO, Abc Agency<\/p>\n <p class=\"quote\">\"Professional and reliable. Abc Agency delivered outstanding results for our business.\"<\/p>\n <\/div>\n\n <!-- \u098f\u0996\u09be\u09a8\u09c7 \u09a4\u09c1\u09ae\u09bf \u09af\u09a4 \u0996\u09c1\u09b6\u09bf \u09a8\u09a4\u09c1\u09a8 testimonial-card \u09af\u09cb\u0997 \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7 -->\n <\/div>\n\n <!-- Pagination & Navigation -->\n <div class=\"swiper-pagination\"><\/div>\n <div class=\"swiper-button-prev\"><\/div>\n <div class=\"swiper-button-next\"><\/div>\n <\/div>\n<\/div>\n<style>\n .testimonial-section {\n text-align: center;\n padding: 60px 20px;\n background-color: #f8f8f8;\n}\n\n.sub-heading {\n font-size: 16px;\n color: #777;\n margin-bottom: 5px;\n}\n\n.main-heading {\n font-size: 30px;\n font-weight: 700;\n margin-bottom: 40px;\n}\n\n.testimonial-card {\n background: #fff;\n border-radius: 10px;\n width: 280px;\n padding: 25px;\n box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n text-align: center;\n}\n\n.testimonial-card img {\n width: 100px;\n height: 100px;\n border-radius: 50%;\n margin: 0 auto 15px;\n object-fit: cover;\n}\n\n.testimonial-card h4 {\n font-size: 18px;\n margin: 5px 0;\n}\n\n.testimonial-card .title {\n font-size: 14px;\n color: #555;\n margin-bottom: 10px;\n}\n\n.testimonial-card .quote {\n font-size: 14px;\n color: #333;\n line-height: 1.6;\n font-style: italic;\n}\n \n<\/style>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a80432d e-con-full e-flex e-con e-parent\" data-id=\"a80432d\" data-element_type=\"container\" data-settings=\"{"background_background":"gradient"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c9de802 elementor-widget elementor-widget-heading\" data-id=\"c9de802\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"#\">MY BLOG<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a6ae798 e-flex e-con-boxed e-con e-parent\" data-id=\"a6ae798\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-77d852a elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"77d852a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Latest Blog Showcase<\/title>\r\n\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap');\r\n\r\n :root {\r\n --text-dark: #111827;\r\n --text-gray: #4b5563;\r\n --accent-orange: #c27847; \/* Image matching orange *\/\r\n --bg-creamy: #fdfaf7; \/* Light creamy background from image *\/\r\n --card-white: #ffffff;\r\n }\r\n\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n background-color: var(--bg-creamy);\r\n margin: 0;\r\n padding: 60px 20px;\r\n }\r\n\r\n .blog-section {\r\n max-width: 1200px;\r\n margin: auto;\r\n text-align: center;\r\n }\r\n\r\n \/* Header Styling *\/\r\n .blog-header {\r\n margin-bottom: 50px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .brand-wrapper {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .logo-box {\r\n width: 30px;\r\n height: 30px;\r\n background-color: var(--accent-orange);\r\n color: white;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 6px;\r\n font-weight: bold;\r\n font-size: 18px;\r\n }\r\n\r\n .blog-header h3 {\r\n color: var(--text-dark);\r\n font-weight: 500;\r\n font-size: 1.1rem;\r\n margin: 0;\r\n }\r\n\r\n .blog-header h1 {\r\n color: var(--text-dark);\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n margin: 5px 0 0 0;\r\n }\r\n\r\n \/* Blog Grid *\/\r\n .blog-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n gap: 30px;\r\n margin-top: 40px;\r\n }\r\n\r\n \/* Card Styling *\/\r\n .blog-card {\r\n background: var(--card-white);\r\n border-radius: 12px;\r\n overflow: hidden;\r\n text-align: left;\r\n box-shadow: 0 10px 25px -5px rgba(0,0,0,0.05);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .blog-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 20px 40px -10px rgba(0,0,0,0.1);\r\n }\r\n\r\n .blog-image {\r\n width: 100%;\r\n height: 240px;\r\n overflow: hidden;\r\n }\r\n\r\n .blog-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .blog-card:hover .blog-image img {\r\n transform: scale(1.1);\r\n }\r\n\r\n .blog-content {\r\n padding: 30px;\r\n }\r\n\r\n .blog-date {\r\n font-size: 0.85rem;\r\n color: var(--text-gray);\r\n margin-bottom: 15px;\r\n display: block;\r\n }\r\n\r\n .blog-title {\r\n font-size: 1.35rem;\r\n color: var(--text-dark);\r\n font-weight: 700;\r\n line-height: 1.4;\r\n margin-bottom: 25px;\r\n text-transform: uppercase;\r\n min-height: 60px;\r\n }\r\n\r\n \/* Read More Button *\/\r\n .read-more {\r\n display: inline-flex;\r\n align-items: center;\r\n color: var(--accent-orange);\r\n text-decoration: none;\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n gap: 8px;\r\n transition: 0.3s;\r\n }\r\n\r\n .read-more:hover {\r\n gap: 12px;\r\n opacity: 0.8;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 768px) {\r\n .blog-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n .blog-header h1 {\r\n font-size: 2rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"blog-section\">\r\n <div class=\"blog-header\">\r\n <div class=\"brand-wrapper\">\r\n <div class=\"logo-box\">B<\/div> <h3>Blog<\/h3>\r\n <\/div>\r\n <h1>LATEST BLOG<\/h1>\r\n <\/div>\r\n\r\n <div class=\"blog-grid\">\r\n \r\n <div class=\"blog-card\">\r\n <div class=\"blog-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1498050108023-c5249f4df085?q=80&w=800\" alt=\"Coding\">\r\n <\/div>\r\n <div class=\"blog-content\">\r\n <span class=\"blog-date\">20 January, 2023<\/span>\r\n <h2 class=\"blog-title\">Mastering React.js for Modern Web Apps.<\/h2>\r\n <a href=\"#\" class=\"read-more\">Read More →<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"blog-card\">\r\n <div class=\"blog-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1555421689-491a97ff2040?q=80&w=800\" alt=\"UI\/UX Design\">\r\n <\/div>\r\n <div class=\"blog-content\">\r\n <span class=\"blog-date\">15 January, 2023<\/span>\r\n <h2 class=\"blog-title\">Innovative UI\/UX Strategies for Startups.<\/h2>\r\n <a href=\"#\" class=\"read-more\">Read More →<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"blog-card\">\r\n <div class=\"blog-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?q=80&w=800\" alt=\"Agency\">\r\n <\/div>\r\n <div class=\"blog-content\">\r\n <span class=\"blog-date\">08 January, 2023<\/span>\r\n <h2 class=\"blog-title\">Building a Successful Creative Agency Portfolio.<\/h2>\r\n <a href=\"#\" class=\"read-more\">Read More →<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f5dd583 e-con-full e-flex e-con e-parent\" data-id=\"f5dd583\" data-element_type=\"container\" data-settings=\"{"background_background":"gradient"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2abbb4b elementor-widget elementor-widget-heading\" data-id=\"2abbb4b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"#\">MY CONTACT<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-203a316 e-flex e-con-boxed e-con e-parent\" data-id=\"203a316\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3c52f85 e-con-full e-flex e-con e-child\" data-id=\"3c52f85\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4786599 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"4786599\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Contact Us Section<\/title>\r\n \r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap');\r\n\r\n :root {\r\n --primary-orange: #ff6600; \/* Screenshot primary color *\/\r\n --bg-light: #ffffff;\r\n --input-border: #f3f4f6;\r\n --text-dark: #111827;\r\n --text-gray: #6b7280;\r\n }\r\n\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n background-color: var(--bg-light);\r\n margin: 0;\r\n padding: 80px 20px;\r\n }\r\n\r\n .contact-section {\r\n max-width: 1200px;\r\n margin: auto;\r\n }\r\n\r\n \/* Header Styling *\/\r\n .contact-header {\r\n text-align: center;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .contact-header .sub-title {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n font-size: 0.9rem;\r\n color: var(--text-dark);\r\n margin-bottom: 10px;\r\n }\r\n\r\n .contact-header .sub-title img {\r\n width: 20px;\r\n }\r\n\r\n .contact-header h1 {\r\n font-size: 2.8rem;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n margin: 0;\r\n letter-spacing: 1px;\r\n }\r\n\r\n \/* Layout Grid *\/\r\n .contact-container {\r\n display: grid;\r\n grid-template-columns: 1.8fr 1fr;\r\n gap: 50px;\r\n }\r\n\r\n \/* Form Styling *\/\r\n .contact-form {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 20px;\r\n }\r\n\r\n .contact-form input, \r\n .contact-form textarea {\r\n width: 100%;\r\n padding: 15px 20px;\r\n border: 1.5px solid var(--input-border);\r\n border-radius: 8px;\r\n font-family: inherit;\r\n font-size: 0.95rem;\r\n box-sizing: border-box;\r\n outline: none;\r\n transition: border-color 0.3s;\r\n }\r\n\r\n .contact-form input:focus, \r\n .contact-form textarea:focus {\r\n border-color: var(--primary-orange);\r\n }\r\n\r\n .contact-form textarea {\r\n grid-column: span 2;\r\n height: 150px;\r\n resize: none;\r\n }\r\n\r\n .submit-btn {\r\n grid-column: span 2;\r\n justify-self: start;\r\n background-color: var(--primary-orange);\r\n color: white;\r\n padding: 15px 40px;\r\n border: none;\r\n border-radius: 8px;\r\n font-size: 1rem;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: transform 0.2s, background 0.3s;\r\n margin-top: 10px;\r\n }\r\n\r\n .submit-btn:hover {\r\n background-color: #e65c00;\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* Info Details Styling *\/\r\n .contact-info {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 30px;\r\n }\r\n\r\n .info-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 20px;\r\n }\r\n\r\n .icon-box {\r\n background: #fff5f0; \/* Light orange tint *\/\r\n padding: 15px;\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--primary-orange);\r\n font-size: 24px;\r\n }\r\n\r\n .info-text h3 {\r\n margin: 0 0 5px 0;\r\n font-size: 1.2rem;\r\n font-weight: 600;\r\n }\r\n\r\n .info-text p {\r\n margin: 0;\r\n color: var(--text-gray);\r\n font-size: 0.95rem;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 900px) {\r\n .contact-container {\r\n grid-template-columns: 1fr;\r\n }\r\n .contact-form {\r\n grid-template-columns: 1fr;\r\n }\r\n .contact-form input, \r\n .contact-form textarea {\r\n grid-column: span 1;\r\n }\r\n .submit-btn {\r\n width: 100%;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"contact-section\">\r\n <div class=\"contact-header\">\r\n <div class=\"sub-title\">\r\n <span style=\"color: var(--primary-orange);\">\u25cf<\/span> Contact\r\n <\/div>\r\n <h1>I Want To Hear From You<\/h1>\r\n <\/div>\r\n\r\n <div class=\"contact-container\">\r\n <form class=\"contact-form\">\r\n <input type=\"text\" placeholder=\"Your Name\" required>\r\n <input type=\"email\" placeholder=\"Your Email\" required>\r\n <input type=\"tel\" placeholder=\"Your Phone\">\r\n <input type=\"text\" placeholder=\"Subject\">\r\n <textarea placeholder=\"Message\"><\/textarea>\r\n <button type=\"submit\" class=\"submit-btn\">Send Me Message<\/button>\r\n <\/form>\r\n\r\n <div class=\"contact-info\">\r\n \r\n <div class=\"info-item\">\r\n <div class=\"icon-box\">\ud83d\udccd<\/div>\r\n <div class=\"info-text\">\r\n <h3>Address<\/h3>\r\n <p>3583,Satbaria, Nangalkot, Cumilla, Bangladesh.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"info-item\">\r\n <div class=\"icon-box\">\ud83d\udcde<\/div>\r\n <div class=\"info-text\">\r\n <h3>Phone<\/h3>\r\n <p>+8801619129380 <br> +8801619129379<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"info-item\">\r\n <div class=\"icon-box\">\u2709\ufe0f<\/div>\r\n <div class=\"info-text\">\r\n <h3>Email<\/h3>\r\n <p>umohin651@gmail.com<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\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>Mohin Uddin Portfolio Hero Hello i’m Mohin Uddin Web Development I am a professional web developer. Looking for a fast, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/godskillsbd.com\/index.php\/wp-json\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/godskillsbd.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/godskillsbd.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/godskillsbd.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/godskillsbd.com\/index.php\/wp-json\/wp\/v2\/comments?post=19"}],"version-history":[{"count":61,"href":"https:\/\/godskillsbd.com\/index.php\/wp-json\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":282,"href":"https:\/\/godskillsbd.com\/index.php\/wp-json\/wp\/v2\/pages\/19\/revisions\/282"}],"wp:attachment":[{"href":"https:\/\/godskillsbd.com\/index.php\/wp-json\/wp\/v2\/media?parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}