Modern Notice Bar<\/title>\r\n\r\n<style>\r\nbody {\r\n margin: 0;\r\n font-family: Arial, sans-serif;\r\n}\r\n\r\n\/* Notice Bar *\/\r\n.notice-bar {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n background: linear-gradient(90deg, #0f172a, #1e293b);\r\n color: #fff;\r\n padding: 10px 15px;\r\n font-size: 14px;\r\n position: sticky;\r\n top: 0;\r\n z-index: 9999;\r\n overflow: hidden;\r\n}\r\n\r\n\/* Left Side *\/\r\n.notice-left {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n flex: 1;\r\n min-width: 0;\r\n}\r\n\r\n\/* Label *\/\r\n.notice-label {\r\n background: #ef4444;\r\n padding: 5px 10px;\r\n font-size: 11px;\r\n font-weight: bold;\r\n border-radius: 20px;\r\n white-space: nowrap;\r\n}\r\n\r\n\/* Scrolling Text *\/\r\n.notice-text {\r\n overflow: hidden;\r\n white-space: nowrap;\r\n flex: 1;\r\n}\r\n\r\n.notice-text span {\r\n display: inline-block;\r\n padding-left: 100%;\r\n animation: scrollText 12s linear infinite;\r\n}\r\n\r\n\/* Animation *\/\r\n@keyframes scrollText {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-100%); }\r\n}\r\n\r\n\/* Close Button *\/\r\n.notice-close {\r\n cursor: pointer;\r\n font-size: 18px;\r\n margin-left: 10px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.notice-close:hover {\r\n color: #ef4444;\r\n}\r\n\r\n\/* \u274c REMOVE mobile column layout (this was the problem) *\/\r\n@media (max-width: 600px) {\r\n .notice-bar {\r\n flex-direction: row; \/* keep same as desktop *\/\r\n }\r\n}\r\n<\/style>\r\n\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"notice-bar\" id=\"noticeBar\">\r\n \r\n <div class=\"notice-left\">\r\n <span class=\"notice-label\">\ud83d\udd25 NOTICE<\/span>\r\n \r\n <div class=\"notice-text\">\r\n <span>\r\n \ud83d\udce2Welcome to our local directory\u2014discover trusted services and businesses near you.\r\nDesigned & Developed by Abu Sarwer Tuhin\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"notice-close\" onclick=\"closeNotice()\">\u2716<\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\nfunction closeNotice() {\r\n document.getElementById(\"noticeBar\").style.display = \"none\";\r\n}\r\n<\/script>\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-440933d e-flex e-con-boxed e-con e-parent\" data-id=\"440933d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c797996 elementor-widget elementor-widget-html\" data-id=\"c797996\" data-element_type=\"widget\" data-e-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 \r\n \r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n <title>Brahmanbazar Hero Section<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n background: #f5f7fb;\r\n }\r\n\r\n .hero-section {\r\n position: relative;\r\n min-height: 65vh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n overflow: hidden;\r\n padding: 60px 20px;\r\n background:\r\n radial-gradient(circle at top left, rgba(249, 115, 22, 0.15), transparent 40%),\r\n radial-gradient(circle at bottom right, rgba(59, 130, 246, 0.1), transparent 40%),\r\n linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);\r\n }\r\n\r\n \/* Animated Background Circles *\/\r\n .bg-circle {\r\n position: absolute;\r\n border-radius: 50%;\r\n filter: blur(60px);\r\n pointer-events: none;\r\n z-index: 1;\r\n animation: float 10s infinite alternate ease-in-out;\r\n }\r\n\r\n @keyframes float {\r\n 0% { transform: translate(0, 0); }\r\n 100% { transform: translate(30px, 50px); }\r\n }\r\n\r\n .bg-circle.one {\r\n width: 300px;\r\n height: 300px;\r\n top: -100px;\r\n left: -50px;\r\n background: rgba(249, 115, 22, 0.2);\r\n }\r\n\r\n .bg-circle.two {\r\n width: 400px;\r\n height: 400px;\r\n right: -100px;\r\n bottom: -150px;\r\n background: rgba(59, 130, 246, 0.15);\r\n animation-delay: -5s;\r\n }\r\n\r\n .hero-section::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n linear-gradient(rgba(15, 23, 42, 0.03) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(15, 23, 42, 0.03) 1px, transparent 1px);\r\n background-size: 40px 40px;\r\n mask-image: radial-gradient(circle, black, transparent 80%);\r\n -webkit-mask-image: radial-gradient(circle, black, transparent 80%);\r\n pointer-events: none;\r\n }\r\n\r\n .hero-content {\r\n position: relative;\r\n z-index: 2;\r\n width: 100%;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n animation: fadeIn 0.8s ease-out;\r\n }\r\n\r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n margin-bottom: 24px;\r\n padding: 6px 16px;\r\n border: 1px solid rgba(249, 115, 22, 0.2);\r\n border-radius: 999px;\r\n background: rgba(255, 255, 255, 0.8);\r\n backdrop-filter: blur(10px);\r\n color: #f97316;\r\n font-size: 0.85rem;\r\n font-weight: 700;\r\n box-shadow: 0 4px 15px rgba(249, 115, 22, 0.1);\r\n }\r\n\r\n .hero-title {\r\n color: #0f172a;\r\n font-size: clamp(2.2rem, 5vw, 3.8rem);\r\n line-height: 1.1;\r\n font-weight: 800;\r\n letter-spacing: -0.04em;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .hero-title .highlight {\r\n background: linear-gradient(90deg, #f97316, #fb923c);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n\r\n .hero-subtitle {\r\n color: #64748b;\r\n font-size: clamp(1rem, 1.5vw, 1.25rem);\r\n line-height: 1.6;\r\n margin-bottom: 40px;\r\n }\r\n\r\n \/* Emergency Bar Redesign *\/\r\n .emergency-bar {\r\n display: flex;\r\n gap: 12px;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .em-btn {\r\n flex: 1;\r\n min-width: 160px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 14px 20px;\r\n border-radius: 14px;\r\n text-decoration: none;\r\n color: white;\r\n font-size: 15px;\r\n font-weight: 700;\r\n transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n box-shadow: 0 10px 20px -5px rgba(0,0,0,0.1);\r\n }\r\n\r\n .ambulance { background: linear-gradient(135deg, #22c55e, #16a34a); }\r\n .police { background: linear-gradient(135deg, #e11d48, #be123c); }\r\n .fire { background: linear-gradient(135deg, #f97316, #ea580c); }\r\n\r\n .em-btn:hover {\r\n transform: translateY(-5px) scale(1.02);\r\n box-shadow: 0 15px 25px -5px rgba(0,0,0,0.2);\r\n filter: brightness(1.1);\r\n }\r\n\r\n \/* Subtle pulse animation for emergency feel *\/\r\n .ambulance { animation: pulseGreen 2s infinite; }\r\n @keyframes pulseGreen {\r\n 0% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.4); }\r\n 70% { box-shadow: 0 0 0 10px rgba(34, 197, 94, 0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero-section { min-height: auto; padding: 50px 15px; }\r\n .emergency-bar { flex-direction: column; width: 100%; max-width: 300px; margin: 0 auto; }\r\n .em-btn { width: 100%; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <section class=\"hero-section\">\r\n <div class=\"bg-circle one\"><\/div>\r\n <div class=\"bg-circle two\"><\/div>\r\n\r\n <div class=\"hero-content\">\r\n <span class=\"hero-badge\">\u2728 \u098f\u0995\u099f\u09bf \u09b8\u09cd\u09ae\u09be\u09b0\u09cd\u099f \u0993 \u09a8\u09bf\u09b0\u09cd\u09ad\u09b0\u09af\u09cb\u0997\u09cd\u09af \u09aa\u09cd\u09b2\u09cd\u09af\u09be\u099f\u09ab\u09b0\u09cd\u09ae<\/span>\r\n\r\n <h1 class=\"hero-title\">\r\n Find Any Service in <br>\r\n <span class=\"highlight\">Brahmonbazar<\/span> Instantly\r\n <\/h1>\r\n\r\n <p class=\"hero-subtitle\">\r\n \u09ae\u09c7\u09a1\u09bf\u0995\u09c7\u09b2, \u099f\u09cd\u09b0\u09be\u09a8\u09cd\u09b8\u09aa\u09cb\u09b0\u09cd\u099f, \u09b6\u09aa\u09bf\u0982 \u0993 \u0995\u09ae\u09bf\u0989\u09a8\u09bf\u099f\u09bf \u09b8\u09be\u09b0\u09cd\u09ad\u09bf\u09b8\u2014\u09b8\u09ac\u0995\u09bf\u099b\u09c1\u09b0 \u09a8\u09bf\u09b0\u09cd\u09ad\u09b0\u09af\u09cb\u0997\u09cd\u09af \u09a0\u09bf\u0995\u09be\u09a8\u09be \u098f\u0996\u09a8 \u098f\u0995 \u09aa\u09cd\u09b2\u09cd\u09af\u09be\u099f\u09ab\u09b0\u09cd\u09ae\u09c7\u0964\r\n <\/p>\r\n\r\n <div class=\"emergency-bar\">\r\n <a href=\"tel:01715003506\" class=\"em-btn ambulance\">\ud83d\ude91 \u0985\u09cd\u09af\u09be\u09ae\u09cd\u09ac\u09c1\u09b2\u09c7\u09a8\u09cd\u09b8<\/a>\r\n <a href=\"tel:01613085274\" class=\"em-btn police\">\ud83d\udc6e \u09aa\u09c1\u09b2\u09bf\u09b6<\/a>\r\n <a href=\"tel:01901023664\" class=\"em-btn fire\">\ud83d\udd25 \u09ab\u09be\u09af\u09bc\u09be\u09b0 \u09b8\u09be\u09b0\u09cd\u09ad\u09bf\u09b8<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\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-33e0ee7 e-flex e-con-boxed e-con e-parent\" data-id=\"33e0ee7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e9eebe elementor-widget elementor-widget-html\" data-id=\"9e9eebe\" data-element_type=\"widget\" data-e-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>Brahmonbazar Directory<\/title>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif;}\r\nbody{background:#eef1f7;color:#1f2a44;}\r\n.container{max-width:1000px;margin:auto;padding:15px;}\r\n\r\n\/* HEADER *\/\r\n.hero{\r\n background:linear-gradient(135deg,#2f4e85,#4ea1ff);\r\n border-radius:18px;\r\n padding:20px;\r\n color:#fff;\r\n}\r\n.hero-top{\r\n display:flex;\r\n justify-content:space-between;\r\n align-items:center;\r\n}\r\n.hero h1{font-size:20px;}\r\n.tag{\r\n background:rgba(255,255,255,0.2);\r\n padding:6px 10px;\r\n border-radius:20px;\r\n font-size:11px;\r\n}\r\n.hero-sub{margin-top:6px;font-size:13px;opacity:.9;}\r\n\r\n.search-box{\r\n margin-top:14px;\r\n display:flex;\r\n background:#fff;\r\n border-radius:12px;\r\n overflow:hidden;\r\n}\r\n.search-box input{\r\n flex:1;\r\n padding:12px;\r\n border:none;\r\n outline:none;\r\n}\r\n.search-box button{\r\n width:50px;\r\n border:none;\r\n background:#ff7a00;\r\n color:#fff;\r\n}\r\n\r\n\/* CATEGORY *\/\r\n.category{\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:10px;\r\n margin-top:15px;\r\n}\r\n@media(min-width:600px){\r\n .category{grid-template-columns:repeat(3,1fr);}\r\n}\r\n@media(min-width:900px){\r\n .category{grid-template-columns:repeat(5,1fr);}\r\n}\r\n.category button{\r\n padding:12px;\r\n border:none;\r\n border-radius:12px;\r\n background:#4ea1ff;\r\n color:#fff;\r\n cursor:pointer;\r\n}\r\n.category button.active{background:#1f2a44;}\r\n\r\n\/* CARD *\/\r\n.results{margin-top:20px;}\r\n\r\n.card{\r\n background:#fff;\r\n border-radius:16px;\r\n padding:15px;\r\n margin-bottom:12px;\r\n box-shadow:0 6px 14px rgba(0,0,0,.06);\r\n}\r\n\r\n.info{width:100%;}\r\n.card h3{font-size:15px;}\r\n.meta{font-size:12px;color:#6b7280;}\r\n\r\n\/* BUTTONS *\/\r\n.actions{\r\n display:flex;\r\n gap:6px;\r\n margin-top:10px;\r\n}\r\n.actions a{\r\n flex:1;\r\n display:block; \/* IMPORTANT FIX *\/\r\n text-align:center;\r\n padding:10px;\r\n border-radius:10px;\r\n font-size:13px;\r\n text-decoration:none;\r\n color:#fff;\r\n font-weight:500;\r\n\r\n \/* FORCE COLOR *\/\r\n background-color:#000; \/* fallback *\/\r\n}\r\n\r\n\/* Specific colors *\/\r\n.call{\r\n background-color:#22c55e !important;\r\n}\r\n\r\n.map{\r\n background-color:#f97316 !important;\r\n}\r\n\r\n.details{\r\n background-color:#3b82f6 !important;\r\n}\r\n.call{background:#28c76f;}\r\n.map{background:#ff7a00;}\r\n.details{background:#2b7cff;}\r\n\r\n\/* DETAILS *\/\r\n.extra{\r\n display:none;\r\n font-size:12px;\r\n color:#555;\r\n margin-top:6px;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:480px){\r\n.hero h1{font-size:18px;}\r\n.hero-sub{font-size:12px;}\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"container\">\r\n\r\n<div class=\"hero\">\r\n <div class=\"hero-top\">\r\n <h1>\u2728 Brahmonbazar<\/h1>\r\n <span class=\"tag\">Directory<\/span>\r\n <\/div>\r\n <p class=\"hero-sub\">Find shops, services & emergency contacts instantly<\/p>\r\n\r\n <div class=\"search-box\">\r\n <input id=\"searchInput\" placeholder=\"Search...\" onkeyup=\"applyAll()\">\r\n <button onclick=\"applyAll()\">\ud83d\udd0d<\/button>\r\n <\/div>\r\n<\/div>\r\n\r\n<div class=\"category\">\r\n<button onclick=\"loadCategory('hospital', this)\">Hospital<\/button>\r\n<button onclick=\"loadCategory('ambulance', this)\">Ambulance<\/button>\r\n<button onclick=\"loadCategory('pharmacy', this)\">Pharmacy<\/button>\r\n<button onclick=\"loadCategory('grocery', this)\">Grocery<\/button>\r\n<button onclick=\"loadCategory('restaurant', this)\">Restaurant<\/button>\r\n<button onclick=\"loadCategory('education', this)\">Education<\/button>\r\n<button onclick=\"loadCategory('internet', this)\">Mobile shop <\/button>\r\n<button onclick=\"loadCategory('bank', this)\">Bank<\/button>\r\n<button onclick=\"loadCategory('electronics', this)\">Electronics<\/button>\r\n<button onclick=\"loadCategory('transport', this)\">Transport<\/button>\r\n<\/div>\r\n\r\n<div id=\"results\" class=\"results\"><\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n\r\nfunction generateData(prefix){\r\nlet arr=[];\r\nfor(let i=1;i<=10;i++){\r\narr.push({\r\nname: prefix+\" \"+i,\r\nphone:\"0170000000\"+i,\r\naddress:\"Location \"+i\r\n});\r\n}\r\nreturn arr;\r\n}\r\n\r\nconst DB={\r\nhospital:[\r\n{\r\nname:\"Muslim Aid Community Hospital\",\r\nphone:\"01711971469\",\r\naddress:\"Brahmonbazar, Kulaura\"\r\n},\r\n{\r\nname:\"Mission Hospital Brahmanbazar\",\r\nphone:\"01724430836\",\r\naddress:\"Brahmanbazar, Kulaura, Moulvibazar\"\r\n},\r\n{\r\nname:\"\u09b9\u09bf\u0989\u09ae\u09cd\u09af\u09be\u09a8 \u09b9\u09c7\u09b2\u09cd\u200c\u09a5 \u0995\u09c7\u09df\u09be\u09b0 \u09b9\u09bf\u099c\u09be\u09ae\u09be \u098f\u09a8\u09cd\u09a1 \u09ab\u09bf\u099c\u09bf\u0993\u09a5\u09c7\u09b0\u09be\u09aa\u09c0\",\r\nphone:\"01777009863\",\r\naddress:\"Near Bus Stand\"\r\n},\r\n\r\n{\r\nname:\"\u09a6\u09bf \u09b2\u09cd\u09af\u09be\u09ac \u09a1\u09bf\u099c\u09bf\u099f\u09be\u09b2 \u09a1\u09be\u09af\u09bc\u09be\u0997\u09a8\u09b8\u09cd\u099f\u09bf\u0995 \u09b8\u09c7\u09a8\u09cd\u099f\u09be\u09b0\",\r\nphone:\"01971-433838\",\r\naddress:\"GX8G+MHG, Brahmanbazar\"\r\n}\r\n\r\n\r\n],\r\n\r\n\r\nambulance:[\r\n{\r\nname:\"\u098f\u09ab \u098f\u09b8 \u0985\u09cd\u09af\u09be\u09ae\u09cd\u09ac\u09c1\u09b2\u09c7\u09a8\u09cd\u09b8 \u09b8\u09be\u09b0\u09cd\u09ad\u09bf\u09b8\", \r\nphone:\"01308117010\",\r\naddress:\" Kulaura\"\r\n},\r\n{\r\nname:\"Ahmed ambulance\",\r\nphone:\"01765884499\",\r\naddress:\"Kulaura, Moulvibazar\"\r\n},\r\n{\r\nname:\"\u09ae\u09be \u0985\u09cd\u09af\u09be\u09ae\u09cd\u09ac\u09c1\u09b2\u09c7\u09a8\u09cd\u09b8 \u09b8\u09be\u09b0\u09cd\u09ad\u09bf\u09b8\",\r\nphone:\"01788224188\",\r\naddress:\"Kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"Fahad ambulance\",\r\nphone:\"01747504352\",\r\naddress:\"Kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"Sayam ambulance services\",\r\nphone:\"01723292914\",\r\naddress:\"kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"Sayam ambulance services (dead)\",\r\nphone:\"01712780827\",\r\naddress:\"kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\" \u09a4\u09be\u0995\u0993\u09df\u09be \u098f\u09ae\u09cd\u09ac\u09c1\u09b2\u09c7\u09a8\u09cd\u09b8 \u09b8\u09be\u09b0\u09cd\u09ad\u09bf\u09b8\",\r\nphone:\"01712795908\",\r\naddress:\"kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\" \u09b0\u09be\u09b9\u09ae\u09be \u098f\u09ae\u09cd\u09ac\u09c1\u09b2\u09c7\u09a8\u09cd\u09b8 \u09b8\u09be\u09b0\u09cd\u09ad\u09bf\u09b8\",\r\nphone:\"01329634931\",\r\naddress:\"kulaura,Moulvibazar\"\r\n}\r\n],\r\npharmacy:[\r\n{\r\nname:\"Modern pharmacy\", \r\nphone:\"01712724994\",\r\naddress:\"Brahmanbazar,Kulaura\"\r\n},\r\n{\r\nname:\"Moon pharmacy\",\r\nphone:\"01717894661\",\r\naddress:\"Bus stand Brahmanbazar,Kulaura, Moulvibazar\"\r\n},\r\n{\r\nname:\"\u0987\u09ae\u09b0\u09be\u09a8 \u09ab\u09be\u09b0\u09cd\u09ae\u09c7\u09b8\u09bf \",\r\nphone:\"01721594934\",\r\naddress:\"Brahmanbazar,Kulaura,Moulvibazar\"\r\n},\r\n\r\n{\r\nname:\"\u09ae\u09be \u09ab\u09be\u09b0\u09cd\u09ae\u09c7\u09b8\u09bf\",\r\nphone:\"01721837634\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"\u09b6\u09b0\u09cd\u09ae\u09be \u09ab\u09be\u09b0\u09cd\u09ae\u09c7\u09b8\u09bf\",\r\nphone:\"01737976698\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"Maya pharmacy\",\r\nphone:\"01727631256\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},{\r\nname:\"Mim pharmacy\",\r\nphone:\"01717894661\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"The new pharmacy\",\r\nphone:\"01720113209\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"Upoma pharmacy\",\r\nphone:\"01748336447\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"Rabeya Medical Hall\",\r\nphone:\"01712650971\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"Madicine center \",\r\nphone:\"01745402577\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"B Am pharmacy\",\r\nphone:\"01722213657\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"Aysha pharmacy\",\r\nphone:\"01739493920\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"Sima Medical Hall\",\r\nphone:\"01761192886\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"jawad pharmacy\",\r\nphone:\"01774374925\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"\u09b0\u09df\u09c7\u09b2 \u09a1\u09cd\u09b0\u09be\u0997 \u09b9\u0989\u09b8\",\r\nphone:\"01737364387\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"Star pharmacy\",\r\nphone:\"01850278728\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n}\r\n],\r\ngrocery:[\r\n{\r\nname:\" \u09ac\u09bf\u09b8\u09ae\u09bf\u09b2\u09cd\u09b2\u09be\u09b9 \u09b8\u09cd\u099f\u09cb\u09b0 \",\r\nphone:\"01613806061\",\r\naddress:\" Brahmanbazar,Kulaura\"\r\n},\r\n{\r\nname:\"Kamal Store \",\r\nphone:\"01748908173\",\r\naddress:\"Brahman Bazar,Moulvibazar, \"\r\n},\r\n{\r\nname:\"\u09b8\u09c7\u09ab\u09c1\u09b2 \u0989\u09a6\u09cd\u09a6\u09bf\u09a8 \u09b8\u09cd\u099f\u09cb\u09b0\",\r\nphone:\"01737758247\",\r\naddress:\"Brahmanbazar,Kulaura,Moulvibazar\"\r\n},\r\n\r\n{\r\nname:\"Al helal store \",\r\nphone:\"01712233415\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"\u098f\u09b2\u09be\u09b9\u09bf \u09b8\u09cd\u099f\u09cb\u09b0\",\r\nphone:\"01713811594\",\r\naddress:\"kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"\u09ac\u09be\u09ac\u09c1 \u099c\u09c7\u09a8\u09be\u09b0\u09c7\u09b2 \u09b8\u09cd\u099f\u09cb\u09b0\",\r\nphone:\"01732650278\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"Sahadat and Brothers \",\r\nphone:\"01718155381\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"Hazi Foyzul super store\",\r\nphone:\"01732650256\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"Tapos Veraities Store\",\r\nphone:\"01764028306\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"Tapos Veraities Store\",\r\nphone:\"01764028306\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"update\",\r\nphone:\"0\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n}\r\n],\r\nrestaurant:[\r\n{\r\nname:\" Peoria \",\r\nphone:\"01308117010\",\r\naddress:\" Brahmanbazar,Kulaura\"\r\n},\r\n{\r\nname:\"RAJMAHAL \",\r\nphone:\"01738521889\",\r\naddress:\"Brahman Bazar - Shamsernagar Rd, \"\r\n},\r\n{\r\nname:\"Bonoful & Co\",\r\nphone:\"01345156537\",\r\naddress:\"Brahmanbazar,Kulaura,Moulvibazar\"\r\n},\r\n\r\n{\r\nname:\"\u09b8\u09be\u09ae\u09cd\u09aa\u09be\u09a8 \u099a\u09be\u0987\u09a8\u09bf\u099c \u09ac\u09be\u0982\u09b2\u09be \u09b0\u09c7\u09b8\u09cd\u099f\u09c1\u09b0\u09c7\u09a8\u099f\",\r\nphone:\"01757185818\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"\u0986\u09af\u09bc\u09cb\u099c\u09a8 \u099a\u09be\u0987\u09a8\u09bf\u099c \u09ac\u09be\u0982\u09b2\u09be \u09b0\u09c7\u09b8\u09cd\u099f\u09c1\u09b0\u09c7\u09a8\u09cd\u099f\",\r\nphone:\"01788519900\",\r\naddress:\"kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"\u09b6\u09cd\u09b0\u09c0 \u09b2\u09b9\u09cd\u09ae\u09c0 \u09ae\u09bf\u09b7\u09cd\u099f\u09be\u09a8\u09cd\u09a8 \u09ad\u09be\u09a8\u09cd\u09a1\u09be\u09b0\",\r\nphone:\"01721223860\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"\u0986\u09b2 \u0986\u09ae\u09bf\u09a8 \u09ae\u09bf\u09b7\u09cd\u099f\u09be\u09a8\u09cd\u09a8 \u09ad\u09be\u09a8\u09cd\u09a1\u09be\u09b0\",\r\nphone:\"01720440590\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"\u0986\u09aa\u09a8 \u09ae\u09bf\u09b7\u09cd\u099f\u09be\u09a8\u09cd\u09a8 \u09ad\u09be\u09a8\u09cd\u09a1\u09be\u09b0\",\r\nphone:\"01746355650\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"\u09b6\u09be\u09b9\u099c\u09be\u09b2\u09be\u09b2 \u09ae\u09bf\u09b7\u09cd\u099f\u09be\u09a8\u09cd\u09a8 \u09ad\u09be\u09a8\u09cd\u09a1\u09be\u09b0\",\r\nphone:\"01337624412\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"\u09aa\u09b2\u09be\u09b6 \u098f\u09a8\u09cd\u09a1 \u09aa\u09cd\u09b0\u0995\u09be\u09b6 \u09ae\u09bf\u09b7\u09cd\u099f\u09be\u09a8\u09cd\u09a8 \u09ad\u09be\u09a8\u09cd\u09a1\u09be\u09b0\",\r\nphone:\"01724688246\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n],\r\neducation:[\r\n{\r\nname:\"Jalalabad High School\", \r\nphone:\"01737-151436\",\r\naddress:\" Kulaura,Brahmanbazar\"\r\n},\r\n{\r\nname:\"Brahmanbazar Children Academy\",\r\nphone:\"01345156537\",\r\naddress:\"Brahmanbazar,Kulaura, Moulvibazar\"\r\n},\r\n{\r\nname:\"Kusum Koli Kinder Garten & Junior School\",\r\nphone:\" 01726889873\",\r\naddress:\" : Brahmanbazar, Kulaura, Moulvibazar,\"\r\n},\r\n{\r\nname:\"Hingajia High Schoo\",\r\nphone:\"01718-349534\",\r\naddress:\"Brahman Bazar - Shamsernagar Rd, Brahmanbazar\"\r\n},\r\n\r\n{\r\nname:\"Hingazia Primary School\",\r\nphone:\"n\/a\",\r\naddress:\"kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"Hingazia Senior Madrasah\",\r\nphone:\"01870531286\",\r\naddress:\"Brahman Bazar - Shamsernagar Rd, Brahmanbazar\"\r\n},\r\n{\r\nname:\" Ideal kinder Garten\",\r\nphone:\"01712630697\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n}\r\n],\r\ninternet:[\r\n{\r\nname:\"Saif Digital Station\", \r\nphone:\"01626641132\",\r\naddress:\"Brahmanbazar, Kulaura\"\r\n},\r\n{\r\nname:\"Mobile Gallary \",\r\nphone:\"01710722784\",\r\naddress:\"Brahmanbazar,Kulaura, Moulvibazar\"\r\n},\r\n{\r\nname:\"Ferdus telicom\",\r\nphone:\"01721968817\",\r\naddress:\"Brahmanbazar,Kulaura,Moulvibazar\"\r\n},\r\n\r\n{\r\nname:\"Naim Mobile and accossories\",\r\nphone:\"01752924782\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\" Ettadi Telicom\",\r\nphone:\"01717541712\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\" Mahfuz Telicom\",\r\nphone:\"01764703882\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\" Afruja Telicom\",\r\nphone:\"01718457916\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\" A one Telicom\",\r\nphone:\"01727255436\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\" Sultan Telicom\",\r\nphone:\"01797000545\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\" Sukriya Telicom\",\r\nphone:\"01732442196\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n}\r\n],\r\nbank:[\r\n{\r\nname:\" Pubali Bank Limited\",\r\nphone:\"01\",\r\naddress:\" Brahmanbazar,Kulaura\"\r\n},\r\n{\r\nname:\"Bangladesh Krishi Bank \",\r\nphone:\"017389\",\r\naddress:\"Brahman Bazar - Shamsernagar Rd, \"\r\n},\r\n{\r\nname:\"Gramin Bank\",\r\nphone:\"0\",\r\naddress:\"Brahmanbazar,Kulaura,Moulvibazar\"\r\n},\r\n\r\n{\r\nname:\"Ific Bank\",\r\nphone:\"07185\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"update\",\r\nphone:\"017885900\",\r\naddress:\"kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"update\",\r\nphone:\"01223860\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"update\",\r\nphone:\"00440590\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"update\",\r\nphone:\"01746355650\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"update\",\r\nphone:\"0133762\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n\r\n{\r\nname:\"update\",\r\nphone:\"01688246\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n],\r\nelectronics:[\r\n{\r\nname:\" Toma Electronics \",\r\nphone:\"01737318080\",\r\naddress:\" Brahmanbazar,Kulaura\"\r\n},\r\n{\r\nname:\"Redwan khan Electronics \",\r\nphone:\"01768932591\",\r\naddress:\"Brahman Bazar - Shamsernagar Rd, \"\r\n},\r\n{\r\nname:\"Luknath Electronics\",\r\nphone:\"01714482704\",\r\naddress:\"Brahmanbazar,Kulaura,Moulvibazar\"\r\n},\r\n\r\n{\r\nname:\"Rohjit Electronics\",\r\nphone:\"01923573233\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"Surjer Alo Electronics\",\r\nphone:\"01767453937\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"update\",\r\nphone:\"01721860\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"update\",\r\nphone:\"020440590\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"update\",\r\nphone:\"01746350\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"update\",\r\nphone:\"0134412\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n\r\n{\r\nname:\"update\",\r\nphone:\"017246\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n],\r\ntransport:[\r\n{\r\nname:\" \u098f\u09a8\u09be \u099f\u09cd\u09b0\u09be\u09a8\u09cd\u09b8\u09aa\u09cb\u09b0\u09cd\u099f\",\r\nphone:\"01724171171\",\r\naddress:\" Bus Counter,kulaura\"\r\n},\r\n{\r\nname:\"\u09b0\u09c2\u09aa\u09b8\u09c0 \u09ac\u09be\u0982\u09b2\u09be\",\r\nphone:\"01713805100\",\r\naddress:\"Bus Counter,kulaura, \"\r\n},\r\n{\r\nname:\"\u09ac\u09bf\u09b2\u09be\u09b8 \u09aa\u09b0\u09bf\u09ac\u09b9\u09a8\",\r\nphone:\"01713811929\",\r\naddress:\"Bus Counter,kulaura\",\r\n},\r\n\r\n{\r\nname:\"Soudia Coach Service\",\r\nphone:\"01313654719\",\r\naddress:\"bus counter kulaura\",\r\n},\r\n{\r\nname:\"\u09b6\u09cd\u09af\u09be\u09ae\u09b2\u09c0 \u09aa\u09b0\u09bf\u09ac\u09b9\u09a8\",\r\nphone:\"01713811929\",\r\naddress:\"Bus Counte, Kulaura\",\r\n},\r\n{\r\nname:\"Emperial Express\",\r\nphone:\"01896105553\",\r\naddress:\"kulaura Bus Counter\",\r\n},\r\n{\r\nname:\"udate\",\r\nphone:\" 0\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"update\",\r\nphone:\"0150\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"update\",\r\nphone:\"0133762\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n\r\n{\r\nname:\"update\",\r\nphone:\"01726\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n],\r\n};\r\n\r\nlet currentCategory=null;\r\n\r\nfunction render(list){\r\nconst el=document.getElementById('results');\r\nel.innerHTML='';\r\n\r\nlist.forEach((i,index)=>{\r\nel.innerHTML+=`\r\n<div class=\"card\">\r\n\r\n<div class=\"info\">\r\n<h3>${i.name}<\/h3>\r\n<p class=\"meta\">\ud83d\udccd ${i.address}<\/p>\r\n\r\n<div class=\"actions\">\r\n<a href=\"tel:${i.phone}\" class=\"call\">\ud83d\udcde Call<\/a>\r\n<a href=\"https:\/\/www.google.com\/maps?q=${i.name}\" target=\"_blank\" class=\"map\">\ud83d\udccd Map<\/a>\r\n<a href=\"#\" onclick=\"toggleDetails('d${index}'); return false;\" class=\"details\">Details<\/a>\r\n<\/div>\r\n\r\n<div id=\"d${index}\" class=\"extra\">\r\n ${i.name} is located at ${i.address}. Contact: ${i.phone}\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>`;\r\n});\r\n}\r\n\r\nfunction loadCategory(cat,el){\r\ncurrentCategory=cat;\r\ndocument.querySelectorAll('.category button').forEach(b=>b.classList.remove('active'));\r\nel.classList.add('active');\r\napplyAll();\r\n}\r\n\r\nfunction applyAll(){\r\nif(!currentCategory)return;\r\nconst q=document.getElementById('searchInput').value.toLowerCase();\r\nlet list=DB[currentCategory];\r\nif(q){\r\nlist=list.filter(i=>i.name.toLowerCase().includes(q));\r\n}\r\nrender(list);\r\n}\r\n\r\nfunction toggleDetails(id){\r\nconst el=document.getElementById(id);\r\nel.style.display = el.style.display === \"block\" ? \"none\" : \"block\";\r\n}\r\n\r\n<\/script>\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-519280d e-flex e-con-boxed e-con e-parent\" data-id=\"519280d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8b39393 e-con-full e-flex e-con e-child\" data-id=\"8b39393\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45ddd39 elementor-widget elementor-widget-html\" data-id=\"45ddd39\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"title-wrap\">\r\n <h2 class=\"popular-title\">Popular Services<\/h2>\r\n<\/div>\r\n\r\n<style>\r\n.title-wrap{\r\n display:flex;\r\n justify-content:center;\r\n align-items:center;\r\n}\r\n\r\n\/* title *\/\r\n.popular-title{\r\n text-align:center;\r\n font-family:'Poppins',sans-serif;\r\n font-size:clamp(24px,6vw,32px);\r\n font-weight:700;\r\n letter-spacing:1px;\r\n position:relative;\r\n\r\n background:linear-gradient(90deg,#6366f1,#8b5cf6,#06b6d4);\r\n -webkit-background-clip:text;\r\n -webkit-text-fill-color:transparent;\r\n}\r\n\r\n\/* glowing underline *\/\r\n.popular-title::after{\r\n content:'';\r\n display:block;\r\n width:60%;\r\n height:4px;\r\n margin:8px auto 0;\r\n border-radius:10px;\r\n background:linear-gradient(90deg,#6366f1,#06b6d4);\r\n box-shadow:0 0 10px rgba(99,102,241,0.6);\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-211f4d3 elementor-widget elementor-widget-html\" data-id=\"211f4d3\" data-element_type=\"widget\" data-e-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>TechSarwer<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif}\r\nbody{background:#f5f7fb}\r\n\r\n\/* Header *\/\r\n.header{\r\n display:flex;\r\n justify-content:space-between;\r\n align-items:center;\r\n padding:15px 20px;\r\n background:#fff;\r\n box-shadow:0 2px 8px rgba(0,0,0,0.05);\r\n}\r\n.logo{font-size:24px;font-weight:600;color:#2b7cff}\r\n.logo span{color:#ff7a00}\r\n.icons{display:flex;gap:15px}\r\n.icons div{width:35px;height:35px;background:#eee;border-radius:50%}\r\n\r\n\r\n\r\n\/* Categories *\/\r\n.categories{\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:15px;\r\n padding:15px;\r\n}\r\n.cat{\r\n background:#fff;\r\n padding:15px;\r\n border-radius:12px;\r\n text-align:center;\r\n box-shadow:0 2px 6px rgba(0,0,0,0.05);\r\n transition:0.3s;\r\n}\r\n.cat:hover{transform:translateY(-5px)}\r\n.cat img{width:40px;margin-bottom:8px}\r\n.cat p{font-size:13px}\r\n\r\n\/* Banner *\/\r\n.banner{\r\n margin:20px;\r\n background:linear-gradient(135deg,#6ec1ff,#4a8cff);\r\n border-radius:15px;\r\n color:#fff;\r\n padding:20px;\r\n display:flex;\r\n justify-content:space-between;\r\n align-items:center;\r\n flex-wrap:wrap;\r\n}\r\n.banner h2{font-size:22px}\r\n.banner button{\r\n margin-top:10px;\r\n padding:10px 15px;\r\n border:none;\r\n background:#ff4da6;\r\n color:#fff;\r\n border-radius:8px;\r\n cursor:pointer;\r\n}\r\n\r\n\/* Desktop *\/\r\n@media(min-width:768px){\r\n .categories{grid-template-columns:repeat(6,1fr)}\r\n .banner{padding:30px}\r\n .banner h2{font-size:28px}\r\n}\r\n\r\n@media(min-width:1024px){\r\n .container{max-width:1100px;margin:auto}\r\n .categories{grid-template-columns:repeat(8,1fr)}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"categories\">\r\n <div class=\"cat\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/48\/hospital.png\"> <p>\r\n <a href=\"https:\/\/techsarwer.com\/?page_id=2224\" target=\"_blank\">All Hospital<\/a><\/p>\r\n <\/div>\r\n <div class=\"cat\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/48\/stethoscope.png\">\r\n <a href=\"https:\/\/techsarwer.com\/?page_id=1805\" \r\nstyle=\"position:absolute; top:0; left:0; width:100%; height:100%; z-index:10;\"><\/a><p>All Doctors<\/p>\r\n <\/div>\r\n <div class=\"cat\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/48\/airplane-take-off.png\"><p>Travel<\/p><\/div>\r\n <div class=\"cat\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/?size=100&id=J1hf61RUTbHn&format=png&color=000000\"><p>Transport Hire<\/p><\/div>\r\n\r\n <div class=\"cat\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/48\/spa.png\"><p>Beauty<\/p><\/div>\r\n <div class=\"cat\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/48\/wedding.png\"><p>Wedding<\/p><\/div>\r\n <div class=\"cat\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/48\/dumbbell.png\"><p>Gyms<\/p><\/div>\r\n <div class=\"cat\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/48\/graduation-cap.png\"><p>Education<\/p><\/div>\r\n\r\n <div class=\"cat\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/48\/delivery.png\"><p>Movers<\/p><\/div>\r\n <div class=\"cat\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/48\/maintenance.png\"><p>Repairs<\/p><\/div>\r\n <div class=\"cat\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/48\/key.png\"><p>Rent<\/p><\/div>\r\n <div class=\"cat\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/48\/job.png\"><p>Jobs<\/p><\/div>\r\n\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b27589 elementor-widget elementor-widget-html\" data-id=\"4b27589\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"banner\">\r\n <div>\r\n <h2>Connect with more Customers<\/h2>\r\n\r\n <button onclick=\"window.open('https:\/\/wa.me\/8801777009859?text=Hi%20I%20want%20to%20list%20my%20business')\">\r\n List Your Business FREE\r\n <\/button>\r\n\r\n <\/div>\r\n <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/3135\/3135715.png\" width=\"120\">\r\n<\/div>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cca5d65 e-con-full e-flex e-con e-child\" data-id=\"cca5d65\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d4c5e1 elementor-widget elementor-widget-html\" data-id=\"8d4c5e1\" data-element_type=\"widget\" data-e-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>Popular Places<\/title>\r\n\r\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\nbody{\r\n font-family:'Poppins',sans-serif;\r\n background:#f5f7fb;\r\n margin:0;\r\n}\r\n\r\n\/* SECTION *\/\r\n.popular-section{\r\n padding:50px 15px;\r\n}\r\n\r\n\/* HEADER *\/\r\n.section-header{\r\n display:flex;\r\n justify-content:space-between;\r\n align-items:center;\r\n margin-bottom:20px;\r\n}\r\n\r\n.section-header h2{\r\n font-size:26px;\r\n font-weight:700;\r\n color:#1f2937;\r\n}\r\n\r\n.section-header h2 span{\r\n color:#4f46e5;\r\n}\r\n\r\n.section-header p{\r\n font-size:13px;\r\n color:#6b7280;\r\n}\r\n\r\n.view-all{\r\n font-size:13px;\r\n color:#4f46e5;\r\n text-decoration:none;\r\n font-weight:600;\r\n}\r\n\r\n\/* SCROLL WRAPPER *\/\r\n.places-wrapper{\r\n display:flex;\r\n gap:15px;\r\n overflow-x:auto;\r\n scroll-snap-type:x mandatory;\r\n scroll-behavior:smooth;\r\n padding-bottom:10px;\r\n}\r\n\r\n.places-wrapper::-webkit-scrollbar{\r\n display:none;\r\n}\r\n\r\n\/* CARD *\/\r\n.card{\r\n min-width:240px;\r\n background:#fff;\r\n border-radius:16px;\r\n overflow:hidden;\r\n box-shadow:0 8px 25px rgba(0,0,0,0.06);\r\n transition:0.3s;\r\n scroll-snap-align:start;\r\n position:relative;\r\n}\r\n\r\n.card:hover{\r\n transform:translateY(-6px);\r\n box-shadow:0 12px 30px rgba(0,0,0,0.08);\r\n}\r\n\r\n\/* IMAGE *\/\r\n.card img{\r\n width:100%;\r\n height:150px;\r\n object-fit:cover;\r\n}\r\n\r\n\/* BADGE *\/\r\n.badge{\r\n position:absolute;\r\n top:10px;\r\n left:10px;\r\n background:#4f46e5;\r\n color:#fff;\r\n font-size:11px;\r\n padding:4px 10px;\r\n border-radius:20px;\r\n}\r\n\r\n\/* CONTENT *\/\r\n.card-content{\r\n padding:14px;\r\n}\r\n\r\n.card-title{\r\n font-size:15px;\r\n font-weight:600;\r\n margin-bottom:4px;\r\n color:#111827;\r\n}\r\n\r\n.card-category{\r\n font-size:12px;\r\n color:#6b7280;\r\n margin-bottom:8px;\r\n}\r\n\r\n\/* RATING *\/\r\n.rating{\r\n display:flex;\r\n align-items:center;\r\n gap:5px;\r\n font-size:12px;\r\n}\r\n\r\n.rating i{\r\n color:#f59e0b;\r\n}\r\n\r\n.rating span{\r\n color:#374151;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:768px){\r\n\r\n .section-header{\r\n flex-direction:column;\r\n align-items:flex-start;\r\n gap:6px;\r\n }\r\n\r\n .section-header h2{\r\n font-size:22px;\r\n }\r\n\r\n .view-all{\r\n align-self:flex-end;\r\n }\r\n\r\n .card{\r\n min-width:75%;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"popular-section\">\r\n\r\n <div class=\"section-header\">\r\n <div>\r\n <h2>Popular <span>Places<\/span><\/h2>\r\n <p>Trending businesses in your area<\/p>\r\n <\/div>\r\n <a href=\"#\" class=\"view-all\">View All<\/a>\r\n <\/div>\r\n\r\n <div class=\"places-wrapper\">\r\n\r\n <div class=\"card\">\r\n <span class=\"badge\">Popular<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1555396273-367ea4eb4db5?q=80&w=600\">\r\n <div class=\"card-content\">\r\n <div class=\"card-title\">The Food Corner<\/div>\r\n <div class=\"card-category\">Restaurant<\/div>\r\n <div class=\"rating\">\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <span>4.5 (234)<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <span class=\"badge\">Top<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1586773860418-d37222d8fce3?q=80&w=600\">\r\n <div class=\"card-content\">\r\n <div class=\"card-title\">City Hospital<\/div>\r\n <div class=\"card-category\">Hospital<\/div>\r\n <div class=\"rating\">\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <span>4.7 (189)<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522335789203-aabd1fc54bc9?q=80&w=600\">\r\n <div class=\"card-content\">\r\n <div class=\"card-title\">Beauty Paradise<\/div>\r\n <div class=\"card-category\">Salon<\/div>\r\n <div class=\"rating\">\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <span>4.6 (145)<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1558611848-73f7eb4001ab?q=80&w=600\">\r\n <div class=\"card-content\">\r\n <div class=\"card-title\">Fit Life Gym<\/div>\r\n <div class=\"card-category\">Fitness<\/div>\r\n <div class=\"rating\">\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <span>4.8 (95)<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1596495577886-d920f1fb7238?q=80&w=600\">\r\n <div class=\"card-content\">\r\n <div class=\"card-title\">Green Valley School<\/div>\r\n <div class=\"card-category\">Education<\/div>\r\n <div class=\"rating\">\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <span>4.5 (128)<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\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\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-24a1b2b e-flex e-con-boxed e-con e-parent\" data-id=\"24a1b2b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e87da77 elementor-widget elementor-widget-shortcode\" data-id=\"e87da77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"woocommerce columns-4 \"><ul class=\"products columns-4\" data-products=\"type-1\">\n<li class=\"product type-product post-2288 status-publish first instock product_cat-mobile product_cat-mobile-accossories product_cat-uncategorized product_tag-accossories product_tag-mobile has-post-thumbnail sale shipping-taxable purchasable product-type-simple\">\n\t<a href=\"https:\/\/techsarwer.com\/?product=mobile-2171\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\">\n\t<span class=\"onsale\" data-shape=\"type-2\">SALE<\/span>\n\t<img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/techsarwer.com\/wp-content\/uploads\/2026\/05\/WhatsApp_Image_2026-05-04_at_10.37.27_AM-removebg-preview-300x300.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"mobile 2171\" srcset=\"https:\/\/techsarwer.com\/wp-content\/uploads\/2026\/05\/WhatsApp_Image_2026-05-04_at_10.37.27_AM-removebg-preview-300x300.jpg 300w, https:\/\/techsarwer.com\/wp-content\/uploads\/2026\/05\/WhatsApp_Image_2026-05-04_at_10.37.27_AM-removebg-preview-150x150.jpg 150w, https:\/\/techsarwer.com\/wp-content\/uploads\/2026\/05\/WhatsApp_Image_2026-05-04_at_10.37.27_AM-removebg-preview-100x100.jpg 100w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">mobile 2171<\/h2>\n\t<span class=\"price\"><span class=\"sale-price\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi>1,100.00<span class=\"woocommerce-Price-currencySymbol\">৳ <\/span><\/bdi><\/span><\/del> <span class=\"screen-reader-text\">Original price was: 1,100.00৳ .<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi>1,050.00<span class=\"woocommerce-Price-currencySymbol\">৳ <\/span><\/bdi><\/span><\/ins><span class=\"screen-reader-text\">Current price is: 1,050.00৳ .<\/span><\/span><\/span>\n<\/a><a href=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F8&add-to-cart=2288\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_2288\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"2288\" data-product_sku=\"sarwer\" aria-label=\"Add to cart: “mobile 2171”\" rel=\"nofollow\" data-success_message=\"“mobile 2171” has been added to your cart\" role=\"button\">Add to cart<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_2288\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"product type-product post-2296 status-publish instock product_cat-mobile product_cat-mobile-accossories product_cat-uncategorized product_tag-accossories product_tag-mobile has-post-thumbnail sale shipping-taxable purchasable product-type-simple\">\n\t<a href=\"https:\/\/techsarwer.com\/?product=mobile-2171-copy\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\">\n\t<span class=\"onsale\" data-shape=\"type-2\">SALE<\/span>\n\t<img decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/techsarwer.com\/wp-content\/uploads\/2026\/05\/WhatsApp_Image_2026-05-04_at_10.37.27_AM-removebg-preview-300x300.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"mobile 2171 (Copy)\" srcset=\"https:\/\/techsarwer.com\/wp-content\/uploads\/2026\/05\/WhatsApp_Image_2026-05-04_at_10.37.27_AM-removebg-preview-300x300.jpg 300w, https:\/\/techsarwer.com\/wp-content\/uploads\/2026\/05\/WhatsApp_Image_2026-05-04_at_10.37.27_AM-removebg-preview-150x150.jpg 150w, https:\/\/techsarwer.com\/wp-content\/uploads\/2026\/05\/WhatsApp_Image_2026-05-04_at_10.37.27_AM-removebg-preview-100x100.jpg 100w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">mobile 2171 (Copy)<\/h2>\n\t<span class=\"price\"><span class=\"sale-price\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi>1,100.00<span class=\"woocommerce-Price-currencySymbol\">৳ <\/span><\/bdi><\/span><\/del> <span class=\"screen-reader-text\">Original price was: 1,100.00৳ .<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi>1,050.00<span class=\"woocommerce-Price-currencySymbol\">৳ <\/span><\/bdi><\/span><\/ins><span class=\"screen-reader-text\">Current price is: 1,050.00৳ .<\/span><\/span><\/span>\n<\/a><a href=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F8&add-to-cart=2296\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_2296\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"2296\" data-product_sku=\"sarwer-1\" aria-label=\"Add to cart: “mobile 2171 (Copy)”\" rel=\"nofollow\" data-success_message=\"“mobile 2171 (Copy)” has been added to your cart\" role=\"button\">Add to cart<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_2296\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<\/ul>\n<\/div><\/div>\n\t\t\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-5d429a2 e-flex e-con-boxed e-con e-parent\" data-id=\"5d429a2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa58d6a elementor-widget elementor-widget-html\" data-id=\"aa58d6a\" data-element_type=\"widget\" data-e-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>Pricing Section<\/title>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif;}\r\n\r\nbody{\r\n background:#f4f7fb;\r\n}\r\n\r\n\/* SECTION *\/\r\n.pricing-section{\r\n padding:60px 15px;\r\n}\r\n\r\n\/* HEADER *\/\r\n.pricing-header{\r\n text-align:center;\r\n margin-bottom:30px;\r\n}\r\n\r\n.pricing-header h2{\r\n font-size:28px;\r\n margin-bottom:6px;\r\n}\r\n\r\n.pricing-header p{\r\n font-size:14px;\r\n color:#6b7280;\r\n}\r\n\r\n\/* GRID *\/\r\n.pricing-grid{\r\n max-width:1100px;\r\n margin:auto;\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:18px;\r\n}\r\n\r\n\/* CARD *\/\r\n.pricing-card{\r\n background:#fff;\r\n border-radius:16px;\r\n padding:20px;\r\n box-shadow:0 8px 20px rgba(0,0,0,.05);\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:space-between;\r\n position:relative;\r\n transition:.3s;\r\n}\r\n\r\n.pricing-card:hover{\r\n transform:translateY(-5px);\r\n}\r\n\r\n\/* FEATURED *\/\r\n.featured{\r\n border:2px solid #2563eb;\r\n}\r\n\r\n.badge{\r\n position:absolute;\r\n top:10px;\r\n right:10px;\r\n background:#2563eb;\r\n color:#fff;\r\n padding:4px 8px;\r\n border-radius:8px;\r\n font-size:11px;\r\n}\r\n\r\n\/* TEXT *\/\r\n.pricing-card h3{\r\n font-size:18px;\r\n}\r\n\r\n.subtitle{\r\n font-size:12px;\r\n color:#6b7280;\r\n margin-bottom:15px;\r\n}\r\n\r\n\/* LIST *\/\r\n.pricing-card ul{\r\n list-style:none;\r\n margin-bottom:18px;\r\n}\r\n\r\n.pricing-card ul li{\r\n margin-bottom:8px;\r\n font-size:13px;\r\n color:#374151;\r\n}\r\n\r\n\/* BUTTON *\/\r\n.btn{\r\n text-align:center;\r\n background:#25d366;\r\n color:#fff;\r\n padding:10px;\r\n border-radius:8px;\r\n text-decoration:none;\r\n font-size:13px;\r\n font-weight:500;\r\n transition:.3s;\r\n}\r\n\r\n.btn:hover{\r\n background:#1da851;\r\n}\r\n\r\n\/* TABLET *\/\r\n@media(max-width:900px){\r\n .pricing-grid{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:600px){\r\n\r\n .pricing-section{\r\n padding:40px 12px;\r\n }\r\n\r\n .pricing-header h2{\r\n font-size:22px;\r\n }\r\n\r\n .pricing-header p{\r\n font-size:13px;\r\n }\r\n\r\n .pricing-grid{\r\n grid-template-columns:1fr;\r\n gap:14px;\r\n }\r\n\r\n .pricing-card{\r\n padding:16px;\r\n }\r\n\r\n .pricing-card h3{\r\n font-size:16px;\r\n }\r\n\r\n .pricing-card ul li{\r\n font-size:12px;\r\n }\r\n\r\n .btn{\r\n padding:9px;\r\n font-size:12px;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"pricing-section\">\r\n\r\n <div class=\"pricing-header\">\r\n <h2>Web Design & Development<\/h2>\r\n <p>Professional solutions for your business growth<\/p>\r\n <\/div>\r\n\r\n <div class=\"pricing-grid\">\r\n\r\n \r\n <div class=\"pricing-card\">\r\n <h3>Starter<\/h3>\r\n <p class=\"subtitle\">Perfect for individuals<\/p>\r\n\r\n <ul>\r\n <li>\u2714\ufe0f 1\u20133 Page Website<\/li>\r\n <li>\u2714\ufe0f Mobile Responsive<\/li>\r\n <li>\u2714\ufe0f Fast Loading<\/li>\r\n <li>\u2714\ufe0f Contact Form<\/li>\r\n <\/ul>\r\n\r\n <a href=\"https:\/\/wa.me\/8801777009859?text=Hi%20I%20want%20Starter%20Website\" class=\"btn\">\r\n Chat on WhatsApp\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing-card featured\">\r\n <div class=\"badge\">Recommended<\/div>\r\n\r\n <h3>Business<\/h3>\r\n <p class=\"subtitle\">Best for growing brands<\/p>\r\n\r\n <ul>\r\n <li>\u2714\ufe0f 5\u20138 Pages Website<\/li>\r\n <li>\u2714\ufe0f Custom Design<\/li>\r\n <li>\u2714\ufe0f SEO Friendly<\/li>\r\n <li>\u2714\ufe0f Speed Optimization<\/li>\r\n <li>\u2714\ufe0f WhatsApp Integration<\/li>\r\n <\/ul>\r\n\r\n <a href=\"https:\/\/wa.me\/8801777009859?text=Hi%20I%20want%20Business%20Website\" class=\"btn\">\r\n Chat on WhatsApp\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing-card\">\r\n <h3>Enterprise<\/h3>\r\n <p class=\"subtitle\">Advanced business solution<\/p>\r\n\r\n <ul>\r\n <li>\u2714\ufe0f Unlimited Pages<\/li>\r\n <li>\u2714\ufe0f Custom UI\/UX<\/li>\r\n <li>\u2714\ufe0f Admin Panel<\/li>\r\n <li>\u2714\ufe0f E-commerce \/ Booking<\/li>\r\n <li>\u2714\ufe0f Priority Support<\/li>\r\n <\/ul>\r\n\r\n <a href=\"https:\/\/wa.me\/8801777009859?text=Hi%20I%20want%20Enterprise%20Website\" class=\"btn\">\r\n Chat on WhatsApp\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\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-eabf1c7 e-flex e-con-boxed e-con e-parent\" data-id=\"eabf1c7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d9ab616 e-con-full e-flex e-con e-child\" data-id=\"d9ab616\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e5c9090 e-con-full e-flex e-con e-child\" data-id=\"e5c9090\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6cfe97 elementor-widget elementor-widget-html\" data-id=\"c6cfe97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"section\">\r\n <h2>\ud83d\udcbc My Recent Work<\/h2>\r\n <p class=\"sub\">A showcase of modern websites I designed<\/p>\r\n\r\n <div class=\"grid\">\r\n\r\n <div class=\"card\">\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/techsarwer.com\/wp-content\/uploads\/2026\/04\/dining-delight-work.png\">\r\n <div class=\"overlay\">\r\n <span>Restaurant<\/span>\r\n <a href=\"#\">View Demo<\/a>\r\n <\/div>\r\n <\/div>\r\n <h3>Restaurant Website<\/h3>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/techsarwer.com\/wp-content\/uploads\/2026\/04\/real-state-png.png\">\r\n <div class=\"overlay\">\r\n <span>Real State<\/span>\r\n <a href=\"#\">View Demo<\/a>\r\n <\/div>\r\n <\/div>\r\n <h3>Real State Website<\/h3>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/techsarwer.com\/wp-content\/uploads\/2026\/04\/Personal-health-support-system.png\">\r\n <div class=\"overlay\">\r\n <span>Shop<\/span>\r\n <a href=\"#\">View Demo<\/a>\r\n <\/div>\r\n <\/div>\r\n <h3>Personal health support<\/h3>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<a href=\"https:\/\/wa.me\/8801777009859?text=Hi\" \r\n class=\"whatsapp-btn\" target=\"_blank\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/733\/733585.png\">\r\n<\/a>\r\n\r\n<style>\r\nbody {\r\n margin: 0;\r\n font-family: 'Segoe UI', sans-serif;\r\n background: #f7f9fc;\r\n}\r\n\r\n\/* SECTION *\/\r\n.section {\r\n padding: 80px 20px;\r\n text-align: center;\r\n}\r\n\r\n.section h2 {\r\n font-size: 34px;\r\n margin-bottom: 10px;\r\n background: linear-gradient(90deg, #6366f1, #8b5cf6);\r\n -webkit-background-clip: text;\r\n color: transparent;\r\n}\r\n\r\n.sub {\r\n color: #666;\r\n margin-bottom: 50px;\r\n}\r\n\r\n\/* GRID *\/\r\n.grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 30px;\r\n max-width: 1100px;\r\n margin: auto;\r\n}\r\n\r\n\/* CARD *\/\r\n.card {\r\n transition: 0.3s;\r\n}\r\n\r\n.card:hover {\r\n transform: translateY(-8px);\r\n}\r\n\r\n\/* IMAGE *\/\r\n.img-box {\r\n position: relative;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n}\r\n\r\n.img-box img {\r\n width: 100%;\r\n height: 200px;\r\n object-fit: cover;\r\n transition: 0.4s;\r\n}\r\n\r\n\/* OVERLAY *\/\r\n.overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-end;\r\n align-items: center;\r\n padding: 20px;\r\n opacity: 0;\r\n transition: 0.4s;\r\n}\r\n\r\n.img-box:hover img {\r\n transform: scale(1.1);\r\n}\r\n\r\n.img-box:hover .overlay {\r\n opacity: 1;\r\n}\r\n\r\n.overlay span {\r\n background: rgba(255,255,255,0.2);\r\n padding: 4px 12px;\r\n border-radius: 20px;\r\n font-size: 12px;\r\n color: #fff;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.overlay a {\r\n background: linear-gradient(90deg, #6366f1, #8b5cf6);\r\n color: #fff;\r\n padding: 8px 16px;\r\n border-radius: 8px;\r\n text-decoration: none;\r\n font-size: 13px;\r\n}\r\n\r\n.card h3 {\r\n margin-top: 15px;\r\n font-size: 18px;\r\n}\r\n\r\n\/* \ud83d\udd25 SMALL WHATSAPP BUTTON *\/\r\n.whatsapp-btn{\r\n position: fixed;\r\n bottom: 15px;\r\n right: 15px;\r\n width: 45px;\r\n height: 45px;\r\n background: #25D366;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n box-shadow: 0 6px 18px rgba(0,0,0,0.2);\r\n z-index: 999;\r\n animation: pulse 2s infinite;\r\n}\r\n\r\n.whatsapp-btn img{\r\n width: 20px;\r\n}\r\n\r\n.whatsapp-btn:hover{\r\n transform: scale(1.1);\r\n}\r\n\r\n\/* Pulse *\/\r\n@keyframes pulse {\r\n 0% { box-shadow: 0 0 0 0 rgba(37,211,102,0.6); }\r\n 70% { box-shadow: 0 0 0 10px rgba(37,211,102,0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(37,211,102,0); }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width:768px){\r\n .section h2{\r\n font-size:26px;\r\n }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\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-177b581 e-flex e-con-boxed e-con e-parent\" data-id=\"177b581\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b3b6e75 e-flex e-con-boxed e-con e-parent\" data-id=\"b3b6e75\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-66d16f9 e-con-full e-flex e-con e-child\" data-id=\"66d16f9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-38950cc elementor-widget elementor-widget-html\" data-id=\"38950cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"products\">\r\n <h2>\ud83d\udd25 Our Products<\/h2>\r\n <p class=\"sub\">Top digital products in your local area<\/p>\r\n\r\n <div class=\"product-grid\" id=\"productList\">\r\n\r\n \r\n\r\n <div class=\"product-card\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1587854692152-cbe660dbde88?q=80&w=500\" alt=\"\">\r\n <h4>Digital Thermometer<\/h4>\r\n <p class=\"price\">\u09f3250<\/p>\r\n <a href=\"https:\/\/wa.me\/8801777009859\">\ud83d\uded2 Order<\/a>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1584515933487-779824d29309?q=80&w=500\" alt=\"\">\r\n <h4>Pulse Oximeter<\/h4>\r\n <p class=\"price\">\u09f3800<\/p>\r\n <a href=\"https:\/\/wa.me\/8801777009859\">\ud83d\uded2 Order<\/a>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1580281657527-47d4d88d5c5d?q=80&w=500\" alt=\"\">\r\n <h4>BP Machine<\/h4>\r\n <p class=\"price\">\u09f31200<\/p>\r\n <a href=\"https:\/\/wa.me\/8801777009859\">\ud83d\uded2 Order<\/a>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1588776814546-ec7c63bb5c2c?q=80&w=500\" alt=\"\">\r\n <h4>Hand Sanitizer<\/h4>\r\n <p class=\"price\">\u09f3120<\/p>\r\n <a href=\"https:\/\/wa.me\/8801777009859\">\ud83d\uded2 Order<\/a>\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"product-card hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1606813907291-d86efa9b94db?q=80&w=500\" alt=\"\">\r\n <h4>Health eBook (PDF)<\/h4>\r\n <p class=\"price\">\u09f399<\/p>\r\n <a href=\"https:\/\/wa.me\/8801777009859\">\ud83d\udce5 Buy<\/a>\r\n <\/div>\r\n\r\n <div class=\"product-card hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581090700227-1e8b5b4b5c53?q=80&w=500\" alt=\"\">\r\n <h4>Online Doctor Consultation<\/h4>\r\n <p class=\"price\">\u09f3200<\/p>\r\n <a href=\"https:\/\/wa.me\/8801777009859\">\ud83d\udcde Book<\/a>\r\n <\/div>\r\n\r\n <div class=\"product-card hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1585435557343-3b092031a831?q=80&w=500\" alt=\"\">\r\n <h4>Diet Plan (PDF)<\/h4>\r\n <p class=\"price\">\u09f3150<\/p>\r\n <a href=\"https:\/\/wa.me\/8801777009859\">\ud83d\udce5 Buy<\/a>\r\n <\/div>\r\n\r\n <div class=\"product-card hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581594693702-fbdc51b2763b?q=80&w=500\" alt=\"\">\r\n <h4>Medicine Reminder App<\/h4>\r\n <p class=\"price\">\u09f350<\/p>\r\n <a href=\"https:\/\/wa.me\/8801777009859\">\ud83d\udce5 Download<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <button class=\"see-more\" onclick=\"toggleProducts()\">See More<\/button>\r\n<\/section>\r\n\r\n<style>\r\n.products{\r\n padding:60px 15px;\r\n text-align:center;\r\n background:#f8fafc;\r\n}\r\n\r\n.products h2{\r\n font-size:28px;\r\n background:linear-gradient(90deg,#22c55e,#16a34a);\r\n -webkit-background-clip:text;\r\n color:transparent;\r\n}\r\n\r\n.sub{\r\n font-size:14px;\r\n color:#6b7280;\r\n margin-bottom:25px;\r\n}\r\n\r\n\/* GRID *\/\r\n.product-grid{\r\n display:grid;\r\n grid-template-columns:repeat(auto-fit,minmax(180px,1fr));\r\n gap:15px;\r\n max-width:900px;\r\n margin:auto;\r\n}\r\n\r\n\/* CARD *\/\r\n.product-card{\r\n background:#fff;\r\n padding:12px;\r\n border-radius:14px;\r\n box-shadow:0 6px 18px rgba(0,0,0,0.06);\r\n transition:0.3s;\r\n}\r\n\r\n.product-card:hover{\r\n transform:translateY(-6px);\r\n}\r\n\r\n\/* IMAGE *\/\r\n.product-card img{\r\n width:100%;\r\n height:130px;\r\n object-fit:cover;\r\n border-radius:10px;\r\n}\r\n\r\n\/* TEXT *\/\r\n.product-card h4{\r\n font-size:14px;\r\n margin:8px 0 4px;\r\n}\r\n\r\n.price{\r\n color:#16a34a;\r\n font-weight:600;\r\n font-size:13px;\r\n}\r\n\r\n\/* BUTTON *\/\r\n.product-card a{\r\n display:inline-block;\r\n margin-top:8px;\r\n font-size:12px;\r\n background:#16a34a;\r\n color:#fff;\r\n padding:6px 12px;\r\n border-radius:8px;\r\n text-decoration:none;\r\n}\r\n\r\n.product-card a:hover{\r\n background:#15803d;\r\n}\r\n\r\n\/* HIDDEN *\/\r\n.hidden{\r\n display:none;\r\n}\r\n\r\n\/* SEE MORE *\/\r\n.see-more{\r\n margin-top:20px;\r\n padding:10px 20px;\r\n border:none;\r\n background:#16a34a;\r\n color:#fff;\r\n border-radius:25px;\r\n cursor:pointer;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:480px){\r\n .products h2{\r\n font-size:22px;\r\n }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nlet expanded = false;\r\n\r\nfunction toggleProducts(){\r\n let hiddenItems = document.querySelectorAll('.hidden');\r\n let btn = document.querySelector('.see-more');\r\n\r\n hiddenItems.forEach(item=>{\r\n item.style.display = expanded ? \"none\" : \"block\";\r\n });\r\n\r\n btn.innerText = expanded ? \"See More\" : \"See Less\";\r\n expanded = !expanded;\r\n}\r\n<\/script>\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-e711b47 e-flex e-con-boxed e-con e-parent\" data-id=\"e711b47\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10ccece elementor-widget elementor-widget-html\" data-id=\"10ccece\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"organic\">\r\n <h2>\ud83e\udd6c Organic Fresh Market<\/h2>\r\n <p class=\"sub\">Buy & sell fresh organic vegetables in your local area<\/p>\r\n\r\n <div class=\"organic-grid\">\r\n\r\n <div class=\"product\">\r\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/300\/200?vegetable\">\r\n <div class=\"info\">\r\n <h4>Fresh Tomato<\/h4>\r\n <p>\u09f340 \/ kg<\/p>\r\n <\/div>\r\n <a href=\"https:\/\/wa.me\/8801777009859?text=I%20want%20to%20buy%20Fresh%20Tomato\">Buy Now<\/a>\r\n <\/div>\r\n\r\n <div class=\"product\">\r\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/300\/200?spinach\">\r\n <div class=\"info\">\r\n <h4>Organic Spinach<\/h4>\r\n <p>\u09f320 \/ bundle<\/p>\r\n <\/div>\r\n <a href=\"https:\/\/wa.me\/8801777009859?text=I%20want%20to%20buy%20Spinach\">Buy Now<\/a>\r\n <\/div>\r\n\r\n <div class=\"product\">\r\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/300\/200?carrot\">\r\n <div class=\"info\">\r\n <h4>Fresh Carrot<\/h4>\r\n <p>\u09f360 \/ kg<\/p>\r\n <\/div>\r\n <a href=\"https:\/\/wa.me\/8801777009859?text=I%20want%20to%20buy%20Carrot\">Buy Now<\/a>\r\n <\/div>\r\n\r\n <div class=\"product\">\r\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/300\/200?vegetables\">\r\n <div class=\"info\">\r\n <h4>Mixed Vegetables<\/h4>\r\n <p>\u09f3100 \/ pack<\/p>\r\n <\/div>\r\n <a href=\"https:\/\/wa.me\/8801777009859?text=I%20want%20to%20buy%20Vegetables\">Buy Now<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <a href=\"https:\/\/wa.me\/8801777009859?text=Hi%2C%20I%20want%20to%20add%20my%20organic%20product.%0A%0AProduct%20Name%3A%20%0APrice%3A%20%0ALocation%3A%20%0ADetails%3A%20%0A%0AI%20will%20send%20photo%20now.\" \r\n class=\"sell-btn\" target=\"_blank\">\r\n \ud83d\udce4 Add Your Product\r\n<\/a>\r\n<\/section>\r\n\r\n<style>\r\n.organic{\r\n padding:50px 15px;\r\n text-align:center;\r\n background:#f0fdf4;\r\n}\r\n\r\n.organic h2{\r\n font-size:24px;\r\n margin-bottom:5px;\r\n color:#16a34a;\r\n}\r\n\r\n.sub{\r\n font-size:13px;\r\n color:#666;\r\n margin-bottom:20px;\r\n}\r\n\r\n\/* GRID *\/\r\n.organic-grid{\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:12px;\r\n max-width:500px;\r\n margin:auto;\r\n}\r\n\r\n\/* PRODUCT *\/\r\n.product{\r\n background:#fff;\r\n border-radius:10px;\r\n overflow:hidden;\r\n box-shadow:0 3px 10px rgba(0,0,0,0.04);\r\n}\r\n\r\n\/* IMAGE *\/\r\n.product img{\r\n width:100%;\r\n height:120px;\r\n object-fit:cover;\r\n}\r\n\r\n\/* INFO *\/\r\n.info{\r\n padding:8px;\r\n}\r\n\r\n.info h4{\r\n margin:0;\r\n font-size:14px;\r\n}\r\n\r\n.info p{\r\n margin:2px 0 0;\r\n font-size:12px;\r\n color:#16a34a;\r\n}\r\n\r\n\/* BUTTON (FULL WIDTH = BETTER UX) *\/\r\n.product a{\r\n display:block;\r\n width:100%;\r\n background:#16a34a;\r\n color:#fff;\r\n text-decoration:none;\r\n padding:8px;\r\n font-size:12px;\r\n}\r\n\r\n\/* SELL BUTTON *\/\r\n.sell-btn{\r\n display:inline-block;\r\n margin-top:20px;\r\n padding:10px 16px;\r\n background:#25D366;\r\n color:#fff;\r\n border-radius:20px;\r\n text-decoration:none;\r\n font-size:13px;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:480px){\r\n .organic-grid{\r\n grid-template-columns:1fr 1fr;\r\n }\r\n}\r\n<\/style>\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-c6a19ff e-flex e-con-boxed e-con e-parent\" data-id=\"c6a19ff\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3c36a0e e-con-full e-flex e-con e-child\" data-id=\"3c36a0e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2a893c elementor-widget elementor-widget-html\" data-id=\"d2a893c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n<section class=\"delivery\">\r\n <div class=\"container\">\r\n\r\n <h2>\ud83d\ude9a Delivery Service<\/h2>\r\n\r\n \r\n <input type=\"text\" id=\"username\" placeholder=\"Enter your name\">\r\n\r\n \r\n <div class=\"delivery-box\">\r\n\r\n <div class=\"item\" onclick=\"sendOrder('Shop')\">\r\n <i class=\"fa-solid fa-cart-shopping\"><\/i>\r\n <span>Shop<\/span>\r\n <\/div>\r\n\r\n <div class=\"item highlight\" onclick=\"sendOrder('Express')\">\r\n <i class=\"fa-solid fa-bolt\"><\/i>\r\n <span>Express<\/span>\r\n <\/div>\r\n\r\n <div class=\"item\" onclick=\"openTracker()\">\r\n <i class=\"fa-solid fa-location-dot\"><\/i>\r\n <span>Track<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div id=\"tracker\" class=\"tracker\">\r\n\r\n <h3>\ud83c\udfcd\ufe0f Live Tracker<\/h3>\r\n\r\n <button onclick=\"start()\">Confirm Delivery<\/button>\r\n\r\n <div class=\"road\">\r\n <div id=\"bike\">\r\n <i class=\"fa-solid fa-motorcycle bike\"><\/i>\r\n <\/div>\r\n <\/div>\r\n\r\n <p id=\"time\">Not Started<\/p>\r\n <p id=\"status\">Waiting for confirmation<\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n:root{ --primary:#6366f1; }\r\n\r\n\/* SECTION *\/\r\n.delivery{\r\n padding:20px 10px;\r\n background:#f8fafc;\r\n}\r\n\r\n\/* CONTAINER *\/\r\n.container{\r\n max-width:500px;\r\n margin:auto;\r\n padding:18px;\r\n border-radius:14px;\r\n background:#fff;\r\n box-shadow:0 4px 15px rgba(0,0,0,0.05);\r\n text-align:center;\r\n font-family:Poppins,sans-serif;\r\n}\r\n\r\n\/* TITLE *\/\r\nh2{\r\n font-size:18px;\r\n margin-bottom:10px;\r\n}\r\n\r\n\/* INPUT *\/\r\ninput{\r\n width:100%;\r\n padding:12px;\r\n border-radius:8px;\r\n border:1px solid #ddd;\r\n margin-bottom:10px;\r\n}\r\n\r\n\/* CATEGORY *\/\r\n.delivery-box{\r\n display:flex;\r\n gap:10px;\r\n}\r\n\r\n.item{\r\n flex:1;\r\n padding:12px;\r\n border-radius:10px;\r\n border:1px solid #eee;\r\n cursor:pointer;\r\n font-size:12px;\r\n font-weight:600;\r\n}\r\n\r\n.item i{\r\n display:block;\r\n margin-bottom:4px;\r\n color:var(--primary);\r\n}\r\n\r\n.highlight{\r\n background:var(--primary);\r\n color:#fff;\r\n}\r\n.highlight i{color:#fff;}\r\n\r\n\/* TRACKER *\/\r\n.tracker{\r\n display:none;\r\n margin-top:15px;\r\n padding:15px;\r\n border-radius:10px;\r\n border:1px solid #eee;\r\n}\r\n\r\n.tracker button{\r\n width:100%;\r\n padding:12px;\r\n background:#25D366;\r\n color:#fff;\r\n border:none;\r\n border-radius:6px;\r\n margin-bottom:10px;\r\n}\r\n\r\n\/* ROAD *\/\r\n.road{\r\n height:50px;\r\n background:#f1f5f9;\r\n border-radius:30px;\r\n position:relative;\r\n}\r\n\r\n\/* BIKE *\/\r\n#bike{\r\n position:absolute;\r\n left:0;\r\n top:12px;\r\n transition:left 1s linear;\r\n}\r\n\r\n.bike{\r\n font-size:22px;\r\n}\r\n\r\n\/* TEXT *\/\r\n#time{margin-top:10px;font-weight:600;}\r\n#status{font-size:12px;color:#16a34a;}\r\n\r\n\/* DESKTOP *\/\r\n@media(min-width:768px){\r\n .container{ max-width:700px; }\r\n .delivery-box{ max-width:400px; margin:auto; }\r\n .item{ width:120px; font-size:14px; }\r\n .bike{ font-size:28px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nlet total=1800;\r\nlet left=total;\r\nlet run=null;\r\n\r\n\/* GET NAME *\/\r\nfunction getName(){\r\n let name=document.getElementById(\"username\").value.trim();\r\n if(name===\"\"){\r\n alert(\"Enter your name\");\r\n return null;\r\n }\r\n return name;\r\n}\r\n\r\n\/* ORDER *\/\r\nfunction sendOrder(type){\r\n let name=getName();\r\n if(!name) return;\r\n\r\n let msg = `\ud83d\udce6 New Order\r\nCustomer: ${name}\r\nType: ${type}`;\r\n\r\n window.open(`https:\/\/wa.me\/8801777009859?text=${encodeURIComponent(msg)}`);\r\n}\r\n\r\n\/* TRACK CLICK *\/\r\nfunction openTracker(){\r\n let name=getName();\r\n if(!name) return;\r\n\r\n let time=new Date().toLocaleString();\r\n\r\n let msg = `\ud83d\udccd Tracking Opened\r\nCustomer: ${name}\r\nTime: ${time}`;\r\n\r\n window.open(`https:\/\/wa.me\/8801777009859?text=${encodeURIComponent(msg)}`);\r\n\r\n document.getElementById(\"tracker\").style.display=\"block\";\r\n\r\n clearInterval(run);\r\n run=null;\r\n left=total;\r\n\r\n document.getElementById(\"time\").innerText=\"Not Started\";\r\n document.getElementById(\"status\").innerText=\"Waiting for confirmation\";\r\n document.getElementById(\"bike\").style.left=\"0%\";\r\n}\r\n\r\n\/* START DELIVERY *\/\r\nfunction start(){\r\n\r\n if(run!==null) return;\r\n\r\n document.getElementById(\"status\").innerText=\"Order Confirmed\";\r\n\r\n run=setInterval(()=>{\r\n\r\n if(left<=0){\r\n document.getElementById(\"time\").innerText=\"Delivered \u2705\";\r\n document.getElementById(\"status\").innerText=\"Completed\";\r\n document.getElementById(\"bike\").style.left=\"90%\";\r\n clearInterval(run);\r\n run=null;\r\n return;\r\n }\r\n\r\n let m=Math.floor(left\/60);\r\n let s=left%60;\r\n\r\n document.getElementById(\"time\").innerText=\r\n String(m).padStart(2,'0')+\":\"+String(s).padStart(2,'0');\r\n\r\n let p=(total-left)\/total;\r\n document.getElementById(\"bike\").style.left=(p*90)+\"%\";\r\n\r\n left--;\r\n\r\n },1000);\r\n}\r\n<\/script>\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-9873731 e-flex e-con-boxed e-con e-parent\" data-id=\"9873731\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1715a4a elementor-widget elementor-widget-html\" data-id=\"1715a4a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"gallery-section\">\r\n <h2>\ud83c\udf0d Explore Local Beauty<\/h2>\r\n <p>Discover beautiful places around you<\/p>\r\n\r\n <div class=\"gallery\">\r\n\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/techsarwer.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-28-at-1.05.52-AM.jpeg\">\r\n <h4>\u099a\u09be \u09ac\u09be\u0997\u09be\u09a8<\/h4>\r\n <\/div>\r\n\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/techsarwer.com\/wp-content\/uploads\/2026\/04\/hakaluki-haor-moulvibazar.jpg\">\r\n <h4>\u09b9\u09be\u0995\u09be\u09b2\u09c1\u0995\u09bf \u09b9\u09be\u0993\u09b0<\/h4>\r\n <\/div>\r\n\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/techsarwer.com\/wp-content\/uploads\/2026\/04\/lawachora.webp\">\r\n <h4>\u09b2\u09be\u0989\u09df\u09be\u099b\u09dc\u09be \u09ac\u09a8<\/h4>\r\n <\/div>\r\n\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/techsarwer.com\/wp-content\/uploads\/2026\/04\/it-is-situated-in-barlekha.jpg\">\r\n <h4>\u09ae\u09be\u09a7\u09ac\u0995\u09c1\u09a8\u09cd\u09a1<\/h4>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.gallery-section {\r\n padding: 60px 20px;\r\n text-align: center;\r\n background: linear-gradient(135deg, #eef2ff, #f8fafc);\r\n}\r\n\r\n.gallery-section h2 {\r\n font-size: 30px;\r\n margin-bottom: 10px;\r\n background: linear-gradient(90deg, #6366f1, #8b5cf6);\r\n -webkit-background-clip: text;\r\n color: transparent;\r\n}\r\n\r\n.gallery-section p {\r\n color: #666;\r\n margin-bottom: 30px;\r\n}\r\n\r\n\/* Grid *\/\r\n.gallery {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 20px;\r\n}\r\n\r\n\/* Card *\/\r\n.gallery-item {\r\n background: #fff;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 25px rgba(0,0,0,0.08);\r\n transition: 0.3s;\r\n}\r\n\r\n.gallery-item:hover {\r\n transform: translateY(-5px);\r\n}\r\n\r\n\/* Image *\/\r\n.gallery-item img {\r\n width: 100%;\r\n height: 200px;\r\n object-fit: cover;\r\n}\r\n\r\n\/* Title *\/\r\n.gallery-item h4 {\r\n padding: 15px;\r\n font-size: 16px;\r\n margin: 0;\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width:768px){\r\n .gallery-item img{\r\n height:180px;\r\n }\r\n}\r\n<\/style>\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-915e4dd e-flex e-con-boxed e-con e-parent\" data-id=\"915e4dd\" data-element_type=\"container\" data-e-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-f71c76b elementor-widget elementor-widget-html\" data-id=\"f71c76b\" data-element_type=\"widget\" data-e-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>Popular Facebook Pages<\/title>\r\n\r\n<style>\r\nbody{\r\n margin:0;\r\n font-family:Segoe UI, sans-serif;\r\n background:#f1f5f9;\r\n}\r\n\r\n\/* SECTION *\/\r\n.fb-section{\r\n padding:50px 15px;\r\n text-align:center;\r\n}\r\n\r\n.section-title{\r\n font-size:22px;\r\n font-weight:800;\r\n margin-bottom:25px;\r\n color:#0f172a;\r\n}\r\n\r\n\/* GRID *\/\r\n.fb-grid{\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:12px;\r\n max-width:1000px;\r\n margin:auto;\r\n}\r\n\r\n\/* DESKTOP *\/\r\n@media(min-width:768px){\r\n .fb-grid{\r\n grid-template-columns:repeat(4,1fr);\r\n gap:20px;\r\n }\r\n}\r\n\r\n\/* CARD *\/\r\n.fb-card{\r\n background:#fff;\r\n border-radius:14px;\r\n overflow:hidden;\r\n box-shadow:0 6px 15px rgba(0,0,0,0.06);\r\n transition:.3s;\r\n}\r\n\r\n.fb-card:hover{\r\n transform:translateY(-6px);\r\n}\r\n\r\n\/* COVER *\/\r\n.fb-cover{\r\n height:70px;\r\n background:linear-gradient(135deg,#1877F2,#0a56b9);\r\n}\r\n\r\n\/* INFO *\/\r\n.fb-info{\r\n padding:0 10px 15px;\r\n margin-top:-28px;\r\n}\r\n\r\n\/* AVATAR *\/\r\n.fb-avatar{\r\n width:55px;\r\n height:55px;\r\n border-radius:50%;\r\n background:#fff;\r\n margin:0 auto 10px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-weight:800;\r\n color:#1877F2;\r\n border:3px solid #fff;\r\n box-shadow:0 3px 8px rgba(0,0,0,0.1);\r\n}\r\n\r\n\/* TEXT *\/\r\n.fb-card h3{\r\n font-size:14px;\r\n margin-bottom:5px;\r\n}\r\n\r\n.fb-card p{\r\n font-size:12px;\r\n color:#64748b;\r\n margin-bottom:10px;\r\n}\r\n\r\n\/* BUTTON *\/\r\n.fb-btn{\r\n display:inline-block;\r\n padding:6px 12px;\r\n font-size:11px;\r\n background:linear-gradient(90deg,#1877F2,#4f46e5);\r\n color:#fff;\r\n border-radius:8px;\r\n text-decoration:none;\r\n font-weight:600;\r\n}\r\n\r\n\/* HIDE EXTRA *\/\r\n.more{\r\n display:none;\r\n}\r\n\r\n\/* VIEW MORE *\/\r\n.view-more{\r\n margin-top:20px;\r\n}\r\n\r\n.view-more button{\r\n padding:10px 20px;\r\n border:none;\r\n border-radius:10px;\r\n background:#1877F2;\r\n color:#fff;\r\n font-weight:700;\r\n cursor:pointer;\r\n}\r\n\r\n\/* DESKTOP SIZE IMPROVE *\/\r\n@media(min-width:768px){\r\n .fb-cover{ height:90px; }\r\n .fb-avatar{ width:70px;height:70px;font-size:20px; }\r\n .fb-card h3{ font-size:16px; }\r\n .fb-card p{ font-size:13px; }\r\n .fb-btn{ font-size:12px;padding:8px 16px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"fb-section\">\r\n <h2 class=\"section-title\">\ud83d\udd25 Popular Facebook Pages<\/h2>\r\n\r\n <div class=\"fb-grid\">\r\n\r\n \r\n <div class=\"fb-card\">\r\n <div class=\"fb-cover\"><\/div>\r\n <div class=\"fb-info\">\r\n <div class=\"fb-avatar\">B<\/div>\r\n <h3>Brahmonbazar Network<\/h3>\r\n <p>Latest news & updates<\/p>\r\n <a href=\"#\" class=\"fb-btn\">Visit<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"fb-card\">\r\n <div class=\"fb-cover\"><\/div>\r\n <div class=\"fb-info\">\r\n <div class=\"fb-avatar\">S<\/div>\r\n <h3>Sylhet Online Bazar<\/h3>\r\n <p>Local business & shopping<\/p>\r\n <a href=\"#\" class=\"fb-btn\">Visit<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"fb-card\">\r\n <div class=\"fb-cover\"><\/div>\r\n <div class=\"fb-info\">\r\n <div class=\"fb-avatar\">H<\/div>\r\n <h3>Help Line BD<\/h3>\r\n <p>Social help & blood<\/p>\r\n <a href=\"#\" class=\"fb-btn\">Visit<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"fb-card\">\r\n <div class=\"fb-cover\"><\/div>\r\n <div class=\"fb-info\">\r\n <div class=\"fb-avatar\">L<\/div>\r\n <h3>Local News BD<\/h3>\r\n <p>Daily updates<\/p>\r\n <a href=\"#\" class=\"fb-btn\">Visit<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"fb-card more\">\r\n <div class=\"fb-cover\"><\/div>\r\n <div class=\"fb-info\">\r\n <div class=\"fb-avatar\">F<\/div>\r\n <h3>Food Lovers<\/h3>\r\n <p>Restaurant reviews<\/p>\r\n <a href=\"#\" class=\"fb-btn\">Visit<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"fb-card more\">\r\n <div class=\"fb-cover\"><\/div>\r\n <div class=\"fb-info\">\r\n <div class=\"fb-avatar\">D<\/div>\r\n <h3>Doctors Info<\/h3>\r\n <p>Medical updates<\/p>\r\n <a href=\"#\" class=\"fb-btn\">Visit<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"view-more\">\r\n <button onclick=\"toggle()\">View More<\/button>\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\nfunction toggle(){\r\n const items=document.querySelectorAll('.more');\r\n const btn=document.querySelector('.view-more button');\r\n\r\n let hidden=items[0].style.display===\"\"||items[0].style.display===\"none\";\r\n\r\n items.forEach(el=>{\r\n el.style.display=hidden?\"block\":\"none\";\r\n });\r\n\r\n btn.innerText=hidden?\"View Less\":\"View More\";\r\n}\r\n<\/script>\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-c3a5670 e-con-full e-flex e-con e-parent\" data-id=\"c3a5670\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-167efbf elementor-widget elementor-widget-html\" data-id=\"167efbf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ads-section\">\r\n <h2>\ud83d\udce2 Advertise Your Business<\/h2>\r\n <p class=\"sub\">Promote your business to thousands of local visitors<\/p>\r\n\r\n <div class=\"ads-grid\">\r\n\r\n \r\n <div class=\"ad-card\">\r\n <span class=\"tag\">Featured<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556742049-0cfed4f6a45d?q=80&w=800\" alt=\"Business Promotion\">\r\n <h3>Your Business Here<\/h3>\r\n <p>Show your business to local customers<\/p>\r\n <a href=\"https:\/\/wa.me\/8801777009859?text=Hi%20I%20want%20to%20advertise%20my%20business\" target=\"_blank\">\r\n Book Now\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"ad-card\">\r\n <span class=\"tag\">Ad Space<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1521791136064-7986c2920216?q=80&w=800\" alt=\"Marketing\">\r\n <h3>Available Slot<\/h3>\r\n <p>Contact us to place your ad<\/p>\r\n <a href=\"https:\/\/wa.me\/8801777009859?text=Hi%20I%20want%20to%20advertise%20my%20business\" target=\"_blank\">\r\n Contact\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"ad-card\">\r\n <span class=\"tag\">Ad Space<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519389950473-47ba0277781c?q=80&w=800\" alt=\"Business Growth\">\r\n <h3>Available Slot<\/h3>\r\n <p>Boost your visibility here<\/p>\r\n <a href=\"https:\/\/wa.me\/8801777009859?text=Hi%20I%20want%20to%20advertise%20my%20business\" target=\"_blank\">\r\n Contact\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.ads-section{\r\n padding:80px 20px;\r\n text-align:center;\r\n background:#fff;\r\n}\r\n\r\n.ads-section h2{\r\n font-size:32px;\r\n margin-bottom:10px;\r\n background: linear-gradient(90deg, #6366f1, #8b5cf6);\r\n -webkit-background-clip: text;\r\n color: transparent;\r\n}\r\n\r\n.sub{\r\n color:#666;\r\n margin-bottom:40px;\r\n}\r\n\r\n.ads-grid{\r\n display:grid;\r\n grid-template-columns:repeat(auto-fit,minmax(280px,1fr));\r\n gap:25px;\r\n max-width:1100px;\r\n margin:auto;\r\n}\r\n\r\n.ad-card{\r\n background:#f9fafc;\r\n border-radius:16px;\r\n overflow:hidden;\r\n box-shadow:0 8px 25px rgba(0,0,0,0.08);\r\n transition:0.3s;\r\n position:relative;\r\n}\r\n\r\n.ad-card:hover{\r\n transform:translateY(-6px);\r\n}\r\n\r\n\/* IMAGE IMPROVED *\/\r\n.ad-card img{\r\n width:100%;\r\n height:180px;\r\n object-fit:cover;\r\n filter:brightness(0.95);\r\n}\r\n\r\n\/* CONTENT *\/\r\n.ad-card h3{\r\n margin:15px 0 5px;\r\n}\r\n\r\n.ad-card p{\r\n color:#666;\r\n font-size:14px;\r\n}\r\n\r\n.ad-card a{\r\n display:inline-block;\r\n margin:15px;\r\n padding:8px 16px;\r\n background:#6366f1;\r\n color:#fff;\r\n border-radius:8px;\r\n text-decoration:none;\r\n font-size:13px;\r\n transition:0.3s;\r\n}\r\n\r\n.ad-card a:hover{\r\n background:#4f46e5;\r\n}\r\n\r\n\/* TAG *\/\r\n.tag{\r\n position:absolute;\r\n top:10px;\r\n left:10px;\r\n background:#ff6b00;\r\n color:#fff;\r\n font-size:11px;\r\n padding:4px 10px;\r\n border-radius:20px;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:768px){\r\n .ads-section h2{\r\n font-size:24px;\r\n }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8aeec7b e-flex e-con-boxed e-con e-parent\" data-id=\"8aeec7b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c0476b elementor-widget elementor-widget-html\" data-id=\"9c0476b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"links\">\r\n <h2>\ud83d\udd17 Important Websites (Bangladesh)<\/h2>\r\n <p class=\"sub\">Quick access to essential online services<\/p>\r\n\r\n <div class=\"link-grid\">\r\n\r\n <a href=\"https:\/\/www.nidw.gov.bd\/\" target=\"_blank\">\ud83c\udd94 NID Services<\/a>\r\n <a href=\"https:\/\/www.passport.gov.bd\/\" target=\"_blank\">\ud83d\udec2 Passport<\/a>\r\n <a href=\"https:\/\/eticket.railway.gov.bd\/\" target=\"_blank\">\ud83d\ude86 Train Ticket<\/a>\r\n <a href=\"https:\/\/www.brta.gov.bd\/\" target=\"_blank\">\ud83d\ude97 BRTA<\/a>\r\n <a href=\"https:\/\/www.bkash.com\/\" target=\"_blank\">\ud83d\udcb0 bKash<\/a>\r\n <a href=\"https:\/\/www.nagad.com.bd\/\" target=\"_blank\">\ud83d\udcb3 Nagad<\/a>\r\n <a href=\"https:\/\/www.dutchbanglabank.com\/\" target=\"_blank\">\ud83c\udfe6 DBBL<\/a>\r\n <a href=\"https:\/\/www.teletalk.com.bd\/\" target=\"_blank\">\ud83d\udcf6 Teletalk<\/a>\r\n <a href=\"https:\/\/www.dpdc.org.bd\/\" target=\"_blank\">\u26a1 Electricity<\/a>\r\n <a href=\"https:\/\/www.desco.org.bd\/\" target=\"_blank\">\ud83d\udca1 DESCO<\/a>\r\n <a href=\"https:\/\/www.metoffice.gov.bd\/\" target=\"_blank\">\ud83c\udf26 Weather<\/a>\r\n <a href=\"https:\/\/bangladesh.gov.bd\/\" target=\"_blank\">\ud83c\udfdb Govt Portal<\/a>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.links{\r\n padding:50px 15px;\r\n text-align:center;\r\n background:#f7f9fc;\r\n}\r\n\r\n.links h2{\r\n font-size:24px;\r\n margin-bottom:5px;\r\n background:linear-gradient(90deg,#6366f1,#8b5cf6);\r\n -webkit-background-clip:text;\r\n color:transparent;\r\n}\r\n\r\n.sub{\r\n font-size:13px;\r\n color:#666;\r\n margin-bottom:20px;\r\n}\r\n\r\n\/* GRID *\/\r\n.link-grid{\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:10px;\r\n max-width:500px;\r\n margin:auto;\r\n}\r\n\r\n\/* LINK *\/\r\n.link-grid a{\r\n display:block;\r\n padding:12px;\r\n background:#fff;\r\n border-radius:10px;\r\n text-decoration:none;\r\n color:#111;\r\n font-size:14px;\r\n box-shadow:0 4px 10px rgba(0,0,0,0.05);\r\n transition:0.3s;\r\n}\r\n\r\n.link-grid a:hover{\r\n transform:translateY(-3px);\r\n background:#6366f1;\r\n color:#fff;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:480px){\r\n .link-grid{\r\n grid-template-columns:1fr 1fr;\r\n }\r\n}\r\n<\/style>\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-6428fe8 e-flex e-con-boxed e-con e-parent\" data-id=\"6428fe8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ffbdc0c elementor-widget elementor-widget-heading\" data-id=\"ffbdc0c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Important Tools<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-000a70e e-con-full e-flex e-con e-child\" data-id=\"000a70e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c16508c elementor-widget elementor-widget-html\" data-id=\"c16508c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"health\">\r\n <h2>\ud83e\ude7a Health Calculator<\/h2>\r\n <p class=\"sub\">Check your BMI & ideal weight<\/p>\r\n\r\n <div class=\"box\">\r\n <input type=\"number\" id=\"weight\" placeholder=\"Weight (kg)\">\r\n <input type=\"number\" id=\"height\" placeholder=\"Height (cm)\">\r\n\r\n <button onclick=\"calcHealth()\">Calculate<\/button>\r\n\r\n <div class=\"result\">\r\n <p>BMI: <b id=\"bmi\">0<\/b><\/p>\r\n <p>Status: <b id=\"status\">-<\/b><\/p>\r\n <p>Ideal Weight: <b id=\"ideal\">-<\/b><\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.health{\r\n padding:50px 15px;\r\n text-align:center;\r\n background:linear-gradient(135deg,#eef2ff,#f8fafc);\r\n}\r\n\r\n.health h2{\r\n font-size:24px;\r\n margin-bottom:5px;\r\n background:linear-gradient(90deg,#6366f1,#8b5cf6);\r\n -webkit-background-clip:text;\r\n color:transparent;\r\n}\r\n\r\n.sub{\r\n font-size:13px;\r\n color:#666;\r\n margin-bottom:20px;\r\n}\r\n\r\n\/* BOX *\/\r\n.box{\r\n max-width:350px;\r\n margin:auto;\r\n background:#fff;\r\n padding:20px;\r\n border-radius:14px;\r\n box-shadow:0 6px 18px rgba(0,0,0,0.05);\r\n}\r\n\r\n\/* INPUT *\/\r\n.box input{\r\n width:100%;\r\n padding:10px;\r\n margin:8px 0;\r\n border:1px solid #ddd;\r\n border-radius:8px;\r\n}\r\n\r\n\/* BUTTON *\/\r\n.box button{\r\n width:100%;\r\n padding:10px;\r\n background:linear-gradient(90deg,#6366f1,#8b5cf6);\r\n color:#fff;\r\n border:none;\r\n border-radius:8px;\r\n margin-top:10px;\r\n}\r\n\r\n\/* RESULT *\/\r\n.result{\r\n margin-top:15px;\r\n background:#f9fafc;\r\n padding:10px;\r\n border-radius:10px;\r\n font-size:14px;\r\n}\r\n\r\n.result p{\r\n margin:5px 0;\r\n}\r\n<\/style>\r\n\r\n<script>\r\nfunction calcHealth(){\r\n let w = document.getElementById(\"weight\").value;\r\n let h = document.getElementById(\"height\").value \/ 100;\r\n\r\n if(!w || !h){\r\n alert(\"Enter values\");\r\n return;\r\n }\r\n\r\n let bmi = (w \/ (h*h)).toFixed(1);\r\n\r\n let status = \"\";\r\n if(bmi < 18.5) status = \"Underweight\";\r\n else if(bmi < 25) status = \"Normal\";\r\n else if(bmi < 30) status = \"Overweight\";\r\n else status = \"Obese\";\r\n\r\n \/\/ Ideal weight range\r\n let min = (18.5 * h * h).toFixed(1);\r\n let max = (24.9 * h * h).toFixed(1);\r\n\r\n document.getElementById(\"bmi\").innerText = bmi;\r\n document.getElementById(\"status\").innerText = status;\r\n document.getElementById(\"ideal\").innerText = min + \"kg - \" + max + \"kg\";\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6dd63d9 elementor-widget elementor-widget-html\" data-id=\"6dd63d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"saving\">\r\n <h2>\ud83d\udcb0 Daily Saving Calculator<\/h2>\r\n <p class=\"sub\">Start small, save big over time<\/p>\r\n\r\n <div class=\"box\">\r\n <input type=\"number\" id=\"daily\" placeholder=\"Enter daily saving (\u09f3)\">\r\n <button onclick=\"calcSaving()\">Calculate<\/button>\r\n\r\n <div class=\"result\">\r\n <div class=\"row\"><span>Monthly<\/span> <b id=\"month\">\u09f30<\/b><\/div>\r\n <div class=\"row\"><span>Yearly<\/span> <b id=\"year\">\u09f30<\/b><\/div>\r\n <div class=\"row\"><span>5 Years<\/span> <b id=\"five\">\u09f30<\/b><\/div>\r\n <div class=\"row\"><span>10 Years<\/span> <b id=\"ten\">\u09f30<\/b><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.saving{\r\n padding:50px 15px;\r\n text-align:center;\r\n background:linear-gradient(135deg,#ecfdf5,#f0fdf4);\r\n}\r\n\r\n.saving h2{\r\n font-size:24px;\r\n margin-bottom:5px;\r\n background:linear-gradient(90deg,#16a34a,#22c55e);\r\n -webkit-background-clip:text;\r\n color:transparent;\r\n}\r\n\r\n.sub{\r\n font-size:13px;\r\n color:#666;\r\n margin-bottom:20px;\r\n}\r\n\r\n\/* BOX *\/\r\n.box{\r\n max-width:350px;\r\n margin:auto;\r\n background:#fff;\r\n padding:20px;\r\n border-radius:14px;\r\n box-shadow:0 6px 18px rgba(0,0,0,0.05);\r\n}\r\n\r\n\/* INPUT *\/\r\n.box input{\r\n width:100%;\r\n padding:10px;\r\n border:1px solid #ddd;\r\n border-radius:8px;\r\n margin-bottom:10px;\r\n}\r\n\r\n\/* BUTTON *\/\r\n.box button{\r\n width:100%;\r\n padding:10px;\r\n background:linear-gradient(90deg,#16a34a,#22c55e);\r\n color:#fff;\r\n border:none;\r\n border-radius:8px;\r\n font-size:14px;\r\n margin-bottom:15px;\r\n}\r\n\r\n\/* RESULT *\/\r\n.result{\r\n background:#f9fafc;\r\n border-radius:10px;\r\n padding:10px;\r\n}\r\n\r\n.row{\r\n display:flex;\r\n justify-content:space-between;\r\n padding:6px 0;\r\n border-bottom:1px solid #eee;\r\n font-size:14px;\r\n}\r\n\r\n.row:last-child{\r\n border:none;\r\n}\r\n<\/style>\r\n\r\n<script>\r\nfunction calcSaving(){\r\n let daily = document.getElementById(\"daily\").value;\r\n\r\n if(!daily){\r\n alert(\"Enter amount\");\r\n return;\r\n }\r\n\r\n let month = daily * 30;\r\n let year = daily * 365;\r\n let five = year * 5;\r\n let ten = year * 10;\r\n\r\n document.getElementById(\"month\").innerText = \"\u09f3\" + month;\r\n document.getElementById(\"year\").innerText = \"\u09f3\" + year;\r\n document.getElementById(\"five\").innerText = \"\u09f3\" + five;\r\n document.getElementById(\"ten\").innerText = \"\u09f3\" + ten;\r\n}\r\n<\/script>\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-2c03fbd e-flex e-con-boxed e-con e-parent\" data-id=\"2c03fbd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f0d16e elementor-widget elementor-widget-html\" data-id=\"4f0d16e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<footer class=\"footer\">\r\n <div class=\"footer-container\">\r\n\r\n <div class=\"footer-box\">\r\n <h3>About Us<\/h3>\r\n <p>Your trusted local directory platform. Find hospitals, shops, services and emergency help easily.<\/p>\r\n <\/div>\r\n\r\n <div class=\"footer-box\">\r\n <h3>Quick Links<\/h3>\r\n <ul>\r\n <li><a href=\"#\">Home<\/a><\/li>\r\n <li><a href=\"#\">Services<\/a><\/li>\r\n <li><a href=\"#\">Emergency<\/a><\/li>\r\n <li><a href=\"#\">Contact<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"footer-box\">\r\n <h3>Top Categories<\/h3>\r\n <ul>\r\n <li>Hospitals<\/li>\r\n <li>Pharmacy<\/li>\r\n <li>Doctors<\/li>\r\n <li>Transport<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"footer-box\">\r\n <h3>Follow Us<\/h3>\r\n <div class=\"social-links\">\r\n <a href=\"#\">\ud83d\udcd8 Facebook<\/a>\r\n <a href=\"#\">\ud83d\udcde WhatsApp<\/a>\r\n <a href=\"#\">\ud83d\udccd Location<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"footer-bottom\">\r\n \u00a9 2026 Your Local Directory | All Rights Reserved\r\n <\/div>\r\n<\/footer>\r\n\r\n<style>\r\n.footer {\r\n background: linear-gradient(135deg, #1e293b, #0f172a);\r\n color: #e2e8f0;\r\n padding-top: 40px;\r\n margin-top: 50px;\r\n}\r\n\r\n.footer-container {\r\n max-width: 1200px;\r\n margin: auto;\r\n display: grid !important;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 30px;\r\n padding: 0 20px 30px;\r\n}\r\n\r\n.footer-box h3 {\r\n color: #ffffff;\r\n margin-bottom: 12px;\r\n font-size: 18px;\r\n}\r\n\r\n.footer-box p {\r\n font-size: 14px;\r\n line-height: 1.6;\r\n color: #cbd5f5;\r\n}\r\n\r\n.footer-box ul {\r\n list-style: none;\r\n padding: 0;\r\n}\r\n\r\n.footer-box ul li {\r\n margin-bottom: 8px;\r\n}\r\n\r\n.footer-box ul li a {\r\n text-decoration: none;\r\n color: #cbd5f5;\r\n font-size: 14px;\r\n}\r\n\r\n.footer-box ul li a:hover {\r\n color: #38bdf8;\r\n}\r\n\r\n.social-links a {\r\n display: block;\r\n margin-bottom: 8px;\r\n text-decoration: none;\r\n color: #cbd5f5;\r\n font-size: 14px;\r\n}\r\n\r\n.social-links a:hover {\r\n color: #38bdf8;\r\n}\r\n\r\n.footer-bottom {\r\n text-align: center;\r\n border-top: 1px solid rgba(255,255,255,0.1);\r\n padding: 16px;\r\n font-size: 13px;\r\n color: #94a3b8;\r\n}\r\n\r\n\/* \ud83d\udd25 Tablet *\/\r\n@media (max-width: 900px) {\r\n .footer-container {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n }\r\n}\r\n\r\n\/* \ud83d\udd25 Mobile *\/\r\n@media (max-width: 768px) {\r\n .footer-container {\r\n grid-template-columns: 1fr !important;\r\n text-align: center;\r\n }\r\n\r\n .footer-box {\r\n margin-bottom: 20px;\r\n }\r\n\r\n .social-links a {\r\n display: inline-block;\r\n margin: 5px;\r\n padding: 8px 12px;\r\n background: rgba(255,255,255,0.05);\r\n border-radius: 6px;\r\n }\r\n}\r\n<\/style>\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>Modern Notice Bar \ud83d\udd25 NOTICE \ud83d\udce2Welcome to our local directory\u2014discover trusted services and businesses near you. Designed & Developed by Abu Sarwer Tuhin \u2716 Brahmanbazar Hero Section \u2728 \u098f\u0995\u099f\u09bf \u09b8\u09cd\u09ae\u09be\u09b0\u09cd\u099f \u0993 \u09a8\u09bf\u09b0\u09cd\u09ad\u09b0\u09af\u09cb\u0997\u09cd\u09af \u09aa\u09cd\u09b2\u09cd\u09af\u09be\u099f\u09ab\u09b0\u09cd\u09ae Find Any Service in Brahmonbazar Instantly \u09ae\u09c7\u09a1\u09bf\u0995\u09c7\u09b2, \u099f\u09cd\u09b0\u09be\u09a8\u09cd\u09b8\u09aa\u09cb\u09b0\u09cd\u099f, \u09b6\u09aa\u09bf\u0982 \u0993 \u0995\u09ae\u09bf\u0989\u09a8\u09bf\u099f\u09bf \u09b8\u09be\u09b0\u09cd\u09ad\u09bf\u09b8\u2014\u09b8\u09ac\u0995\u09bf\u099b\u09c1\u09b0 \u09a8\u09bf\u09b0\u09cd\u09ad\u09b0\u09af\u09cb\u0997\u09cd\u09af \u09a0\u09bf\u0995\u09be\u09a8\u09be \u098f\u0996\u09a8 \u098f\u0995 \u09aa\u09cd\u09b2\u09cd\u09af\u09be\u099f\u09ab\u09b0\u09cd\u09ae\u09c7\u0964 \ud83d\ude91 \u0985\u09cd\u09af\u09be\u09ae\u09cd\u09ac\u09c1\u09b2\u09c7\u09a8\u09cd\u09b8 \ud83d\udc6e \u09aa\u09c1\u09b2\u09bf\u09b6 \ud83d\udd25 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/techsarwer.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/techsarwer.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/techsarwer.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/techsarwer.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/techsarwer.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":1901,"href":"https:\/\/techsarwer.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":2391,"href":"https:\/\/techsarwer.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/2391"}],"wp:attachment":[{"href":"https:\/\/techsarwer.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"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\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nModern Notice Bar<\/title>\r\n\r\n<style>\r\nbody {\r\n margin: 0;\r\n font-family: Arial, sans-serif;\r\n}\r\n\r\n\/* Notice Bar *\/\r\n.notice-bar {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n background: linear-gradient(90deg, #0f172a, #1e293b);\r\n color: #fff;\r\n padding: 10px 15px;\r\n font-size: 14px;\r\n position: sticky;\r\n top: 0;\r\n z-index: 9999;\r\n overflow: hidden;\r\n}\r\n\r\n\/* Left Side *\/\r\n.notice-left {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n flex: 1;\r\n min-width: 0;\r\n}\r\n\r\n\/* Label *\/\r\n.notice-label {\r\n background: #ef4444;\r\n padding: 5px 10px;\r\n font-size: 11px;\r\n font-weight: bold;\r\n border-radius: 20px;\r\n white-space: nowrap;\r\n}\r\n\r\n\/* Scrolling Text *\/\r\n.notice-text {\r\n overflow: hidden;\r\n white-space: nowrap;\r\n flex: 1;\r\n}\r\n\r\n.notice-text span {\r\n display: inline-block;\r\n padding-left: 100%;\r\n animation: scrollText 12s linear infinite;\r\n}\r\n\r\n\/* Animation *\/\r\n@keyframes scrollText {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-100%); }\r\n}\r\n\r\n\/* Close Button *\/\r\n.notice-close {\r\n cursor: pointer;\r\n font-size: 18px;\r\n margin-left: 10px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.notice-close:hover {\r\n color: #ef4444;\r\n}\r\n\r\n\/* \u274c REMOVE mobile column layout (this was the problem) *\/\r\n@media (max-width: 600px) {\r\n .notice-bar {\r\n flex-direction: row; \/* keep same as desktop *\/\r\n }\r\n}\r\n<\/style>\r\n\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"notice-bar\" id=\"noticeBar\">\r\n \r\n <div class=\"notice-left\">\r\n <span class=\"notice-label\">\ud83d\udd25 NOTICE<\/span>\r\n \r\n <div class=\"notice-text\">\r\n <span>\r\n \ud83d\udce2Welcome to our local directory\u2014discover trusted services and businesses near you.\r\nDesigned & Developed by Abu Sarwer Tuhin\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"notice-close\" onclick=\"closeNotice()\">\u2716<\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\nfunction closeNotice() {\r\n document.getElementById(\"noticeBar\").style.display = \"none\";\r\n}\r\n<\/script>\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-440933d e-flex e-con-boxed e-con e-parent\" data-id=\"440933d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c797996 elementor-widget elementor-widget-html\" data-id=\"c797996\" data-element_type=\"widget\" data-e-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 \r\n \r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n <title>Brahmanbazar Hero Section<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n background: #f5f7fb;\r\n }\r\n\r\n .hero-section {\r\n position: relative;\r\n min-height: 65vh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n overflow: hidden;\r\n padding: 60px 20px;\r\n background:\r\n radial-gradient(circle at top left, rgba(249, 115, 22, 0.15), transparent 40%),\r\n radial-gradient(circle at bottom right, rgba(59, 130, 246, 0.1), transparent 40%),\r\n linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);\r\n }\r\n\r\n \/* Animated Background Circles *\/\r\n .bg-circle {\r\n position: absolute;\r\n border-radius: 50%;\r\n filter: blur(60px);\r\n pointer-events: none;\r\n z-index: 1;\r\n animation: float 10s infinite alternate ease-in-out;\r\n }\r\n\r\n @keyframes float {\r\n 0% { transform: translate(0, 0); }\r\n 100% { transform: translate(30px, 50px); }\r\n }\r\n\r\n .bg-circle.one {\r\n width: 300px;\r\n height: 300px;\r\n top: -100px;\r\n left: -50px;\r\n background: rgba(249, 115, 22, 0.2);\r\n }\r\n\r\n .bg-circle.two {\r\n width: 400px;\r\n height: 400px;\r\n right: -100px;\r\n bottom: -150px;\r\n background: rgba(59, 130, 246, 0.15);\r\n animation-delay: -5s;\r\n }\r\n\r\n .hero-section::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n linear-gradient(rgba(15, 23, 42, 0.03) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(15, 23, 42, 0.03) 1px, transparent 1px);\r\n background-size: 40px 40px;\r\n mask-image: radial-gradient(circle, black, transparent 80%);\r\n -webkit-mask-image: radial-gradient(circle, black, transparent 80%);\r\n pointer-events: none;\r\n }\r\n\r\n .hero-content {\r\n position: relative;\r\n z-index: 2;\r\n width: 100%;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n animation: fadeIn 0.8s ease-out;\r\n }\r\n\r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n margin-bottom: 24px;\r\n padding: 6px 16px;\r\n border: 1px solid rgba(249, 115, 22, 0.2);\r\n border-radius: 999px;\r\n background: rgba(255, 255, 255, 0.8);\r\n backdrop-filter: blur(10px);\r\n color: #f97316;\r\n font-size: 0.85rem;\r\n font-weight: 700;\r\n box-shadow: 0 4px 15px rgba(249, 115, 22, 0.1);\r\n }\r\n\r\n .hero-title {\r\n color: #0f172a;\r\n font-size: clamp(2.2rem, 5vw, 3.8rem);\r\n line-height: 1.1;\r\n font-weight: 800;\r\n letter-spacing: -0.04em;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .hero-title .highlight {\r\n background: linear-gradient(90deg, #f97316, #fb923c);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n\r\n .hero-subtitle {\r\n color: #64748b;\r\n font-size: clamp(1rem, 1.5vw, 1.25rem);\r\n line-height: 1.6;\r\n margin-bottom: 40px;\r\n }\r\n\r\n \/* Emergency Bar Redesign *\/\r\n .emergency-bar {\r\n display: flex;\r\n gap: 12px;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .em-btn {\r\n flex: 1;\r\n min-width: 160px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 14px 20px;\r\n border-radius: 14px;\r\n text-decoration: none;\r\n color: white;\r\n font-size: 15px;\r\n font-weight: 700;\r\n transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n box-shadow: 0 10px 20px -5px rgba(0,0,0,0.1);\r\n }\r\n\r\n .ambulance { background: linear-gradient(135deg, #22c55e, #16a34a); }\r\n .police { background: linear-gradient(135deg, #e11d48, #be123c); }\r\n .fire { background: linear-gradient(135deg, #f97316, #ea580c); }\r\n\r\n .em-btn:hover {\r\n transform: translateY(-5px) scale(1.02);\r\n box-shadow: 0 15px 25px -5px rgba(0,0,0,0.2);\r\n filter: brightness(1.1);\r\n }\r\n\r\n \/* Subtle pulse animation for emergency feel *\/\r\n .ambulance { animation: pulseGreen 2s infinite; }\r\n @keyframes pulseGreen {\r\n 0% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.4); }\r\n 70% { box-shadow: 0 0 0 10px rgba(34, 197, 94, 0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero-section { min-height: auto; padding: 50px 15px; }\r\n .emergency-bar { flex-direction: column; width: 100%; max-width: 300px; margin: 0 auto; }\r\n .em-btn { width: 100%; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <section class=\"hero-section\">\r\n <div class=\"bg-circle one\"><\/div>\r\n <div class=\"bg-circle two\"><\/div>\r\n\r\n <div class=\"hero-content\">\r\n <span class=\"hero-badge\">\u2728 \u098f\u0995\u099f\u09bf \u09b8\u09cd\u09ae\u09be\u09b0\u09cd\u099f \u0993 \u09a8\u09bf\u09b0\u09cd\u09ad\u09b0\u09af\u09cb\u0997\u09cd\u09af \u09aa\u09cd\u09b2\u09cd\u09af\u09be\u099f\u09ab\u09b0\u09cd\u09ae<\/span>\r\n\r\n <h1 class=\"hero-title\">\r\n Find Any Service in <br>\r\n <span class=\"highlight\">Brahmonbazar<\/span> Instantly\r\n <\/h1>\r\n\r\n <p class=\"hero-subtitle\">\r\n \u09ae\u09c7\u09a1\u09bf\u0995\u09c7\u09b2, \u099f\u09cd\u09b0\u09be\u09a8\u09cd\u09b8\u09aa\u09cb\u09b0\u09cd\u099f, \u09b6\u09aa\u09bf\u0982 \u0993 \u0995\u09ae\u09bf\u0989\u09a8\u09bf\u099f\u09bf \u09b8\u09be\u09b0\u09cd\u09ad\u09bf\u09b8\u2014\u09b8\u09ac\u0995\u09bf\u099b\u09c1\u09b0 \u09a8\u09bf\u09b0\u09cd\u09ad\u09b0\u09af\u09cb\u0997\u09cd\u09af \u09a0\u09bf\u0995\u09be\u09a8\u09be \u098f\u0996\u09a8 \u098f\u0995 \u09aa\u09cd\u09b2\u09cd\u09af\u09be\u099f\u09ab\u09b0\u09cd\u09ae\u09c7\u0964\r\n <\/p>\r\n\r\n <div class=\"emergency-bar\">\r\n <a href=\"tel:01715003506\" class=\"em-btn ambulance\">\ud83d\ude91 \u0985\u09cd\u09af\u09be\u09ae\u09cd\u09ac\u09c1\u09b2\u09c7\u09a8\u09cd\u09b8<\/a>\r\n <a href=\"tel:01613085274\" class=\"em-btn police\">\ud83d\udc6e \u09aa\u09c1\u09b2\u09bf\u09b6<\/a>\r\n <a href=\"tel:01901023664\" class=\"em-btn fire\">\ud83d\udd25 \u09ab\u09be\u09af\u09bc\u09be\u09b0 \u09b8\u09be\u09b0\u09cd\u09ad\u09bf\u09b8<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\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-33e0ee7 e-flex e-con-boxed e-con e-parent\" data-id=\"33e0ee7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e9eebe elementor-widget elementor-widget-html\" data-id=\"9e9eebe\" data-element_type=\"widget\" data-e-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>Brahmonbazar Directory<\/title>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif;}\r\nbody{background:#eef1f7;color:#1f2a44;}\r\n.container{max-width:1000px;margin:auto;padding:15px;}\r\n\r\n\/* HEADER *\/\r\n.hero{\r\n background:linear-gradient(135deg,#2f4e85,#4ea1ff);\r\n border-radius:18px;\r\n padding:20px;\r\n color:#fff;\r\n}\r\n.hero-top{\r\n display:flex;\r\n justify-content:space-between;\r\n align-items:center;\r\n}\r\n.hero h1{font-size:20px;}\r\n.tag{\r\n background:rgba(255,255,255,0.2);\r\n padding:6px 10px;\r\n border-radius:20px;\r\n font-size:11px;\r\n}\r\n.hero-sub{margin-top:6px;font-size:13px;opacity:.9;}\r\n\r\n.search-box{\r\n margin-top:14px;\r\n display:flex;\r\n background:#fff;\r\n border-radius:12px;\r\n overflow:hidden;\r\n}\r\n.search-box input{\r\n flex:1;\r\n padding:12px;\r\n border:none;\r\n outline:none;\r\n}\r\n.search-box button{\r\n width:50px;\r\n border:none;\r\n background:#ff7a00;\r\n color:#fff;\r\n}\r\n\r\n\/* CATEGORY *\/\r\n.category{\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:10px;\r\n margin-top:15px;\r\n}\r\n@media(min-width:600px){\r\n .category{grid-template-columns:repeat(3,1fr);}\r\n}\r\n@media(min-width:900px){\r\n .category{grid-template-columns:repeat(5,1fr);}\r\n}\r\n.category button{\r\n padding:12px;\r\n border:none;\r\n border-radius:12px;\r\n background:#4ea1ff;\r\n color:#fff;\r\n cursor:pointer;\r\n}\r\n.category button.active{background:#1f2a44;}\r\n\r\n\/* CARD *\/\r\n.results{margin-top:20px;}\r\n\r\n.card{\r\n background:#fff;\r\n border-radius:16px;\r\n padding:15px;\r\n margin-bottom:12px;\r\n box-shadow:0 6px 14px rgba(0,0,0,.06);\r\n}\r\n\r\n.info{width:100%;}\r\n.card h3{font-size:15px;}\r\n.meta{font-size:12px;color:#6b7280;}\r\n\r\n\/* BUTTONS *\/\r\n.actions{\r\n display:flex;\r\n gap:6px;\r\n margin-top:10px;\r\n}\r\n.actions a{\r\n flex:1;\r\n display:block; \/* IMPORTANT FIX *\/\r\n text-align:center;\r\n padding:10px;\r\n border-radius:10px;\r\n font-size:13px;\r\n text-decoration:none;\r\n color:#fff;\r\n font-weight:500;\r\n\r\n \/* FORCE COLOR *\/\r\n background-color:#000; \/* fallback *\/\r\n}\r\n\r\n\/* Specific colors *\/\r\n.call{\r\n background-color:#22c55e !important;\r\n}\r\n\r\n.map{\r\n background-color:#f97316 !important;\r\n}\r\n\r\n.details{\r\n background-color:#3b82f6 !important;\r\n}\r\n.call{background:#28c76f;}\r\n.map{background:#ff7a00;}\r\n.details{background:#2b7cff;}\r\n\r\n\/* DETAILS *\/\r\n.extra{\r\n display:none;\r\n font-size:12px;\r\n color:#555;\r\n margin-top:6px;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:480px){\r\n.hero h1{font-size:18px;}\r\n.hero-sub{font-size:12px;}\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"container\">\r\n\r\n<div class=\"hero\">\r\n <div class=\"hero-top\">\r\n <h1>\u2728 Brahmonbazar<\/h1>\r\n <span class=\"tag\">Directory<\/span>\r\n <\/div>\r\n <p class=\"hero-sub\">Find shops, services & emergency contacts instantly<\/p>\r\n\r\n <div class=\"search-box\">\r\n <input id=\"searchInput\" placeholder=\"Search...\" onkeyup=\"applyAll()\">\r\n <button onclick=\"applyAll()\">\ud83d\udd0d<\/button>\r\n <\/div>\r\n<\/div>\r\n\r\n<div class=\"category\">\r\n<button onclick=\"loadCategory('hospital', this)\">Hospital<\/button>\r\n<button onclick=\"loadCategory('ambulance', this)\">Ambulance<\/button>\r\n<button onclick=\"loadCategory('pharmacy', this)\">Pharmacy<\/button>\r\n<button onclick=\"loadCategory('grocery', this)\">Grocery<\/button>\r\n<button onclick=\"loadCategory('restaurant', this)\">Restaurant<\/button>\r\n<button onclick=\"loadCategory('education', this)\">Education<\/button>\r\n<button onclick=\"loadCategory('internet', this)\">Mobile shop <\/button>\r\n<button onclick=\"loadCategory('bank', this)\">Bank<\/button>\r\n<button onclick=\"loadCategory('electronics', this)\">Electronics<\/button>\r\n<button onclick=\"loadCategory('transport', this)\">Transport<\/button>\r\n<\/div>\r\n\r\n<div id=\"results\" class=\"results\"><\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n\r\nfunction generateData(prefix){\r\nlet arr=[];\r\nfor(let i=1;i<=10;i++){\r\narr.push({\r\nname: prefix+\" \"+i,\r\nphone:\"0170000000\"+i,\r\naddress:\"Location \"+i\r\n});\r\n}\r\nreturn arr;\r\n}\r\n\r\nconst DB={\r\nhospital:[\r\n{\r\nname:\"Muslim Aid Community Hospital\",\r\nphone:\"01711971469\",\r\naddress:\"Brahmonbazar, Kulaura\"\r\n},\r\n{\r\nname:\"Mission Hospital Brahmanbazar\",\r\nphone:\"01724430836\",\r\naddress:\"Brahmanbazar, Kulaura, Moulvibazar\"\r\n},\r\n{\r\nname:\"\u09b9\u09bf\u0989\u09ae\u09cd\u09af\u09be\u09a8 \u09b9\u09c7\u09b2\u09cd\u200c\u09a5 \u0995\u09c7\u09df\u09be\u09b0 \u09b9\u09bf\u099c\u09be\u09ae\u09be \u098f\u09a8\u09cd\u09a1 \u09ab\u09bf\u099c\u09bf\u0993\u09a5\u09c7\u09b0\u09be\u09aa\u09c0\",\r\nphone:\"01777009863\",\r\naddress:\"Near Bus Stand\"\r\n},\r\n\r\n{\r\nname:\"\u09a6\u09bf \u09b2\u09cd\u09af\u09be\u09ac \u09a1\u09bf\u099c\u09bf\u099f\u09be\u09b2 \u09a1\u09be\u09af\u09bc\u09be\u0997\u09a8\u09b8\u09cd\u099f\u09bf\u0995 \u09b8\u09c7\u09a8\u09cd\u099f\u09be\u09b0\",\r\nphone:\"01971-433838\",\r\naddress:\"GX8G+MHG, Brahmanbazar\"\r\n}\r\n\r\n\r\n],\r\n\r\n\r\nambulance:[\r\n{\r\nname:\"\u098f\u09ab \u098f\u09b8 \u0985\u09cd\u09af\u09be\u09ae\u09cd\u09ac\u09c1\u09b2\u09c7\u09a8\u09cd\u09b8 \u09b8\u09be\u09b0\u09cd\u09ad\u09bf\u09b8\", \r\nphone:\"01308117010\",\r\naddress:\" Kulaura\"\r\n},\r\n{\r\nname:\"Ahmed ambulance\",\r\nphone:\"01765884499\",\r\naddress:\"Kulaura, Moulvibazar\"\r\n},\r\n{\r\nname:\"\u09ae\u09be \u0985\u09cd\u09af\u09be\u09ae\u09cd\u09ac\u09c1\u09b2\u09c7\u09a8\u09cd\u09b8 \u09b8\u09be\u09b0\u09cd\u09ad\u09bf\u09b8\",\r\nphone:\"01788224188\",\r\naddress:\"Kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"Fahad ambulance\",\r\nphone:\"01747504352\",\r\naddress:\"Kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"Sayam ambulance services\",\r\nphone:\"01723292914\",\r\naddress:\"kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"Sayam ambulance services (dead)\",\r\nphone:\"01712780827\",\r\naddress:\"kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\" \u09a4\u09be\u0995\u0993\u09df\u09be \u098f\u09ae\u09cd\u09ac\u09c1\u09b2\u09c7\u09a8\u09cd\u09b8 \u09b8\u09be\u09b0\u09cd\u09ad\u09bf\u09b8\",\r\nphone:\"01712795908\",\r\naddress:\"kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\" \u09b0\u09be\u09b9\u09ae\u09be \u098f\u09ae\u09cd\u09ac\u09c1\u09b2\u09c7\u09a8\u09cd\u09b8 \u09b8\u09be\u09b0\u09cd\u09ad\u09bf\u09b8\",\r\nphone:\"01329634931\",\r\naddress:\"kulaura,Moulvibazar\"\r\n}\r\n],\r\npharmacy:[\r\n{\r\nname:\"Modern pharmacy\", \r\nphone:\"01712724994\",\r\naddress:\"Brahmanbazar,Kulaura\"\r\n},\r\n{\r\nname:\"Moon pharmacy\",\r\nphone:\"01717894661\",\r\naddress:\"Bus stand Brahmanbazar,Kulaura, Moulvibazar\"\r\n},\r\n{\r\nname:\"\u0987\u09ae\u09b0\u09be\u09a8 \u09ab\u09be\u09b0\u09cd\u09ae\u09c7\u09b8\u09bf \",\r\nphone:\"01721594934\",\r\naddress:\"Brahmanbazar,Kulaura,Moulvibazar\"\r\n},\r\n\r\n{\r\nname:\"\u09ae\u09be \u09ab\u09be\u09b0\u09cd\u09ae\u09c7\u09b8\u09bf\",\r\nphone:\"01721837634\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"\u09b6\u09b0\u09cd\u09ae\u09be \u09ab\u09be\u09b0\u09cd\u09ae\u09c7\u09b8\u09bf\",\r\nphone:\"01737976698\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"Maya pharmacy\",\r\nphone:\"01727631256\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},{\r\nname:\"Mim pharmacy\",\r\nphone:\"01717894661\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"The new pharmacy\",\r\nphone:\"01720113209\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"Upoma pharmacy\",\r\nphone:\"01748336447\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"Rabeya Medical Hall\",\r\nphone:\"01712650971\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"Madicine center \",\r\nphone:\"01745402577\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"B Am pharmacy\",\r\nphone:\"01722213657\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"Aysha pharmacy\",\r\nphone:\"01739493920\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"Sima Medical Hall\",\r\nphone:\"01761192886\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"jawad pharmacy\",\r\nphone:\"01774374925\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"\u09b0\u09df\u09c7\u09b2 \u09a1\u09cd\u09b0\u09be\u0997 \u09b9\u0989\u09b8\",\r\nphone:\"01737364387\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"Star pharmacy\",\r\nphone:\"01850278728\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n}\r\n],\r\ngrocery:[\r\n{\r\nname:\" \u09ac\u09bf\u09b8\u09ae\u09bf\u09b2\u09cd\u09b2\u09be\u09b9 \u09b8\u09cd\u099f\u09cb\u09b0 \",\r\nphone:\"01613806061\",\r\naddress:\" Brahmanbazar,Kulaura\"\r\n},\r\n{\r\nname:\"Kamal Store \",\r\nphone:\"01748908173\",\r\naddress:\"Brahman Bazar,Moulvibazar, \"\r\n},\r\n{\r\nname:\"\u09b8\u09c7\u09ab\u09c1\u09b2 \u0989\u09a6\u09cd\u09a6\u09bf\u09a8 \u09b8\u09cd\u099f\u09cb\u09b0\",\r\nphone:\"01737758247\",\r\naddress:\"Brahmanbazar,Kulaura,Moulvibazar\"\r\n},\r\n\r\n{\r\nname:\"Al helal store \",\r\nphone:\"01712233415\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"\u098f\u09b2\u09be\u09b9\u09bf \u09b8\u09cd\u099f\u09cb\u09b0\",\r\nphone:\"01713811594\",\r\naddress:\"kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"\u09ac\u09be\u09ac\u09c1 \u099c\u09c7\u09a8\u09be\u09b0\u09c7\u09b2 \u09b8\u09cd\u099f\u09cb\u09b0\",\r\nphone:\"01732650278\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"Sahadat and Brothers \",\r\nphone:\"01718155381\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"Hazi Foyzul super store\",\r\nphone:\"01732650256\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"Tapos Veraities Store\",\r\nphone:\"01764028306\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"Tapos Veraities Store\",\r\nphone:\"01764028306\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"update\",\r\nphone:\"0\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n}\r\n],\r\nrestaurant:[\r\n{\r\nname:\" Peoria \",\r\nphone:\"01308117010\",\r\naddress:\" Brahmanbazar,Kulaura\"\r\n},\r\n{\r\nname:\"RAJMAHAL \",\r\nphone:\"01738521889\",\r\naddress:\"Brahman Bazar - Shamsernagar Rd, \"\r\n},\r\n{\r\nname:\"Bonoful & Co\",\r\nphone:\"01345156537\",\r\naddress:\"Brahmanbazar,Kulaura,Moulvibazar\"\r\n},\r\n\r\n{\r\nname:\"\u09b8\u09be\u09ae\u09cd\u09aa\u09be\u09a8 \u099a\u09be\u0987\u09a8\u09bf\u099c \u09ac\u09be\u0982\u09b2\u09be \u09b0\u09c7\u09b8\u09cd\u099f\u09c1\u09b0\u09c7\u09a8\u099f\",\r\nphone:\"01757185818\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"\u0986\u09af\u09bc\u09cb\u099c\u09a8 \u099a\u09be\u0987\u09a8\u09bf\u099c \u09ac\u09be\u0982\u09b2\u09be \u09b0\u09c7\u09b8\u09cd\u099f\u09c1\u09b0\u09c7\u09a8\u09cd\u099f\",\r\nphone:\"01788519900\",\r\naddress:\"kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"\u09b6\u09cd\u09b0\u09c0 \u09b2\u09b9\u09cd\u09ae\u09c0 \u09ae\u09bf\u09b7\u09cd\u099f\u09be\u09a8\u09cd\u09a8 \u09ad\u09be\u09a8\u09cd\u09a1\u09be\u09b0\",\r\nphone:\"01721223860\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"\u0986\u09b2 \u0986\u09ae\u09bf\u09a8 \u09ae\u09bf\u09b7\u09cd\u099f\u09be\u09a8\u09cd\u09a8 \u09ad\u09be\u09a8\u09cd\u09a1\u09be\u09b0\",\r\nphone:\"01720440590\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"\u0986\u09aa\u09a8 \u09ae\u09bf\u09b7\u09cd\u099f\u09be\u09a8\u09cd\u09a8 \u09ad\u09be\u09a8\u09cd\u09a1\u09be\u09b0\",\r\nphone:\"01746355650\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"\u09b6\u09be\u09b9\u099c\u09be\u09b2\u09be\u09b2 \u09ae\u09bf\u09b7\u09cd\u099f\u09be\u09a8\u09cd\u09a8 \u09ad\u09be\u09a8\u09cd\u09a1\u09be\u09b0\",\r\nphone:\"01337624412\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"\u09aa\u09b2\u09be\u09b6 \u098f\u09a8\u09cd\u09a1 \u09aa\u09cd\u09b0\u0995\u09be\u09b6 \u09ae\u09bf\u09b7\u09cd\u099f\u09be\u09a8\u09cd\u09a8 \u09ad\u09be\u09a8\u09cd\u09a1\u09be\u09b0\",\r\nphone:\"01724688246\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n],\r\neducation:[\r\n{\r\nname:\"Jalalabad High School\", \r\nphone:\"01737-151436\",\r\naddress:\" Kulaura,Brahmanbazar\"\r\n},\r\n{\r\nname:\"Brahmanbazar Children Academy\",\r\nphone:\"01345156537\",\r\naddress:\"Brahmanbazar,Kulaura, Moulvibazar\"\r\n},\r\n{\r\nname:\"Kusum Koli Kinder Garten & Junior School\",\r\nphone:\" 01726889873\",\r\naddress:\" : Brahmanbazar, Kulaura, Moulvibazar,\"\r\n},\r\n{\r\nname:\"Hingajia High Schoo\",\r\nphone:\"01718-349534\",\r\naddress:\"Brahman Bazar - Shamsernagar Rd, Brahmanbazar\"\r\n},\r\n\r\n{\r\nname:\"Hingazia Primary School\",\r\nphone:\"n\/a\",\r\naddress:\"kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"Hingazia Senior Madrasah\",\r\nphone:\"01870531286\",\r\naddress:\"Brahman Bazar - Shamsernagar Rd, Brahmanbazar\"\r\n},\r\n{\r\nname:\" Ideal kinder Garten\",\r\nphone:\"01712630697\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n}\r\n],\r\ninternet:[\r\n{\r\nname:\"Saif Digital Station\", \r\nphone:\"01626641132\",\r\naddress:\"Brahmanbazar, Kulaura\"\r\n},\r\n{\r\nname:\"Mobile Gallary \",\r\nphone:\"01710722784\",\r\naddress:\"Brahmanbazar,Kulaura, Moulvibazar\"\r\n},\r\n{\r\nname:\"Ferdus telicom\",\r\nphone:\"01721968817\",\r\naddress:\"Brahmanbazar,Kulaura,Moulvibazar\"\r\n},\r\n\r\n{\r\nname:\"Naim Mobile and accossories\",\r\nphone:\"01752924782\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\" Ettadi Telicom\",\r\nphone:\"01717541712\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\" Mahfuz Telicom\",\r\nphone:\"01764703882\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\" Afruja Telicom\",\r\nphone:\"01718457916\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\" A one Telicom\",\r\nphone:\"01727255436\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\" Sultan Telicom\",\r\nphone:\"01797000545\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\" Sukriya Telicom\",\r\nphone:\"01732442196\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n}\r\n],\r\nbank:[\r\n{\r\nname:\" Pubali Bank Limited\",\r\nphone:\"01\",\r\naddress:\" Brahmanbazar,Kulaura\"\r\n},\r\n{\r\nname:\"Bangladesh Krishi Bank \",\r\nphone:\"017389\",\r\naddress:\"Brahman Bazar - Shamsernagar Rd, \"\r\n},\r\n{\r\nname:\"Gramin Bank\",\r\nphone:\"0\",\r\naddress:\"Brahmanbazar,Kulaura,Moulvibazar\"\r\n},\r\n\r\n{\r\nname:\"Ific Bank\",\r\nphone:\"07185\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"update\",\r\nphone:\"017885900\",\r\naddress:\"kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"update\",\r\nphone:\"01223860\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"update\",\r\nphone:\"00440590\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"update\",\r\nphone:\"01746355650\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"update\",\r\nphone:\"0133762\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n\r\n{\r\nname:\"update\",\r\nphone:\"01688246\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n],\r\nelectronics:[\r\n{\r\nname:\" Toma Electronics \",\r\nphone:\"01737318080\",\r\naddress:\" Brahmanbazar,Kulaura\"\r\n},\r\n{\r\nname:\"Redwan khan Electronics \",\r\nphone:\"01768932591\",\r\naddress:\"Brahman Bazar - Shamsernagar Rd, \"\r\n},\r\n{\r\nname:\"Luknath Electronics\",\r\nphone:\"01714482704\",\r\naddress:\"Brahmanbazar,Kulaura,Moulvibazar\"\r\n},\r\n\r\n{\r\nname:\"Rohjit Electronics\",\r\nphone:\"01923573233\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n{\r\nname:\"Surjer Alo Electronics\",\r\nphone:\"01767453937\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"update\",\r\nphone:\"01721860\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"update\",\r\nphone:\"020440590\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"update\",\r\nphone:\"01746350\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"update\",\r\nphone:\"0134412\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n\r\n{\r\nname:\"update\",\r\nphone:\"017246\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n],\r\ntransport:[\r\n{\r\nname:\" \u098f\u09a8\u09be \u099f\u09cd\u09b0\u09be\u09a8\u09cd\u09b8\u09aa\u09cb\u09b0\u09cd\u099f\",\r\nphone:\"01724171171\",\r\naddress:\" Bus Counter,kulaura\"\r\n},\r\n{\r\nname:\"\u09b0\u09c2\u09aa\u09b8\u09c0 \u09ac\u09be\u0982\u09b2\u09be\",\r\nphone:\"01713805100\",\r\naddress:\"Bus Counter,kulaura, \"\r\n},\r\n{\r\nname:\"\u09ac\u09bf\u09b2\u09be\u09b8 \u09aa\u09b0\u09bf\u09ac\u09b9\u09a8\",\r\nphone:\"01713811929\",\r\naddress:\"Bus Counter,kulaura\",\r\n},\r\n\r\n{\r\nname:\"Soudia Coach Service\",\r\nphone:\"01313654719\",\r\naddress:\"bus counter kulaura\",\r\n},\r\n{\r\nname:\"\u09b6\u09cd\u09af\u09be\u09ae\u09b2\u09c0 \u09aa\u09b0\u09bf\u09ac\u09b9\u09a8\",\r\nphone:\"01713811929\",\r\naddress:\"Bus Counte, Kulaura\",\r\n},\r\n{\r\nname:\"Emperial Express\",\r\nphone:\"01896105553\",\r\naddress:\"kulaura Bus Counter\",\r\n},\r\n{\r\nname:\"udate\",\r\nphone:\" 0\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"update\",\r\nphone:\"0150\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n{\r\nname:\"update\",\r\nphone:\"0133762\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar,\"\r\n},\r\n\r\n{\r\nname:\"update\",\r\nphone:\"01726\",\r\naddress:\"Brahmanbazar,kulaura,Moulvibazar\"\r\n},\r\n],\r\n};\r\n\r\nlet currentCategory=null;\r\n\r\nfunction render(list){\r\nconst el=document.getElementById('results');\r\nel.innerHTML='';\r\n\r\nlist.forEach((i,index)=>{\r\nel.innerHTML+=`\r\n<div class=\"card\">\r\n\r\n<div class=\"info\">\r\n<h3>${i.name}<\/h3>\r\n<p class=\"meta\">\ud83d\udccd ${i.address}<\/p>\r\n\r\n<div class=\"actions\">\r\n<a href=\"tel:${i.phone}\" class=\"call\">\ud83d\udcde Call<\/a>\r\n<a href=\"https:\/\/www.google.com\/maps?q=${i.name}\" target=\"_blank\" class=\"map\">\ud83d\udccd Map<\/a>\r\n<a href=\"#\" onclick=\"toggleDetails('d${index}'); return false;\" class=\"details\">Details<\/a>\r\n<\/div>\r\n\r\n<div id=\"d${index}\" class=\"extra\">\r\n ${i.name} is located at ${i.address}. Contact: ${i.phone}\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>`;\r\n});\r\n}\r\n\r\nfunction loadCategory(cat,el){\r\ncurrentCategory=cat;\r\ndocument.querySelectorAll('.category button').forEach(b=>b.classList.remove('active'));\r\nel.classList.add('active');\r\napplyAll();\r\n}\r\n\r\nfunction applyAll(){\r\nif(!currentCategory)return;\r\nconst q=document.getElementById('searchInput').value.toLowerCase();\r\nlet list=DB[currentCategory];\r\nif(q){\r\nlist=list.filter(i=>i.name.toLowerCase().includes(q));\r\n}\r\nrender(list);\r\n}\r\n\r\nfunction toggleDetails(id){\r\nconst el=document.getElementById(id);\r\nel.style.display = el.style.display === \"block\" ? \"none\" : \"block\";\r\n}\r\n\r\n<\/script>\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-519280d e-flex e-con-boxed e-con e-parent\" data-id=\"519280d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8b39393 e-con-full e-flex e-con e-child\" data-id=\"8b39393\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45ddd39 elementor-widget elementor-widget-html\" data-id=\"45ddd39\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"title-wrap\">\r\n <h2 class=\"popular-title\">Popular Services<\/h2>\r\n<\/div>\r\n\r\n<style>\r\n.title-wrap{\r\n display:flex;\r\n justify-content:center;\r\n align-items:center;\r\n}\r\n\r\n\/* title *\/\r\n.popular-title{\r\n text-align:center;\r\n font-family:'Poppins',sans-serif;\r\n font-size:clamp(24px,6vw,32px);\r\n font-weight:700;\r\n letter-spacing:1px;\r\n position:relative;\r\n\r\n background:linear-gradient(90deg,#6366f1,#8b5cf6,#06b6d4);\r\n -webkit-background-clip:text;\r\n -webkit-text-fill-color:transparent;\r\n}\r\n\r\n\/* glowing underline *\/\r\n.popular-title::after{\r\n content:'';\r\n display:block;\r\n width:60%;\r\n height:4px;\r\n margin:8px auto 0;\r\n border-radius:10px;\r\n background:linear-gradient(90deg,#6366f1,#06b6d4);\r\n box-shadow:0 0 10px rgba(99,102,241,0.6);\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-211f4d3 elementor-widget elementor-widget-html\" data-id=\"211f4d3\" data-element_type=\"widget\" data-e-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>TechSarwer<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif}\r\nbody{background:#f5f7fb}\r\n\r\n\/* Header *\/\r\n.header{\r\n display:flex;\r\n justify-content:space-between;\r\n align-items:center;\r\n padding:15px 20px;\r\n background:#fff;\r\n box-shadow:0 2px 8px rgba(0,0,0,0.05);\r\n}\r\n.logo{font-size:24px;font-weight:600;color:#2b7cff}\r\n.logo span{color:#ff7a00}\r\n.icons{display:flex;gap:15px}\r\n.icons div{width:35px;height:35px;background:#eee;border-radius:50%}\r\n\r\n\r\n\r\n\/* Categories *\/\r\n.categories{\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:15px;\r\n padding:15px;\r\n}\r\n.cat{\r\n background:#fff;\r\n padding:15px;\r\n border-radius:12px;\r\n text-align:center;\r\n box-shadow:0 2px 6px rgba(0,0,0,0.05);\r\n transition:0.3s;\r\n}\r\n.cat:hover{transform:translateY(-5px)}\r\n.cat img{width:40px;margin-bottom:8px}\r\n.cat p{font-size:13px}\r\n\r\n\/* Banner *\/\r\n.banner{\r\n margin:20px;\r\n background:linear-gradient(135deg,#6ec1ff,#4a8cff);\r\n border-radius:15px;\r\n color:#fff;\r\n padding:20px;\r\n display:flex;\r\n justify-content:space-between;\r\n align-items:center;\r\n flex-wrap:wrap;\r\n}\r\n.banner h2{font-size:22px}\r\n.banner button{\r\n margin-top:10px;\r\n padding:10px 15px;\r\n border:none;\r\n background:#ff4da6;\r\n color:#fff;\r\n border-radius:8px;\r\n cursor:pointer;\r\n}\r\n\r\n\/* Desktop *\/\r\n@media(min-width:768px){\r\n .categories{grid-template-columns:repeat(6,1fr)}\r\n .banner{padding:30px}\r\n .banner h2{font-size:28px}\r\n}\r\n\r\n@media(min-width:1024px){\r\n .container{max-width:1100px;margin:auto}\r\n .categories{grid-template-columns:repeat(8,1fr)}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"categories\">\r\n <div class=\"cat\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/48\/hospital.png\"> <p>\r\n <a href=\"https:\/\/techsarwer.com\/?page_id=2224\" target=\"_blank\">All Hospital<\/a><\/p>\r\n <\/div>\r\n <div class=\"cat\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/48\/stethoscope.png\">\r\n <a href=\"https:\/\/techsarwer.com\/?page_id=1805\" \r\nstyle=\"position:absolute; top:0; left:0; width:100%; height:100%; z-index:10;\"><\/a><p>All Doctors<\/p>\r\n <\/div>\r\n <div class=\"cat\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/48\/airplane-take-off.png\"><p>Travel<\/p><\/div>\r\n <div class=\"cat\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/?size=100&id=J1hf61RUTbHn&format=png&color=000000\"><p>Transport Hire<\/p><\/div>\r\n\r\n <div class=\"cat\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/48\/spa.png\"><p>Beauty<\/p><\/div>\r\n <div class=\"cat\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/48\/wedding.png\"><p>Wedding<\/p><\/div>\r\n <div class=\"cat\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/48\/dumbbell.png\"><p>Gyms<\/p><\/div>\r\n <div class=\"cat\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/48\/graduation-cap.png\"><p>Education<\/p><\/div>\r\n\r\n <div class=\"cat\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/48\/delivery.png\"><p>Movers<\/p><\/div>\r\n <div class=\"cat\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/48\/maintenance.png\"><p>Repairs<\/p><\/div>\r\n <div class=\"cat\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/48\/key.png\"><p>Rent<\/p><\/div>\r\n <div class=\"cat\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/48\/job.png\"><p>Jobs<\/p><\/div>\r\n\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b27589 elementor-widget elementor-widget-html\" data-id=\"4b27589\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"banner\">\r\n <div>\r\n <h2>Connect with more Customers<\/h2>\r\n\r\n <button onclick=\"window.open('https:\/\/wa.me\/8801777009859?text=Hi%20I%20want%20to%20list%20my%20business')\">\r\n List Your Business FREE\r\n <\/button>\r\n\r\n <\/div>\r\n <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/3135\/3135715.png\" width=\"120\">\r\n<\/div>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cca5d65 e-con-full e-flex e-con e-child\" data-id=\"cca5d65\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d4c5e1 elementor-widget elementor-widget-html\" data-id=\"8d4c5e1\" data-element_type=\"widget\" data-e-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>Popular Places<\/title>\r\n\r\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\nbody{\r\n font-family:'Poppins',sans-serif;\r\n background:#f5f7fb;\r\n margin:0;\r\n}\r\n\r\n\/* SECTION *\/\r\n.popular-section{\r\n padding:50px 15px;\r\n}\r\n\r\n\/* HEADER *\/\r\n.section-header{\r\n display:flex;\r\n justify-content:space-between;\r\n align-items:center;\r\n margin-bottom:20px;\r\n}\r\n\r\n.section-header h2{\r\n font-size:26px;\r\n font-weight:700;\r\n color:#1f2937;\r\n}\r\n\r\n.section-header h2 span{\r\n color:#4f46e5;\r\n}\r\n\r\n.section-header p{\r\n font-size:13px;\r\n color:#6b7280;\r\n}\r\n\r\n.view-all{\r\n font-size:13px;\r\n color:#4f46e5;\r\n text-decoration:none;\r\n font-weight:600;\r\n}\r\n\r\n\/* SCROLL WRAPPER *\/\r\n.places-wrapper{\r\n display:flex;\r\n gap:15px;\r\n overflow-x:auto;\r\n scroll-snap-type:x mandatory;\r\n scroll-behavior:smooth;\r\n padding-bottom:10px;\r\n}\r\n\r\n.places-wrapper::-webkit-scrollbar{\r\n display:none;\r\n}\r\n\r\n\/* CARD *\/\r\n.card{\r\n min-width:240px;\r\n background:#fff;\r\n border-radius:16px;\r\n overflow:hidden;\r\n box-shadow:0 8px 25px rgba(0,0,0,0.06);\r\n transition:0.3s;\r\n scroll-snap-align:start;\r\n position:relative;\r\n}\r\n\r\n.card:hover{\r\n transform:translateY(-6px);\r\n box-shadow:0 12px 30px rgba(0,0,0,0.08);\r\n}\r\n\r\n\/* IMAGE *\/\r\n.card img{\r\n width:100%;\r\n height:150px;\r\n object-fit:cover;\r\n}\r\n\r\n\/* BADGE *\/\r\n.badge{\r\n position:absolute;\r\n top:10px;\r\n left:10px;\r\n background:#4f46e5;\r\n color:#fff;\r\n font-size:11px;\r\n padding:4px 10px;\r\n border-radius:20px;\r\n}\r\n\r\n\/* CONTENT *\/\r\n.card-content{\r\n padding:14px;\r\n}\r\n\r\n.card-title{\r\n font-size:15px;\r\n font-weight:600;\r\n margin-bottom:4px;\r\n color:#111827;\r\n}\r\n\r\n.card-category{\r\n font-size:12px;\r\n color:#6b7280;\r\n margin-bottom:8px;\r\n}\r\n\r\n\/* RATING *\/\r\n.rating{\r\n display:flex;\r\n align-items:center;\r\n gap:5px;\r\n font-size:12px;\r\n}\r\n\r\n.rating i{\r\n color:#f59e0b;\r\n}\r\n\r\n.rating span{\r\n color:#374151;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:768px){\r\n\r\n .section-header{\r\n flex-direction:column;\r\n align-items:flex-start;\r\n gap:6px;\r\n }\r\n\r\n .section-header h2{\r\n font-size:22px;\r\n }\r\n\r\n .view-all{\r\n align-self:flex-end;\r\n }\r\n\r\n .card{\r\n min-width:75%;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"popular-section\">\r\n\r\n <div class=\"section-header\">\r\n <div>\r\n <h2>Popular <span>Places<\/span><\/h2>\r\n <p>Trending businesses in your area<\/p>\r\n <\/div>\r\n <a href=\"#\" class=\"view-all\">View All<\/a>\r\n <\/div>\r\n\r\n <div class=\"places-wrapper\">\r\n\r\n <div class=\"card\">\r\n <span class=\"badge\">Popular<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1555396273-367ea4eb4db5?q=80&w=600\">\r\n <div class=\"card-content\">\r\n <div class=\"card-title\">The Food Corner<\/div>\r\n <div class=\"card-category\">Restaurant<\/div>\r\n <div class=\"rating\">\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <span>4.5 (234)<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <span class=\"badge\">Top<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1586773860418-d37222d8fce3?q=80&w=600\">\r\n <div class=\"card-content\">\r\n <div class=\"card-title\">City Hospital<\/div>\r\n <div class=\"card-category\">Hospital<\/div>\r\n <div class=\"rating\">\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <span>4.7 (189)<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522335789203-aabd1fc54bc9?q=80&w=600\">\r\n <div class=\"card-content\">\r\n <div class=\"card-title\">Beauty Paradise<\/div>\r\n <div class=\"card-category\">Salon<\/div>\r\n <div class=\"rating\">\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <span>4.6 (145)<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1558611848-73f7eb4001ab?q=80&w=600\">\r\n <div class=\"card-content\">\r\n <div class=\"card-title\">Fit Life Gym<\/div>\r\n <div class=\"card-category\">Fitness<\/div>\r\n <div class=\"rating\">\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <span>4.8 (95)<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1596495577886-d920f1fb7238?q=80&w=600\">\r\n <div class=\"card-content\">\r\n <div class=\"card-title\">Green Valley School<\/div>\r\n <div class=\"card-category\">Education<\/div>\r\n <div class=\"rating\">\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <span>4.5 (128)<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\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\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-24a1b2b e-flex e-con-boxed e-con e-parent\" data-id=\"24a1b2b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e87da77 elementor-widget elementor-widget-shortcode\" data-id=\"e87da77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"woocommerce columns-4 \"><ul class=\"products columns-4\" data-products=\"type-1\">\n<li class=\"product type-product post-2288 status-publish first instock product_cat-mobile product_cat-mobile-accossories product_cat-uncategorized product_tag-accossories product_tag-mobile has-post-thumbnail sale shipping-taxable purchasable product-type-simple\">\n\t<a href=\"https:\/\/techsarwer.com\/?product=mobile-2171\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\">\n\t<span class=\"onsale\" data-shape=\"type-2\">SALE<\/span>\n\t<img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/techsarwer.com\/wp-content\/uploads\/2026\/05\/WhatsApp_Image_2026-05-04_at_10.37.27_AM-removebg-preview-300x300.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"mobile 2171\" srcset=\"https:\/\/techsarwer.com\/wp-content\/uploads\/2026\/05\/WhatsApp_Image_2026-05-04_at_10.37.27_AM-removebg-preview-300x300.jpg 300w, https:\/\/techsarwer.com\/wp-content\/uploads\/2026\/05\/WhatsApp_Image_2026-05-04_at_10.37.27_AM-removebg-preview-150x150.jpg 150w, https:\/\/techsarwer.com\/wp-content\/uploads\/2026\/05\/WhatsApp_Image_2026-05-04_at_10.37.27_AM-removebg-preview-100x100.jpg 100w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">mobile 2171<\/h2>\n\t<span class=\"price\"><span class=\"sale-price\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi>1,100.00<span class=\"woocommerce-Price-currencySymbol\">৳ <\/span><\/bdi><\/span><\/del> <span class=\"screen-reader-text\">Original price was: 1,100.00৳ .<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi>1,050.00<span class=\"woocommerce-Price-currencySymbol\">৳ <\/span><\/bdi><\/span><\/ins><span class=\"screen-reader-text\">Current price is: 1,050.00৳ .<\/span><\/span><\/span>\n<\/a><a href=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F8&add-to-cart=2288\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_2288\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"2288\" data-product_sku=\"sarwer\" aria-label=\"Add to cart: “mobile 2171”\" rel=\"nofollow\" data-success_message=\"“mobile 2171” has been added to your cart\" role=\"button\">Add to cart<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_2288\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"product type-product post-2296 status-publish instock product_cat-mobile product_cat-mobile-accossories product_cat-uncategorized product_tag-accossories product_tag-mobile has-post-thumbnail sale shipping-taxable purchasable product-type-simple\">\n\t<a href=\"https:\/\/techsarwer.com\/?product=mobile-2171-copy\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\">\n\t<span class=\"onsale\" data-shape=\"type-2\">SALE<\/span>\n\t<img decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/techsarwer.com\/wp-content\/uploads\/2026\/05\/WhatsApp_Image_2026-05-04_at_10.37.27_AM-removebg-preview-300x300.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"mobile 2171 (Copy)\" srcset=\"https:\/\/techsarwer.com\/wp-content\/uploads\/2026\/05\/WhatsApp_Image_2026-05-04_at_10.37.27_AM-removebg-preview-300x300.jpg 300w, https:\/\/techsarwer.com\/wp-content\/uploads\/2026\/05\/WhatsApp_Image_2026-05-04_at_10.37.27_AM-removebg-preview-150x150.jpg 150w, https:\/\/techsarwer.com\/wp-content\/uploads\/2026\/05\/WhatsApp_Image_2026-05-04_at_10.37.27_AM-removebg-preview-100x100.jpg 100w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">mobile 2171 (Copy)<\/h2>\n\t<span class=\"price\"><span class=\"sale-price\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi>1,100.00<span class=\"woocommerce-Price-currencySymbol\">৳ <\/span><\/bdi><\/span><\/del> <span class=\"screen-reader-text\">Original price was: 1,100.00৳ .<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi>1,050.00<span class=\"woocommerce-Price-currencySymbol\">৳ <\/span><\/bdi><\/span><\/ins><span class=\"screen-reader-text\">Current price is: 1,050.00৳ .<\/span><\/span><\/span>\n<\/a><a href=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F8&add-to-cart=2296\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_2296\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"2296\" data-product_sku=\"sarwer-1\" aria-label=\"Add to cart: “mobile 2171 (Copy)”\" rel=\"nofollow\" data-success_message=\"“mobile 2171 (Copy)” has been added to your cart\" role=\"button\">Add to cart<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_2296\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<\/ul>\n<\/div><\/div>\n\t\t\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-5d429a2 e-flex e-con-boxed e-con e-parent\" data-id=\"5d429a2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa58d6a elementor-widget elementor-widget-html\" data-id=\"aa58d6a\" data-element_type=\"widget\" data-e-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>Pricing Section<\/title>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif;}\r\n\r\nbody{\r\n background:#f4f7fb;\r\n}\r\n\r\n\/* SECTION *\/\r\n.pricing-section{\r\n padding:60px 15px;\r\n}\r\n\r\n\/* HEADER *\/\r\n.pricing-header{\r\n text-align:center;\r\n margin-bottom:30px;\r\n}\r\n\r\n.pricing-header h2{\r\n font-size:28px;\r\n margin-bottom:6px;\r\n}\r\n\r\n.pricing-header p{\r\n font-size:14px;\r\n color:#6b7280;\r\n}\r\n\r\n\/* GRID *\/\r\n.pricing-grid{\r\n max-width:1100px;\r\n margin:auto;\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:18px;\r\n}\r\n\r\n\/* CARD *\/\r\n.pricing-card{\r\n background:#fff;\r\n border-radius:16px;\r\n padding:20px;\r\n box-shadow:0 8px 20px rgba(0,0,0,.05);\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:space-between;\r\n position:relative;\r\n transition:.3s;\r\n}\r\n\r\n.pricing-card:hover{\r\n transform:translateY(-5px);\r\n}\r\n\r\n\/* FEATURED *\/\r\n.featured{\r\n border:2px solid #2563eb;\r\n}\r\n\r\n.badge{\r\n position:absolute;\r\n top:10px;\r\n right:10px;\r\n background:#2563eb;\r\n color:#fff;\r\n padding:4px 8px;\r\n border-radius:8px;\r\n font-size:11px;\r\n}\r\n\r\n\/* TEXT *\/\r\n.pricing-card h3{\r\n font-size:18px;\r\n}\r\n\r\n.subtitle{\r\n font-size:12px;\r\n color:#6b7280;\r\n margin-bottom:15px;\r\n}\r\n\r\n\/* LIST *\/\r\n.pricing-card ul{\r\n list-style:none;\r\n margin-bottom:18px;\r\n}\r\n\r\n.pricing-card ul li{\r\n margin-bottom:8px;\r\n font-size:13px;\r\n color:#374151;\r\n}\r\n\r\n\/* BUTTON *\/\r\n.btn{\r\n text-align:center;\r\n background:#25d366;\r\n color:#fff;\r\n padding:10px;\r\n border-radius:8px;\r\n text-decoration:none;\r\n font-size:13px;\r\n font-weight:500;\r\n transition:.3s;\r\n}\r\n\r\n.btn:hover{\r\n background:#1da851;\r\n}\r\n\r\n\/* TABLET *\/\r\n@media(max-width:900px){\r\n .pricing-grid{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:600px){\r\n\r\n .pricing-section{\r\n padding:40px 12px;\r\n }\r\n\r\n .pricing-header h2{\r\n font-size:22px;\r\n }\r\n\r\n .pricing-header p{\r\n font-size:13px;\r\n }\r\n\r\n .pricing-grid{\r\n grid-template-columns:1fr;\r\n gap:14px;\r\n }\r\n\r\n .pricing-card{\r\n padding:16px;\r\n }\r\n\r\n .pricing-card h3{\r\n font-size:16px;\r\n }\r\n\r\n .pricing-card ul li{\r\n font-size:12px;\r\n }\r\n\r\n .btn{\r\n padding:9px;\r\n font-size:12px;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"pricing-section\">\r\n\r\n <div class=\"pricing-header\">\r\n <h2>Web Design & Development<\/h2>\r\n <p>Professional solutions for your business growth<\/p>\r\n <\/div>\r\n\r\n <div class=\"pricing-grid\">\r\n\r\n \r\n <div class=\"pricing-card\">\r\n <h3>Starter<\/h3>\r\n <p class=\"subtitle\">Perfect for individuals<\/p>\r\n\r\n <ul>\r\n <li>\u2714\ufe0f 1\u20133 Page Website<\/li>\r\n <li>\u2714\ufe0f Mobile Responsive<\/li>\r\n <li>\u2714\ufe0f Fast Loading<\/li>\r\n <li>\u2714\ufe0f Contact Form<\/li>\r\n <\/ul>\r\n\r\n <a href=\"https:\/\/wa.me\/8801777009859?text=Hi%20I%20want%20Starter%20Website\" class=\"btn\">\r\n Chat on WhatsApp\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing-card featured\">\r\n <div class=\"badge\">Recommended<\/div>\r\n\r\n <h3>Business<\/h3>\r\n <p class=\"subtitle\">Best for growing brands<\/p>\r\n\r\n <ul>\r\n <li>\u2714\ufe0f 5\u20138 Pages Website<\/li>\r\n <li>\u2714\ufe0f Custom Design<\/li>\r\n <li>\u2714\ufe0f SEO Friendly<\/li>\r\n <li>\u2714\ufe0f Speed Optimization<\/li>\r\n <li>\u2714\ufe0f WhatsApp Integration<\/li>\r\n <\/ul>\r\n\r\n <a href=\"https:\/\/wa.me\/8801777009859?text=Hi%20I%20want%20Business%20Website\" class=\"btn\">\r\n Chat on WhatsApp\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing-card\">\r\n <h3>Enterprise<\/h3>\r\n <p class=\"subtitle\">Advanced business solution<\/p>\r\n\r\n <ul>\r\n <li>\u2714\ufe0f Unlimited Pages<\/li>\r\n <li>\u2714\ufe0f Custom UI\/UX<\/li>\r\n <li>\u2714\ufe0f Admin Panel<\/li>\r\n <li>\u2714\ufe0f E-commerce \/ Booking<\/li>\r\n <li>\u2714\ufe0f Priority Support<\/li>\r\n <\/ul>\r\n\r\n <a href=\"https:\/\/wa.me\/8801777009859?text=Hi%20I%20want%20Enterprise%20Website\" class=\"btn\">\r\n Chat on WhatsApp\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\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-eabf1c7 e-flex e-con-boxed e-con e-parent\" data-id=\"eabf1c7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d9ab616 e-con-full e-flex e-con e-child\" data-id=\"d9ab616\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e5c9090 e-con-full e-flex e-con e-child\" data-id=\"e5c9090\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6cfe97 elementor-widget elementor-widget-html\" data-id=\"c6cfe97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"section\">\r\n <h2>\ud83d\udcbc My Recent Work<\/h2>\r\n <p class=\"sub\">A showcase of modern websites I designed<\/p>\r\n\r\n <div class=\"grid\">\r\n\r\n <div class=\"card\">\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/techsarwer.com\/wp-content\/uploads\/2026\/04\/dining-delight-work.png\">\r\n <div class=\"overlay\">\r\n <span>Restaurant<\/span>\r\n <a href=\"#\">View Demo<\/a>\r\n <\/div>\r\n <\/div>\r\n <h3>Restaurant Website<\/h3>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/techsarwer.com\/wp-content\/uploads\/2026\/04\/real-state-png.png\">\r\n <div class=\"overlay\">\r\n <span>Real State<\/span>\r\n <a href=\"#\">View Demo<\/a>\r\n <\/div>\r\n <\/div>\r\n <h3>Real State Website<\/h3>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/techsarwer.com\/wp-content\/uploads\/2026\/04\/Personal-health-support-system.png\">\r\n <div class=\"overlay\">\r\n <span>Shop<\/span>\r\n <a href=\"#\">View Demo<\/a>\r\n <\/div>\r\n <\/div>\r\n <h3>Personal health support<\/h3>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<a href=\"https:\/\/wa.me\/8801777009859?text=Hi\" \r\n class=\"whatsapp-btn\" target=\"_blank\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/733\/733585.png\">\r\n<\/a>\r\n\r\n<style>\r\nbody {\r\n margin: 0;\r\n font-family: 'Segoe UI', sans-serif;\r\n background: #f7f9fc;\r\n}\r\n\r\n\/* SECTION *\/\r\n.section {\r\n padding: 80px 20px;\r\n text-align: center;\r\n}\r\n\r\n.section h2 {\r\n font-size: 34px;\r\n margin-bottom: 10px;\r\n background: linear-gradient(90deg, #6366f1, #8b5cf6);\r\n -webkit-background-clip: text;\r\n color: transparent;\r\n}\r\n\r\n.sub {\r\n color: #666;\r\n margin-bottom: 50px;\r\n}\r\n\r\n\/* GRID *\/\r\n.grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 30px;\r\n max-width: 1100px;\r\n margin: auto;\r\n}\r\n\r\n\/* CARD *\/\r\n.card {\r\n transition: 0.3s;\r\n}\r\n\r\n.card:hover {\r\n transform: translateY(-8px);\r\n}\r\n\r\n\/* IMAGE *\/\r\n.img-box {\r\n position: relative;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n}\r\n\r\n.img-box img {\r\n width: 100%;\r\n height: 200px;\r\n object-fit: cover;\r\n transition: 0.4s;\r\n}\r\n\r\n\/* OVERLAY *\/\r\n.overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-end;\r\n align-items: center;\r\n padding: 20px;\r\n opacity: 0;\r\n transition: 0.4s;\r\n}\r\n\r\n.img-box:hover img {\r\n transform: scale(1.1);\r\n}\r\n\r\n.img-box:hover .overlay {\r\n opacity: 1;\r\n}\r\n\r\n.overlay span {\r\n background: rgba(255,255,255,0.2);\r\n padding: 4px 12px;\r\n border-radius: 20px;\r\n font-size: 12px;\r\n color: #fff;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.overlay a {\r\n background: linear-gradient(90deg, #6366f1, #8b5cf6);\r\n color: #fff;\r\n padding: 8px 16px;\r\n border-radius: 8px;\r\n text-decoration: none;\r\n font-size: 13px;\r\n}\r\n\r\n.card h3 {\r\n margin-top: 15px;\r\n font-size: 18px;\r\n}\r\n\r\n\/* \ud83d\udd25 SMALL WHATSAPP BUTTON *\/\r\n.whatsapp-btn{\r\n position: fixed;\r\n bottom: 15px;\r\n right: 15px;\r\n width: 45px;\r\n height: 45px;\r\n background: #25D366;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n box-shadow: 0 6px 18px rgba(0,0,0,0.2);\r\n z-index: 999;\r\n animation: pulse 2s infinite;\r\n}\r\n\r\n.whatsapp-btn img{\r\n width: 20px;\r\n}\r\n\r\n.whatsapp-btn:hover{\r\n transform: scale(1.1);\r\n}\r\n\r\n\/* Pulse *\/\r\n@keyframes pulse {\r\n 0% { box-shadow: 0 0 0 0 rgba(37,211,102,0.6); }\r\n 70% { box-shadow: 0 0 0 10px rgba(37,211,102,0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(37,211,102,0); }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width:768px){\r\n .section h2{\r\n font-size:26px;\r\n }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\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-177b581 e-flex e-con-boxed e-con e-parent\" data-id=\"177b581\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b3b6e75 e-flex e-con-boxed e-con e-parent\" data-id=\"b3b6e75\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-66d16f9 e-con-full e-flex e-con e-child\" data-id=\"66d16f9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-38950cc elementor-widget elementor-widget-html\" data-id=\"38950cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"products\">\r\n <h2>\ud83d\udd25 Our Products<\/h2>\r\n <p class=\"sub\">Top digital products in your local area<\/p>\r\n\r\n <div class=\"product-grid\" id=\"productList\">\r\n\r\n \r\n\r\n <div class=\"product-card\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1587854692152-cbe660dbde88?q=80&w=500\" alt=\"\">\r\n <h4>Digital Thermometer<\/h4>\r\n <p class=\"price\">\u09f3250<\/p>\r\n <a href=\"https:\/\/wa.me\/8801777009859\">\ud83d\uded2 Order<\/a>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1584515933487-779824d29309?q=80&w=500\" alt=\"\">\r\n <h4>Pulse Oximeter<\/h4>\r\n <p class=\"price\">\u09f3800<\/p>\r\n <a href=\"https:\/\/wa.me\/8801777009859\">\ud83d\uded2 Order<\/a>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1580281657527-47d4d88d5c5d?q=80&w=500\" alt=\"\">\r\n <h4>BP Machine<\/h4>\r\n <p class=\"price\">\u09f31200<\/p>\r\n <a href=\"https:\/\/wa.me\/8801777009859\">\ud83d\uded2 Order<\/a>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1588776814546-ec7c63bb5c2c?q=80&w=500\" alt=\"\">\r\n <h4>Hand Sanitizer<\/h4>\r\n <p class=\"price\">\u09f3120<\/p>\r\n <a href=\"https:\/\/wa.me\/8801777009859\">\ud83d\uded2 Order<\/a>\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"product-card hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1606813907291-d86efa9b94db?q=80&w=500\" alt=\"\">\r\n <h4>Health eBook (PDF)<\/h4>\r\n <p class=\"price\">\u09f399<\/p>\r\n <a href=\"https:\/\/wa.me\/8801777009859\">\ud83d\udce5 Buy<\/a>\r\n <\/div>\r\n\r\n <div class=\"product-card hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581090700227-1e8b5b4b5c53?q=80&w=500\" alt=\"\">\r\n <h4>Online Doctor Consultation<\/h4>\r\n <p class=\"price\">\u09f3200<\/p>\r\n <a href=\"https:\/\/wa.me\/8801777009859\">\ud83d\udcde Book<\/a>\r\n <\/div>\r\n\r\n <div class=\"product-card hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1585435557343-3b092031a831?q=80&w=500\" alt=\"\">\r\n <h4>Diet Plan (PDF)<\/h4>\r\n <p class=\"price\">\u09f3150<\/p>\r\n <a href=\"https:\/\/wa.me\/8801777009859\">\ud83d\udce5 Buy<\/a>\r\n <\/div>\r\n\r\n <div class=\"product-card hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581594693702-fbdc51b2763b?q=80&w=500\" alt=\"\">\r\n <h4>Medicine Reminder App<\/h4>\r\n <p class=\"price\">\u09f350<\/p>\r\n <a href=\"https:\/\/wa.me\/8801777009859\">\ud83d\udce5 Download<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <button class=\"see-more\" onclick=\"toggleProducts()\">See More<\/button>\r\n<\/section>\r\n\r\n<style>\r\n.products{\r\n padding:60px 15px;\r\n text-align:center;\r\n background:#f8fafc;\r\n}\r\n\r\n.products h2{\r\n font-size:28px;\r\n background:linear-gradient(90deg,#22c55e,#16a34a);\r\n -webkit-background-clip:text;\r\n color:transparent;\r\n}\r\n\r\n.sub{\r\n font-size:14px;\r\n color:#6b7280;\r\n margin-bottom:25px;\r\n}\r\n\r\n\/* GRID *\/\r\n.product-grid{\r\n display:grid;\r\n grid-template-columns:repeat(auto-fit,minmax(180px,1fr));\r\n gap:15px;\r\n max-width:900px;\r\n margin:auto;\r\n}\r\n\r\n\/* CARD *\/\r\n.product-card{\r\n background:#fff;\r\n padding:12px;\r\n border-radius:14px;\r\n box-shadow:0 6px 18px rgba(0,0,0,0.06);\r\n transition:0.3s;\r\n}\r\n\r\n.product-card:hover{\r\n transform:translateY(-6px);\r\n}\r\n\r\n\/* IMAGE *\/\r\n.product-card img{\r\n width:100%;\r\n height:130px;\r\n object-fit:cover;\r\n border-radius:10px;\r\n}\r\n\r\n\/* TEXT *\/\r\n.product-card h4{\r\n font-size:14px;\r\n margin:8px 0 4px;\r\n}\r\n\r\n.price{\r\n color:#16a34a;\r\n font-weight:600;\r\n font-size:13px;\r\n}\r\n\r\n\/* BUTTON *\/\r\n.product-card a{\r\n display:inline-block;\r\n margin-top:8px;\r\n font-size:12px;\r\n background:#16a34a;\r\n color:#fff;\r\n padding:6px 12px;\r\n border-radius:8px;\r\n text-decoration:none;\r\n}\r\n\r\n.product-card a:hover{\r\n background:#15803d;\r\n}\r\n\r\n\/* HIDDEN *\/\r\n.hidden{\r\n display:none;\r\n}\r\n\r\n\/* SEE MORE *\/\r\n.see-more{\r\n margin-top:20px;\r\n padding:10px 20px;\r\n border:none;\r\n background:#16a34a;\r\n color:#fff;\r\n border-radius:25px;\r\n cursor:pointer;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:480px){\r\n .products h2{\r\n font-size:22px;\r\n }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nlet expanded = false;\r\n\r\nfunction toggleProducts(){\r\n let hiddenItems = document.querySelectorAll('.hidden');\r\n let btn = document.querySelector('.see-more');\r\n\r\n hiddenItems.forEach(item=>{\r\n item.style.display = expanded ? \"none\" : \"block\";\r\n });\r\n\r\n btn.innerText = expanded ? \"See More\" : \"See Less\";\r\n expanded = !expanded;\r\n}\r\n<\/script>\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-e711b47 e-flex e-con-boxed e-con e-parent\" data-id=\"e711b47\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10ccece elementor-widget elementor-widget-html\" data-id=\"10ccece\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"organic\">\r\n <h2>\ud83e\udd6c Organic Fresh Market<\/h2>\r\n <p class=\"sub\">Buy & sell fresh organic vegetables in your local area<\/p>\r\n\r\n <div class=\"organic-grid\">\r\n\r\n <div class=\"product\">\r\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/300\/200?vegetable\">\r\n <div class=\"info\">\r\n <h4>Fresh Tomato<\/h4>\r\n <p>\u09f340 \/ kg<\/p>\r\n <\/div>\r\n <a href=\"https:\/\/wa.me\/8801777009859?text=I%20want%20to%20buy%20Fresh%20Tomato\">Buy Now<\/a>\r\n <\/div>\r\n\r\n <div class=\"product\">\r\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/300\/200?spinach\">\r\n <div class=\"info\">\r\n <h4>Organic Spinach<\/h4>\r\n <p>\u09f320 \/ bundle<\/p>\r\n <\/div>\r\n <a href=\"https:\/\/wa.me\/8801777009859?text=I%20want%20to%20buy%20Spinach\">Buy Now<\/a>\r\n <\/div>\r\n\r\n <div class=\"product\">\r\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/300\/200?carrot\">\r\n <div class=\"info\">\r\n <h4>Fresh Carrot<\/h4>\r\n <p>\u09f360 \/ kg<\/p>\r\n <\/div>\r\n <a href=\"https:\/\/wa.me\/8801777009859?text=I%20want%20to%20buy%20Carrot\">Buy Now<\/a>\r\n <\/div>\r\n\r\n <div class=\"product\">\r\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/300\/200?vegetables\">\r\n <div class=\"info\">\r\n <h4>Mixed Vegetables<\/h4>\r\n <p>\u09f3100 \/ pack<\/p>\r\n <\/div>\r\n <a href=\"https:\/\/wa.me\/8801777009859?text=I%20want%20to%20buy%20Vegetables\">Buy Now<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <a href=\"https:\/\/wa.me\/8801777009859?text=Hi%2C%20I%20want%20to%20add%20my%20organic%20product.%0A%0AProduct%20Name%3A%20%0APrice%3A%20%0ALocation%3A%20%0ADetails%3A%20%0A%0AI%20will%20send%20photo%20now.\" \r\n class=\"sell-btn\" target=\"_blank\">\r\n \ud83d\udce4 Add Your Product\r\n<\/a>\r\n<\/section>\r\n\r\n<style>\r\n.organic{\r\n padding:50px 15px;\r\n text-align:center;\r\n background:#f0fdf4;\r\n}\r\n\r\n.organic h2{\r\n font-size:24px;\r\n margin-bottom:5px;\r\n color:#16a34a;\r\n}\r\n\r\n.sub{\r\n font-size:13px;\r\n color:#666;\r\n margin-bottom:20px;\r\n}\r\n\r\n\/* GRID *\/\r\n.organic-grid{\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:12px;\r\n max-width:500px;\r\n margin:auto;\r\n}\r\n\r\n\/* PRODUCT *\/\r\n.product{\r\n background:#fff;\r\n border-radius:10px;\r\n overflow:hidden;\r\n box-shadow:0 3px 10px rgba(0,0,0,0.04);\r\n}\r\n\r\n\/* IMAGE *\/\r\n.product img{\r\n width:100%;\r\n height:120px;\r\n object-fit:cover;\r\n}\r\n\r\n\/* INFO *\/\r\n.info{\r\n padding:8px;\r\n}\r\n\r\n.info h4{\r\n margin:0;\r\n font-size:14px;\r\n}\r\n\r\n.info p{\r\n margin:2px 0 0;\r\n font-size:12px;\r\n color:#16a34a;\r\n}\r\n\r\n\/* BUTTON (FULL WIDTH = BETTER UX) *\/\r\n.product a{\r\n display:block;\r\n width:100%;\r\n background:#16a34a;\r\n color:#fff;\r\n text-decoration:none;\r\n padding:8px;\r\n font-size:12px;\r\n}\r\n\r\n\/* SELL BUTTON *\/\r\n.sell-btn{\r\n display:inline-block;\r\n margin-top:20px;\r\n padding:10px 16px;\r\n background:#25D366;\r\n color:#fff;\r\n border-radius:20px;\r\n text-decoration:none;\r\n font-size:13px;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:480px){\r\n .organic-grid{\r\n grid-template-columns:1fr 1fr;\r\n }\r\n}\r\n<\/style>\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-c6a19ff e-flex e-con-boxed e-con e-parent\" data-id=\"c6a19ff\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3c36a0e e-con-full e-flex e-con e-child\" data-id=\"3c36a0e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2a893c elementor-widget elementor-widget-html\" data-id=\"d2a893c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n<section class=\"delivery\">\r\n <div class=\"container\">\r\n\r\n <h2>\ud83d\ude9a Delivery Service<\/h2>\r\n\r\n \r\n <input type=\"text\" id=\"username\" placeholder=\"Enter your name\">\r\n\r\n \r\n <div class=\"delivery-box\">\r\n\r\n <div class=\"item\" onclick=\"sendOrder('Shop')\">\r\n <i class=\"fa-solid fa-cart-shopping\"><\/i>\r\n <span>Shop<\/span>\r\n <\/div>\r\n\r\n <div class=\"item highlight\" onclick=\"sendOrder('Express')\">\r\n <i class=\"fa-solid fa-bolt\"><\/i>\r\n <span>Express<\/span>\r\n <\/div>\r\n\r\n <div class=\"item\" onclick=\"openTracker()\">\r\n <i class=\"fa-solid fa-location-dot\"><\/i>\r\n <span>Track<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div id=\"tracker\" class=\"tracker\">\r\n\r\n <h3>\ud83c\udfcd\ufe0f Live Tracker<\/h3>\r\n\r\n <button onclick=\"start()\">Confirm Delivery<\/button>\r\n\r\n <div class=\"road\">\r\n <div id=\"bike\">\r\n <i class=\"fa-solid fa-motorcycle bike\"><\/i>\r\n <\/div>\r\n <\/div>\r\n\r\n <p id=\"time\">Not Started<\/p>\r\n <p id=\"status\">Waiting for confirmation<\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n:root{ --primary:#6366f1; }\r\n\r\n\/* SECTION *\/\r\n.delivery{\r\n padding:20px 10px;\r\n background:#f8fafc;\r\n}\r\n\r\n\/* CONTAINER *\/\r\n.container{\r\n max-width:500px;\r\n margin:auto;\r\n padding:18px;\r\n border-radius:14px;\r\n background:#fff;\r\n box-shadow:0 4px 15px rgba(0,0,0,0.05);\r\n text-align:center;\r\n font-family:Poppins,sans-serif;\r\n}\r\n\r\n\/* TITLE *\/\r\nh2{\r\n font-size:18px;\r\n margin-bottom:10px;\r\n}\r\n\r\n\/* INPUT *\/\r\ninput{\r\n width:100%;\r\n padding:12px;\r\n border-radius:8px;\r\n border:1px solid #ddd;\r\n margin-bottom:10px;\r\n}\r\n\r\n\/* CATEGORY *\/\r\n.delivery-box{\r\n display:flex;\r\n gap:10px;\r\n}\r\n\r\n.item{\r\n flex:1;\r\n padding:12px;\r\n border-radius:10px;\r\n border:1px solid #eee;\r\n cursor:pointer;\r\n font-size:12px;\r\n font-weight:600;\r\n}\r\n\r\n.item i{\r\n display:block;\r\n margin-bottom:4px;\r\n color:var(--primary);\r\n}\r\n\r\n.highlight{\r\n background:var(--primary);\r\n color:#fff;\r\n}\r\n.highlight i{color:#fff;}\r\n\r\n\/* TRACKER *\/\r\n.tracker{\r\n display:none;\r\n margin-top:15px;\r\n padding:15px;\r\n border-radius:10px;\r\n border:1px solid #eee;\r\n}\r\n\r\n.tracker button{\r\n width:100%;\r\n padding:12px;\r\n background:#25D366;\r\n color:#fff;\r\n border:none;\r\n border-radius:6px;\r\n margin-bottom:10px;\r\n}\r\n\r\n\/* ROAD *\/\r\n.road{\r\n height:50px;\r\n background:#f1f5f9;\r\n border-radius:30px;\r\n position:relative;\r\n}\r\n\r\n\/* BIKE *\/\r\n#bike{\r\n position:absolute;\r\n left:0;\r\n top:12px;\r\n transition:left 1s linear;\r\n}\r\n\r\n.bike{\r\n font-size:22px;\r\n}\r\n\r\n\/* TEXT *\/\r\n#time{margin-top:10px;font-weight:600;}\r\n#status{font-size:12px;color:#16a34a;}\r\n\r\n\/* DESKTOP *\/\r\n@media(min-width:768px){\r\n .container{ max-width:700px; }\r\n .delivery-box{ max-width:400px; margin:auto; }\r\n .item{ width:120px; font-size:14px; }\r\n .bike{ font-size:28px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nlet total=1800;\r\nlet left=total;\r\nlet run=null;\r\n\r\n\/* GET NAME *\/\r\nfunction getName(){\r\n let name=document.getElementById(\"username\").value.trim();\r\n if(name===\"\"){\r\n alert(\"Enter your name\");\r\n return null;\r\n }\r\n return name;\r\n}\r\n\r\n\/* ORDER *\/\r\nfunction sendOrder(type){\r\n let name=getName();\r\n if(!name) return;\r\n\r\n let msg = `\ud83d\udce6 New Order\r\nCustomer: ${name}\r\nType: ${type}`;\r\n\r\n window.open(`https:\/\/wa.me\/8801777009859?text=${encodeURIComponent(msg)}`);\r\n}\r\n\r\n\/* TRACK CLICK *\/\r\nfunction openTracker(){\r\n let name=getName();\r\n if(!name) return;\r\n\r\n let time=new Date().toLocaleString();\r\n\r\n let msg = `\ud83d\udccd Tracking Opened\r\nCustomer: ${name}\r\nTime: ${time}`;\r\n\r\n window.open(`https:\/\/wa.me\/8801777009859?text=${encodeURIComponent(msg)}`);\r\n\r\n document.getElementById(\"tracker\").style.display=\"block\";\r\n\r\n clearInterval(run);\r\n run=null;\r\n left=total;\r\n\r\n document.getElementById(\"time\").innerText=\"Not Started\";\r\n document.getElementById(\"status\").innerText=\"Waiting for confirmation\";\r\n document.getElementById(\"bike\").style.left=\"0%\";\r\n}\r\n\r\n\/* START DELIVERY *\/\r\nfunction start(){\r\n\r\n if(run!==null) return;\r\n\r\n document.getElementById(\"status\").innerText=\"Order Confirmed\";\r\n\r\n run=setInterval(()=>{\r\n\r\n if(left<=0){\r\n document.getElementById(\"time\").innerText=\"Delivered \u2705\";\r\n document.getElementById(\"status\").innerText=\"Completed\";\r\n document.getElementById(\"bike\").style.left=\"90%\";\r\n clearInterval(run);\r\n run=null;\r\n return;\r\n }\r\n\r\n let m=Math.floor(left\/60);\r\n let s=left%60;\r\n\r\n document.getElementById(\"time\").innerText=\r\n String(m).padStart(2,'0')+\":\"+String(s).padStart(2,'0');\r\n\r\n let p=(total-left)\/total;\r\n document.getElementById(\"bike\").style.left=(p*90)+\"%\";\r\n\r\n left--;\r\n\r\n },1000);\r\n}\r\n<\/script>\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-9873731 e-flex e-con-boxed e-con e-parent\" data-id=\"9873731\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1715a4a elementor-widget elementor-widget-html\" data-id=\"1715a4a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"gallery-section\">\r\n <h2>\ud83c\udf0d Explore Local Beauty<\/h2>\r\n <p>Discover beautiful places around you<\/p>\r\n\r\n <div class=\"gallery\">\r\n\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/techsarwer.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-28-at-1.05.52-AM.jpeg\">\r\n <h4>\u099a\u09be \u09ac\u09be\u0997\u09be\u09a8<\/h4>\r\n <\/div>\r\n\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/techsarwer.com\/wp-content\/uploads\/2026\/04\/hakaluki-haor-moulvibazar.jpg\">\r\n <h4>\u09b9\u09be\u0995\u09be\u09b2\u09c1\u0995\u09bf \u09b9\u09be\u0993\u09b0<\/h4>\r\n <\/div>\r\n\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/techsarwer.com\/wp-content\/uploads\/2026\/04\/lawachora.webp\">\r\n <h4>\u09b2\u09be\u0989\u09df\u09be\u099b\u09dc\u09be \u09ac\u09a8<\/h4>\r\n <\/div>\r\n\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/techsarwer.com\/wp-content\/uploads\/2026\/04\/it-is-situated-in-barlekha.jpg\">\r\n <h4>\u09ae\u09be\u09a7\u09ac\u0995\u09c1\u09a8\u09cd\u09a1<\/h4>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.gallery-section {\r\n padding: 60px 20px;\r\n text-align: center;\r\n background: linear-gradient(135deg, #eef2ff, #f8fafc);\r\n}\r\n\r\n.gallery-section h2 {\r\n font-size: 30px;\r\n margin-bottom: 10px;\r\n background: linear-gradient(90deg, #6366f1, #8b5cf6);\r\n -webkit-background-clip: text;\r\n color: transparent;\r\n}\r\n\r\n.gallery-section p {\r\n color: #666;\r\n margin-bottom: 30px;\r\n}\r\n\r\n\/* Grid *\/\r\n.gallery {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 20px;\r\n}\r\n\r\n\/* Card *\/\r\n.gallery-item {\r\n background: #fff;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 25px rgba(0,0,0,0.08);\r\n transition: 0.3s;\r\n}\r\n\r\n.gallery-item:hover {\r\n transform: translateY(-5px);\r\n}\r\n\r\n\/* Image *\/\r\n.gallery-item img {\r\n width: 100%;\r\n height: 200px;\r\n object-fit: cover;\r\n}\r\n\r\n\/* Title *\/\r\n.gallery-item h4 {\r\n padding: 15px;\r\n font-size: 16px;\r\n margin: 0;\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width:768px){\r\n .gallery-item img{\r\n height:180px;\r\n }\r\n}\r\n<\/style>\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-915e4dd e-flex e-con-boxed e-con e-parent\" data-id=\"915e4dd\" data-element_type=\"container\" data-e-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-f71c76b elementor-widget elementor-widget-html\" data-id=\"f71c76b\" data-element_type=\"widget\" data-e-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>Popular Facebook Pages<\/title>\r\n\r\n<style>\r\nbody{\r\n margin:0;\r\n font-family:Segoe UI, sans-serif;\r\n background:#f1f5f9;\r\n}\r\n\r\n\/* SECTION *\/\r\n.fb-section{\r\n padding:50px 15px;\r\n text-align:center;\r\n}\r\n\r\n.section-title{\r\n font-size:22px;\r\n font-weight:800;\r\n margin-bottom:25px;\r\n color:#0f172a;\r\n}\r\n\r\n\/* GRID *\/\r\n.fb-grid{\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:12px;\r\n max-width:1000px;\r\n margin:auto;\r\n}\r\n\r\n\/* DESKTOP *\/\r\n@media(min-width:768px){\r\n .fb-grid{\r\n grid-template-columns:repeat(4,1fr);\r\n gap:20px;\r\n }\r\n}\r\n\r\n\/* CARD *\/\r\n.fb-card{\r\n background:#fff;\r\n border-radius:14px;\r\n overflow:hidden;\r\n box-shadow:0 6px 15px rgba(0,0,0,0.06);\r\n transition:.3s;\r\n}\r\n\r\n.fb-card:hover{\r\n transform:translateY(-6px);\r\n}\r\n\r\n\/* COVER *\/\r\n.fb-cover{\r\n height:70px;\r\n background:linear-gradient(135deg,#1877F2,#0a56b9);\r\n}\r\n\r\n\/* INFO *\/\r\n.fb-info{\r\n padding:0 10px 15px;\r\n margin-top:-28px;\r\n}\r\n\r\n\/* AVATAR *\/\r\n.fb-avatar{\r\n width:55px;\r\n height:55px;\r\n border-radius:50%;\r\n background:#fff;\r\n margin:0 auto 10px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-weight:800;\r\n color:#1877F2;\r\n border:3px solid #fff;\r\n box-shadow:0 3px 8px rgba(0,0,0,0.1);\r\n}\r\n\r\n\/* TEXT *\/\r\n.fb-card h3{\r\n font-size:14px;\r\n margin-bottom:5px;\r\n}\r\n\r\n.fb-card p{\r\n font-size:12px;\r\n color:#64748b;\r\n margin-bottom:10px;\r\n}\r\n\r\n\/* BUTTON *\/\r\n.fb-btn{\r\n display:inline-block;\r\n padding:6px 12px;\r\n font-size:11px;\r\n background:linear-gradient(90deg,#1877F2,#4f46e5);\r\n color:#fff;\r\n border-radius:8px;\r\n text-decoration:none;\r\n font-weight:600;\r\n}\r\n\r\n\/* HIDE EXTRA *\/\r\n.more{\r\n display:none;\r\n}\r\n\r\n\/* VIEW MORE *\/\r\n.view-more{\r\n margin-top:20px;\r\n}\r\n\r\n.view-more button{\r\n padding:10px 20px;\r\n border:none;\r\n border-radius:10px;\r\n background:#1877F2;\r\n color:#fff;\r\n font-weight:700;\r\n cursor:pointer;\r\n}\r\n\r\n\/* DESKTOP SIZE IMPROVE *\/\r\n@media(min-width:768px){\r\n .fb-cover{ height:90px; }\r\n .fb-avatar{ width:70px;height:70px;font-size:20px; }\r\n .fb-card h3{ font-size:16px; }\r\n .fb-card p{ font-size:13px; }\r\n .fb-btn{ font-size:12px;padding:8px 16px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"fb-section\">\r\n <h2 class=\"section-title\">\ud83d\udd25 Popular Facebook Pages<\/h2>\r\n\r\n <div class=\"fb-grid\">\r\n\r\n \r\n <div class=\"fb-card\">\r\n <div class=\"fb-cover\"><\/div>\r\n <div class=\"fb-info\">\r\n <div class=\"fb-avatar\">B<\/div>\r\n <h3>Brahmonbazar Network<\/h3>\r\n <p>Latest news & updates<\/p>\r\n <a href=\"#\" class=\"fb-btn\">Visit<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"fb-card\">\r\n <div class=\"fb-cover\"><\/div>\r\n <div class=\"fb-info\">\r\n <div class=\"fb-avatar\">S<\/div>\r\n <h3>Sylhet Online Bazar<\/h3>\r\n <p>Local business & shopping<\/p>\r\n <a href=\"#\" class=\"fb-btn\">Visit<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"fb-card\">\r\n <div class=\"fb-cover\"><\/div>\r\n <div class=\"fb-info\">\r\n <div class=\"fb-avatar\">H<\/div>\r\n <h3>Help Line BD<\/h3>\r\n <p>Social help & blood<\/p>\r\n <a href=\"#\" class=\"fb-btn\">Visit<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"fb-card\">\r\n <div class=\"fb-cover\"><\/div>\r\n <div class=\"fb-info\">\r\n <div class=\"fb-avatar\">L<\/div>\r\n <h3>Local News BD<\/h3>\r\n <p>Daily updates<\/p>\r\n <a href=\"#\" class=\"fb-btn\">Visit<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"fb-card more\">\r\n <div class=\"fb-cover\"><\/div>\r\n <div class=\"fb-info\">\r\n <div class=\"fb-avatar\">F<\/div>\r\n <h3>Food Lovers<\/h3>\r\n <p>Restaurant reviews<\/p>\r\n <a href=\"#\" class=\"fb-btn\">Visit<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"fb-card more\">\r\n <div class=\"fb-cover\"><\/div>\r\n <div class=\"fb-info\">\r\n <div class=\"fb-avatar\">D<\/div>\r\n <h3>Doctors Info<\/h3>\r\n <p>Medical updates<\/p>\r\n <a href=\"#\" class=\"fb-btn\">Visit<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"view-more\">\r\n <button onclick=\"toggle()\">View More<\/button>\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\nfunction toggle(){\r\n const items=document.querySelectorAll('.more');\r\n const btn=document.querySelector('.view-more button');\r\n\r\n let hidden=items[0].style.display===\"\"||items[0].style.display===\"none\";\r\n\r\n items.forEach(el=>{\r\n el.style.display=hidden?\"block\":\"none\";\r\n });\r\n\r\n btn.innerText=hidden?\"View Less\":\"View More\";\r\n}\r\n<\/script>\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-c3a5670 e-con-full e-flex e-con e-parent\" data-id=\"c3a5670\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-167efbf elementor-widget elementor-widget-html\" data-id=\"167efbf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ads-section\">\r\n <h2>\ud83d\udce2 Advertise Your Business<\/h2>\r\n <p class=\"sub\">Promote your business to thousands of local visitors<\/p>\r\n\r\n <div class=\"ads-grid\">\r\n\r\n \r\n <div class=\"ad-card\">\r\n <span class=\"tag\">Featured<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556742049-0cfed4f6a45d?q=80&w=800\" alt=\"Business Promotion\">\r\n <h3>Your Business Here<\/h3>\r\n <p>Show your business to local customers<\/p>\r\n <a href=\"https:\/\/wa.me\/8801777009859?text=Hi%20I%20want%20to%20advertise%20my%20business\" target=\"_blank\">\r\n Book Now\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"ad-card\">\r\n <span class=\"tag\">Ad Space<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1521791136064-7986c2920216?q=80&w=800\" alt=\"Marketing\">\r\n <h3>Available Slot<\/h3>\r\n <p>Contact us to place your ad<\/p>\r\n <a href=\"https:\/\/wa.me\/8801777009859?text=Hi%20I%20want%20to%20advertise%20my%20business\" target=\"_blank\">\r\n Contact\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"ad-card\">\r\n <span class=\"tag\">Ad Space<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519389950473-47ba0277781c?q=80&w=800\" alt=\"Business Growth\">\r\n <h3>Available Slot<\/h3>\r\n <p>Boost your visibility here<\/p>\r\n <a href=\"https:\/\/wa.me\/8801777009859?text=Hi%20I%20want%20to%20advertise%20my%20business\" target=\"_blank\">\r\n Contact\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.ads-section{\r\n padding:80px 20px;\r\n text-align:center;\r\n background:#fff;\r\n}\r\n\r\n.ads-section h2{\r\n font-size:32px;\r\n margin-bottom:10px;\r\n background: linear-gradient(90deg, #6366f1, #8b5cf6);\r\n -webkit-background-clip: text;\r\n color: transparent;\r\n}\r\n\r\n.sub{\r\n color:#666;\r\n margin-bottom:40px;\r\n}\r\n\r\n.ads-grid{\r\n display:grid;\r\n grid-template-columns:repeat(auto-fit,minmax(280px,1fr));\r\n gap:25px;\r\n max-width:1100px;\r\n margin:auto;\r\n}\r\n\r\n.ad-card{\r\n background:#f9fafc;\r\n border-radius:16px;\r\n overflow:hidden;\r\n box-shadow:0 8px 25px rgba(0,0,0,0.08);\r\n transition:0.3s;\r\n position:relative;\r\n}\r\n\r\n.ad-card:hover{\r\n transform:translateY(-6px);\r\n}\r\n\r\n\/* IMAGE IMPROVED *\/\r\n.ad-card img{\r\n width:100%;\r\n height:180px;\r\n object-fit:cover;\r\n filter:brightness(0.95);\r\n}\r\n\r\n\/* CONTENT *\/\r\n.ad-card h3{\r\n margin:15px 0 5px;\r\n}\r\n\r\n.ad-card p{\r\n color:#666;\r\n font-size:14px;\r\n}\r\n\r\n.ad-card a{\r\n display:inline-block;\r\n margin:15px;\r\n padding:8px 16px;\r\n background:#6366f1;\r\n color:#fff;\r\n border-radius:8px;\r\n text-decoration:none;\r\n font-size:13px;\r\n transition:0.3s;\r\n}\r\n\r\n.ad-card a:hover{\r\n background:#4f46e5;\r\n}\r\n\r\n\/* TAG *\/\r\n.tag{\r\n position:absolute;\r\n top:10px;\r\n left:10px;\r\n background:#ff6b00;\r\n color:#fff;\r\n font-size:11px;\r\n padding:4px 10px;\r\n border-radius:20px;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:768px){\r\n .ads-section h2{\r\n font-size:24px;\r\n }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8aeec7b e-flex e-con-boxed e-con e-parent\" data-id=\"8aeec7b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c0476b elementor-widget elementor-widget-html\" data-id=\"9c0476b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"links\">\r\n <h2>\ud83d\udd17 Important Websites (Bangladesh)<\/h2>\r\n <p class=\"sub\">Quick access to essential online services<\/p>\r\n\r\n <div class=\"link-grid\">\r\n\r\n <a href=\"https:\/\/www.nidw.gov.bd\/\" target=\"_blank\">\ud83c\udd94 NID Services<\/a>\r\n <a href=\"https:\/\/www.passport.gov.bd\/\" target=\"_blank\">\ud83d\udec2 Passport<\/a>\r\n <a href=\"https:\/\/eticket.railway.gov.bd\/\" target=\"_blank\">\ud83d\ude86 Train Ticket<\/a>\r\n <a href=\"https:\/\/www.brta.gov.bd\/\" target=\"_blank\">\ud83d\ude97 BRTA<\/a>\r\n <a href=\"https:\/\/www.bkash.com\/\" target=\"_blank\">\ud83d\udcb0 bKash<\/a>\r\n <a href=\"https:\/\/www.nagad.com.bd\/\" target=\"_blank\">\ud83d\udcb3 Nagad<\/a>\r\n <a href=\"https:\/\/www.dutchbanglabank.com\/\" target=\"_blank\">\ud83c\udfe6 DBBL<\/a>\r\n <a href=\"https:\/\/www.teletalk.com.bd\/\" target=\"_blank\">\ud83d\udcf6 Teletalk<\/a>\r\n <a href=\"https:\/\/www.dpdc.org.bd\/\" target=\"_blank\">\u26a1 Electricity<\/a>\r\n <a href=\"https:\/\/www.desco.org.bd\/\" target=\"_blank\">\ud83d\udca1 DESCO<\/a>\r\n <a href=\"https:\/\/www.metoffice.gov.bd\/\" target=\"_blank\">\ud83c\udf26 Weather<\/a>\r\n <a href=\"https:\/\/bangladesh.gov.bd\/\" target=\"_blank\">\ud83c\udfdb Govt Portal<\/a>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.links{\r\n padding:50px 15px;\r\n text-align:center;\r\n background:#f7f9fc;\r\n}\r\n\r\n.links h2{\r\n font-size:24px;\r\n margin-bottom:5px;\r\n background:linear-gradient(90deg,#6366f1,#8b5cf6);\r\n -webkit-background-clip:text;\r\n color:transparent;\r\n}\r\n\r\n.sub{\r\n font-size:13px;\r\n color:#666;\r\n margin-bottom:20px;\r\n}\r\n\r\n\/* GRID *\/\r\n.link-grid{\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:10px;\r\n max-width:500px;\r\n margin:auto;\r\n}\r\n\r\n\/* LINK *\/\r\n.link-grid a{\r\n display:block;\r\n padding:12px;\r\n background:#fff;\r\n border-radius:10px;\r\n text-decoration:none;\r\n color:#111;\r\n font-size:14px;\r\n box-shadow:0 4px 10px rgba(0,0,0,0.05);\r\n transition:0.3s;\r\n}\r\n\r\n.link-grid a:hover{\r\n transform:translateY(-3px);\r\n background:#6366f1;\r\n color:#fff;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:480px){\r\n .link-grid{\r\n grid-template-columns:1fr 1fr;\r\n }\r\n}\r\n<\/style>\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-6428fe8 e-flex e-con-boxed e-con e-parent\" data-id=\"6428fe8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ffbdc0c elementor-widget elementor-widget-heading\" data-id=\"ffbdc0c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Important Tools<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-000a70e e-con-full e-flex e-con e-child\" data-id=\"000a70e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c16508c elementor-widget elementor-widget-html\" data-id=\"c16508c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"health\">\r\n <h2>\ud83e\ude7a Health Calculator<\/h2>\r\n <p class=\"sub\">Check your BMI & ideal weight<\/p>\r\n\r\n <div class=\"box\">\r\n <input type=\"number\" id=\"weight\" placeholder=\"Weight (kg)\">\r\n <input type=\"number\" id=\"height\" placeholder=\"Height (cm)\">\r\n\r\n <button onclick=\"calcHealth()\">Calculate<\/button>\r\n\r\n <div class=\"result\">\r\n <p>BMI: <b id=\"bmi\">0<\/b><\/p>\r\n <p>Status: <b id=\"status\">-<\/b><\/p>\r\n <p>Ideal Weight: <b id=\"ideal\">-<\/b><\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.health{\r\n padding:50px 15px;\r\n text-align:center;\r\n background:linear-gradient(135deg,#eef2ff,#f8fafc);\r\n}\r\n\r\n.health h2{\r\n font-size:24px;\r\n margin-bottom:5px;\r\n background:linear-gradient(90deg,#6366f1,#8b5cf6);\r\n -webkit-background-clip:text;\r\n color:transparent;\r\n}\r\n\r\n.sub{\r\n font-size:13px;\r\n color:#666;\r\n margin-bottom:20px;\r\n}\r\n\r\n\/* BOX *\/\r\n.box{\r\n max-width:350px;\r\n margin:auto;\r\n background:#fff;\r\n padding:20px;\r\n border-radius:14px;\r\n box-shadow:0 6px 18px rgba(0,0,0,0.05);\r\n}\r\n\r\n\/* INPUT *\/\r\n.box input{\r\n width:100%;\r\n padding:10px;\r\n margin:8px 0;\r\n border:1px solid #ddd;\r\n border-radius:8px;\r\n}\r\n\r\n\/* BUTTON *\/\r\n.box button{\r\n width:100%;\r\n padding:10px;\r\n background:linear-gradient(90deg,#6366f1,#8b5cf6);\r\n color:#fff;\r\n border:none;\r\n border-radius:8px;\r\n margin-top:10px;\r\n}\r\n\r\n\/* RESULT *\/\r\n.result{\r\n margin-top:15px;\r\n background:#f9fafc;\r\n padding:10px;\r\n border-radius:10px;\r\n font-size:14px;\r\n}\r\n\r\n.result p{\r\n margin:5px 0;\r\n}\r\n<\/style>\r\n\r\n<script>\r\nfunction calcHealth(){\r\n let w = document.getElementById(\"weight\").value;\r\n let h = document.getElementById(\"height\").value \/ 100;\r\n\r\n if(!w || !h){\r\n alert(\"Enter values\");\r\n return;\r\n }\r\n\r\n let bmi = (w \/ (h*h)).toFixed(1);\r\n\r\n let status = \"\";\r\n if(bmi < 18.5) status = \"Underweight\";\r\n else if(bmi < 25) status = \"Normal\";\r\n else if(bmi < 30) status = \"Overweight\";\r\n else status = \"Obese\";\r\n\r\n \/\/ Ideal weight range\r\n let min = (18.5 * h * h).toFixed(1);\r\n let max = (24.9 * h * h).toFixed(1);\r\n\r\n document.getElementById(\"bmi\").innerText = bmi;\r\n document.getElementById(\"status\").innerText = status;\r\n document.getElementById(\"ideal\").innerText = min + \"kg - \" + max + \"kg\";\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6dd63d9 elementor-widget elementor-widget-html\" data-id=\"6dd63d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"saving\">\r\n <h2>\ud83d\udcb0 Daily Saving Calculator<\/h2>\r\n <p class=\"sub\">Start small, save big over time<\/p>\r\n\r\n <div class=\"box\">\r\n <input type=\"number\" id=\"daily\" placeholder=\"Enter daily saving (\u09f3)\">\r\n <button onclick=\"calcSaving()\">Calculate<\/button>\r\n\r\n <div class=\"result\">\r\n <div class=\"row\"><span>Monthly<\/span> <b id=\"month\">\u09f30<\/b><\/div>\r\n <div class=\"row\"><span>Yearly<\/span> <b id=\"year\">\u09f30<\/b><\/div>\r\n <div class=\"row\"><span>5 Years<\/span> <b id=\"five\">\u09f30<\/b><\/div>\r\n <div class=\"row\"><span>10 Years<\/span> <b id=\"ten\">\u09f30<\/b><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.saving{\r\n padding:50px 15px;\r\n text-align:center;\r\n background:linear-gradient(135deg,#ecfdf5,#f0fdf4);\r\n}\r\n\r\n.saving h2{\r\n font-size:24px;\r\n margin-bottom:5px;\r\n background:linear-gradient(90deg,#16a34a,#22c55e);\r\n -webkit-background-clip:text;\r\n color:transparent;\r\n}\r\n\r\n.sub{\r\n font-size:13px;\r\n color:#666;\r\n margin-bottom:20px;\r\n}\r\n\r\n\/* BOX *\/\r\n.box{\r\n max-width:350px;\r\n margin:auto;\r\n background:#fff;\r\n padding:20px;\r\n border-radius:14px;\r\n box-shadow:0 6px 18px rgba(0,0,0,0.05);\r\n}\r\n\r\n\/* INPUT *\/\r\n.box input{\r\n width:100%;\r\n padding:10px;\r\n border:1px solid #ddd;\r\n border-radius:8px;\r\n margin-bottom:10px;\r\n}\r\n\r\n\/* BUTTON *\/\r\n.box button{\r\n width:100%;\r\n padding:10px;\r\n background:linear-gradient(90deg,#16a34a,#22c55e);\r\n color:#fff;\r\n border:none;\r\n border-radius:8px;\r\n font-size:14px;\r\n margin-bottom:15px;\r\n}\r\n\r\n\/* RESULT *\/\r\n.result{\r\n background:#f9fafc;\r\n border-radius:10px;\r\n padding:10px;\r\n}\r\n\r\n.row{\r\n display:flex;\r\n justify-content:space-between;\r\n padding:6px 0;\r\n border-bottom:1px solid #eee;\r\n font-size:14px;\r\n}\r\n\r\n.row:last-child{\r\n border:none;\r\n}\r\n<\/style>\r\n\r\n<script>\r\nfunction calcSaving(){\r\n let daily = document.getElementById(\"daily\").value;\r\n\r\n if(!daily){\r\n alert(\"Enter amount\");\r\n return;\r\n }\r\n\r\n let month = daily * 30;\r\n let year = daily * 365;\r\n let five = year * 5;\r\n let ten = year * 10;\r\n\r\n document.getElementById(\"month\").innerText = \"\u09f3\" + month;\r\n document.getElementById(\"year\").innerText = \"\u09f3\" + year;\r\n document.getElementById(\"five\").innerText = \"\u09f3\" + five;\r\n document.getElementById(\"ten\").innerText = \"\u09f3\" + ten;\r\n}\r\n<\/script>\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-2c03fbd e-flex e-con-boxed e-con e-parent\" data-id=\"2c03fbd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f0d16e elementor-widget elementor-widget-html\" data-id=\"4f0d16e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<footer class=\"footer\">\r\n <div class=\"footer-container\">\r\n\r\n <div class=\"footer-box\">\r\n <h3>About Us<\/h3>\r\n <p>Your trusted local directory platform. Find hospitals, shops, services and emergency help easily.<\/p>\r\n <\/div>\r\n\r\n <div class=\"footer-box\">\r\n <h3>Quick Links<\/h3>\r\n <ul>\r\n <li><a href=\"#\">Home<\/a><\/li>\r\n <li><a href=\"#\">Services<\/a><\/li>\r\n <li><a href=\"#\">Emergency<\/a><\/li>\r\n <li><a href=\"#\">Contact<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"footer-box\">\r\n <h3>Top Categories<\/h3>\r\n <ul>\r\n <li>Hospitals<\/li>\r\n <li>Pharmacy<\/li>\r\n <li>Doctors<\/li>\r\n <li>Transport<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"footer-box\">\r\n <h3>Follow Us<\/h3>\r\n <div class=\"social-links\">\r\n <a href=\"#\">\ud83d\udcd8 Facebook<\/a>\r\n <a href=\"#\">\ud83d\udcde WhatsApp<\/a>\r\n <a href=\"#\">\ud83d\udccd Location<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"footer-bottom\">\r\n \u00a9 2026 Your Local Directory | All Rights Reserved\r\n <\/div>\r\n<\/footer>\r\n\r\n<style>\r\n.footer {\r\n background: linear-gradient(135deg, #1e293b, #0f172a);\r\n color: #e2e8f0;\r\n padding-top: 40px;\r\n margin-top: 50px;\r\n}\r\n\r\n.footer-container {\r\n max-width: 1200px;\r\n margin: auto;\r\n display: grid !important;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 30px;\r\n padding: 0 20px 30px;\r\n}\r\n\r\n.footer-box h3 {\r\n color: #ffffff;\r\n margin-bottom: 12px;\r\n font-size: 18px;\r\n}\r\n\r\n.footer-box p {\r\n font-size: 14px;\r\n line-height: 1.6;\r\n color: #cbd5f5;\r\n}\r\n\r\n.footer-box ul {\r\n list-style: none;\r\n padding: 0;\r\n}\r\n\r\n.footer-box ul li {\r\n margin-bottom: 8px;\r\n}\r\n\r\n.footer-box ul li a {\r\n text-decoration: none;\r\n color: #cbd5f5;\r\n font-size: 14px;\r\n}\r\n\r\n.footer-box ul li a:hover {\r\n color: #38bdf8;\r\n}\r\n\r\n.social-links a {\r\n display: block;\r\n margin-bottom: 8px;\r\n text-decoration: none;\r\n color: #cbd5f5;\r\n font-size: 14px;\r\n}\r\n\r\n.social-links a:hover {\r\n color: #38bdf8;\r\n}\r\n\r\n.footer-bottom {\r\n text-align: center;\r\n border-top: 1px solid rgba(255,255,255,0.1);\r\n padding: 16px;\r\n font-size: 13px;\r\n color: #94a3b8;\r\n}\r\n\r\n\/* \ud83d\udd25 Tablet *\/\r\n@media (max-width: 900px) {\r\n .footer-container {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n }\r\n}\r\n\r\n\/* \ud83d\udd25 Mobile *\/\r\n@media (max-width: 768px) {\r\n .footer-container {\r\n grid-template-columns: 1fr !important;\r\n text-align: center;\r\n }\r\n\r\n .footer-box {\r\n margin-bottom: 20px;\r\n }\r\n\r\n .social-links a {\r\n display: inline-block;\r\n margin: 5px;\r\n padding: 8px 12px;\r\n background: rgba(255,255,255,0.05);\r\n border-radius: 6px;\r\n }\r\n}\r\n<\/style>\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>Modern Notice Bar \ud83d\udd25 NOTICE \ud83d\udce2Welcome to our local directory\u2014discover trusted services and businesses near you. Designed & Developed by Abu Sarwer Tuhin \u2716 Brahmanbazar Hero Section \u2728 \u098f\u0995\u099f\u09bf \u09b8\u09cd\u09ae\u09be\u09b0\u09cd\u099f \u0993 \u09a8\u09bf\u09b0\u09cd\u09ad\u09b0\u09af\u09cb\u0997\u09cd\u09af \u09aa\u09cd\u09b2\u09cd\u09af\u09be\u099f\u09ab\u09b0\u09cd\u09ae Find Any Service in Brahmonbazar Instantly \u09ae\u09c7\u09a1\u09bf\u0995\u09c7\u09b2, \u099f\u09cd\u09b0\u09be\u09a8\u09cd\u09b8\u09aa\u09cb\u09b0\u09cd\u099f, \u09b6\u09aa\u09bf\u0982 \u0993 \u0995\u09ae\u09bf\u0989\u09a8\u09bf\u099f\u09bf \u09b8\u09be\u09b0\u09cd\u09ad\u09bf\u09b8\u2014\u09b8\u09ac\u0995\u09bf\u099b\u09c1\u09b0 \u09a8\u09bf\u09b0\u09cd\u09ad\u09b0\u09af\u09cb\u0997\u09cd\u09af \u09a0\u09bf\u0995\u09be\u09a8\u09be \u098f\u0996\u09a8 \u098f\u0995 \u09aa\u09cd\u09b2\u09cd\u09af\u09be\u099f\u09ab\u09b0\u09cd\u09ae\u09c7\u0964 \ud83d\ude91 \u0985\u09cd\u09af\u09be\u09ae\u09cd\u09ac\u09c1\u09b2\u09c7\u09a8\u09cd\u09b8 \ud83d\udc6e \u09aa\u09c1\u09b2\u09bf\u09b6 \ud83d\udd25 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/techsarwer.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/techsarwer.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/techsarwer.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/techsarwer.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/techsarwer.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":1901,"href":"https:\/\/techsarwer.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":2391,"href":"https:\/\/techsarwer.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/2391"}],"wp:attachment":[{"href":"https:\/\/techsarwer.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}