PageSourceSearch

https://citrodigital.com/portfolio

html citrodigital.com collected 2026-10-06 13:13:36 UTC 60,053 bytes, 911 lines download raw bytes

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&amp;languageName=en&amp;logPageVisit=True&amp;logCustomActivity=True&amp;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 &amp; 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 &amp; 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 &amp; 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.&nbsp;
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 &amp; 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 &amp; 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&nbsp;to&nbsp;a new solution: Xperience by Kentico (XbyK). Following a successful relaunch, AAANorthamptonCounty was recognized by Kentico as&nbsp;a&nbsp;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 &amp; 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.&nbsp;
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 &amp; 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 &amp; 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&amp;language=en&amp;pageSize=16&amp;pageNumber=1&amp;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 &amp; 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&#160;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 &nbsp;</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.