1<!DOCTYPE html> 2<html lang="en" data-bs-theme="light"> 3<meta name="description" content="See how Citro Digital has helped brands like Cofense, VyprVPN, and AAA Northampton County grow through web design, branding, and integrated marketing campaigns." /> 4<head><link rel="preconnect" href="https://use.typekit.net" /> 5<link rel="preconnect" href="https://developer.livehelpnow.net" /> 6<link rel="stylesheet" href="https://use.typekit.net/hgx3eis.css" /> 7 8<link rel="icon" href="/getmedia/f161c32c-fe5a-4f78-8479-b4ffabb5d192/favicon.ico"> 9 10<title>Our Work | Citro Digital Portfolio</title> 11 12<meta charset="utf-8"> 13<meta name="viewport" content="width=device-width, initial-scale=1"> 14<meta name="htmx-config" content='{"selfRequestsOnly":false,"allowScriptTags":true,"indicatorClass":"htmx-indicator","historyCacheSize":20,"withCredentials":false,"defaultFocusScroll":false,"getCacheBusterParam":false,"globalViewTransitions":false,"antiForgery":{"formFieldName":"__RequestVerificationToken","headerName":"RequestVerificationToken","requestToken":"CfDJ8DyaVt6Y4axBgSxomLZGUI1ZHXKP5Gv2cb2p6eV3lbKkzVAIlaVOu_P03dVLDHfuJAmPyOmR87nto_reoe4mJ-s_QXyLhpLTQpZFt2ShKMDFNhjdSaYdgqVqSfZ34tlSxUoet2DtI-AjGb3OUwJVYcs"}}' /> 15 16 17 18<link rel="preconnect" href="https://fonts.googleapis.com"> 19<link rel="preconnect" href="https://cdn.jsdelivr.net"> 20 21<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 22<link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin> 23 24<link rel="preload" as="style" href="/dist/main.css" /> 25<link rel="modulepreload" as="script" href="/dist/main.js" /> 26 27<link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css" rel="stylesheet"> 28<link href="https://fonts.googleapis.com/css2?family=Mulish:wght@400;600;700&display=swap" rel="stylesheet"> 29 30<link rel="stylesheet" href="/dist/main.css" /> 31 32 33 34
35<script type="text/javascript" src="/kentico.resource/activities/kenticoactivitylogger/loggerv2.js?webPageIdentifier=dcb22c97-001d-422f-b476-04d802f6cad3&languageName=en&logPageVisit=True&logCustomActivity=True&functionName=kxt" async></script>
35<script type="text/javascript">window['kxt']=window['kxt']||function(){(window['kxt'].q=window['kxt'].q||[]).push(arguments)};</script>
35 36
37<script src="/_htmx/antiforgery.js" defer></script>
37 38
39<script> 40 window.asyncReady = function (callback) { 41 document.readyState === "interactive" || document.readyState === "complete" ? callback() : document.addEventListener("DOMContentLoaded", callback); 42 }; 43</script>
43 44
45<script type="module">class PWP{async load({url:e,id:t}){let a=document.getElementById(t),r=await fetch(e);r.ok?(a.innerHTML=await r.text(),a.dispatchEvent(new Event("pwp.load",{bubbles:!0,cancelable:!0})),document.dispatchEvent(this._hydrateObj(new Event("pwp.load",{bubbles:!0,cancelable:!0}),{elm:a}))):console.error("PWP error retrieving page content at {url}")}_hydrateObj=(e,t={})=>{for(let[a,r]of Object.entries(t))try{e[a]=r}catch{Object.defineProperty(e,a,{configurable:!0,get:()=>r})}return e}}window.PWP=new PWP;</script>
45<link href="/getContentAsset/bcb52fff-b45e-46b4-8f02-db3be2bf6ead/cf739897-162e-4c9b-92c2-83760715148a/overrides-(2).css?language=en" rel="stylesheet" />
45<script data-snippet-id="3"> 46 (function(){ var s = document.createElement('script'); var h = document.querySelector('head') || document.body; s.src = 'https://acsbapp.com/apps/app/dist/js/app.js'; s.async = true; s.onload = function(){ acsbJS.init({ statementLink : '', footerHtml : '', hideMobile : false, hideTrigger : false, disableBgProcess : false, language : 'en', position : 'right', leadColor : '#146FF8', triggerColor : '#146FF8', triggerRadius : '50%', triggerPositionX : 'right', triggerPositionY : 'bottom', triggerIcon : 'people', triggerSize : 'bottom', triggerOffsetX : 20, triggerOffsetY : 20, mobile : { triggerSize : 'small', triggerPositionX : 'right', triggerPositionY : 'bottom', triggerOffsetX : 10, triggerOffsetY : 10, triggerRadius : '20' } }); }; h.appendChild(s); })(); 47</script>
47<script data-snippet-id="5"> 48 (function(){ var s = document.createElement('script'); var h = document.querySelector('head') || document.body; s.src = 'https://acsbapp.com/apps/app/dist/js/app.js'; s.async = true; s.onload = function(){ acsbJS.init({ statementLink : '', footerHtml : '', hideMobile : false, hideTrigger : false, disableBgProcess : false, language : 'en', position : 'right', leadColor : '#146FF8', triggerColor : '#146FF8', triggerRadius : '50%', triggerPositionX : 'right', triggerPositionY : 'bottom', triggerIcon : 'people', triggerSize : 'bottom', triggerOffsetX : 20, triggerOffsetY : 20, mobile : { triggerSize : 'small', triggerPositionX : 'right', triggerPositionY : 'bottom', triggerOffsetX : 10, triggerOffsetY : 10, triggerRadius : '20' } }); }; h.appendChild(s); })(); </script>
48<script data-snippet-id="12" data-snippet-id="5"> 49 window.lhnJsSdkInit = function () { 50 lhnJsSdk.setup = { 51 application_id: "3dc43778-8828-49b1-82b4-b345f91b8287", 52 application_secret: "y7acdiw4ejetwku7s8f1zkqpkhmjxni2b+d/a+es6zzkksmlz3" 53 }; 54 lhnJsSdk.controls = [{ 55 type: "hoc", 56 id: "d28ac13e-f699-424e-8e26-181f968e72b1" 57 }]; 58 }; 59</script>
59<script> 60 (function (w, d, s, l, i) { 61 w[l] = w[l] || []; 62 w[l].push({ 63 'gtm.start': 64 new Date().getTime(), 65 event: 'gtm.js' 66 }); 67 var f = d.getElementsByTagName(s)[0], 68 j = d.createElement(s), 69 dl = l != 'dataLayer' ? '&l=' + l : ''; 70 j.async = true; 71 j.src = 72 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 73 var n = d.querySelector('[nonce]'); 74 n && j.setAttribute('nonce', n.nonce || n.getAttribute('nonce')); 75 f.parentNode.insertBefore(j, f); 76 })(window, document, 'script', 'dataLayer','GTM-MLSM6CG'); 77</script>
77<script data-snippet-id="8"> 78 (function () { 79 var s = document.createElement("script"); 80 var h = document.querySelector("head") || document.body; 81 s.src = "https://acsbapp.com/apps/app/dist/js/app.js"; 82 s.async = true; 83 s.onload = function () { 84 acsbJS.init({ 85 statementLink: "", 86 footerHtml: "", 87 hideMobile: false, 88 hideTrigger: false, 89 disableBgProcess: false, 90 language: "en", 91 position: "right", 92 leadColor: "#146FF8", 93 triggerColor: "#146FF8", 94 triggerRadius: "50%", 95 triggerPositionX: "right", 96 triggerPositionY: "bottom", 97 triggerIcon: "people", 98 triggerSize: "bottom", 99 triggerOffsetX: 20, 100 triggerOffsetY: 20, 101 mobile: { 102 triggerSize: "small", 103 triggerPositionX: "right", 104 triggerPositionY: "bottom", 105 triggerOffsetX: 10, 106 triggerOffsetY: 10, 107 triggerRadius: "20", 108 }, 109 }); 110 }; 111 h.appendChild(s); 112})(); 113</script>
113 <!-- Google tag (gtag.js) -->
vendor: 67 bytes, lines 113-114
113 114 <script async src="https://www.googletagmanager.com/gtag/js?id=
114G-Y27LM7KNMX
vendor: 15 bytes, lines 114-115
114"></script> 115
115<script> 116
vendor: 150 bytes, lines 116-120
116window.dataLayer = window.dataLayer || []; 117 function gtag(){dataLayer.push(arguments);} 118 gtag('js', new Date()); 119 120 gtag('config', '
120G-Y27LM7KNMX
vendor: 7 bytes, lines 120-121
120'); 121
121</script>
121</head> 122<body> 123 <noscript> 124 <iframe src='https://www.googletagmanager.com/ns.html?id=GTM-MLSM6CG' 125 height='0' 126 width='0' 127 style='display:none;visibility:hidden' 128 title='GTMNoScript'> 129 </iframe> 130 </noscript> 131 132<a class="visually-hidden-focusable" href="#main">Skip to main content</a> 133 134 135 136 137 138 139 140 141 142 143 144 145<header class="sticky-top" data-ktc-exclude> 146 <div class="container"> 147 <div class="row p-lg-0 m-lg-0"> 148 <div class="col p-lg-0 m-lg-0"> 149 <nav class="navbar navbar-dark navbar-expand-lg"> 150 <div class="container-fluid align-items-center align-items-lg-start ps-lg-0"> 151 <a class="navbar-brand" href="/"> 152 <span class="visually-hidden"> 153 Citro Digital 154 </span> 155 <svg class="citro-logo" viewBox="0 0 171.96 77.86"> 156 <g data-name="Layer 1"> 157 <g data-name="Layer 2"> 158 <g data-name="Layer 1-2" fill="#fff"> 159 <path d="M44.62 55.08q-.55 11-6.19 16.91T22.5 77.86A19.66 19.66 0 016.09 70Q0 62.17 0 48.71V36.26q0-13.39 6.25-21.18T23.3 7.3q10 0 15.4 5.94t5.92 17H35.9q-.57-8.39-3.54-12t-9.06-3.53a12.33 12.33 0 00-10.8 5.49q-3.78 5.51-3.77 16.11V48.9q0 10.43 3.51 16a11.39 11.39 0 0010.26 5.56q6.77 0 9.72-3.35t3.68-12zM76.3 25.89h3.61v-4.51a22.08 22.08 0 01-3.61 4.51zm-20.51 5.8v45.23h8.34V31.75a34.44 34.44 0 01-3.5.42 17.06 17.06 0 01-4.84-.48z"/> 160 <path d="M92.6 70.46a3.66 3.66 0 01-3.38-1.56 8.91 8.91 0 01-1-4.6V32.63h7.68v-6.76h-7.69V13.53h-5.49a21.5 21.5 0 01-2.82 7.82l-3.61 4.51A21.79 21.79 0 0172.13 29v3.6h7.78v31.7q0 6.47 2.59 10a8.74 8.74 0 007.55 3.53 18.15 18.15 0 005.8-.93l.09-7a10.78 10.78 0 01-3.34.56zm34.29-36.75a20.79 20.79 0 00-3.77-.32q-6.42 0-9 7v36.53h-8.34v-51h8.1l.15 5.16q3.38-6.14 9.48-6.13a7.2 7.2 0 013.3.66zm5.61 15.34q0-11.13 5.4-17.63a17.62 17.62 0 0114.25-6.48 17.87 17.87 0 0114.27 6.32q5.4 6.33 5.54 17.22v5.38q0 11.07-5.38 17.55a19.21 19.21 0 01-28.56.18q-5.36-6.27-5.54-17zm8.38 4.81q0 7.89 3.09 12.4a9.61 9.61 0 008.33 4.5q11 0 11.36-15.94v-5.77q0-7.84-3.11-12.4a9.63 9.63 0 00-8.4-4.54 9.5 9.5 0 00-8.23 4.56q-3.1 4.55-3 12.32z"/> 161 </g> 162 </g> 163 <path d="M67 13.19c-.11-.25-.23-.5-.36-.76L60.08 0l-6.17 11.69c-4.27 7.45-1 11.07.54 12.28a8.79 8.79 0 005.34 1.7 9.76 9.76 0 004.4-1 8.41 8.41 0 003.46-3.3l5.25-8.57zm-11.62-.71l4.74-9 5.07 9.67s0 .09.07.14l-1.79.12c-5.81.22-6.94 3.33-7.16 4.65A6.39 6.39 0 0058.8 24a6.87 6.87 0 01-3.36-1.29c-2.63-2.04-2.67-5.71-.1-10.23zm10.91 8a8.92 8.92 0 01-1.29 1.6 5.74 5.74 0 01-.45.41 4.91 4.91 0 01-.71.48 3.37 3.37 0 01-3 .25 4.74 4.74 0 01-2.92-4.87c.32-2 2.31-3.15 5.62-3.27l6.3-.45z" fill="#fff"/> 164 </g> 165 </svg> 166 </a> 167 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" 168 aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation"> 169 <span class="navbar-toggler-icon"></span> 170 </button> 171 <div class="collapse navbar-collapse my-2 my-lg-0" id="navbarNavAltMarkup"> 172 <ul class="navbar-nav me-auto mb-2 mb-lg-0"> 173 174 175 <li class="nav-item"> 176 <a class="nav-link" title="Portfolio" href="/portfolio">Portfolio</a> 177 </li> 178 <li class="nav-item"> 179 <a class="nav-link" title="About Us" href="/about-us">About Us</a> 180 </li> 181 <li class="nav-item"> 182 <a class="nav-link" title="Services" href="/services">Services</a> 183 </li> 184 <li class="nav-item"> 185 <a class="nav-link" title="Blogs" href="/blogs">Blogs</a> 186 </li> 187 188 </ul> 189 190 <span class="navbar-text"> 191 <a href="/contact-us" class="btn">Contact Us</a> 192 </span> 193 </div> 194 </div> 195 </nav> 196 </div> 197 </div> 198 </div> 199</header> 200 201 202 203 204 205 <main id="main"> 206 207 208 209 210 211 212<header class="CD-gradient-hero section-padding pb-8"> 213 <div class="container"> 214 <div class="row"> 215 <div class="col-12 text-center my-6"> 216 <svg viewBox="0 0 63 76.5534366" class="logo-symbol-gradient mb-3"> 217 <defs> 218 <linearGradient x1="28.000818%" y1="26.4254927%" x2="49.1857086%" y2="97.2766675%" id="linearGradient-b8wxp9xymm-1"> 219 <stop stop-color="#EA0F28" offset="0%"></stop> 220 <stop stop-color="#7F2BF4" offset="100%"></stop> 221 </linearGradient> 222 </defs> 223 <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> 224 <g transform="translate(-689, -163)" 225 fill="url(#linearGradient-b8wxp9xymm-1)" fill-rule="nonzero"> 226 <g transform="translate(689, 163)"> 227 <path 228 d="M45.2930824,39.3268576 C44.9489724,38.5796473 44.6048624,37.832437 44.2115938,37.0655633 L24.7742944,0 L6.35949333,34.8829227 C-6.42173539,57.0927655 3.23300815,67.8879879 7.95223107,71.5060588 C12.5787594,74.8752104 18.176796,76.6457362 23.8992718,76.5497283 C28.454437,76.5685241 32.9491699,75.5071742 37.0147788,73.4527383 C40.3378983,71.9386543 43.8969789,68.9989717 47.3282472,63.6210239 L63,38.0585664 L45.2930824,39.3268576 Z M10.6264574,37.2327024 L24.754631,10.4609441 L39.8758077,39.3268576 C39.9544614,39.4645016 40.0134517,39.6021456 40.0822737,39.7299579 L34.7534845,40.1232265 C17.4300038,40.7622879 14.047894,50.0237629 13.3990008,53.9761121 C12.3371757,60.4060533 15.5521463,67.4455608 20.9300941,71.5060588 C17.3080968,71.1317463 13.8506152,69.8016847 10.9115771,67.6520268 C3.08553244,61.6448493 2.96755187,50.5940023 10.6264574,37.2327024 Z M43.1596003,60.9566293 C42.0815985,62.7366945 40.801543,64.3862506 39.3448952,65.8724865 L39.3448952,65.8724865 C38.9220029,66.3037325 38.4721134,66.7076479 37.9979503,67.0817874 L37.93896,67.0817874 C37.2731531,67.6027071 36.5735697,68.0789493 35.8448048,68.5073859 C33.1637371,70.0949252 29.9031144,70.3666438 26.9962619,69.2447645 C21.3430261,67.0916191 17.35135,60.3962216 18.2951946,54.7134906 C19.2783661,48.814462 25.1773947,45.3340351 35.0680994,44.9702617 L53.807347,43.6528119 L43.1596003,60.9566293 Z"></path> 229 </g> 230 </g> 231 </g> 232 </svg> 233 <h1 class="display-2 mb-0">Real Partnerships. Real Work. Real Results.</h1> 234 </div> 235 </div> 236 </div> 237</header> 238 239 240 241 242 243 244<section class="bg-trasnparent section-padding pt-lg-0"> 245 <div class="container"> 246 <div class="row gy-3 row-cols-1 row-cols-lg-3"> 247 248 <div class="col" 249 > 250 251 252<div class="card gallery-card h-100 shadow rounded text-white"> 253 <img class="card-img-top" alt="" src="/getContentAsset/f846d773-3506-471e-b2f5-db7dd5f7950f/cf739897-162e-4c9b-92c2-83760715148a/3.png?language=en" /> 254 <div class="card-body p-3 d-flex flex-column"> 255 <h5 class="card-title h4">Communities In Schools of Eastern Pennsylvania: Ready, Set, Graduate! Brand Development & Visual Identity</h5> 256 257 <div class="mb-2 rich-content" limit-length="250" whole-words="true"> 258 259 260 261 262 <div class="rich-content"> 263 Ready, Set, Graduate! is a signature Communities In Schools (CIS) of Eastern Pennsylvania program celebrating graduating seniors, their resilience, and the people who helped them reach this important milestone. Citro Digital developed a distinctive brand identity and visual strategy that gives the program a recognizable personality of its own while remaining connected to the larger CIS of Eastern PA brand. Today, the annual celebration brings together students, families and CIS professionals from across Eastern Pennsylvania. 264 </div> 265 266 </div> 267 268 <div class="mt-auto"> 269 <a class="btn btn-outline-gradient rounded-pill px-2 stretched-link" href="https://citrodigital.com/portfolio/communities-in-schools-of-eastern-pennsylvania-ready-set-graduate-brand-development-visual-identity"> 270 Learn More 271 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right-short" viewBox="0 0 16 16"> 272 <path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8"/> 273 </svg> 274 </a> 275 </div> 276 </div> 277</div> 278 </div> 279 <div class="col" 280 > 281 282 283<div class="card gallery-card h-100 shadow rounded text-white"> 284 <img class="card-img-top" alt="" src="/getContentAsset/b6e58ad0-cd16-4c72-9e4b-4510d4811bcb/cf739897-162e-4c9b-92c2-83760715148a/3.png?language=en" /> 285 <div class="card-body p-3 d-flex flex-column"> 286 <h5 class="card-title h4">Cofense: Knowledge Center Hub Development</h5> 287 288 <div class="mb-2 rich-content" limit-length="250" whole-words="true"> 289 290 291 292 293 <div class="rich-content"> 294 Cofense has a tremendous depth of cybersecurity intelligence, including real-world data on phishing c
294ampaigns and the threats getting past traditional email defenses. Citro Digital helped turn that expertise into an interactive digital resource by helping to redevelop the Cofense Knowledge Center Hub, creating a more engaging way for security professionals to explore real phishing threats and understand their organization's potential exposure. 295 </div> 296 297 </div> 298 299 <div class="mt-auto"> 300 <a class="btn btn-outline-gradient rounded-pill px-2 stretched-link" href="https://citrodigital.com/portfolio/cofense-knowledge-center-hub-design-development"> 301 Learn More 302 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right-short" viewBox="0 0 16 16"> 303 <path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8"/> 304 </svg> 305 </a> 306 </div> 307 </div> 308</div> 309 </div> 310 <div class="col" 311 > 312 313 314<div class="card gallery-card h-100 shadow rounded text-white"> 315 <img class="card-img-top" alt="" src="/getContentAsset/689290d3-309b-4fe2-a8c6-5fa062343562/cf739897-162e-4c9b-92c2-83760715148a/3.png?language=en" /> 316 <div class="card-body p-3 d-flex flex-column"> 317 <h5 class="card-title h4">VyprVPN: $5 Campaign Creative & Digital Marketing</h5> 318 319 <div class="mb-2 rich-content" limit-length="250" whole-words="true"> 320 321 322 323 324 <div class="rich-content"> 325 VyprVPN wanted to make online privacy feel simple, accessible, and affordable. With a straightforward $5-per-month offer, Citro developed a campaign that turned price into a powerful attention-getter while communicating a larger message that protecting your online activity doesnât have to be complicated or expensive. 326 </div> 327 328 </div> 329 330 <div class="mt-auto"> 331 <a class="btn btn-outline-gradient rounded-pill px-2 stretched-link" href="https://citrodigital.com/portfolio/vyprvpn-$5-campaign-creative-digital-marketing"> 332 Learn More 333 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right-short" viewBox="0 0 16 16"> 334 <path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8"/> 335 </svg> 336 </a> 337 </div> 338 </div> 339</div> 340 </div> 341 <div class="col" 342 > 343 344 345<div class="card gallery-card h-100 shadow rounded text-white"> 346 <img class="card-img-top" alt="" src="/getContentAsset/141b4438-8fb6-4408-81f5-b6f6be1e3cbf/cf739897-162e-4c9b-92c2-83760715148a/3.png?language=en" /> 347 <div class="card-body p-3 d-flex flex-column"> 348 <h5 class="card-title h4">Cofense: Interactive ROI Calculator Design & Development</h5> 349 350 <div class="mb-2 rich-content" limit-length="250" whole-words="true"> 351 352 353 354 355 <div class="rich-content"> 356 Cofense helps organizations defend against phishing threats by combining technology, intelligence, and human expertise. To help prospective customers better understand the financial impact of phishing and the potential value of Cofenseâs solutions, Citro developed an interactive ROI calculator that turns an important business case into a personalized digital experience. 357 </div> 358 359 </div> 360 361 <div class="mt-auto"> 362 <a class="btn btn-outline-gradient rounded-pill px-2 stretched-link" href="https://citrodigital.com/portfolio/cofense-interactive-roi-calculator-design-development"> 363 Learn More 364 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right-short" viewBox="0 0 16 16"> 365 <path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8"/> 366 </svg> 367 </a> 368 </div> 369 </div> 370</div> 371 </div> 372 <div class="col" 373 > 374 375 376<div class="card gallery-card h-100 shadow rounded text-white"> 377 <img class="card-img-top" alt="" src="/getContentAsset/25282756-ed8f-41f0-8c32-09cc887d91d9/cf739897-162e-4c9b-92c2-83760715148a/3.png?language=en" /> 378 <div class="card-body p-3 d-flex flex-column"> 379 <h5 class="card-title h4">The Heart Gallery: WordPress Website Migration</h5> 380 381 <div class="mb-2 rich-content" limit-length="250" whole-words="true"> 382 383 384 385 386 <div class="rich-content"> 387 The Heart Gallery of Southeastern Texas helps connect children in foster care with prospective adoptive families by sharing their stories and putting a face to the need for permanent, loving homes. When its standalone website needed to be incorporated into the Texas Family Care Network (TXFCN) website, Citro was tasked with making that transition seamless, preserving the Heart Gallery experience and functionality while bringing it into the established TXFCN digital ecosystem. 388 </div> 389 390 </div> 391 392 <div class="mt-auto"> 393 <a class="btn btn-outline-gradient rounded-pill px-2 stretched-link" href="https://citrodigital.com/portfolio/the-heart-gallery-wordpress-website-migration"> 394 Learn More 395 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right-short" viewBox="0 0 16 16"> 396 <path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8"/> 397 </svg> 398 </a> 399 </div> 400 </div> 401</div> 402 </div> 403 <div class="col" 404 > 405 406 407<div class="card gallery-card h-100 shadow rounded text-white"> 408 <img class="card-img-top" alt="" src="/getContentAsset/d25ee224-9783-4256-ac19-ab32c6a4b03e/cf739897-162e-4c9b-92c2-83760715148a/3.png?language=en" /> 409 <div class="card-body p-3 d-flex flex-column"> 410 <h5 class="card-title h4">The Fiber School: Website Refresh</h5> 411 412 <div class="mb-2 rich-content" limit-length="250" whole-words="true"> 413 414 415 416 417 <div class="rich-content"> 418 The Fiber School has spent decades preparing professionals for careers in fiber optics and telecommunications. As demand for skilled fiber technicians continues to grow, the organization needed a digital presence that better reflected both its established expertise and the future-focused industries its training supports. Citro refreshed The Fiber Schoolâs website and modernized it to make its programs easier to understand, explore, and act on. 419 </div> 420 421 </div> 422 423 <div class="mt-auto"> 424 <a class="btn btn-outline-gradient rounded-pill px-2 stretched-link" href="https://citrodigital.com/portfolio/the-fiber-school-website-refresh"> 425 Learn More 426 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right-short" viewBox="0 0 16 16"> 427 <path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8"/> 428 </svg> 429 </a> 430 </div> 431 </div> 432</div> 433 </div> 434 <div class="col" 435 > 436 437 438<div class="card gallery-card h-100 shadow rounded text-white"> 439 <img class="card-img-top" alt="" src="/getContentAsset/c838a674-8a20-46b1-a1ce-414a7fe150ab/cf739897-162e-4c9b-92c2-83760715148a/3.png?language=en" /> 440 <div class="card-body p-3 d-flex flex-column"> 441 <h5 class="card-title h4">
441Happy Munch: Yogurt Clusters Package Design</h5> 442 443 <div class="mb-2 rich-content" limit-length="250" whole-words="true"> 444 445 446 447 448 <div class="rich-content"> 449 Happy Munch Factory came to Citro to create packaging for its line of Yogurt Clusters, a fun, snackable product combining yogurt-coated oat and brown rice crisps with fruit-inspired flavors. The goal was to develop a package that felt fresh, flavorful, and approachable while creating a distinctive family look that could grow across multiple varieties. 450 </div> 451 452 </div> 453 454 <div class="mt-auto"> 455 <a class="btn btn-outline-gradient rounded-pill px-2 stretched-link" href="https://citrodigital.com/portfolio/happy-munch-factory-yogurt-clusters-package-design"> 456 Learn More 457 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right-short" viewBox="0 0 16 16"> 458 <path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8"/> 459 </svg> 460 </a> 461 </div> 462 </div> 463</div> 464 </div> 465 <div class="col" 466 > 467 468 469<div class="card gallery-card h-100 shadow rounded text-white"> 470 <img class="card-img-top" alt="" src="/getContentAsset/65ea9aa3-bc3f-4d78-b34a-da9cbfffa4c8/cf739897-162e-4c9b-92c2-83760715148a/3.png?language=en" /> 471 <div class="card-body p-3 d-flex flex-column"> 472 <h5 class="card-title h4">Communities In Schools: Champions for Education Brand Development & Logo Design</h5> 473 474 <div class="mb-2 rich-content" limit-length="250" whole-words="true"> 475 476 477 478 479 <div class="rich-content"> 480 Communities In Schools needed a distinct campaign identity for Champions for Education, an initiative designed to celebrate and build support for the people and organizations helping students succeed. We developed a campaign brand and logo that could stand on its own while remaining connected to the mission and credibility of Communities In Schools. 481 </div> 482 483 </div> 484 485 <div class="mt-auto"> 486 <a class="btn btn-outline-gradient rounded-pill px-2 stretched-link" href="https://citrodigital.com/portfolio/communities-in-schools-champions-for-education-brand-development-logo-design"> 487 Learn More 488 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right-short" viewBox="0 0 16 16"> 489 <path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8"/> 490 </svg> 491 </a> 492 </div> 493 </div> 494</div> 495 </div> 496 <div class="col" 497 > 498 499 500<div class="card gallery-card h-100 shadow rounded text-white"> 501 <img class="card-img-top" alt="" src="/getContentAsset/32f49fdc-5819-4bc2-8ff2-a9d0fe67e68f/cf739897-162e-4c9b-92c2-83760715148a/3.png?language=en" /> 502 <div class="card-body p-3 d-flex flex-column"> 503 <h5 class="card-title h4">AAA Northampton County: Website Modernization & Xperience by Kentico Migration</h5> 504 505 <div class="mb-2 rich-content" limit-length="250" whole-words="true"> 506 507 508 509 510 <div class="rich-content"> 511 We provided AAA Northampton County with a design refresh and launchoftheir upgraded member site, which migrated theirKentico Xperience 13 (K13) CMS to a new solution: Xperience by Kentico (XbyK). Following a successful relaunch, AAANorthamptonCounty was recognized by Kentico as a Site of the Month for June 2026fortheirinnovativeuse of design and digital experience. 512 </div> 513 514 </div> 515 516 <div class="mt-auto"> 517 <a class="btn btn-outline-gradient rounded-pill px-2 stretched-link" href="https://citrodigital.com/portfolio/aaa-northampton-county-web
517site-modernization-xperience-by-kentico-migration"> 518 Learn More 519 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right-short" viewBox="0 0 16 16"> 520 <path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8"/> 521 </svg> 522 </a> 523 </div> 524 </div> 525</div> 526 </div> 527 <div class="col" 528 > 529 530 531<div class="card gallery-card h-100 shadow rounded text-white"> 532 <img class="card-img-top" alt="" src="/getContentAsset/e3a21a11-2c6d-4283-a56b-df52b79f2c14/cf739897-162e-4c9b-92c2-83760715148a/3-(1).png?language=en" /> 533 <div class="card-body p-3 d-flex flex-column"> 534 <h5 class="card-title h4">Cofense - Controlled Automation Integrated Marketing Campaign</h5> 535 536 <div class="mb-2 rich-content" limit-length="250" whole-words="true"> 537 538 539 540 541 <div class="rich-content"> 542 Cofense trusted us to develop an integrated marketing campaign surrounding controlled automation, focused on the evolving relationship between AI and human expertise in phishing defense. 543 </div> 544 545 </div> 546 547 <div class="mt-auto"> 548 <a class="btn btn-outline-gradient rounded-pill px-2 stretched-link" href="https://citrodigital.com/portfolio/cofense-controlled-automation-integrated-marketing-campaign"> 549 Learn More 550 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right-short" viewBox="0 0 16 16"> 551 <path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8"/> 552 </svg> 553 </a> 554 </div> 555 </div> 556</div> 557 </div> 558 <div class="col" 559 > 560 561 562<div class="card gallery-card h-100 shadow rounded text-white"> 563 <img class="card-img-top" alt="" src="/getContentAsset/230ebda0-1fda-4b6e-918a-f0cba3c29a4d/cf739897-162e-4c9b-92c2-83760715148a/4-(1).png?language=en" /> 564 <div class="card-body p-3 d-flex flex-column"> 565 <h5 class="card-title h4">Ramius - Branding & Website Creation</h5> 566 567 <div class="mb-2 rich-content" limit-length="250" whole-words="true"> 568 569 570 571 572 <div class="rich-content"> 573 Ramius entered the market with a clear vision but no established brand presence. As a new company in a specialized industry, they needed more than a website. They needed a foundation to build from for the future while establishing credibility from day one. 574 </div> 575 576 </div> 577 578 <div class="mt-auto"> 579 <a class="btn btn-outline-gradient rounded-pill px-2 stretched-link" href="https://citrodigital.com/portfolio/ramius-branding-website-creation"> 580 Learn More 581 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right-short" viewBox="0 0 16 16"> 582 <path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8"/> 583 </svg> 584 </a> 585 </div> 586 </div> 587</div> 588 </div> 589 <div class="col" 590 > 591 592 593<div class="card gallery-card h-100 shadow rounded text-white"> 594 <img class="card-img-top" alt="" src="/getContentAsset/ea528184-3142-4220-8228-6cd701eceb5e/cf739897-162e-4c9b-92c2-83760715148a/3-(1).png?language=en" /> 595 <div class="card-body p-3 d-flex flex-column"> 596 <h5 class="card-title h4">Cofense - From Threat to Zero Integrated Marketing Campaign</h5> 597 598 <div class="mb-2 rich-content" limit-length="250" whole-words="true"> 599 600 601 602 603 <div class="rich-content"> 604 Cofense is a globally recognized email security company focused on stopping phishing threats before they hit employees' inboxes. Following a successful Cybersecurity Awareness Month campaign, they wanted to keep the momentum going with a campaign focused on speed, accuracy, and remediation. 605 </div> 606 607 </div> 608 609 <div class="mt-auto"> 610 <a class="btn btn-outline-gradient rounded-pill px-2 stretched-link" href="https://citrodigital.com/portfolio/cofense-from-threat-to-zero-integrated-marketing-campaign"> 611 Learn More 612 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right-short" viewBox="0 0 16 16"> 613 <path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8"/> 614 </svg> 615 </a> 616 </div> 617 </div> 618</div> 619 </div> 620 <div class="col" 621 > 622 623 624<div class="card gallery-card h-100 shadow rounded text-white"> 625 <img class="card-img-top" alt="" src="/getContentAsset/c3194368-c6fa-4bba-b1fd-e6cdd2cf2b5f/cf739897-162e-4c9b-92c2-83760715148a/3.png?language=en" /> 626 <div class="card-body p-3 d-flex flex-column"> 627 <h5 class="card-title h4">Cofense - 2025 Cybersecurity Awareness Month Integrated Marketing Campaign</h5> 628 629 <div class="mb-2 rich-content" limit-length="250" whole-words="true"> 630 631 632 633 634 <div class="rich-content"> 635 To celebrate Cybersecurity Awareness Month, we developed a "Formula Phish" integrated marketing campaign designed to turn security education into an immersive, high-energy experience. 636 </div> 637 638 </div> 639 640 <div class="mt-auto"> 641 <a class="btn btn-outline-gradient rounded-pill px-2 stretched-link" href="https://citrodigital.com/portfolio/cofense-2025-cybersecurity-awareness-month-integrated-campaign"> 642 Learn More 643 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right-short" viewBox="0 0 16 16"> 644 <path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8"/> 645 </svg> 646 </a> 647 </div> 648 </div> 649</div> 650 </div> 651 <div class="col" 652 > 653 654 655<div class="card gallery-card h-100 shadow rounded text-white"> 656 <img class="card-img-top" alt="" src="/getContentAsset/f73705c3-0828-4d8e-8a6f-a005c87afcd3/cf739897-162e-4c9b-92c2-83760715148a/3.png?language=en" /> 657 <div class="card-body p-3 d-flex flex-column"> 658 <h5 class="card-title h4">Cofense - Website Design & Development</h5> 659 660 <div class="mb-2 rich-content" limit-length="250" whole-words="true"> 661 662 663 664 665 <div class="rich-content"> 666 Cofense is a globally recognized email security company, serving some of the most notable organizations and strengthening their security every day. They needed a digital experience built for a fast-moving cybersecurity ecosystem. Their website needed consistent design elements and functionality built to perform. 667 </div> 668 669 </div> 670 671 <div class="mt-auto"> 672 <a class="btn btn-outline-gradient rounded-pill px-2 stretched-link" href="https://citrodigital.com/portfolio/cofense-website-design-development"> 673 Learn More 674 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right-short" viewBox="0 0 16 16"> 675 <path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8"/> 676 </svg> 677 </a> 678 </div> 679 </div> 680</div> 681 </div> 682 <div class="col" 683 > 684 685 686<div class="card gallery-card h-100 shadow rounded text-white"> 687 <img class="card-img-top" alt="" src="/getContentAsset/1aca019c-3493-4b73-a04e-2ffaf7156442/cf739897-162e-4c9b-92c2-83760715148a/3.png?language=en" /> 688 <div class="card-body p-3 d-flex flex-column"> 689 <h5 class="card-title h4">Service 1st Federal Credit Union - Website Redesign & Xperience by Kentico Migration</h5> 690 691 <div class="mb-2 rich-content" limit-length="250" whole-words="true"> 692 693 694 695 696 <div class="rich-content"> 697 Service 1st Federal Credit Union needed a visual refresh and a digital foundation built to scale. We partnered with their team to redesign their website from the ground up and migrate them from a legacy Kentico environment to Xperience by Kentico, creating a faster, more flexible, and future-ready experience. 698 </div> 699 700 </div> 701 702 <div class="mt-auto"> 703 <a class="btn btn-outline-gradient rounded-pill px-2 stretched-link" href="https://citrodigital.com/portfolio/service-1st-website-redesign"> 704 Learn More 705 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right-short" viewBox="0 0 16 16"> 706 <path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8"/> 707 </svg> 708 </a> 709 </div> 710 </div> 711</div> 712 </div> 713 <div class="col" 714 715 hx-post="/pagination?path=%2FPortfolio&language=en&pageSize=16&pageNumber=1&contentType=Citro.SuccessStory" 716 hx-trigger="revealed" 717 hx-swap="afterend" 718 > 719 720 721<div class="card gallery-card h-100 shadow rounded text-white"> 722 <img class="card-img-top" alt="" src="/getContentAsset/97767595-ccad-408f-9df2-6c921d5fbfb4/cf739897-162e-4c9b-92c2-83760715148a/3.png?language=en" /> 723 <div class="card-body p-3 d-flex flex-column"> 724 <h5 class="card-title h4">LiveHelpNow - Brand & Website Redesign</h5> 725 726 <div class="mb-2 rich-content" limit-length="250" whole-words="true"> 727 728 729 730 731 <div class="rich-content">
732 LiveHelpNow is a customer support platform that helps businesses manage live chat conversations across numerous platforms, all from one unified system. As the product evolved, they needed to modernize their identity and launch a new website as advanced as their product. 733 </div> 734 735 </div> 736 737 <div class="mt-auto"> 738 <a class="btn btn-outline-gradient rounded-pill px-2 stretched-link" href="https://citrodigital.com/portfolio/livehelpnow-brand-website-redesign"> 739 Learn More 740 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right-short" viewBox="0 0 16 16"> 741 <path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8"/> 742 </svg> 743 </a> 744 </div> 745 </div> 746</div> 747 </div> 748 749 </div> 750 </div> 751</section> 752 753 754 755<section class="section-padding"><div class="container bg-transparent"> 756 757</div> 758</section> 759 </main> 760 761 762 763<footer class="py-4 pt-lg-8 pb-lg-5" data-ktc-search-exclude> 764 <svg viewBox="0 0 382 507" class="vertical-logo-white"> 765 <g fill="#FFFFFE" fill-rule="evenodd"> 766 <path d="M229.041184,135.03856 C218.842234,135.03856 208.611155,136.756238 198.695254,140.211477 C175.506644,148.295116 156.855999,164.924315 146.176631,187.03234 C124.132457,232.670866 143.34002,287.729851 188.990493,309.767517 C211.105047,320.443732 236.057743,321.870797 259.243294,313.787158 C282.433434,305.70352 301.084079,289.07432 311.763447,266.966295 C322.441285,244.85827 323.8703,219.916001 315.782745,196.734236 C307.696719,173.552471 291.064138,154.907333 268.948055,144.231118 C256.290402,138.120591 242.697923,135.03856 229.041184,135.03856 Z M228.891244,329 C213.742759,329 198.670774,325.582999 184.626946,318.804062 C133.990218,294.360423 112.686561,233.290331 137.138948,182.670081 C148.982643,158.146907 169.671241,139.703668 195.390464,130.737483 C221.112747,121.772827 248.784245,123.354376 273.314661,135.194574 C297.843548,147.036301 316.292233,167.717262 325.259536,193.430421 C334.229899,219.142051 332.644824,246.808438 320.80113,271.328554 C308.957435,295.851728 288.270367,314.294967 262.549614,323.261152 C251.555066,327.094189 240.20097,329 228.891244,329 L228.891244,329 Z"></path><path d="M228.91714,313.03679 C218.892618,313.03679 208.708953,314.687535 198.721156,318.169549 C150.844922,334.863637 125.478337,387.384535 142.174651,435.248468 C150.261905,458.435381 166.89701,477.086189 189.014922,487.763246 C211.134364,498.441832 236.092378,499.867683 259.278388,491.78225 C307.154623,475.091222 332.519678,422.570324 315.826423,374.704861 C302.612907,336.824948 266.94942,313.03679 228.91714,313.03679 Z M228.9202,507 C213.770946,507 198.696673,503.58224 184.650712,496.801797 C160.116571,484.95897 141.666616,464.271886 132.694891,438.553016 C114.177605,385.463001 142.312372,327.2081 195.415864,308.693451 C248.519357,290.180332 306.785838,318.310298 325.304654,371.400313 C343.82347,424.491857 315.685642,482.745228 262.58521,501.259877 C251.588994,505.093765 240.234704,507 228.9202,507 L228.9202,507 Z"></path><path d="M249.750263,192.173518 C226.564925,200.262278 207.914153,216.897334 197.235588,239.01518 C186.558552,261.133026 185.131174,286.086376 193.216592,309.278439 C206.427109,347.166765 242.082502,370.957145 280.10462,370.960206 C290.128396,370.960206 300.31128,369.309095 310.29375,365.826307 C358.159118,349.130041 383.521476,296.597479 366.828951,248.721386 C350.136426,200.845293 297.611041,175.478783 249.750263,192.173518 Z M280.113799,381 C237.934996,381 198.393707,354.611301 183.740512,312.583721 C174.770824,286.860669 176.35425,259.181992 188.198584,234.650984 C200.041388,210.116915 220.726901,191.665484 246.445721,182.695315 C299.54481,164.176554 357.790417,192.314298 376.30656,245.416104 C394.819643,298.517909 366.689732,356.785748 313.599822,375.304509 C302.528077,379.166793 291.22838,381 280.113799,381 L280.113799,381 Z"></path><path d="M280.071216,260.041726 C269.870732,260.041726 259.635047,261.759918 249.716167,265.216191 C226.522118,273.3
76603778 207.865869,289.936423 197.183292,312.051063 C175.132493,357.703244 194.344297,412.778703 240.01002,434.824492 C285.674212,456.865692 340.767539,437.659585 362.818338,392.008934 C384.869137,346.355223 365.655802,291.281294 319.990079,269.237035 C307.328623,263.124679 293.730529,260.041726 280.071216,260.041726 Z M279.838587,454 C264.977866,454 249.896761,450.742627 235.642101,443.86221 C184.991685,419.411259 163.683157,358.322894 188.141362,307.685969 C199.990147,283.156987 220.683432,264.708231 246.410384,255.739363 C272.141927,246.770495 299.823271,248.355576 324.357998,260.197787 C375.008414,284.648738 396.315411,345.737103 371.860268,396.374028 C354.28605,432.757461 317.783163,454 279.838587,454 L279.838587,454 Z"></path><path d="M154.942512,135.082223 C144.918742,135.082223 134.737394,136.732594 124.75034,140.21535 C76.8865295,156.9026 51.5241869,209.41161 68.2167023,257.266238 C76.3021155,280.447903 92.9334358,299.09296 115.046314,309.76913 C137.159193,320.443769 162.108468,321.870827 185.295322,313.787224 C233.160662,297.099974 258.519945,244.589434 241.82896,196.736335 C228.61998,158.864996 192.964608,135.082223 154.942512,135.082223 Z M154.944042,329 C139.796705,329 124.725862,325.584544 110.683098,318.805635 C86.1560695,306.963959 67.7087823,286.283087 58.7406286,260.570038 C49.770945,234.858519 51.3543703,207.192251 63.1971676,182.670712 C75.0414948,158.149173 95.7269957,139.707543 121.4458,130.739867 C147.164605,121.770662 174.834006,123.355262 199.362564,135.196938 C223.889592,147.038615 242.33688,167.719487 251.306563,193.432535 C269.819635,246.510533 241.689741,304.752248 188.599862,323.262706 C177.606147,327.095726 166.252912,329 154.944042,329 L154.944042,329 Z"></path><path d="M102.071888,260.043109 C91.87601,260.043109 81.646482,261.759623 71.7350973,265.218659 C48.5534697,273.304021 29.9069125,289.935235 19.2322899,312.047973 C8.55613789,334.160711 7.12908204,359.108297 15.2142023,382.295003 C23.2977931,405.48171 39.9253646,424.130822 62.0332589,434.809313 C84.1411531,445.486275 109.083275,446.913643 132.264903,438.828281 C155.44653,430.74292 174.091558,414.111705 184.76771,391.998967 C195.443862,369.88623 196.870918,344.937113 188.787327,321.751937 C180.702207,298.56523 164.074635,279.916118 141.966741,269.237627 C129.311371,263.124267 115.722985,260.043109 102.071888,260.043109 Z M102.090243,454 C59.922501,454 20.3870886,427.617396 5.73873502,385.599522 C-3.2289268,359.880881 -1.64432888,332.210127 10.1957991,307.683254 C22.0374565,283.156382 42.7182949,264.710742 68.4313024,255.741116 C94.1412508,246.769959 121.807474,248.354904 146.330504,260.199156 C170.852004,272.043408 189.295133,292.728777 198.261265,318.447418 C207.228927,344.166059 205.644329,371.836814 193.804201,396.363686 C181.962543,420.889028 161.281705,439.336198 135.568698,448.305825 C124.497926,452.165686 113.202312,454 102.090243,454 L102.090243,454 Z"></path><path d="M102.072265,187.043406 C91.870269,187.043406 81.6346031,188.761583 71.7172714,192.217826 C48.5217344,200.305343 29.8655192,216.937844 19.1829613,239.052292 C-2.86779732,284.704077 16.343972,339.77906 62.0096116,361.823128 C74.8577598,368.0257 88.4604209,370.964807 101.854941,370.964807 C136.068205,370.964807 168.971401,351.817006 184.819236,319.011001 C206.868464,273.359216 187.656695,218.284233 141.991056,196.238635 C129.328092,190.126332 115.731553,187.043406 102.072265,187.043406 Z M101.839636,381 C86.978943,381 71.8993952,377.744185 57.6432308,370.862298 C6.99290768,346.411558 -14.3171119,285.323723 10.1410483,234.687236 C21.989811,210.159996 42.6845888,191.70987 68.4114941,182.741079 C94.1399299,173.769229 121.819693,175.355827 146.357436,187.199465 C197.007759,211.651735 218.316249,272.73804 193.859619,323.374527 C176.283903,359.759174 139.782613,381 101.839636,381 L101.839636,381 Z"></path><path d="M155.072696,313.041876 C144.869219,313.041876 134.635134,314.760053 124.717851,318.217826 C101.520896,326.305343 82.8647718,342.936314 72.1822659,365.050762 C50.1316147,410.702548 69.3432904,465.77753 115.008708,487.823129 C127.858324,494.025701 141.459388,496.963278 154.853843,496.963278 C189.06694,496.963278 221.969976,477.817007 237.817734,445.009471 C259.866855,399.357686 240.655179,344.282703 194.991292,322.237105 C182.32686,316.124802 168.731918,313.041876 155.072696,313.041876 Z M154.838538,507 C139.977917,507 124.898443,503.742655 110.643879,496.862299 C59.9922716,472.410029 38.6823558,411.322193 63.1419274,360.687236 C74.9891019,336.158467 95.6837789,317.70987 121.410559,308.741079 C147.1404,299.769229 174.820028,301.355827 199.356121,313.199465 C250.007728,337.651735 271.317644,398.738041 246.858073,449.374527 C229.283973,485.759175 192.78286,507 154.838538,507 L154.838538,507 Z"></path> 767 </g> 768 </svg> 769 <div class="container"> 770 <div class="footer row justify-content-center justify-content-lg-start gy-2 g
770y-lg-5"> 771 <div class="col-10 col-lg-5"> 772 <svg viewBox="0 0 40 49" xmlns="http://www.w3.org/2000/svg" width="30px" class="d-block d-lg-none m-auto pb-2"> 773 <defs> 774 <linearGradient x1="28.000818%" y1="26.4254927%" x2="49.1857086%" y2="97.2766675%" id="gradient"> 775 <stop stop-color="#EA0F28" offset="0%"></stop><stop stop-color="#7F2BF4" offset="100%"></stop> 776 </linearGradient> 777 </defs><path d="M168.757513,472.969433 C168.53903,472.495014 168.320548,472.020595 168.070853,471.533691 L155.729711,448 L144.037774,470.147887 C135.922708,484.249375 142.052704,491.103484 145.049036,493.400672 C147.986514,495.539816 151.540823,496.663959 155.174141,496.603002 C158.066309,496.614936 160.920108,495.941063 163.501447,494.636659 C165.611364,493.675336 167.871098,491.808871 170.049681,488.394301 L180,472.164169 L168.757513,472.969433 Z M146.746957,471.639811 L155.717226,454.641869 L165.317973,472.969433 C165.367912,473.056826 165.405366,473.144219 165.449063,473.22537 L162.065704,473.475064 C151.066669,473.880818 148.919298,479.761119 148.507302,482.270547 C147.833127,486.35305 149.874379,490.822578 153.288949,493.400672 C150.989268,493.163014 148.794041,492.31853 146.927985,490.953668 C141.959068,487.139587 141.88416,480.123176 146.746957,471.639811 Z M167.402921,486.702622 C166.718475,487.832822 165.905742,488.880159 164.980886,489.823801 L164.980886,489.823801 C164.712383,490.097608 164.426739,490.354062 164.125683,490.591611 L164.088229,490.591611 C163.665494,490.922354 163.221314,491.22473 162.758606,491.496753 C161.056341,492.504714 158.986104,492.677234 157.140484,491.96493 C153.551128,490.597853 151.01673,486.346807 151.615997,482.738724 C152.240232,478.993309 155.985647,476.783514 162.26546,476.552547 L174.163395,475.716071 L167.402921,486.702622 Z" transform="translate(-140 -448)" fill="url(#gradient)" fill-rule="nonzero"></path> 778 </svg> 779 780 <address> 781 782 783 784 785 786 787<ul class="list-unstyled text-center text-lg-start"> 788 <li class="mb-1"> 789 <a href="/cdn-cgi/l/email-protection#1d75787171725d7e74696f7279747a74697c71337e7270"> 790 <span class="__cf_email__" data-cfemail="7018151c1c1f30131904021f1419171904111c5e131f1d">[email protected]</span> 791 </a> 792 </li> 793 <li> 794 <a href="tel:+6106733866">610.673.3866</a> 795 </li> 796 <li class="d-flex justify-content-center justify-content-lg-start"> 797 <a rel="nofollow" class="social-icon mx-1 mx-lg-0 me-lg-2" href="https://www.threads.net/@citrodigital" target="_blank"><span class="visually-hidden">Threads</span> 798 <svg id="Layer_1" data-name="Layer 1" height="16px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 232.91 265.48"> 799 <path d="M118.51,265.48h-.08c-39.61-.27-70.06-13.33-90.52-38.83C9.7,203.97.32,172.4,0,132.84v-.19C.32,93.07,9.7,61.51,27.92,38.83,48.37,13.33,78.83.27,118.43,0h.15c30.36.2,55.77,8.01,75.51,23.19,18.56,14.27,31.62,34.62,38.83,60.48l-22.56,6.29c-12.21-43.8-43.11-66.19-91.85-66.54-32.18.23-56.51,10.34-72.34,30.06-14.82,18.46-22.48,45.13-22.75,79.25.29,34.13,7.94,60.8,22.75,79.25,15.82,19.71,40.15,29.83,72.34,30.06,29.01-.21,48.2-6.97,64.17-22.61,18.22-17.85,17.89-39.74,12.06-53.06-3.43-7.85-9.67-14.39-18.07-19.34-2.11,14.93-6.86,27.06-14.21,36.19-9.79,12.19-23.67,18.85-41.24,19.8-13.3.72-26.11-2.43-36.05-8.86-11.76-7.61-18.64-19.26-19.38-32.79-.72-13.16,4.5-25.27,14.69-34.08,9.74-8.42,23.44-13.37,39.63-14.27,11.93-.67,23.09-.14,33.4,1.58-1.37-8.21-4.14-14.72-8.27-19.43-5.68-6.47-14.47-9.78-26.1-9.86h-.33c-9.34,0-22.03,2.56-30.12,14.59l-19.44-13.07c10.82-16.09,28.4-24.94,49.54-24.94h.48c35.35.22,56.39,21.84,58.48,59.59,1.2.51,2.38,1.03,3.55,1.58,16.49,7.75,28.55,19.49,34.88,33.95,8.82,20.15,9.63,52.99-17.13,79.19-20.44,20.02-45.26,29.05-80.47,29.29h-.08,0s0,0,0,0ZM129.6,136.15c-2.68,0-5.39.08
799-8.17.24-20.32,1.15-32.97,10.45-32.26,23.7.76,13.88,16.07,20.34,30.79,19.54,13.55-.73,31.18-6,34.13-41.04-7.48-1.6-15.7-2.44-24.49-2.44h0Z" style="fill: #fff;"></path> 800</svg> 801 </a> 802<a rel="nofollow" class="social-icon mx-1 mx-lg-0 me-lg-2" href="https://www.facebook.com/CITRO-Digital-161561997693305/" target="_blank"><span class="visually-hidden">Facebook</span> 803 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 81.89 152.1" height="16px"><path d="M81.89 26.83V0H58.17C39.36 0 24.1 15.25 24.1 34.06v24.55H0v28.01h24.1v65.47h29.43v-65.9h22.04l4.2-27.81H53.53V38.59c0-6.49 5.26-11.75 11.75-11.75h16.6z" fill="#fff"></path></svg> 804 </a> 805<a rel="nofollow" class="social-icon mx-1 mx-lg-0 me-lg-2" href="https://www.instagram.com/citrodigital/" target="_blank"><span class="visually-hidden">Instagram</span> 806 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 152.1 152.1" height="16px"><g fill="#fff"><path d="M76.05 115.12c-21.55 0-39.08-17.53-39.08-39.07S54.5 36.97 76.05 36.97s39.07 17.53 39.07 39.08-17.53 39.07-39.07 39.07zm0-65.14c-14.37 0-26.07 11.69-26.07 26.07s11.69 26.07 26.07 26.07 26.07-11.69 26.07-26.07-11.69-26.07-26.07-26.07z"></path><path d="M112.39 152.1H39.7C17.81 152.1 0 134.29 0 112.39V39.7C0 17.81 17.81 0 39.7 0h72.69c21.89 0 39.7 17.81 39.7 39.7v72.69c0 21.89-17.81 39.7-39.7 39.7zM39.7 13.01c-14.72 0-26.7 11.98-26.7 26.7v72.68c0 14.72 11.98 26.7 26.7 26.7h72.69c14.72 0 26.7-11.98 26.7-26.7V39.7c0-14.72-11.98-26.7-26.7-26.7H39.7z"></path><circle cx="116.22" cy="35.22" r="8.98"></circle></g></svg> 807 </a> 808<a rel="nofollow" class="social-icon mx-1 mx-lg-0 me-lg-2" href="https://www.linkedin.com/company/citro-digital" target="_blank"><span class="visually-hidden">Linkedin</span> 809 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 151.79 152.1" height="16px"><g fill="#fff"><path d="M2.51 51.84h30.38V152.1H2.51V51.84zm50.47 31.11c0-10.56 0-23.34-.24-32.59h29.45c.65 3.32 1.07 10.8 1.17 14.68 4.41-8.6 13.91-17.65 36.2-17.65 24.31 0 32.22 17.56 32.22 49.12v55.59H121.4V99.99c0-15.29-6.13-26.09-16-26.09-17.12 0-22.05 10.93-22.05 33.62v44.58H52.97V82.95z"></path><circle cx="17.7" cy="17.7" r="17.7" transform="rotate(-22.5 17.696 17.71)"></circle></g></svg> 810 </a> 811 812 </li> 813 </ul> 814 815 816 817 </address> 818 </div> 819 <div class="col-10 col-sm-5 col-md-4 col-lg offset-sm-1"> 820 821 822 823 824 825 826<div class="rich-content"> 827 828 829 830 831 <div class="rich-content"> 832 <ul class="list-unstyled"><li>Services</li><li><a href="/services/digital-services">Digital Services </a></li><li><a href="/services/web-development">Web Development </a></li><li><a href="/services/creative-services">Creative Services</a></li><li><a href="/services/strategy">Strategy</a></li></ul> 833 </div> 834 835</div> 836 837 838 839 </div> 840 <div class="col-10 col-sm-5 col-md-4 col-lg offset-sm-1"> 841 842 843 844 845 846 847<div class="rich-content"> 848 849 850 851 852 <div class="rich-content"> 853 <ul class="list-unstyled"><li>Company</li><li><a href="/portfolio">Portfolio</a></li><li><a href="/about-us">About Us</a></li><li><a href="/blogs">Blogs</a></li></ul> 854 </div> 855 856</div> 857 858 859 860 </div> 861 </div> 862 863 <div class="row align-items-end justify-content-center justify-content-lg-between g-2 g-lg-5 mt-4 mt-lg-0"> 864 <div class="col-md-6 col-lg-3 d-none d-lg-block"> 865 <svg viewBox="0 0 40 49" xmlns="http://www.w3.org/2000/svg" width="40px" class="d-none d-lg-block"> 866 <defs> 867 <linearGradient x1="28.000818%" y1="26.4254927%" x2="49.1857086%" y2="97.2766675%" id="gradient2"> 868 <stop stop-color="#EA0F28" offset="0%"></stop><stop stop-color="#7F2BF4" offset="100%"></stop> 869 </linearGradient> 870 </defs><path d="M168.757513,472.969433 C168.53903,472.495014 168.320548,472.020595 168.070853,471.533691 L155.729711,448 L144.037774,470.147887 C135.922708,484.249375 142.052704,491.103484 145.049036,493.400672 C147.986514,495.539816 151.540823,496.663959
870155.174141,496.603002 C158.066309,496.614936 160.920108,495.941063 163.501447,494.636659 C165.611364,493.675336 167.871098,491.808871 170.049681,488.394301 L180,472.164169 L168.757513,472.969433 Z M146.746957,471.639811 L155.717226,454.641869 L165.317973,472.969433 C165.367912,473.056826 165.405366,473.144219 165.449063,473.22537 L162.065704,473.475064 C151.066669,473.880818 148.919298,479.761119 148.507302,482.270547 C147.833127,486.35305 149.874379,490.822578 153.288949,493.400672 C150.989268,493.163014 148.794041,492.31853 146.927985,490.953668 C141.959068,487.139587 141.88416,480.123176 146.746957,471.639811 Z M167.402921,486.702622 C166.718475,487.832822 165.905742,488.880159 164.980886,489.823801 L164.980886,489.823801 C164.712383,490.097608 164.426739,490.354062 164.125683,490.591611 L164.088229,490.591611 C163.665494,490.922354 163.221314,491.22473 162.758606,491.496753 C161.056341,492.504714 158.986104,492.677234 157.140484,491.96493 C153.551128,490.597853 151.01673,486.346807 151.615997,482.738724 C152.240232,478.993309 155.985647,476.783514 162.26546,476.552547 L174.163395,475.716071 L167.402921,486.702622 Z" transform="translate(-140 -448)" fill="url(#gradient2)" fill-rule="nonzero"></path> 871 </svg> 872 </div> 873 <div class="col col-md text-md-end align-items-center justify-content-center justify-content-lg-end row p-0 m-0"> 874 <div class="col-auto"> 875 <span class="text-muted"> 876 <small>Citro 2026©</small> 877 </span> 878 </div> 879 <div class="col-auto"> 880 <a href="/privacy-policy" class="text-muted"> 881 <small>Privacy Policy</small> 882 </a> 883 </div> 884 <div class="col-auto"> 885 <span class="text-muted"> 886 <small>All Rights Reserved</small> 887 </span> 888 </div> 889 </div> 890 </div> 891 </div> 892</footer>
vendor: 114 bytes, lines 892-895
892 893 894 895<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
895<script src="https://code.jquery.com/jquery-3.7.1.min.js" 896 integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
896 897
898<script src="/PageBuilder/Public/Slider/main.js"></script>
vendor: 2 bytes, line 898
898
899<script src="/_content/Kentico.Content.Web.Rcl/Content/Bundles/Public/systemFormComponents.min.js"></script>
899 900 901 902
902<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js" 903 integrity="sha512-HGOnQO9+SP1V92SrtZfjqxxtLmVzqZpjFFekvzZVWoiASSQgSr4cw9Kqd2+l8Llp4Gm0G8GIFJ4ddwZilcdb8A==" 904 crossorigin="anonymous" referrerpolicy="no-referrer"></script>
904 905 906
907<script src="/dist/main.js" type="module"></script>
907 908
909<script src="https://unpkg.com/[email protected]" integrity="sha384-HGfztofotfshcF7+8n44JQL2oJmowVChPTg48S+jvZoztPfvwD79OC/LTtG6dMp+" crossorigin="anonymous"></script>
vendor: 1 bytes, line 909
909
910<script src="/_content/Kentico.Xperience.TagManager/js/xperience-tag-manager.js?v=TtMOjnP7C3BlwtJokJNEQ6vzf8k5yEol-AKk2EPFSpU" type="module"></script>
910</body> 911</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.