Web Design Portfolio | Project Showcase<\/title>\r\n \r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700&display=swap');\r\n\r\n :root {\r\n --primary-blue: #3b82f6;\r\n --accent-green: #10b981;\r\n --bg-light: #f1f5f9;\r\n --card-white: #ffffff;\r\n --text-dark: #1e293b;\r\n --text-gray: #64748b;\r\n }\r\n\r\n body {\r\n \/* \u098f\u0996\u09be\u09a8\u09c7 Poppins \u09ab\u09a8\u09cd\u099f \u09b8\u09c7\u099f \u0995\u09b0\u09be \u09b9\u09df\u09c7\u099b\u09c7 *\/\r\n font-family: 'Poppins', sans-serif;\r\n background-color: var(--bg-light);\r\n margin: 0;\r\n padding: 0;\r\n color: var(--text-dark);\r\n line-height: 1.6;\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 60px auto;\r\n padding: 0 20px;\r\n }\r\n\r\n .header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .header h1 {\r\n font-size: 2.8rem;\r\n margin-bottom: 15px;\r\n color: var(--text-dark);\r\n font-weight: 700;\r\n }\r\n\r\n .header p {\r\n color: var(--text-gray);\r\n font-size: 1.1rem;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n }\r\n\r\n .project-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));\r\n gap: 30px;\r\n }\r\n\r\n .project-card {\r\n background: var(--card-white);\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05);\r\n transition: all 0.3s ease;\r\n border: 1px solid #e2e8f0;\r\n }\r\n\r\n .project-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 25px 30px -10px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .project-image {\r\n width: 100%;\r\n height: 230px;\r\n overflow: hidden;\r\n }\r\n\r\n .project-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.6s ease;\r\n }\r\n\r\n .project-card:hover .project-image img {\r\n transform: scale(1.1);\r\n }\r\n\r\n .project-content {\r\n padding: 25px;\r\n }\r\n\r\n .project-tag {\r\n background: #eff6ff;\r\n color: var(--primary-blue);\r\n font-size: 0.7rem;\r\n padding: 5px 15px;\r\n border-radius: 50px;\r\n font-weight: 600;\r\n display: inline-block;\r\n margin-bottom: 12px;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .project-title {\r\n font-size: 1.4rem;\r\n font-weight: 600;\r\n margin-bottom: 10px;\r\n color: var(--text-dark);\r\n }\r\n\r\n .project-desc {\r\n font-size: 0.9rem;\r\n color: var(--text-gray);\r\n margin-bottom: 25px;\r\n min-height: 60px;\r\n }\r\n\r\n .project-btn {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #fff;\r\n background: var(--primary-blue);\r\n text-decoration: none;\r\n font-weight: 600;\r\n padding: 12px 20px;\r\n border-radius: 12px;\r\n font-size: 0.95rem;\r\n transition: 0.3s;\r\n }\r\n\r\n .project-btn:hover {\r\n background: #1d4ed8;\r\n box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .project-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n .header h1 {\r\n font-size: 2.2rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"container\">\r\n <div class=\"header\">\r\n <h1>Work Experience<\/h1>\r\n <p>A collection of my professional web design and development projects across various industries.<\/p>\r\n <\/div>\r\n\r\n <div class=\"project-grid\">\r\n \r\n <div class=\"project-card\">\r\n <div class=\"project-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1503220317375-aaad61436b1b?q=80&w=800&auto=format&fit=crop\" alt=\"Travel\">\r\n <\/div>\r\n <div class=\"project-content\">\r\n <span class=\"project-tag\" style=\"background: #ecfdf5; color: #059669;\">Travel Agency<\/span>\r\n <div class=\"project-title\">Global Explorers<\/div>\r\n <p class=\"project-desc\">A high-end travel portal for booking custom tours, featuring interactive destination maps and luxury package showcases.<\/p>\r\n <a href=\"#\" class=\"project-btn\">View Website<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"project-card\">\r\n <div class=\"project-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1472851294608-062f824d29cc?q=80&w=800&auto=format&fit=crop\" alt=\"E-commerce\">\r\n <\/div>\r\n <div class=\"project-content\">\r\n <span class=\"project-tag\">E-commerce<\/span>\r\n <div class=\"project-title\">Tech-Mart Store<\/div>\r\n <p class=\"project-desc\">Full-featured electronics shop with multi-category product filtering, user reviews, and secure checkout integration.<\/p>\r\n <a href=\"#\" class=\"project-btn\">Live Preview<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"project-card\">\r\n <div class=\"project-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1516321318423-f06f85e504b3?q=80&w=800&auto=format&fit=crop\" alt=\"Education\">\r\n <\/div>\r\n <div class=\"project-content\">\r\n <span class=\"project-tag\" style=\"background: #fff7ed; color: #c2410c;\">LMS Platform<\/span>\r\n <div class=\"project-title\">Skill Boost Academy<\/div>\r\n <p class=\"project-desc\">An educational platform designed for online learning, featuring instructor profiles, lesson progress, and course certificates.<\/p>\r\n <a href=\"#\" class=\"project-btn\">Case Study<\/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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Web Design Portfolio | Project Showcase Work Experience A collection of my professional web design and development projects across various […]<\/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":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","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-179","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/godskillsbd.com\/index.php\/wp-json\/wp\/v2\/pages\/179","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=179"}],"version-history":[{"count":4,"href":"https:\/\/godskillsbd.com\/index.php\/wp-json\/wp\/v2\/pages\/179\/revisions"}],"predecessor-version":[{"id":184,"href":"https:\/\/godskillsbd.com\/index.php\/wp-json\/wp\/v2\/pages\/179\/revisions\/184"}],"wp:attachment":[{"href":"https:\/\/godskillsbd.com\/index.php\/wp-json\/wp\/v2\/media?parent=179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Web Design Portfolio | Project Showcase<\/title>\r\n \r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700&display=swap');\r\n\r\n :root {\r\n --primary-blue: #3b82f6;\r\n --accent-green: #10b981;\r\n --bg-light: #f1f5f9;\r\n --card-white: #ffffff;\r\n --text-dark: #1e293b;\r\n --text-gray: #64748b;\r\n }\r\n\r\n body {\r\n \/* \u098f\u0996\u09be\u09a8\u09c7 Poppins \u09ab\u09a8\u09cd\u099f \u09b8\u09c7\u099f \u0995\u09b0\u09be \u09b9\u09df\u09c7\u099b\u09c7 *\/\r\n font-family: 'Poppins', sans-serif;\r\n background-color: var(--bg-light);\r\n margin: 0;\r\n padding: 0;\r\n color: var(--text-dark);\r\n line-height: 1.6;\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 60px auto;\r\n padding: 0 20px;\r\n }\r\n\r\n .header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .header h1 {\r\n font-size: 2.8rem;\r\n margin-bottom: 15px;\r\n color: var(--text-dark);\r\n font-weight: 700;\r\n }\r\n\r\n .header p {\r\n color: var(--text-gray);\r\n font-size: 1.1rem;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n }\r\n\r\n .project-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));\r\n gap: 30px;\r\n }\r\n\r\n .project-card {\r\n background: var(--card-white);\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05);\r\n transition: all 0.3s ease;\r\n border: 1px solid #e2e8f0;\r\n }\r\n\r\n .project-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 25px 30px -10px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .project-image {\r\n width: 100%;\r\n height: 230px;\r\n overflow: hidden;\r\n }\r\n\r\n .project-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.6s ease;\r\n }\r\n\r\n .project-card:hover .project-image img {\r\n transform: scale(1.1);\r\n }\r\n\r\n .project-content {\r\n padding: 25px;\r\n }\r\n\r\n .project-tag {\r\n background: #eff6ff;\r\n color: var(--primary-blue);\r\n font-size: 0.7rem;\r\n padding: 5px 15px;\r\n border-radius: 50px;\r\n font-weight: 600;\r\n display: inline-block;\r\n margin-bottom: 12px;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .project-title {\r\n font-size: 1.4rem;\r\n font-weight: 600;\r\n margin-bottom: 10px;\r\n color: var(--text-dark);\r\n }\r\n\r\n .project-desc {\r\n font-size: 0.9rem;\r\n color: var(--text-gray);\r\n margin-bottom: 25px;\r\n min-height: 60px;\r\n }\r\n\r\n .project-btn {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #fff;\r\n background: var(--primary-blue);\r\n text-decoration: none;\r\n font-weight: 600;\r\n padding: 12px 20px;\r\n border-radius: 12px;\r\n font-size: 0.95rem;\r\n transition: 0.3s;\r\n }\r\n\r\n .project-btn:hover {\r\n background: #1d4ed8;\r\n box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .project-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n .header h1 {\r\n font-size: 2.2rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"container\">\r\n <div class=\"header\">\r\n <h1>Work Experience<\/h1>\r\n <p>A collection of my professional web design and development projects across various industries.<\/p>\r\n <\/div>\r\n\r\n <div class=\"project-grid\">\r\n \r\n <div class=\"project-card\">\r\n <div class=\"project-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1503220317375-aaad61436b1b?q=80&w=800&auto=format&fit=crop\" alt=\"Travel\">\r\n <\/div>\r\n <div class=\"project-content\">\r\n <span class=\"project-tag\" style=\"background: #ecfdf5; color: #059669;\">Travel Agency<\/span>\r\n <div class=\"project-title\">Global Explorers<\/div>\r\n <p class=\"project-desc\">A high-end travel portal for booking custom tours, featuring interactive destination maps and luxury package showcases.<\/p>\r\n <a href=\"#\" class=\"project-btn\">View Website<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"project-card\">\r\n <div class=\"project-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1472851294608-062f824d29cc?q=80&w=800&auto=format&fit=crop\" alt=\"E-commerce\">\r\n <\/div>\r\n <div class=\"project-content\">\r\n <span class=\"project-tag\">E-commerce<\/span>\r\n <div class=\"project-title\">Tech-Mart Store<\/div>\r\n <p class=\"project-desc\">Full-featured electronics shop with multi-category product filtering, user reviews, and secure checkout integration.<\/p>\r\n <a href=\"#\" class=\"project-btn\">Live Preview<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"project-card\">\r\n <div class=\"project-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1516321318423-f06f85e504b3?q=80&w=800&auto=format&fit=crop\" alt=\"Education\">\r\n <\/div>\r\n <div class=\"project-content\">\r\n <span class=\"project-tag\" style=\"background: #fff7ed; color: #c2410c;\">LMS Platform<\/span>\r\n <div class=\"project-title\">Skill Boost Academy<\/div>\r\n <p class=\"project-desc\">An educational platform designed for online learning, featuring instructor profiles, lesson progress, and course certificates.<\/p>\r\n <a href=\"#\" class=\"project-btn\">Case Study<\/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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Web Design Portfolio | Project Showcase Work Experience A collection of my professional web design and development projects across various […]<\/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":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","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-179","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/godskillsbd.com\/index.php\/wp-json\/wp\/v2\/pages\/179","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=179"}],"version-history":[{"count":4,"href":"https:\/\/godskillsbd.com\/index.php\/wp-json\/wp\/v2\/pages\/179\/revisions"}],"predecessor-version":[{"id":184,"href":"https:\/\/godskillsbd.com\/index.php\/wp-json\/wp\/v2\/pages\/179\/revisions\/184"}],"wp:attachment":[{"href":"https:\/\/godskillsbd.com\/index.php\/wp-json\/wp\/v2\/media?parent=179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}