\u09aa\u09cd\u09b0\u09bf\u09af\u09bc \u0997\u09cd\u09b0\u09be\u09b9\u0995, \u0997\u09a4 \u09b9\u09be\u09b2\u0996\u09be\u09a4\u09be\u09af\u09bc \u0986\u09aa\u09a8\u09bf \u0989\u09aa\u09b8\u09cd\u09a5\u09bf\u09a4 \u09b9\u09a8\u09a8\u09bf\u0964 \u0986\u099c\u0995\u09c7 \u09ac\u09bf\u0995\u09c7\u09b2\u09c7 \u0989\u09aa\u09b8\u09cd\u09a5\u09bf\u09a4 \u09b9\u09af\u09bc\u09c7 \u09ac\u0995\u09c7\u09af\u09bc\u09be \u09aa\u09b0\u09bf\u09b6\u09cb\u09a7 \u0995\u09b0\u09a4\u09c7 \u0985\u09a8\u09c1\u09b0\u09cb\u09a7 \u0995\u09b0\u09be \u09b9\u09b2\u09cb\u0964 \u09aa\u09be\u09af\u09bc\u09c7 \u09aa\u09be\u09af\u09bc\u09c7 \u09b6\u09cb\u09b0\u09c1\u09ae, \u099c\u09c1\u09ae\u09be\u09b0\u09ac\u09be\u09a1\u09bc\u09c0\u0964 \u099c\u09c1\u09a4\u09be\u09b0 \u09a6\u09cb\u0995\u09be\u09a8\u0964 \u09a7\u09a8\u09cd\u09af\u09ac\u09be\u09a6\u0964<\/p>\n\n\n\n
<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\n <title>Imran Hossen - Welcome<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: system-ui, -apple-system, sans-serif;\n line-height: 1.6;\n color: #333;\n background-color: #f8f9fa;\n }\n\n \/* Header \/ Hero *\/\n header {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n text-align: center;\n padding: 8rem 2rem 6rem;\n position: relative;\n }\n\n header h1 {\n font-size: 3.5rem;\n margin-bottom: 0.8rem;\n }\n\n header p {\n font-size: 1.4rem;\n opacity: 0.95;\n max-width: 600px;\n margin: 0 auto 2rem;\n }\n\n .btn {\n display: inline-block;\n background-color: white;\n color: #4a4a4a;\n padding: 0.9rem 2.2rem;\n border-radius: 50px;\n text-decoration: none;\n font-weight: 600;\n margin: 0.5rem;\n transition: all 0.25s ease;\n }\n\n .btn:hover {\n transform: translateY(-3px);\n box-shadow: 0 10px 25px rgba(0,0,0,0.18);\n }\n\n .btn-outline {\n background: transparent;\n border: 2px solid white;\n color: white;\n }\n\n \/* Sections *\/\n section {\n padding: 5rem 2rem;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n h2 {\n text-align: center;\n font-size: 2.6rem;\n margin-bottom: 3rem;\n color: #222;\n }\n\n .grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 2.5rem;\n }\n\n .card {\n background: white;\n border-radius: 12px;\n overflow: hidden;\n box-shadow: 0 6px 20px rgba(0,0,0,0.08);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n }\n\n .card img {\n width: 100%;\n height: 220px;\n object-fit: cover;\n }\n\n .card-content {\n padding: 1.8rem;\n }\n\n footer {\n background: #222;\n color: #ccc;\n text-align: center;\n padding: 3rem 1rem;\n margin-top: 4rem;\n }\n\n footer a {\n color: #a5b4fc;\n text-decoration: none;\n }\n\n @media (max-width: 600px) {\n header h1 { font-size: 2.6rem; }\n header { padding: 6rem 1.5rem 4rem; }\n h2 { font-size: 2.1rem; }\n }\n <\/style>\n<\/head>\n<body>\n\n <header>\n <h1>Imran Hossen<\/h1>\n <p>Web Enthusiast \u2022 Learner \u2022 Creator<\/p>\n \n <a href=\"#about\" class=\"btn\">Know More<\/a>\n <a href=\"#contact\" class=\"btn btn-outline\">Get in Touch<\/a>\n <\/header>\n\n <section id=\"about\">\n <h2>About Me<\/h2>\n <div class=\"grid\">\n <div class=\"card\">\n <img src=\"https:\/\/images.unsplash.com\/photo-1516321310764-9f3c9619d7d7?w=800&auto=format&fit=crop\" alt=\"coding\">\n <div class=\"card-content\">\n <h3>Who I Am<\/h3>\n <p>Passionate about building things that live on the internet. Currently learning modern web development and exploring new technologies.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"card\">\n <img src=\"https:\/\/images.unsplash.com\/photo-1555066931-4365d14bab8c?w=800&auto=format&fit=crop\" alt=\"laptop\">\n <div class=\"card-content\">\n <h3>What I Do<\/h3>\n <p>HTML \u2022 CSS \u2022 JavaScript \u2022 React \u2022 Tailwind \u2022 Node.js basics \u2022 always learning something new<\/p>\n <\/div>\n <\/div>\n\n <div class=\"card\">\n <img src=\"https:\/\/images.unsplash.com\/photo-1519389950473-47ba0277781c?w=800&auto=format&fit=crop\" alt=\"team work\">\n <div class=\"card-content\">\n <h3>My Goal<\/h3>\n <p>Build clean, fast, and useful digital products while continuously improving my skills.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"contact\" style=\"background:#f0f4ff;\">\n <h2>Contact Me<\/h2>\n <p style=\"text-align:center; font-size:1.3rem; max-width:600px; margin:0 auto 2.5rem;\">\n Feel free to reach out if you want to talk about web development, projects, or just say hi!\n <\/p>\n <div style=\"text-align:center;\">\n <a href=\"mailto:yourname@example.com\" class=\"btn\">Send Email<\/a>\n <a href=\"https:\/\/github.com\/YOUR-USERNAME\" target=\"_blank\" class=\"btn btn-outline\">GitHub<\/a>\n <\/div>\n <\/section>\n\n <footer>\n <p>\u00a9 2025 Imran Hossen \u2022 Made with \u2661 and curiosity<\/p>\n <p><a href=\"#\">Back to Top \u2191<\/a><\/p>\n <\/footer>\n\n<\/body>\n<\/html><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"\u09aa\u09cd\u09b0\u09bf\u09af\u09bc \u0997\u09cd\u09b0\u09be\u09b9\u0995, \u0997\u09a4 \u09b9\u09be\u09b2\u0996\u09be\u09a4\u09be\u09af\u09bc \u0986\u09aa\u09a8\u09bf \u0989\u09aa\u09b8\u09cd\u09a5\u09bf\u09a4 \u09b9\u09a8\u09a8\u09bf\u0964 \u0986\u099c\u0995\u09c7 \u09ac\u09bf\u0995\u09c7\u09b2\u09c7 \u0989\u09aa\u09b8\u09cd\u09a5\u09bf\u09a4 \u09b9\u09af\u09bc\u09c7 \u09ac\u0995\u09c7\u09af\u09bc\u09be \u09aa\u09b0\u09bf\u09b6\u09cb\u09a7 \u0995\u09b0\u09a4\u09c7 \u0985\u09a8\u09c1\u09b0\u09cb\u09a7 \u0995\u09b0\u09be \u09b9\u09b2\u09cb\u0964 \u09aa\u09be\u09af\u09bc\u09c7 \u09aa\u09be\u09af\u09bc\u09c7 \u09b6\u09cb\u09b0\u09c1\u09ae, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","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":""}},"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-14","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/taohid.pro.bd\/index.php?rest_route=\/wp\/v2\/posts\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/taohid.pro.bd\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/taohid.pro.bd\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/taohid.pro.bd\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/taohid.pro.bd\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":1,"href":"https:\/\/taohid.pro.bd\/index.php?rest_route=\/wp\/v2\/posts\/14\/revisions"}],"predecessor-version":[{"id":15,"href":"https:\/\/taohid.pro.bd\/index.php?rest_route=\/wp\/v2\/posts\/14\/revisions\/15"}],"wp:attachment":[{"href":"https:\/\/taohid.pro.bd\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taohid.pro.bd\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=14"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taohid.pro.bd\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}