CareHub \u00b7 Stories<\/title>\n\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\"\/>\n\n <style>\n \/* ----- reset & base ----- *\/\n .ch-stories-hero,\n .ch-stories-hero * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .ch-stories-hero {\n font-family: 'Inter', sans-serif;\n width: 100%;\n position: relative;\n overflow: hidden;\n background: #f5e6ec;\n padding: 72px 24px 58px;\n }\n\n .ch-stories-inner {\n max-width: 900px;\n margin: auto;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .ch-stories-label {\n display: inline-block;\n color: #ec2f83;\n font-size: 13px;\n font-weight: 700;\n letter-spacing: .18em;\n text-transform: uppercase;\n margin-bottom: 22px;\n }\n\n .ch-stories-title {\n color: #171d29;\n font-size: 64px;\n line-height: 1.08;\n font-weight: 900;\n letter-spacing: -0.045em;\n max-width: 860px;\n margin: 0 auto 26px;\n }\n\n .ch-stories-title br {\n display: block;\n }\n\n .ch-stories-text {\n max-width: 760px;\n margin: auto;\n color: #626b78;\n font-size: 18px;\n line-height: 1.55;\n font-weight: 400;\n }\n\n \/* ----- TESTIMONIALS GRID ----- *\/\n .ch-testimonials-grid {\n font-family: 'Inter', sans-serif;\n background: #fff;\n padding: 60px 20px 70px;\n }\n\n .ch-testimonials-grid * {\n box-sizing: border-box;\n }\n\n .ch-testimonials-wrap {\n max-width: 1060px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n }\n\n .ch-testimonial-card {\n background: #fff;\n border: 1px solid #eef1f7;\n border-radius: 20px;\n padding: 28px 26px 24px;\n transition: .28s ease;\n display: flex;\n flex-direction: column;\n }\n\n .ch-testimonial-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 32px rgba(25, 34, 60, .08);\n }\n\n .ch-testimonial-stars {\n color: #f5a623;\n font-size: 13px;\n letter-spacing: 2px;\n margin-bottom: 14px;\n }\n\n .ch-testimonial-card blockquote {\n margin: 0 0 16px;\n font-size: 15px;\n line-height: 1.65;\n color: #1d2430;\n font-weight: 500;\n flex: 1;\n }\n\n .ch-testimonial-card blockquote::before {\n content: '\"';\n color: #ec2f83;\n font-size: 24px;\n line-height: 1;\n margin-right: 2px;\n }\n\n .ch-testimonial-card blockquote::after {\n content: '\"';\n color: #ec2f83;\n font-size: 24px;\n line-height: 1;\n margin-left: 2px;\n }\n\n .ch-testimonial-author {\n display: flex;\n flex-direction: column;\n padding-top: 14px;\n border-top: 1px solid #eef1f7;\n }\n\n .ch-testimonial-author h4 {\n margin: 0 0 2px;\n font-size: 15px;\n font-weight: 700;\n color: #1d2430;\n }\n\n .ch-testimonial-author span {\n font-size: 13px;\n color: #8e97a8;\n font-weight: 500;\n }\n\n \/* ----- CTA BUTTON ----- *\/\n .ch-stories-cta {\n text-align: center;\n padding: 20px 20px 60px;\n background: #fff;\n }\n\n .ch-stories-cta a {\n display: inline-block;\n background: #ec2f83;\n color: #fff;\n font-family: 'Inter', sans-serif;\n font-size: 16px;\n font-weight: 700;\n padding: 16px 40px;\n border-radius: 50px;\n text-decoration: none;\n transition: .28s ease;\n letter-spacing: .3px;\n }\n\n .ch-stories-cta a:hover {\n background: #d12770;\n transform: translateY(-2px);\n box-shadow: 0 8px 25px rgba(236, 47, 131, .35);\n }\n\n \/* ----- RESPONSIVE ----- *\/\n @media (max-width: 991px) {\n .ch-stories-title {\n font-size: 50px;\n }\n .ch-stories-text {\n font-size: 17px;\n }\n .ch-testimonials-wrap {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 767px) {\n .ch-stories-hero {\n padding: 58px 22px 46px;\n }\n .ch-stories-title {\n font-size: 38px;\n line-height: 1.14;\n }\n .ch-stories-text {\n font-size: 16px;\n }\n .ch-stories-label {\n font-size: 12px;\n margin-bottom: 18px;\n }\n }\n\n @media (max-width: 640px) {\n .ch-testimonials-grid {\n padding: 40px 16px 50px;\n }\n .ch-testimonials-wrap {\n grid-template-columns: 1fr;\n }\n .ch-testimonial-card blockquote {\n font-size: 14px;\n }\n .ch-stories-cta {\n padding: 10px 20px 50px;\n }\n .ch-stories-cta a {\n font-size: 15px;\n padding: 14px 32px;\n width: 100%;\n text-align: center;\n }\n }\n\n @media (max-width: 480px) {\n .ch-stories-title {\n font-size: 32px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <section class=\"ch-stories-hero\">\n <div class=\"ch-stories-inner\">\n <div class=\"ch-stories-label\">Stories<\/div>\n <h1 class=\"ch-stories-title\">\n Real recoveries from<br>real people\n <\/h1>\n <p class=\"ch-stories-text\">\n The numbers we're proudest of are the lives we help people get back.<br>Here are a few of their stories.\n <\/p>\n <\/div>\n <\/section>\n\n \n <div class=\"ch-testimonials-grid\">\n <div class=\"ch-testimonials-wrap\">\n\n <div class=\"ch-testimonial-card\">\n <div class=\"ch-testimonial-stars\">\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <\/div>\n <blockquote>After months of knee pain, Carehub got me back to running pain-free in six weeks. The team is exceptional.<\/blockquote>\n <div class=\"ch-testimonial-author\">\n <h4>Janet K.<\/h4>\n <span>Marathon Runner<\/span>\n <\/div>\n <\/div>\n\n <div class=\"ch-testimonial-card\">\n <div class=\"ch-testimonial-stars\">\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <\/div>\n <blockquote>The neuro rehab programme gave me back my independence. I cannot recommend the team highly enough.<\/blockquote>\n <div class=\"ch-testimonial-author\">\n <h4>Samuel O.<\/h4>\n <span>Stroke Survivor<\/span>\n <\/div>\n <\/div>\n\n <div class=\"ch-testimonial-card\">\n <div class=\"ch-testimonial-stars\">\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <\/div>\n <blockquote>Our ergonomic assessment transformed our office. Headaches and back complaints dropped dramatically.<\/blockquote>\n <div class=\"ch-testimonial-author\">\n <h4>Aisha M.<\/h4>\n <span>Corporate Client<\/span>\n <\/div>\n <\/div>\n\n <div class=\"ch-testimonial-card\">\n <div class=\"ch-testimonial-stars\">\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <\/div>\n <blockquote>My son's speech progress in six months has been remarkable. The therapists are patient and brilliant.<\/blockquote>\n <div class=\"ch-testimonial-author\">\n <h4>Peter N.<\/h4>\n <span>Father<\/span>\n <\/div>\n <\/div>\n\n <div class=\"ch-testimonial-card\">\n <div class=\"ch-testimonial-stars\">\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <\/div>\n <blockquote>Two months after knee surgery I was hiking again. Carehub's plan was personal and effective.<\/blockquote>\n <div class=\"ch-testimonial-author\">\n <h4>Lucy W.<\/h4>\n <span>Post-Op Patient<\/span>\n <\/div>\n <\/div>\n\n <div class=\"ch-testimonial-card\">\n <div class=\"ch-testimonial-stars\">\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <\/div>\n <blockquote>Years of neck pain solved in weeks. Their hands-on care is in a different league.<\/blockquote>\n <div class=\"ch-testimonial-author\">\n <h4>David M.<\/h4>\n <span>Office Worker<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n \n <div class=\"ch-stories-cta\">\n <a href=\"https:\/\/carehub.co.ke\/index.php\/schedule-appointment\/\">Start your story<\/a>\n <\/div>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e87c86a e-con-full e-flex e-con e-parent\" data-id=\"e87c86a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-168e842 elementor-widget elementor-widget-html\" data-id=\"168e842\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n <title>Softsas \u00b7 brand portfolio<\/title>\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700&display=swap\" rel=\"stylesheet\" \/>\n <style>\n \/* ----- Softsas brand colors ----- *\/\n :root {\n --soft-red: #f70100;\n --soft-red-dark: #b70103;\n --soft-blue: #0889d8;\n --soft-purple: #7870fb;\n --soft-bg: #f5f8fe;\n --soft-card: #ffffff;\n --soft-text: #0d1f2e;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n background: var(--soft-bg);\n font-family: 'Inter', -apple-system, system-ui, sans-serif;\n padding: 2rem 1.5rem;\n color: var(--soft-text);\n }\n\n .container {\n max-width: 1440px;\n margin: 0 auto;\n }\n\n \/* ----- agency header with brand accent ----- *\/\n .agency-head {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 2.8rem;\n padding-bottom: 1.2rem;\n border-bottom: 3px solid var(--soft-red);\n background: linear-gradient(to right, rgba(247, 1, 0, 0.02), rgba(120, 112, 251, 0.02));\n border-radius: 0 0 20px 20px;\n padding: 1rem 1.5rem 1.2rem 1.5rem;\n }\n\n .agency-brand h1 {\n font-weight: 700;\n font-size: 2.2rem;\n letter-spacing: -0.02em;\n background: linear-gradient(135deg, var(--soft-red), var(--soft-red-dark), var(--soft-blue), var(--soft-purple));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n display: inline-block;\n }\n\n .agency-brand span {\n display: block;\n font-weight: 500;\n font-size: 0.95rem;\n color: #1f4970;\n margin-top: 0.1rem;\n -webkit-text-fill-color: #1f4970;\n background: none;\n letter-spacing: 0.01em;\n }\n\n .tagline-badge {\n background: rgba(247, 1, 0, 0.04);\n padding: 0.6rem 1.4rem;\n border-radius: 60px;\n font-size: 0.8rem;\n font-weight: 600;\n color: var(--soft-red-dark);\n border: 1px solid rgba(247, 1, 0, 0.15);\n backdrop-filter: blur(2px);\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n box-shadow: 0 2px 8px rgba(247, 1, 0, 0.04);\n }\n\n .tagline-badge::before {\n content: \"\u25c6\";\n font-size: 0.6rem;\n color: var(--soft-blue);\n }\n\n \/* ----- grid cards ----- *\/\n .portfolio-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));\n gap: 2rem;\n }\n\n .project-card {\n background: var(--soft-card);\n border-radius: 28px;\n box-shadow: 0 12px 30px rgba(11, 43, 68, 0.04), 0 2px 10px rgba(0, 20, 40, 0.02);\n transition: all 0.3s cubic-bezier(0.15, 0.75, 0.4, 1);\n border: 1px solid rgba(0, 0, 0, 0.02);\n display: flex;\n flex-direction: column;\n overflow: hidden;\n position: relative;\n }\n\n .project-card:hover {\n transform: translateY(-6px);\n box-shadow: 0 20px 48px rgba(247, 1, 0, 0.06), 0 6px 18px rgba(120, 112, 251, 0.04);\n border-color: rgba(8, 137, 216, 0.12);\n }\n\n \/* brand accent line on card top *\/\n .project-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 5px;\n background: linear-gradient(90deg, var(--soft-red), var(--soft-red-dark), var(--soft-blue), var(--soft-purple));\n border-radius: 28px 28px 0 0;\n opacity: 0.4;\n transition: opacity 0.2s;\n }\n\n .project-card:hover::before {\n opacity: 0.9;\n }\n\n \/* screenshot \u2013 featured hero *\/\n .screenshot {\n background: #e9eff6;\n height: 160px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.8rem;\n font-weight: 500;\n color: #1e4b6a;\n padding: 0 1.5rem;\n text-align: center;\n border-bottom: 1px solid rgba(0,0,0,0.02);\n position: relative;\n background-image: radial-gradient(circle at 30% 20%, rgba(8, 137, 216, 0.03) 0%, transparent 60%);\n transition: background 0.2s;\n }\n\n .project-card:hover .screenshot {\n background: #e4ecf7;\n }\n\n .screenshot span {\n background: rgba(255, 255, 255, 0.6);\n backdrop-filter: blur(3px);\n padding: 0.35rem 1.2rem;\n border-radius: 60px;\n border: 1px solid rgba(255, 255, 255, 0.9);\n box-shadow: 0 2px 8px rgba(0,0,0,0.02);\n font-weight: 500;\n color: var(--soft-red-dark);\n }\n\n .card-content {\n padding: 1.4rem 1.6rem 1.6rem;\n flex: 1;\n display: flex;\n flex-direction: column;\n }\n\n .project-name {\n font-weight: 700;\n font-size: 1.3rem;\n letter-spacing: -0.01em;\n color: #0b2b44;\n margin-bottom: 0.1rem;\n background: linear-gradient(135deg, var(--soft-red-dark), var(--soft-blue));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n display: inline-block;\n width: fit-content;\n }\n\n .client-type {\n font-size: 0.8rem;\n color: #1f4a6b;\n background: rgba(8, 137, 216, 0.06);\n display: inline-block;\n padding: 0.15rem 1rem;\n border-radius: 40px;\n margin: 0.3rem 0 0.8rem 0;\n font-weight: 500;\n border: 1px solid rgba(8, 137, 216, 0.06);\n }\n\n .services-list {\n display: flex;\n flex-wrap: wrap;\n gap: 0.4rem 0.6rem;\n margin: 0.4rem 0 0.7rem 0;\n }\n\n .service-tag {\n background: rgba(120, 112, 251, 0.04);\n color: #1f3f6a;\n font-size: 0.7rem;\n font-weight: 500;\n padding: 0.2rem 0.8rem;\n border-radius: 30px;\n border: 1px solid rgba(120, 112, 251, 0.06);\n letter-spacing: 0.01em;\n }\n\n .service-tag:nth-child(2n) {\n background: rgba(247, 1, 0, 0.03);\n border-color: rgba(247, 1, 0, 0.05);\n }\n\n .tech-stack {\n font-size: 0.75rem;\n color: #0b3b5e;\n background: rgba(8, 137, 216, 0.04);\n padding: 0.3rem 1rem;\n border-radius: 40px;\n display: inline-block;\n margin: 0.3rem 0 0.9rem 0;\n font-weight: 500;\n width: fit-content;\n border: 1px solid rgba(8, 137, 216, 0.04);\n }\n\n .card-footer {\n margin-top: auto;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding-top: 0.9rem;\n border-top: 1px solid rgba(0, 20, 40, 0.04);\n }\n\n .live-link {\n font-weight: 600;\n font-size: 0.85rem;\n color: var(--soft-blue);\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 0.3rem;\n transition: 0.15s;\n padding: 0.2rem 0.2rem 0.2rem 0.4rem;\n border-radius: 30px;\n }\n\n .live-link:hover {\n color: var(--soft-red-dark);\n background: rgba(247, 1, 0, 0.02);\n text-decoration: underline;\n text-underline-offset: 3px;\n }\n\n .live-link::after {\n content: \"\u2192\";\n font-size: 1rem;\n transition: 0.15s;\n color: var(--soft-purple);\n }\n\n .live-link:hover::after {\n transform: translateX(4px);\n color: var(--soft-red);\n }\n\n .badge-featured {\n background: linear-gradient(135deg, var(--soft-red), var(--soft-red-dark));\n color: white;\n font-size: 0.6rem;\n font-weight: 600;\n padding: 0.2rem 0.9rem;\n border-radius: 40px;\n letter-spacing: 0.02em;\n text-transform: uppercase;\n box-shadow: 0 2px 6px rgba(247, 1, 0, 0.1);\n }\n\n \/* self-card special *\/\n .project-card.agency-card .screenshot {\n background: linear-gradient(135deg, #e1ebf5, #ccdff0);\n }\n .project-card.agency-card .screenshot span {\n background: rgba(255,255,255,0.7);\n border-color: rgba(255,255,255,0.8);\n }\n .project-card.agency-card .project-name {\n background: linear-gradient(135deg, var(--soft-red), var(--soft-purple));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .footnote {\n margin-top: 3.5rem;\n font-size: 0.8rem;\n color: #2f5a7a;\n text-align: center;\n border-top: 2px solid rgba(247, 1, 0, 0.04);\n padding-top: 2rem;\n letter-spacing: 0.01em;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.6rem;\n flex-wrap: wrap;\n }\n\n .footnote span {\n background: rgba(120, 112, 251, 0.04);\n padding: 0.2rem 1rem;\n border-radius: 40px;\n border: 1px solid rgba(120, 112, 251, 0.06);\n }\n\n @media (max-width: 600px) {\n body { padding: 1rem; }\n .agency-head { flex-direction: column; align-items: start; gap: 0.8rem; padding: 0.8rem 1rem; }\n .portfolio-grid { grid-template-columns: 1fr; }\n .project-name { font-size: 1.2rem; }\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"container\">\n\n \n <div class=\"agency-head\">\n <div class=\"agency-brand\">\n <h1>Softsas Web Solutions<\/h1>\n <span>Software development \u00b7 digital agency<\/span>\n <\/div>\n <div class=\"tagline-badge\">\u2726 brand portfolio \u00b7 8 projects<\/div>\n <\/div>\n\n \n <div class=\"portfolio-grid\">\n\n \n <div class=\"project-card agency-card\">\n <div class=\"screenshot\"><span>\ud83c\udfe0 Home hero \u00b7 brand & services<\/span><\/div>\n <div class=\"card-content\">\n <div class=\"project-name\">Softsas Web Solutions<\/div>\n <div class=\"client-type\">Software Development & Digital Agency<\/div>\n <div class=\"services-list\">\n <span class=\"service-tag\">Website Design<\/span>\n <span class=\"service-tag\">Web Development<\/span>\n <span class=\"service-tag\">Branding<\/span>\n <span class=\"service-tag\">SEO<\/span>\n <\/div>\n <div class=\"tech-stack\">WordPress\/PHP \u00b7 HTML \u00b7 CSS \u00b7 JavaScript<\/div>\n <div class=\"card-footer\">\n <a href=\"https:\/\/softsas.co.ke\/\" target=\"_blank\" class=\"live-link\">softsas.co.ke<\/a>\n <span class=\"badge-featured\">featured<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"project-card\">\n <div class=\"screenshot\"><span>\ud83c\udfe5 Hero \u00b7 healthcare & CTA<\/span><\/div>\n <div class=\"card-content\">\n <div class=\"project-name\">CareHub Physiotherapy<\/div>\n <div class=\"client-type\">Healthcare & Physiotherapy Clinic<\/div>\n <div class=\"services-list\">\n <span class=\"service-tag\">Website Design<\/span>\n <span class=\"service-tag\">Web Development<\/span>\n <span class=\"service-tag\">SEO<\/span>\n <span class=\"service-tag\">Content Mgmt<\/span>\n <\/div>\n <div class=\"tech-stack\">WordPress \u00b7 PHP \u00b7 Responsive<\/div>\n <div class=\"card-footer\">\n <a href=\"https:\/\/carehub.co.ke\/\" target=\"_blank\" class=\"live-link\">carehub.co.ke<\/a>\n <span class=\"badge-featured\">screenshot<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"project-card\">\n <div class=\"screenshot\"><span>\ud83d\udccc Banner \u00b7 featured services<\/span><\/div>\n <div class=\"card-content\">\n <div class=\"project-name\">Kayudi<\/div>\n <div class=\"client-type\">Business \/ Corporate<\/div>\n <div class=\"services-list\">\n <span class=\"service-tag\">Website Design<\/span>\n <span class=\"service-tag\">Web Development<\/span>\n <span class=\"service-tag\">Corporate Branding<\/span>\n <\/div>\n <div class=\"tech-stack\">WordPress \u00b7 HTML \u00b7 CSS \u00b7 JavaScript<\/div>\n <div class=\"card-footer\">\n <a href=\"https:\/\/kayudi.co.ke\/\" target=\"_blank\" class=\"live-link\">kayudi.co.ke<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"project-card\">\n <div class=\"screenshot\"><span>\ud83c\udf3f Hero \u00b7 consulting services<\/span><\/div>\n <div class=\"card-content\">\n <div class=\"project-name\">Greentechs Consulting<\/div>\n <div class=\"client-type\">Environmental & Consulting<\/div>\n <div class=\"services-list\">\n <span class=\"service-tag\">Website Design<\/span>\n <span class=\"service-tag\">Web Development<\/span>\n <span class=\"service-tag\">SEO<\/span>\n <\/div>\n <div class=\"tech-stack\">WordPress \u00b7 PHP \u00b7 Responsive<\/div>\n <div class=\"card-footer\">\n <a href=\"https:\/\/greentechsconsulting.com\/\" target=\"_blank\" class=\"live-link\">greentechsconsulting.com<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"project-card\">\n <div class=\"screenshot\"><span>\u2696\ufe0f Professional hero<\/span><\/div>\n <div class=\"card-content\">\n <div class=\"project-name\">PMW Lex<\/div>\n <div class=\"client-type\">Legal Services \u00b7 Law Firm<\/div>\n <div class=\"services-list\">\n <span class=\"service-tag\">Website Design<\/span>\n <span class=\"service-tag\">Web Development<\/span>\n <span class=\"service-tag\">Corporate Identity<\/span>\n <\/div>\n <div class=\"tech-stack\">WordPress \u00b7 HTML \u00b7 CSS \u00b7 JavaScript<\/div>\n <div class=\"card-footer\">\n <a href=\"https:\/\/pmwlex.com\/\" target=\"_blank\" class=\"live-link\">pmwlex.com<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"project-card\">\n <div class=\"screenshot\"><span>\ud83c\udfdb\ufe0f Hero \u00b7 firm branding<\/span><\/div>\n <div class=\"card-content\">\n <div class=\"project-name\">Africa Law Chambers<\/div>\n <div class=\"client-type\">Law Firm & Legal Consultancy<\/div>\n <div class=\"services-list\">\n <span class=\"service-tag\">Website Design<\/span>\n <span class=\"service-tag\">Web Development<\/span>\n <span class=\"service-tag\">SEO<\/span>\n <\/div>\n <div class=\"tech-stack\">WordPress \u00b7 PHP \u00b7 Responsive<\/div>\n <div class=\"card-footer\">\n <a href=\"https:\/\/africalawchambers.com\/\" target=\"_blank\" class=\"live-link\">africalawchambers.com<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"project-card\">\n <div class=\"screenshot\"><span>\ud83c\udf10 Banner \u00b7 services<\/span><\/div>\n <div class=\"card-content\">\n <div class=\"project-name\">DW International<\/div>\n <div class=\"client-type\">Corporate \/ International<\/div>\n <div class=\"services-list\">\n <span class=\"service-tag\">Website Design<\/span>\n <span class=\"service-tag\">Web Development<\/span>\n <span class=\"service-tag\">Corporate Website<\/span>\n <\/div>\n <div class=\"tech-stack\">WordPress \u00b7 HTML \u00b7 CSS \u00b7 JavaScript<\/div>\n <div class=\"card-footer\">\n <a href=\"https:\/\/dwintl.co.ke\/\" target=\"_blank\" class=\"live-link\">dwintl.co.ke<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"project-card\">\n <div class=\"screenshot\"><span>\ud83d\udc64 Hero \u00b7 personal intro<\/span><\/div>\n <div class=\"card-content\">\n <div class=\"project-name\">Lydiah Karimi<\/div>\n <div class=\"client-type\">Personal Brand \/ Portfolio<\/div>\n <div class=\"services-list\">\n <span class=\"service-tag\">Website Design<\/span>\n <span class=\"service-tag\">Personal Branding<\/span>\n <span class=\"service-tag\">Web Development<\/span>\n <\/div>\n <div class=\"tech-stack\">WordPress \u00b7 Responsive<\/div>\n <div class=\"card-footer\">\n <a href=\"https:\/\/lydiahkarimi.co.ke\/\" target=\"_blank\" class=\"live-link\">lydiahkarimi.co.ke<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n<\/div>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\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>CareHub \u00b7 Stories Stories Real recoveries fromreal people The numbers we’re proudest of are the lives we help people get back.Here are a few of their stories. After months of knee pain, Carehub got me back to running pain-free in six weeks. The team is exceptional. Janet K. Marathon Runner The neuro rehab programme gave […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"disabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"yst_prominent_words":[],"class_list":["post-842","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/carehub.co.ke\/index.php\/wp-json\/wp\/v2\/pages\/842","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carehub.co.ke\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carehub.co.ke\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carehub.co.ke\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/carehub.co.ke\/index.php\/wp-json\/wp\/v2\/comments?post=842"}],"version-history":[{"count":7,"href":"https:\/\/carehub.co.ke\/index.php\/wp-json\/wp\/v2\/pages\/842\/revisions"}],"predecessor-version":[{"id":1184,"href":"https:\/\/carehub.co.ke\/index.php\/wp-json\/wp\/v2\/pages\/842\/revisions\/1184"}],"wp:attachment":[{"href":"https:\/\/carehub.co.ke\/index.php\/wp-json\/wp\/v2\/media?parent=842"}],"wp:term":[{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/carehub.co.ke\/index.php\/wp-json\/wp\/v2\/yst_prominent_words?post=842"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n CareHub \u00b7 Stories<\/title>\n\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\"\/>\n\n <style>\n \/* ----- reset & base ----- *\/\n .ch-stories-hero,\n .ch-stories-hero * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .ch-stories-hero {\n font-family: 'Inter', sans-serif;\n width: 100%;\n position: relative;\n overflow: hidden;\n background: #f5e6ec;\n padding: 72px 24px 58px;\n }\n\n .ch-stories-inner {\n max-width: 900px;\n margin: auto;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .ch-stories-label {\n display: inline-block;\n color: #ec2f83;\n font-size: 13px;\n font-weight: 700;\n letter-spacing: .18em;\n text-transform: uppercase;\n margin-bottom: 22px;\n }\n\n .ch-stories-title {\n color: #171d29;\n font-size: 64px;\n line-height: 1.08;\n font-weight: 900;\n letter-spacing: -0.045em;\n max-width: 860px;\n margin: 0 auto 26px;\n }\n\n .ch-stories-title br {\n display: block;\n }\n\n .ch-stories-text {\n max-width: 760px;\n margin: auto;\n color: #626b78;\n font-size: 18px;\n line-height: 1.55;\n font-weight: 400;\n }\n\n \/* ----- TESTIMONIALS GRID ----- *\/\n .ch-testimonials-grid {\n font-family: 'Inter', sans-serif;\n background: #fff;\n padding: 60px 20px 70px;\n }\n\n .ch-testimonials-grid * {\n box-sizing: border-box;\n }\n\n .ch-testimonials-wrap {\n max-width: 1060px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n }\n\n .ch-testimonial-card {\n background: #fff;\n border: 1px solid #eef1f7;\n border-radius: 20px;\n padding: 28px 26px 24px;\n transition: .28s ease;\n display: flex;\n flex-direction: column;\n }\n\n .ch-testimonial-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 32px rgba(25, 34, 60, .08);\n }\n\n .ch-testimonial-stars {\n color: #f5a623;\n font-size: 13px;\n letter-spacing: 2px;\n margin-bottom: 14px;\n }\n\n .ch-testimonial-card blockquote {\n margin: 0 0 16px;\n font-size: 15px;\n line-height: 1.65;\n color: #1d2430;\n font-weight: 500;\n flex: 1;\n }\n\n .ch-testimonial-card blockquote::before {\n content: '\"';\n color: #ec2f83;\n font-size: 24px;\n line-height: 1;\n margin-right: 2px;\n }\n\n .ch-testimonial-card blockquote::after {\n content: '\"';\n color: #ec2f83;\n font-size: 24px;\n line-height: 1;\n margin-left: 2px;\n }\n\n .ch-testimonial-author {\n display: flex;\n flex-direction: column;\n padding-top: 14px;\n border-top: 1px solid #eef1f7;\n }\n\n .ch-testimonial-author h4 {\n margin: 0 0 2px;\n font-size: 15px;\n font-weight: 700;\n color: #1d2430;\n }\n\n .ch-testimonial-author span {\n font-size: 13px;\n color: #8e97a8;\n font-weight: 500;\n }\n\n \/* ----- CTA BUTTON ----- *\/\n .ch-stories-cta {\n text-align: center;\n padding: 20px 20px 60px;\n background: #fff;\n }\n\n .ch-stories-cta a {\n display: inline-block;\n background: #ec2f83;\n color: #fff;\n font-family: 'Inter', sans-serif;\n font-size: 16px;\n font-weight: 700;\n padding: 16px 40px;\n border-radius: 50px;\n text-decoration: none;\n transition: .28s ease;\n letter-spacing: .3px;\n }\n\n .ch-stories-cta a:hover {\n background: #d12770;\n transform: translateY(-2px);\n box-shadow: 0 8px 25px rgba(236, 47, 131, .35);\n }\n\n \/* ----- RESPONSIVE ----- *\/\n @media (max-width: 991px) {\n .ch-stories-title {\n font-size: 50px;\n }\n .ch-stories-text {\n font-size: 17px;\n }\n .ch-testimonials-wrap {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 767px) {\n .ch-stories-hero {\n padding: 58px 22px 46px;\n }\n .ch-stories-title {\n font-size: 38px;\n line-height: 1.14;\n }\n .ch-stories-text {\n font-size: 16px;\n }\n .ch-stories-label {\n font-size: 12px;\n margin-bottom: 18px;\n }\n }\n\n @media (max-width: 640px) {\n .ch-testimonials-grid {\n padding: 40px 16px 50px;\n }\n .ch-testimonials-wrap {\n grid-template-columns: 1fr;\n }\n .ch-testimonial-card blockquote {\n font-size: 14px;\n }\n .ch-stories-cta {\n padding: 10px 20px 50px;\n }\n .ch-stories-cta a {\n font-size: 15px;\n padding: 14px 32px;\n width: 100%;\n text-align: center;\n }\n }\n\n @media (max-width: 480px) {\n .ch-stories-title {\n font-size: 32px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <section class=\"ch-stories-hero\">\n <div class=\"ch-stories-inner\">\n <div class=\"ch-stories-label\">Stories<\/div>\n <h1 class=\"ch-stories-title\">\n Real recoveries from<br>real people\n <\/h1>\n <p class=\"ch-stories-text\">\n The numbers we're proudest of are the lives we help people get back.<br>Here are a few of their stories.\n <\/p>\n <\/div>\n <\/section>\n\n \n <div class=\"ch-testimonials-grid\">\n <div class=\"ch-testimonials-wrap\">\n\n <div class=\"ch-testimonial-card\">\n <div class=\"ch-testimonial-stars\">\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <\/div>\n <blockquote>After months of knee pain, Carehub got me back to running pain-free in six weeks. The team is exceptional.<\/blockquote>\n <div class=\"ch-testimonial-author\">\n <h4>Janet K.<\/h4>\n <span>Marathon Runner<\/span>\n <\/div>\n <\/div>\n\n <div class=\"ch-testimonial-card\">\n <div class=\"ch-testimonial-stars\">\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <\/div>\n <blockquote>The neuro rehab programme gave me back my independence. I cannot recommend the team highly enough.<\/blockquote>\n <div class=\"ch-testimonial-author\">\n <h4>Samuel O.<\/h4>\n <span>Stroke Survivor<\/span>\n <\/div>\n <\/div>\n\n <div class=\"ch-testimonial-card\">\n <div class=\"ch-testimonial-stars\">\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <\/div>\n <blockquote>Our ergonomic assessment transformed our office. Headaches and back complaints dropped dramatically.<\/blockquote>\n <div class=\"ch-testimonial-author\">\n <h4>Aisha M.<\/h4>\n <span>Corporate Client<\/span>\n <\/div>\n <\/div>\n\n <div class=\"ch-testimonial-card\">\n <div class=\"ch-testimonial-stars\">\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <\/div>\n <blockquote>My son's speech progress in six months has been remarkable. The therapists are patient and brilliant.<\/blockquote>\n <div class=\"ch-testimonial-author\">\n <h4>Peter N.<\/h4>\n <span>Father<\/span>\n <\/div>\n <\/div>\n\n <div class=\"ch-testimonial-card\">\n <div class=\"ch-testimonial-stars\">\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <\/div>\n <blockquote>Two months after knee surgery I was hiking again. Carehub's plan was personal and effective.<\/blockquote>\n <div class=\"ch-testimonial-author\">\n <h4>Lucy W.<\/h4>\n <span>Post-Op Patient<\/span>\n <\/div>\n <\/div>\n\n <div class=\"ch-testimonial-card\">\n <div class=\"ch-testimonial-stars\">\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <\/div>\n <blockquote>Years of neck pain solved in weeks. Their hands-on care is in a different league.<\/blockquote>\n <div class=\"ch-testimonial-author\">\n <h4>David M.<\/h4>\n <span>Office Worker<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n \n <div class=\"ch-stories-cta\">\n <a href=\"https:\/\/carehub.co.ke\/index.php\/schedule-appointment\/\">Start your story<\/a>\n <\/div>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e87c86a e-con-full e-flex e-con e-parent\" data-id=\"e87c86a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-168e842 elementor-widget elementor-widget-html\" data-id=\"168e842\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n <title>Softsas \u00b7 brand portfolio<\/title>\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700&display=swap\" rel=\"stylesheet\" \/>\n <style>\n \/* ----- Softsas brand colors ----- *\/\n :root {\n --soft-red: #f70100;\n --soft-red-dark: #b70103;\n --soft-blue: #0889d8;\n --soft-purple: #7870fb;\n --soft-bg: #f5f8fe;\n --soft-card: #ffffff;\n --soft-text: #0d1f2e;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n background: var(--soft-bg);\n font-family: 'Inter', -apple-system, system-ui, sans-serif;\n padding: 2rem 1.5rem;\n color: var(--soft-text);\n }\n\n .container {\n max-width: 1440px;\n margin: 0 auto;\n }\n\n \/* ----- agency header with brand accent ----- *\/\n .agency-head {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 2.8rem;\n padding-bottom: 1.2rem;\n border-bottom: 3px solid var(--soft-red);\n background: linear-gradient(to right, rgba(247, 1, 0, 0.02), rgba(120, 112, 251, 0.02));\n border-radius: 0 0 20px 20px;\n padding: 1rem 1.5rem 1.2rem 1.5rem;\n }\n\n .agency-brand h1 {\n font-weight: 700;\n font-size: 2.2rem;\n letter-spacing: -0.02em;\n background: linear-gradient(135deg, var(--soft-red), var(--soft-red-dark), var(--soft-blue), var(--soft-purple));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n display: inline-block;\n }\n\n .agency-brand span {\n display: block;\n font-weight: 500;\n font-size: 0.95rem;\n color: #1f4970;\n margin-top: 0.1rem;\n -webkit-text-fill-color: #1f4970;\n background: none;\n letter-spacing: 0.01em;\n }\n\n .tagline-badge {\n background: rgba(247, 1, 0, 0.04);\n padding: 0.6rem 1.4rem;\n border-radius: 60px;\n font-size: 0.8rem;\n font-weight: 600;\n color: var(--soft-red-dark);\n border: 1px solid rgba(247, 1, 0, 0.15);\n backdrop-filter: blur(2px);\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n box-shadow: 0 2px 8px rgba(247, 1, 0, 0.04);\n }\n\n .tagline-badge::before {\n content: \"\u25c6\";\n font-size: 0.6rem;\n color: var(--soft-blue);\n }\n\n \/* ----- grid cards ----- *\/\n .portfolio-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));\n gap: 2rem;\n }\n\n .project-card {\n background: var(--soft-card);\n border-radius: 28px;\n box-shadow: 0 12px 30px rgba(11, 43, 68, 0.04), 0 2px 10px rgba(0, 20, 40, 0.02);\n transition: all 0.3s cubic-bezier(0.15, 0.75, 0.4, 1);\n border: 1px solid rgba(0, 0, 0, 0.02);\n display: flex;\n flex-direction: column;\n overflow: hidden;\n position: relative;\n }\n\n .project-card:hover {\n transform: translateY(-6px);\n box-shadow: 0 20px 48px rgba(247, 1, 0, 0.06), 0 6px 18px rgba(120, 112, 251, 0.04);\n border-color: rgba(8, 137, 216, 0.12);\n }\n\n \/* brand accent line on card top *\/\n .project-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 5px;\n background: linear-gradient(90deg, var(--soft-red), var(--soft-red-dark), var(--soft-blue), var(--soft-purple));\n border-radius: 28px 28px 0 0;\n opacity: 0.4;\n transition: opacity 0.2s;\n }\n\n .project-card:hover::before {\n opacity: 0.9;\n }\n\n \/* screenshot \u2013 featured hero *\/\n .screenshot {\n background: #e9eff6;\n height: 160px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.8rem;\n font-weight: 500;\n color: #1e4b6a;\n padding: 0 1.5rem;\n text-align: center;\n border-bottom: 1px solid rgba(0,0,0,0.02);\n position: relative;\n background-image: radial-gradient(circle at 30% 20%, rgba(8, 137, 216, 0.03) 0%, transparent 60%);\n transition: background 0.2s;\n }\n\n .project-card:hover .screenshot {\n background: #e4ecf7;\n }\n\n .screenshot span {\n background: rgba(255, 255, 255, 0.6);\n backdrop-filter: blur(3px);\n padding: 0.35rem 1.2rem;\n border-radius: 60px;\n border: 1px solid rgba(255, 255, 255, 0.9);\n box-shadow: 0 2px 8px rgba(0,0,0,0.02);\n font-weight: 500;\n color: var(--soft-red-dark);\n }\n\n .card-content {\n padding: 1.4rem 1.6rem 1.6rem;\n flex: 1;\n display: flex;\n flex-direction: column;\n }\n\n .project-name {\n font-weight: 700;\n font-size: 1.3rem;\n letter-spacing: -0.01em;\n color: #0b2b44;\n margin-bottom: 0.1rem;\n background: linear-gradient(135deg, var(--soft-red-dark), var(--soft-blue));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n display: inline-block;\n width: fit-content;\n }\n\n .client-type {\n font-size: 0.8rem;\n color: #1f4a6b;\n background: rgba(8, 137, 216, 0.06);\n display: inline-block;\n padding: 0.15rem 1rem;\n border-radius: 40px;\n margin: 0.3rem 0 0.8rem 0;\n font-weight: 500;\n border: 1px solid rgba(8, 137, 216, 0.06);\n }\n\n .services-list {\n display: flex;\n flex-wrap: wrap;\n gap: 0.4rem 0.6rem;\n margin: 0.4rem 0 0.7rem 0;\n }\n\n .service-tag {\n background: rgba(120, 112, 251, 0.04);\n color: #1f3f6a;\n font-size: 0.7rem;\n font-weight: 500;\n padding: 0.2rem 0.8rem;\n border-radius: 30px;\n border: 1px solid rgba(120, 112, 251, 0.06);\n letter-spacing: 0.01em;\n }\n\n .service-tag:nth-child(2n) {\n background: rgba(247, 1, 0, 0.03);\n border-color: rgba(247, 1, 0, 0.05);\n }\n\n .tech-stack {\n font-size: 0.75rem;\n color: #0b3b5e;\n background: rgba(8, 137, 216, 0.04);\n padding: 0.3rem 1rem;\n border-radius: 40px;\n display: inline-block;\n margin: 0.3rem 0 0.9rem 0;\n font-weight: 500;\n width: fit-content;\n border: 1px solid rgba(8, 137, 216, 0.04);\n }\n\n .card-footer {\n margin-top: auto;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding-top: 0.9rem;\n border-top: 1px solid rgba(0, 20, 40, 0.04);\n }\n\n .live-link {\n font-weight: 600;\n font-size: 0.85rem;\n color: var(--soft-blue);\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 0.3rem;\n transition: 0.15s;\n padding: 0.2rem 0.2rem 0.2rem 0.4rem;\n border-radius: 30px;\n }\n\n .live-link:hover {\n color: var(--soft-red-dark);\n background: rgba(247, 1, 0, 0.02);\n text-decoration: underline;\n text-underline-offset: 3px;\n }\n\n .live-link::after {\n content: \"\u2192\";\n font-size: 1rem;\n transition: 0.15s;\n color: var(--soft-purple);\n }\n\n .live-link:hover::after {\n transform: translateX(4px);\n color: var(--soft-red);\n }\n\n .badge-featured {\n background: linear-gradient(135deg, var(--soft-red), var(--soft-red-dark));\n color: white;\n font-size: 0.6rem;\n font-weight: 600;\n padding: 0.2rem 0.9rem;\n border-radius: 40px;\n letter-spacing: 0.02em;\n text-transform: uppercase;\n box-shadow: 0 2px 6px rgba(247, 1, 0, 0.1);\n }\n\n \/* self-card special *\/\n .project-card.agency-card .screenshot {\n background: linear-gradient(135deg, #e1ebf5, #ccdff0);\n }\n .project-card.agency-card .screenshot span {\n background: rgba(255,255,255,0.7);\n border-color: rgba(255,255,255,0.8);\n }\n .project-card.agency-card .project-name {\n background: linear-gradient(135deg, var(--soft-red), var(--soft-purple));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .footnote {\n margin-top: 3.5rem;\n font-size: 0.8rem;\n color: #2f5a7a;\n text-align: center;\n border-top: 2px solid rgba(247, 1, 0, 0.04);\n padding-top: 2rem;\n letter-spacing: 0.01em;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.6rem;\n flex-wrap: wrap;\n }\n\n .footnote span {\n background: rgba(120, 112, 251, 0.04);\n padding: 0.2rem 1rem;\n border-radius: 40px;\n border: 1px solid rgba(120, 112, 251, 0.06);\n }\n\n @media (max-width: 600px) {\n body { padding: 1rem; }\n .agency-head { flex-direction: column; align-items: start; gap: 0.8rem; padding: 0.8rem 1rem; }\n .portfolio-grid { grid-template-columns: 1fr; }\n .project-name { font-size: 1.2rem; }\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"container\">\n\n \n <div class=\"agency-head\">\n <div class=\"agency-brand\">\n <h1>Softsas Web Solutions<\/h1>\n <span>Software development \u00b7 digital agency<\/span>\n <\/div>\n <div class=\"tagline-badge\">\u2726 brand portfolio \u00b7 8 projects<\/div>\n <\/div>\n\n \n <div class=\"portfolio-grid\">\n\n \n <div class=\"project-card agency-card\">\n <div class=\"screenshot\"><span>\ud83c\udfe0 Home hero \u00b7 brand & services<\/span><\/div>\n <div class=\"card-content\">\n <div class=\"project-name\">Softsas Web Solutions<\/div>\n <div class=\"client-type\">Software Development & Digital Agency<\/div>\n <div class=\"services-list\">\n <span class=\"service-tag\">Website Design<\/span>\n <span class=\"service-tag\">Web Development<\/span>\n <span class=\"service-tag\">Branding<\/span>\n <span class=\"service-tag\">SEO<\/span>\n <\/div>\n <div class=\"tech-stack\">WordPress\/PHP \u00b7 HTML \u00b7 CSS \u00b7 JavaScript<\/div>\n <div class=\"card-footer\">\n <a href=\"https:\/\/softsas.co.ke\/\" target=\"_blank\" class=\"live-link\">softsas.co.ke<\/a>\n <span class=\"badge-featured\">featured<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"project-card\">\n <div class=\"screenshot\"><span>\ud83c\udfe5 Hero \u00b7 healthcare & CTA<\/span><\/div>\n <div class=\"card-content\">\n <div class=\"project-name\">CareHub Physiotherapy<\/div>\n <div class=\"client-type\">Healthcare & Physiotherapy Clinic<\/div>\n <div class=\"services-list\">\n <span class=\"service-tag\">Website Design<\/span>\n <span class=\"service-tag\">Web Development<\/span>\n <span class=\"service-tag\">SEO<\/span>\n <span class=\"service-tag\">Content Mgmt<\/span>\n <\/div>\n <div class=\"tech-stack\">WordPress \u00b7 PHP \u00b7 Responsive<\/div>\n <div class=\"card-footer\">\n <a href=\"https:\/\/carehub.co.ke\/\" target=\"_blank\" class=\"live-link\">carehub.co.ke<\/a>\n <span class=\"badge-featured\">screenshot<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"project-card\">\n <div class=\"screenshot\"><span>\ud83d\udccc Banner \u00b7 featured services<\/span><\/div>\n <div class=\"card-content\">\n <div class=\"project-name\">Kayudi<\/div>\n <div class=\"client-type\">Business \/ Corporate<\/div>\n <div class=\"services-list\">\n <span class=\"service-tag\">Website Design<\/span>\n <span class=\"service-tag\">Web Development<\/span>\n <span class=\"service-tag\">Corporate Branding<\/span>\n <\/div>\n <div class=\"tech-stack\">WordPress \u00b7 HTML \u00b7 CSS \u00b7 JavaScript<\/div>\n <div class=\"card-footer\">\n <a href=\"https:\/\/kayudi.co.ke\/\" target=\"_blank\" class=\"live-link\">kayudi.co.ke<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"project-card\">\n <div class=\"screenshot\"><span>\ud83c\udf3f Hero \u00b7 consulting services<\/span><\/div>\n <div class=\"card-content\">\n <div class=\"project-name\">Greentechs Consulting<\/div>\n <div class=\"client-type\">Environmental & Consulting<\/div>\n <div class=\"services-list\">\n <span class=\"service-tag\">Website Design<\/span>\n <span class=\"service-tag\">Web Development<\/span>\n <span class=\"service-tag\">SEO<\/span>\n <\/div>\n <div class=\"tech-stack\">WordPress \u00b7 PHP \u00b7 Responsive<\/div>\n <div class=\"card-footer\">\n <a href=\"https:\/\/greentechsconsulting.com\/\" target=\"_blank\" class=\"live-link\">greentechsconsulting.com<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"project-card\">\n <div class=\"screenshot\"><span>\u2696\ufe0f Professional hero<\/span><\/div>\n <div class=\"card-content\">\n <div class=\"project-name\">PMW Lex<\/div>\n <div class=\"client-type\">Legal Services \u00b7 Law Firm<\/div>\n <div class=\"services-list\">\n <span class=\"service-tag\">Website Design<\/span>\n <span class=\"service-tag\">Web Development<\/span>\n <span class=\"service-tag\">Corporate Identity<\/span>\n <\/div>\n <div class=\"tech-stack\">WordPress \u00b7 HTML \u00b7 CSS \u00b7 JavaScript<\/div>\n <div class=\"card-footer\">\n <a href=\"https:\/\/pmwlex.com\/\" target=\"_blank\" class=\"live-link\">pmwlex.com<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"project-card\">\n <div class=\"screenshot\"><span>\ud83c\udfdb\ufe0f Hero \u00b7 firm branding<\/span><\/div>\n <div class=\"card-content\">\n <div class=\"project-name\">Africa Law Chambers<\/div>\n <div class=\"client-type\">Law Firm & Legal Consultancy<\/div>\n <div class=\"services-list\">\n <span class=\"service-tag\">Website Design<\/span>\n <span class=\"service-tag\">Web Development<\/span>\n <span class=\"service-tag\">SEO<\/span>\n <\/div>\n <div class=\"tech-stack\">WordPress \u00b7 PHP \u00b7 Responsive<\/div>\n <div class=\"card-footer\">\n <a href=\"https:\/\/africalawchambers.com\/\" target=\"_blank\" class=\"live-link\">africalawchambers.com<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"project-card\">\n <div class=\"screenshot\"><span>\ud83c\udf10 Banner \u00b7 services<\/span><\/div>\n <div class=\"card-content\">\n <div class=\"project-name\">DW International<\/div>\n <div class=\"client-type\">Corporate \/ International<\/div>\n <div class=\"services-list\">\n <span class=\"service-tag\">Website Design<\/span>\n <span class=\"service-tag\">Web Development<\/span>\n <span class=\"service-tag\">Corporate Website<\/span>\n <\/div>\n <div class=\"tech-stack\">WordPress \u00b7 HTML \u00b7 CSS \u00b7 JavaScript<\/div>\n <div class=\"card-footer\">\n <a href=\"https:\/\/dwintl.co.ke\/\" target=\"_blank\" class=\"live-link\">dwintl.co.ke<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"project-card\">\n <div class=\"screenshot\"><span>\ud83d\udc64 Hero \u00b7 personal intro<\/span><\/div>\n <div class=\"card-content\">\n <div class=\"project-name\">Lydiah Karimi<\/div>\n <div class=\"client-type\">Personal Brand \/ Portfolio<\/div>\n <div class=\"services-list\">\n <span class=\"service-tag\">Website Design<\/span>\n <span class=\"service-tag\">Personal Branding<\/span>\n <span class=\"service-tag\">Web Development<\/span>\n <\/div>\n <div class=\"tech-stack\">WordPress \u00b7 Responsive<\/div>\n <div class=\"card-footer\">\n <a href=\"https:\/\/lydiahkarimi.co.ke\/\" target=\"_blank\" class=\"live-link\">lydiahkarimi.co.ke<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n<\/div>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\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>CareHub \u00b7 Stories Stories Real recoveries fromreal people The numbers we’re proudest of are the lives we help people get back.Here are a few of their stories. After months of knee pain, Carehub got me back to running pain-free in six weeks. The team is exceptional. Janet K. Marathon Runner The neuro rehab programme gave […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"disabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"yst_prominent_words":[],"class_list":["post-842","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/carehub.co.ke\/index.php\/wp-json\/wp\/v2\/pages\/842","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carehub.co.ke\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carehub.co.ke\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carehub.co.ke\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/carehub.co.ke\/index.php\/wp-json\/wp\/v2\/comments?post=842"}],"version-history":[{"count":7,"href":"https:\/\/carehub.co.ke\/index.php\/wp-json\/wp\/v2\/pages\/842\/revisions"}],"predecessor-version":[{"id":1184,"href":"https:\/\/carehub.co.ke\/index.php\/wp-json\/wp\/v2\/pages\/842\/revisions\/1184"}],"wp:attachment":[{"href":"https:\/\/carehub.co.ke\/index.php\/wp-json\/wp\/v2\/media?parent=842"}],"wp:term":[{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/carehub.co.ke\/index.php\/wp-json\/wp\/v2\/yst_prominent_words?post=842"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}