PageSourceSearch

https://madpop-design-2.webflow.io/about

html madpop-design-2.webflow.io collected 2026-10-03 13:23:40 UTC 47,870 bytes, 681 lines download raw bytes

1<!DOCTYPE html><!-- This site was created in Webflow. https://webflow.com --><!-- Last Published: Sat Jun 29 2024 19:04:22 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="madpop-design-2.webflow.io" data-wf-page="667f242fb2558e0a5efc4bef" data-wf-site="6603080b80557e963c3beea9" lang="en"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>About - MadPop Design</title><meta content="Your business is better than your current web presence displays. Learn more about how MadPop helps you make the impression your business deserves." name="description"/><meta content="About - MadPop Design" property="og:title"/><meta content="Your business is better than your current web presence displays. Learn more about how MadPop helps you make the impression your business deserves." property="og:description"/><meta content="https://cdn.prod.website-files.com/6603080b80557e963c3beea9/668047572f09f3e46b8df75d_MadPop%20Opengraph%20Image.png" property="og:image"/><meta content="About - MadPop Design" name="twitter:title"/><meta content="Your business is better than your current web presence displays. Learn more about how MadPop helps you make the impression your business deserves." name="twitter:description"/><meta content="https://cdn.prod.website-files.com/6603080b80557e963c3beea9/668047572f09f3e46b8df75d_MadPop%20Opengraph%20Image.png" name="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="Webflow" name="generator"/><link href="https://cdn.prod.website-files.com/6603080b80557e963c3beea9/css/madpop-design-2.webflow.c3ae9773c.css" rel="stylesheet" type="text/css"/>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/6603080b80557e963c3beea9/660308c9f77c8fd13e11280c_MadPop%20Favicon.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/6603080b80557e963c3beea9/660308d57390367a7c7c8ff5_MadPop%20webclip.png" rel="apple-touch-icon"/></head><body><div class="page_wrap"><div class="page_code_wrap"><div class="page_code_base w-embed"><style>
2/* variables */
3:root {
4	/* grid */
5	--column-count: 12;
6	--grid-main: repeat(var(--column-count), minmax(0, 1fr));
7	--grid-1: repeat(1, minmax(0, 1fr));
8	--grid-2: repeat(2, minmax(0, 1fr));
9	--grid-3: repeat(3, minmax(0, 1fr));
10	--grid-4: repeat(4, minmax(0, 1fr));
11	--grid-5: repeat(5, minmax(0, 1fr));
12	--grid-6: repeat(6, minmax(0, 1fr));
13	--grid-7: repeat(7, minmax(0, 1fr));
14	--grid-8: repeat(8, minmax(0, 1fr));
15	--grid-9: repeat(9, minmax(0, 1fr));
16	--grid-10: repeat(10, minmax(0, 1fr));
17	--grid-11: repeat(11, minmax(0, 1fr));
18	--grid-12: repeat(12, minmax(0, 1fr));
19	--grid-gap-total: calc(var(--grid-gap--main) * (var(--column-count) - 1));
20	--column-width: calc((100% - var(--grid-gap-total)) / var(--column-count) + var(--grid-gap--main));
21	--breakout-gutter: minmax(calc(var(--padding-horizontal--main) - var(--grid-gap--main)), 1fr);
22	--breakout-remaining: calc(var(--max-width--main) - (var(--padding-horizontal--main) * 2));
23	--breakout-start: [full-start] var(--breakout-gutter) [content-start];
24	--breakout-end: [content-end] var(--breakout-gutter) [full-end];
25	--grid-breakout-single: var(--breakout-start) minmax(0, var(--breakout-remaining)) var(--breakout-end);
26	--grid-breakout: var(--breakout-start) repeat(var(--column-count), minmax(0, calc((var(--breakout-remaining) - var(--grid-gap-total)) / var(--column-count)))) var(--breakout-end);
27	/* others */
28	--font-weight--inherit: inherit;
29	--font-weight--100: 100;
30	--font-weight--200: 200;
31	--font-weight--300: 300;
32	--font-weight--400: 400;
33	--font-weight--500: 500;
34	--font-weight--600: 600;
35	--font-weight--700: 700;
36	--font-weight--800: 800;
37	--font-weight--900: 900;
38	--text-transform--none: none;
39	--text-transform--uppercase: uppercase;
40	--text-transform--capitalize: capitalize;
41	--text-transform--lowercase: lowercase;
42	--text-transform--inherit: inherit;
43	--max-width--none: none;
44}
45
46/* default styles */
47body {
48	font-weight: var(--text-main--font-weight);
49	text-transform: var(--text-main--text-transform);
50	font-smoothing: antialiased;
51	-webkit-font-smoothing: antialiased;
52}
53h1, h2, h3, h4, h5, h6, blockquote {
54	font-size: inherit;
55	line-height: inherit;
56	font-weight: inherit;
57}
58h1, h2, h3, h4, h5, h6, p, label, blockquote {
59	margin-top: 0;
60	margin-bottom: 0;
61}
62button {
63	background-color: unset;
64	padding: unset;
65	text-align: inherit;
66	cursor: pointer;
67}
68img::selection {
69	background: transparent;
70}
71:is(h1, h2, h3, h4, h5, h6, p) a {
72	text-decoration: underline;
73}
74.u-rich-text > *:first-child {
75	margin-top: 0;
76}
77.u-rich-text > *:last-child {
78	margin-bottom: 0;
79}
80video {
81	width: 100%;
82	object-fit: cover;
83}
84video.wf-empty {
85	padding: 0;
86}
87svg {
88	display: block;
89}
90section, header, footer {
91	position: relative;
92}
93
94/* line clamp */
95.u-line-clamp-1, .u-line-clamp-2, .u-line-clamp-3, .u-line-clamp-4 {
96	display: -webkit-box;
97	overflow: hidden;
98	-webkit-line-clamp: 1;
99	-webkit-box-orient: vertical;
100}
101.u-line-clamp-2 { -webkit-line-clamp: 2; }
102.u-line-clamp-3 { -webkit-line-clamp: 3; }
103.u-line-clamp-4 { -webkit-line-clamp: 4; }
104
105/* component attributes */
106
107/* section padding */
108[data-padding-top="none"] { padding-top: var(--padding-vertical--none); }
109[data-padding-bottom="none"] { padding-bottom: var(--padding-vertical--none); }
110
111[data-padding-top="small"] { padding-top: var(--padding-vertical--small); }
112[data-padding-bottom="small"] { padding-bottom: var(--padding-vertical--small); }
113
114[data-padding-top="main"] { padding-top: var(--padding-vertical--main); }
115[data-padding-bottom="main"] { padding-bottom: var(--padding-vertical--main); }
116
117[data-padding-top="large"] { padding-top: var(--padding-vertical--large); }
118[data-padding-bottom="large"] { padding-bottom: var(--padding-vertical--large); }
119
120/* hide section if it has no cms items */
121[data-cms-check="true"]:not(:has(.w-dyn-item)) {
122	display: none;
123}
124
125</style></div><div class="page_code_color w-embed"><style>
126/* theme light */
127:root,
128[data-theme="light"],
129[data-theme="dark"] [data-theme="invert"] {
130	--theme--background: var(--swatch--light);
131	--theme--text: var(--swatch--dark);
132	--theme--border: var(--swatch--light-secondary);
133	/* button primary */
134	--button--background: var(--swatch--brand);
135	--button--text: var(--swatch--brand-text);
136	--button--border: var(--swatch--brand);
137	--button--background-hover: var(--swatch--dark);
138	--button--text-hover: var(--swatch--light);
139	--button--border-hover: var(--swatch--dark);
140	/* button secondary */
141	--button-secondary--background: var(--swatch--transparent);
142	--button-secondary--text: var(--swatch--dark);
143	--button-secondary--border: var(--swatch--light-secondary);
144	--button-secondary--background-hover: var(--swatch--brand);
145	--button-secondary--text-hover: var(--swatch--brand-text);
146	--button-secondary--border-hover: var(--swatch--brand);
147}
148/* theme dark */
149[data-theme="dark"],
150[data-theme="invert"],
151[data-theme="light"] [data-theme="invert"] {
152	--theme--background: var(--swatch--dark);
153	--theme--text: var(--swatch--light);
154	--theme--border: var(--swatch--dark-secondary);
155	/* button primary */
156	--button--background: var(--swatch--brand);
157	--button--text: var(--swatch--brand-text);
158	--button--border: var(--swatch--brand);
159	--button--background-hover: var(--swatch--light);
160	--button--text-hover: var(--swatch--dark);
161	--button--border-hover: var(--swatch--light);
162	/* button secondary */
163	--button-secondary--background: var(--swatch--transparent);
164	--button-secondary--text: var(--swatch--light);
165	--button-secondary--border: var(--swatch--dark-secondary);
166	--button-secondary--background-hover: var(--swatch--brand);
167	--button-secondary--text-hover: var(--swatch--brand-text);
168	--button-secondary--border-hover: var(--swatch--brand);
169}
170/* button secondary */
171[data-button-style="secondary"] {
172	--button--background: var(--button-secondary--background);
173	--button--text: var(--button-secondary--text);
174	--button--border: var(--button-secondary--border);
175	--button--background-hover: var(--button-secondary--background-hover);
176	--button--text-hover: var(--button-secondary--text-hover);
177	--button--border-hover: var(--button-secondary--border-hover);
178}
179/* apply colors */
180:is(c, :where([data-theme]:not([data-theme="inherit"]))) {
181	background-color: var(--theme--background);
182	color: var(--theme--text);
183}
184</style></div><div class="page_code_responsive w-embed"><style>
185/* desktop */
186:root {
187	/* custom */
188}
189/* tablet */
190@media screen and (max-width: 991px) {
191	:root {
192		/* custom */
193		--padding-horizontal--main: 2rem;
194		/* adaptive sizes */
195		--size--2rem: 1.75rem;
196		--size--2-5rem: 2.18rem;
197		--size--3rem: 2.52rem;
198		--size--3-5rem: 2.73rem;
199		--size--4rem: 3rem;
200		--size--4-5rem: 3.375rem;
201		--size--5rem: 3.75rem;
202		--size--5-5rem: 4.125rem;
203		--size--6rem: 4.5rem;
204		--size--6-5rem: 4.875rem;
205		--size--7rem: 5.25rem;
206		--size--7-5rem: 5.625rem;
207		--size--8rem: 6rem;
208		--size--8-5rem: 6.375rem;
209		--size--9rem: 6.75rem;
210		--size--9-5rem: 7.125rem;
211		--size--10rem: 7.5rem;
212		--size--11rem: 8.25rem;
213		--size--12rem: 9rem;
214		--size--13rem: 9.75rem;
215		--size--14rem: 10.5rem;
216		--size--15rem: 11.25rem;
217		--size--16rem: 12rem;
218	}
219}
220/* landscape */
221@media screen and (max-width: 767px) {
222	:root {
223		/* custom */
224		--padding-horizontal--main: 1rem;
225		/* adaptive sizes */
226		--size--2-5rem: 2rem;
227		--size--3rem: 2.25rem;
228		--size--3-5rem: 2.375rem;
229		--size--4rem: 2.5rem;
230		--size--4-5rem: 2.75rem;
231		--size--5rem: 3rem;
232		--size--5-5rem: 3.25rem;
233		--size--6rem: 3.5rem;
234		--size--6-5rem: 3.75rem;
235		--size--7rem: 4rem;
236		--size--7-5rem: 4.25rem;
237		--size--8rem: 4.5rem;
238		--size--8-5rem: 4.75rem;
239		--size--9rem: 5rem;
240		--size--9-5rem: 5.25rem;
241		--size--10rem: 5.5rem;
242		--size--11rem: 5.75rem;
243		--size--12rem: 6rem;
244		--size--13rem: 6.5rem;
245		--size--14rem: 7rem;
246		--size--15rem: 7.5rem;
247		--size--16rem: 8rem;
248	}
249}
250/* portrait */
251@media screen and (max-width: 479px) {
252	:root {
253		/* custom */
254	}
255}
256</style></div><div class="page_code_custom w-embed"><style>
257
258</style></div></div><div class="u-sticky"><div data-animation="default" class="navbar_wrap w-nav" data-easing2="ease" data-theme="dark" fs-scrolldisable-element="smart-nav" data-easing="ease" data-collapse="medium" data-w-id="a799e740-3480-08be-8a7a-ef7632dbfd4
2580" role="banner" data-duration="400"><div class="navbar_contain container"><a href="/" class="madpop_logo_wrap w-nav-brand"><div class="custom_svg w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 216 46" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
259<g clip-path="url(#clip0_1417_669)">
260<path d="M15.3544 1.02557H25.7832L31.756 20.3245L37.7811 1.02557H48.2098V37.7393H39.4056V23.2628L35.6315 37.7393H27.9297L24.1556 23.2628V27.2492C24.1556 36.6358 20.5934 45.5 12.1024 45.5C3.61136 45.5 0 37.5272 0 29.6066V29.5021C0 21.6338 4.24397 13.8731 12.5231 13.8731V24.6766C10.3212 24.6766 9.11746 27.0894 9.11746 29.5021V29.6066C9.11746 32.0716 10.1646 34.5889 12.1054 34.5889C14.4117 34.5889 15.3544 31.1803 15.3544 27.2461V1.02557Z" fill="#FCFAF9"/>
261<path d="M73.5723 37.7362L71.266 29.5544H61.8875L59.5813 37.7362H50.0953L60.8895 1.02557H72.261L83.0552 37.7393H73.5692L73.5723 37.7362ZM64.6636 19.8542H68.4899L66.6044 13.1415L64.6667 19.8542H64.6636Z" fill="#FCFAF9"/>
262<path d="M84.8916 37.7362V1.02557H95.8946C105.169 1.02557 110.411 7.0559 110.411 19.4331C110.411 31.8104 105.224 37.7362 95.8946 37.7362H84.8916ZM95.2128 28.0329C99.3002 28.0329 101.29 25.359 101.29 19.3809C101.29 13.4028 99.3002 10.7257 95.2128 10.7257H93.745V28.0329H95.2128Z" fill="#FCFAF9"/>
263<path d="M121.834 37.7362H112.978V1.02557H125.765C133.206 1.02557 137.502 4.80298 137.502 13.7163C137.502 22.6296 133.258 25.6755 125.713 25.6755H121.153H121.834V37.7393V37.7362ZM121.834 16.4948H125.397C127.598 16.4948 128.385 15.6557 128.385 13.452C128.385 11.4603 127.546 10.7257 125.397 10.7257H121.834V16.4948Z" fill="#FCFAF9"/>
264<path d="M192.262 37.7362H183.406V1.02557H204.26C211.701 1.02557 215.997 4.80298 215.997 13.7163C215.997 22.6296 211.701 25.6755 204.208 25.6755H191.58H192.262V37.7393V37.7362ZM192.262 16.4948H203.895C206.096 16.4948 206.883 15.6557 206.883 13.452C206.883 11.4603 206.044 10.7257 203.895 10.7257H192.262V16.4948Z" fill="#FCFAF9"/>
265<path d="M166.636 0.5H153.274C144.574 0.5 139.179 7.47698 139.179 19.4331C139.179 31.3893 144.577 38.2618 153.274 38.2618H166.636C175.335 38.2618 180.731 31.3401 180.731 19.4331C180.731 7.52616 175.335 0.5 166.636 0.5ZM176.198 23.146L168.73 22.3223L169.995 29.4499L164.461 24.6121L159.956 31.8595L159.182 24.6121L149.915 29.4499L154.911 22.3223L143.708 23.146L153.277 18.6156L143.708 15.3514L154.911 14.9089L149.915 9.0445L159.182 12.619L159.956 6.6379L164.461 12.619L169.995 9.0445L168.73 14.9089L176.198 15.3514L170.36 18.6156L176.198 23.146Z" fill="#FCFAF9"/>
266</g>
267<defs>
268<clipPath id="clip0_1417_669">
269<rect width="216" height="45" fill="white" transform="translate(0 0.5)"/>
270</clipPath>
271</defs>
272</svg></div></a><nav role="navigation" class="navbar_menu_list is-page-height-tablet w-nav-menu"><div class="navbar_links_list"><a href="/about" aria-current="page" class="navbar_links_item w-nav-link w--current">About</a><a href="/services" class="navbar_links_item w-nav-link">Services</a></div><div class="navbar1_menu-buttons"><a href="https://tidycal.com/madpopdesign/consultation" class="w-inline-block"><div data-button-style="solid" class="btn_main_wrap"><div class="btn_main_list"><div class="btn_main_text">schedule a consultation</div></div></div></a></div></nav><div class="navbar1_menu-button w-nav-button"><div class="menu-icon1"><div class="menu-icon1_line-top"></div><div class="menu-icon1_line-middle"><div class="menu-icon_line-middle-inner"></div></div><div class="menu-icon1_line-bottom"></div></div></div></div></div></div><div class="page_code_wrap"><div class="page_code_base w-embed"><style>
273:root {
274	--font--inherit: inherit;
275	--font-weight--inherit: inherit;
276	--font-weight--100: 100;
277	--font-weight--200: 200;
278	--font-weight--300: 300;
279	--font-weight--400: 400;
280	--font-weight--500: 500;
281	--font-weight--600: 600;
282	--font-weight--700: 700;
283	--font-weight--800: 800;
284	--font-weight--900: 900;
285	--text-transform--none: none;
286	--text-transform--uppercase: uppercase;
287	--text-transform--capitalize: capitalize;
288	--text-transform--lowercase: lowercase;
289	--text-transform--inherit: inherit;
290}
291body {
292	font-smoothing: antialiased;
293	-webkit-font-smoothing: antialiased;
294}
295button {
296	background-color: unset;
297	padding: unset;
298	text-align: inherit;
299}
300img::selection {
301	background: transparent;
302}
303:is(h1, h2, h3, h4, h5, h6, p) a {
304	text-decoration: underline;
305}
306.w-richtext > *:first-child {
307	margin-top: 0;
308}
309.w-richtext > *:last-child {
310	margin-bottom: 0;
311}
312.wf-empty[class*="--"], video.wf-empty {
313	padding: 0;
314}
315video {
316	width: 100%;
317	object-fit: cover;
318}
319svg {
320	display: block;
321}
322section, header, footer {
323	position: relative;
324}
325
326[data-padding-top="none"] { padding-top: var(--padding-vertical--none); }
327[data-padding-bottom="none"] { padding-bottom: var(--padding-vertical--none); }
328
329[data-padding-top="small"] { padding-top: var(--padding-vertical--small); }
330[data-padding-bottom="small"] { padding-bottom: var(--padding-vertical--small); }
331
332[data-padding-top="main"] { padding-top: var(--padding-vertical--main); }
333[data-padding-bottom="main"] { padding-bottom: var(--padding-vertical--main); }
334
335[data-padding-top="large"] { padding-top: var(--padding-vertical--large); }
336[data-padding-bottom="large"] { padding-bottom: var(--padding-vertical--large); }
337
338/* line clamp */
339:is(c, :where([class*="lc1"], [class*="lc2"], [class*="lc3"], [class*="lc4"])) {
340	display: -webkit-box;
341	overflow: hidden;
342	-webkit-line-clamp: 1;
343	-webkit-box-orient: vertical;
344}
345[class*="lc2"] { -webkit-line-clamp: 2; }
346[class*="lc3"] { -webkit-line-clamp: 3; }
347[class*="lc4"] { -webkit-line-clamp: 4; }
348
349/**%{{pointer-events: children}**/
350:is(c, :where([class*="pe1"])) { pointer-events: none; }
351:is(c, :where([class*="pe1"] > *)) { pointer-events: auto; }
352/**}%**/
353
354/* cover */
355:is(c, :where([class*="cf1"])) {
356	width: 100%;
357	height: 100%;
358}
359:is(c, :where([class*="ca1"])) {
360	position: absolute;
361	width: 100%;
362	height: 100%;
363	top: 0;
364	left: 0;
365}
366
367/* layout controller */
368/**%#**/
369:is(c, :where([class*="gd1"])) {
370	display: grid;
371	grid-row-gap: var(--grid-gap--main);
372	grid-column-gap: var(--grid-gap--main);
373}
374[class*="gd1"] {
375	grid-template-columns: repeat(var(--cc), minmax(0, 1fr));
376	grid-template-rows: auto;
377	--cc: 1;
378	--cs: 1;
379	--ct: auto;
380	--rs: 1;
381}
382[class*="gd1"] > * {
383	grid-column-start: var(--ct) !important;
384	grid-column-end: span var(--cs) !important;
385	grid-row-start: auto !important;
386	grid-row-end: span var(--rs) !important;
387}
388/**#%**/
389</style></div><div class="page_code_layout w-embed"><style>
390[class*="cp1"]{--cc:1}[class*="cp2"]{--cc:2}[class*="cp3"]{--cc:3}[class*="cp4"]{--cc:4}[class*="cp5"]{--cc:5}[class*="cp6"]{--cc:6}[class*="cp7"]{--cc:7}[class*="cp8"]{--cc:8}[class*="cp9"]{--cc:9}[class*="cp10"]{--cc:10}[class*="cp11"]{--cc:11}[class*="cp12"]{--cc:12}[class*="cp13"]{--cc:13}[class*="cp14"]{--cc:14}[class*="cp15"]{--cc:15}[class*="cp16"]{--cc:16}[class*="cp17"]{--cc:17}[class*="cp18"]{--cc:18}[class*="cp19"]{--cc:19}[class*="cp20"]{--cc:20}[class*="cp21"]{--cc:21}[class*="cp22"]{--cc:22}[class*="cp23"]{--cc:23}[class*="cp24"]{--cc:24}[class*="gd1"]>[class*="cp1"]{--cs:1}[class*="gd1"]>[class*="cp2"]{--cs:2}[class*="gd1"]>[class*="cp3"]{--cs:3}[class*="gd1"]>[class*="cp4"]{--cs:4}[class*="gd1"]>[class*="cp5"]{--cs:5}[class*="gd1"]>[class*="cp6"]{--cs:6}[class*="gd1"]>[class*="cp7"]{--cs:7}[class*="gd1"]>[class*="cp8"]{--cs:8}[class*="gd1"]>[class*="cp9"]{--cs:9}[class*="gd1"]>[class*="cp10"]{--cs:10}[class*="gd1"]>[class*="cp11"]{--cs:11}[class*="gd1"]>[class*="cp12"]{--cs:12}[class*="gd1"]>[class*="cp13"]{--cs:13}[class*="gd1"]>[class*="cp14"]{--cs:14}[class*="gd1"]>[class*="cp15"]{--cs:15}[class*="gd1"]>[class*="cp16"]{--cs:16}[class*="gd1"]>[class*="cp17"]{--cs:17}[class*="gd1"]>[class*="cp18"]{--cs:18}[class*="gd1"]>[class*="cp19"]{--cs:19}[class*="gd1"]>[class*="cp20"]{--cs:20}[class*="gd1"]>[class*="cp21"]{--cs:21}[class*="gd1"]>[class*="cp22"]{--cs:22}[class*="gd1"]>[class*="cp23"]{--cs:23}[class*="gd1"]>[class*="cp24"]{--cs:24}[class*="rp1"]{--rs:1}[class*="rp2"]{--rs:2}[class*="rp3"]{--rs:3}[class*="rp4"]{--rs:4}[class*="rp5"]{--rs:5}[class*="rp6"]{--rs:6}[class*="rp7"]{--rs:7}[class*="rp8"]{--rs:8}[class*="rp9"]{--rs:9}[class*="rp10"]{--rs:10}[class*="rp11"]{--rs:11}[class*="rp12"]{--rs:12}[class*="sp1"]{--ct:1}[class*="sp2"]{--ct:2}[class*="sp3"]{--ct:3}[class*="sp4"]{--ct:4}[class*="sp5"]{--ct:5}[class*="sp6"]{--ct:6}[class*="sp7"]{--ct:7}[class*="sp8"]{--ct:8}[class*="sp9"]{--ct:9}[class*="sp10"]{--ct:10}[class*="sp11"]{--ct:11}[class*="sp12"]{--ct:12}[class*="sp13"]{--ct:13}[class*="sp14"]{--ct:14}[class*="sp15"]{--ct:15}[class*="sp16"]{--ct:16}[class*="sp17"]{--ct:17}[class*="sp18"]{--ct:18}[class*="sp19"]{--ct:19}[class*="sp20"]{--ct:20}[class*="sp21"]{--ct:21}[class*="sp22"]{--ct:22}[class*="sp23"]{--ct:23}[class*="sp24"]{--ct:24}[class*="sp0"]{--ct:auto}[class*="op1"]{order:-1}[class*="op2"]{order:1}[class*="op0"]{order:0}@media screen and (min-width:480px){[class*="cl1"]{--cc:1}[class*="cl2"]{--cc:2}[class*="cl3"]{--cc:3}[class*="cl4"]{--cc:4}[class*="cl5"]{--cc:5}[class*="cl6"]{--cc:6}[class*="cl7"]{--cc:7}[class*="cl8"]{--cc:8}[class*="cl9"]{--cc:9}[class*="cl10"]{--cc:10}[class*="cl11"]{--cc:11}[class*="cl12"]{--cc:12}[class*="cl13"]{--cc:13}[class*="cl14"]{--cc:14}[class*="cl15"]{--cc:15}[class*="cl16"]{--cc:16}[class*="cl17"]{--cc:17}[class*="cl18"]{--cc:18}[class*="cl19"]{--cc:19}[class*="cl20"]{--cc:20}[class*="cl21"]{--cc:21}[class*="cl22"]{--cc:22}[class*="cl23"]{--cc:23}[class*="cl24"]{--cc:24}[class*="gd1"]>[class*="cl1"]{--cs:1}[class*="gd1"]>[class*="cl2"]{--cs:2}[class*="gd1"]>[class*="cl3"]{--cs:3}[class*="gd1"]>[class*="cl4"]{--cs:4}[class*="gd1"]>[class*="cl5"]{--cs:5}[class*="gd1"]>[class*="cl6"]{--cs:6}[class*="gd1"]>[class*="cl7"]{--cs:7}[class*="gd1"]>[class*="cl8"]{--cs:8}[class*="gd1"]>[class*="cl9"]{--cs:9}[class*="gd1"]>[class*="cl10"]{--cs:10}[class*="gd1"]>[class*="cl11"]{--cs:11}[class*="gd1"]>[class*="cl12"]{--cs:12}[class*="gd1"]>[class*="cl13"]{--cs:13}[class*="gd1"]>[class*="cl14"]{--cs:14}[class*="gd1"]>[class*="cl15"]{--cs:15}[class*="gd1"]>[class*="cl16"]{--cs:16}[class*="gd1"]>[class*="cl17"]{--cs:17}[class*="gd1"]>[class*="cl18"]{--cs:18}[class*="gd1"]>[class*="cl19"]{--cs:19}[class*="gd1"]>[class*="cl20"]{--cs:20}[class*="gd1"]>[class*="cl21"]{--cs:21}[class*="gd1"]>[class*="cl22"]{--cs:22}[class*="gd1"]>[class*="cl23"]{--cs:23}[class*="gd1"]>[class*="cl24"]{--cs:24}[class*="rl1"]{--rs:1}[class*="rl2"]{--rs:2}[class*="rl3"]{--rs:3}[class*="rl4"]{--rs:4}[class*="rl5"]{--rs:5}[class*="rl6"]{--rs:6}[class*="rl7"]{--rs:7}[class*="rl8"]{--rs:8}[class*="rl9"]{--rs:9}[class*="rl10"]{--rs:10}[class*="rl11"]{--rs:11}[class*="rl12"]{--rs:12}[class*="sl1"]{--ct:1}[class*="sl2"]{--ct:2}[class*="sl3"]{--ct:3}[class*="sl4"]{--ct:4}[class*="sl5"]{--ct:5}[class*="sl6"]{--ct:6}[class*="sl7"]{--ct:7}
390[class*="sl8"]{--ct:8}[class*="sl9"]{--ct:9}[class*="sl10"]{--ct:10}[class*="sl11"]{--ct:11}[class*="sl12"]{--ct:12}[class*="sl13"]{--ct:13}[class*="sl14"]{--ct:14}[class*="sl15"]{--ct:15}[class*="sl16"]{--ct:16}[class*="sl17"]{--ct:17}[class*="sl18"]{--ct:18}[class*="sl19"]{--ct:19}[class*="sl20"]{--ct:20}[class*="sl21"]{--ct:21}[class*="sl22"]{--ct:22}[class*="sl23"]{--ct:23}[class*="sl24"]{--ct:24}[class*="sl0"]{--ct:auto}[class*="ol1"]{order:-1}[class*="ol2"]{order:1}[class*="ol0"]{order:0}}@media screen and (min-width:768px){[class*="ct1"]{--cc:1}[class*="ct2"]{--cc:2}[class*="ct3"]{--cc:3}[class*="ct4"]{--cc:4}[class*="ct5"]{--cc:5}[class*="ct6"]{--cc:6}[class*="ct7"]{--cc:7}[class*="ct8"]{--cc:8}[class*="ct9"]{--cc:9}[class*="ct10"]{--cc:10}[class*="ct11"]{--cc:11}[class*="ct12"]{--cc:12}[class*="ct13"]{--cc:13}[class*="ct14"]{--cc:14}[class*="ct15"]{--cc:15}[class*="ct16"]{--cc:16}[class*="ct17"]{--cc:17}[class*="ct18"]{--cc:18}[class*="ct19"]{--cc:19}[class*="ct20"]{--cc:20}[class*="ct21"]{--cc:21}[class*="ct22"]{--cc:22}[class*="ct23"]{--cc:23}[class*="ct24"]{--cc:24}[class*="gd1"]>[class*="ct1"]{--cs:1}[class*="gd1"]>[class*="ct2"]{--cs:2}[class*="gd1"]>[class*="ct3"]{--cs:3}[class*="gd1"]>[class*="ct4"]{--cs:4}[class*="gd1"]>[class*="ct5"]{--cs:5}[class*="gd1"]>[class*="ct6"]{--cs:6}[class*="gd1"]>[class*="ct7"]{--cs:7}[class*="gd1"]>[class*="ct8"]{--cs:8}[class*="gd1"]>[class*="ct9"]{--cs:9}[class*="gd1"]>[class*="ct10"]{--cs:10}[class*="gd1"]>[class*="ct11"]{--cs:11}[class*="gd1"]>[class*="ct12"]{--cs:12}[class*="gd1"]>[class*="ct13"]{--cs:13}[class*="gd1"]>[class*="ct14"]{--cs:14}[class*="gd1"]>[class*="ct15"]{--cs:15}[class*="gd1"]>[class*="ct16"]{--cs:16}[class*="gd1"]>[class*="ct17"]{--cs:17}[class*="gd1"]>[class*="ct18"]{--cs:18}[class*="gd1"]>[class*="ct19"]{--cs:19}[class*="gd1"]>[class*="ct20"]{--cs:20}[class*="gd1"]>[class*="ct21"]{--cs:21}[class*="gd1"]>[class*="ct22"]{--cs:22}[class*="gd1"]>[class*="ct23"]{--cs:23}[class*="gd1"]>[class*="ct24"]{--cs:24}[class*="rt1"]{--rs:1}[class*="rt2"]{--rs:2}[class*="rt3"]{--rs:3}[class*="rt4"]{--rs:4}[class*="rt5"]{--rs:5}[class*="rt6"]{--rs:6}[class*="rt7"]{--rs:7}[class*="rt8"]{--rs:8}[class*="rt9"]{--rs:9}[class*="rt10"]{--rs:10}[class*="rt11"]{--rs:11}[class*="rt12"]{--rs:12}[class*="st1"]{--ct:1}[class*="st2"]{--ct:2}[class*="st3"]{--ct:3}[class*="st4"]{--ct:4}[class*="st5"]{--ct:5}[class*="st6"]{--ct:6}[class*="st7"]{--ct:7}[class*="st8"]{--ct:8}[class*="st9"]{--ct:9}[class*="st10"]{--ct:10}[class*="st11"]{--ct:11}[class*="st12"]{--ct:12}[class*="st13"]{--ct:13}[class*="st14"]{--ct:14}[class*="st15"]{--ct:15}[class*="st16"]{--ct:16}[class*="st17"]{--ct:17}[class*="st18"]{--ct:18}[class*="st19"]{--ct:19}[class*="st20"]{--ct:20}[class*="st21"]{--ct:21}[class*="st22"]{--ct:22}[class*="st23"]{--ct:23}[class*="st24"]{--ct:24}[class*="st0"]{--ct:auto}[class*="ot1"]{order:-1}[class*="ot2"]{order:1}[class*="ot0"]{order:0}}@media screen and (min-width:992px){[class*="cd1"]{--cc:1}[class*="cd2"]{--cc:2}[class*="cd3"]{--cc:3}[class*="cd4"]{--cc:4}[class*="cd5"]{--cc:5}[class*="cd6"]{--cc:6}[class*="cd7"]{--cc:7}[class*="cd8"]{--cc:8}[class*="cd9"]{--cc:9}[class*="cd10"]{--cc:10}[class*="cd11"]{--cc:11}[class*="cd12"]{--cc:12}[class*="cd13"]{--cc:13}[class*="cd14"]{--cc:14}[class*="cd15"]{--cc:15}[class*="cd16"]{--cc:16}[class*="cd17"]{--cc:17}[class*="cd18"]{--cc:18}[class*="cd19"]{--cc:19}[class*="cd20"]{--cc:20}[class*="cd21"]{--cc:21}[class*="cd22"]{--cc:22}[class*="cd23"]{--cc:23}[class*="cd24"]{--cc:24}[class*="gd1"]>[class*="cd1"]{--cs:1}[class*="gd1"]>[class*="cd2"]{--cs:2}[class*="gd1"]>[class*="cd3"]{--cs:3}[class*="gd1"]>[class*="cd4"]{--cs:4}[class*="gd1"]>[class*="cd5"]{--cs:5}[class*="gd1"]>[class*="cd6"]{--cs:6}[class*="gd1"]>[class*="cd7"]{--cs:7}[class*="gd1"]>[class*="cd8"]{--cs:8}[class*="gd1"]>[class*="cd9"]{--cs:9}[class*="gd1"]>[class*="cd10"]{--cs:10}[class*="gd1"]>[class*="cd11"]{--cs:11}[class*="gd1"]>[class*="cd12"]{--cs:12}[class*="gd1"]>[class*="cd13"]{--cs:13}[class*="gd1"]>[class*="cd14"]{--cs:14}[class*="gd1"]>[class*="cd15"]{--cs:15}[class*="gd1"]>[class*="cd16"]{--cs:16}[class*="gd1"]>[class*="cd17"]{--cs:17}[class*="gd1"]>[class*="cd18"]{--cs:18}[class*="gd1"]>[class*="cd19"]{--cs:19}[class*="gd1"]>[class*="cd20"]{--cs:20}[class*="gd1"]>[class*="cd21"]{--cs:21}[class*="gd1"]>[class*="cd22"]{--cs:22}[class*="gd1"]>[class*="cd23"]{--cs:23}[class*="gd1"]>[class*="cd24"]{--cs:24}[class*="rd1"]{--rs:1}[class*="rd2"]{--rs:2}[class*="rd3"]{--rs:3}[class*="rd4"]{--rs:4}[class*="rd5"]{--rs:5}[class*="rd6"]{--rs:6}[class*="rd7"]{--rs:7}[class*="rd8"]{--rs:8}[class*="rd9"]{--rs:9}[class*="rd10"]{--rs:10}[class*="rd11"]{--rs:11}[class*="rd12"]{--rs:12}[class*="sd1"]{--ct:1}[class*="sd2"]{--ct:2}[class*="sd3"]{--ct:3}[class*="sd4"]{--ct:4}[class*="sd5"]{--ct:5}[class*="sd6"]{--ct:6}[class*="sd7"]{--ct:7}[class*="sd8"]{--ct:8}[class*="sd9"]{--ct:9}[class*="sd10"]{--ct:10}[class*="sd11"]{--ct:11}[class*="sd12"]{--ct:12}[class*="sd13"]{--ct:13}[class*="sd14"]{--ct:14}[class*="sd15"]{--ct:15}[class*="sd16"]{--ct:16}[class*="sd17"]{--ct:17}[class*="sd18"]{--ct:18}[class*="sd19"]{--ct:19}[class*="sd20"]{--ct:20}[class*="sd21"]{--ct:21}[class*="sd22"]{--ct:22}[class*="sd23"]{--ct:23}[class*="sd24"]{--ct:24}[class*="sd0"]{--ct:auto}[class*="od1"]{order:-1}[class*="od2"]{order:1}[class*="od0"]{order:0}}
391</style></div><div class="page_code_color w-embed"><style>
392/* theme light */
393:root,
394[data-theme="light"],
395[data-theme="dark"] [data-theme="invert"] {
396	--theme--background: var(--swatch--light);
397	--theme--text: var(--swatch--dark);
398	--theme--border: var(--swatch--dark-fade);
399	/* button solid */
400	--button--background: var(--swatch--brand);
401	--button--text: var(--swatch--dark);
402	--button--border: var(--swatch--brand);
403	--button--background-hover: var(--swatch--dark);
404	--button--text-hover: var(--swatch--light);
405	--button--border-hover: var(--swatch--dark);
406	/* button outlined */
407	--button-outlined--background: var(--swatch--light);
408	--button-outlined--text: var(--swatch--dark);
409	--button-outlined--border: var(--swatch--dark-fade);
410	--button-outlined--background-hover: var(--swatch--brand);
411	--button-outlined--text-hover: var(--swatch--dark);
412	--button-outlined--border-hover: var(--swatch--brand);
413}
414/* theme dark */
415[data-theme="dark"],
416[data-theme="invert"],
417[data-theme="light"] [data-theme="invert"] {
418	--theme--background: var(--swatch--dark);
419	--theme--text: var(--swatch--light);
420	--theme--border: var(--swatch--light-fade);
421	/* button solid */
422	--button--background: var(--swatch--brand);
423	--button--text: var(--swatch--dark);
424	--button--border: var(--swatch--brand);
425	--button--background-hover: var(--swatch--light);
426	--button--text-hover: var(--swatch--dark);
427	--button--border-hover: var(--swatch--light);
428	/* button outlined */
429	--button-outlined--background: var(--swatch--dark);
430	--button-outlined--text: var(--swatch--light);
431	--button-outlined--border: var(--swatch--light-fade);
432	--button-outlined--background-hover: var(--swatch--brand);
433	--button-outlined--text-hover: var(--swatch--dark);
434	--button-outlined--border-hover: var(--swatch--brand);
435}
436/* button outlined */
437[data-button-style="outlined"] {
438	--button--background: var(--button-outlined--background);
439	--button--text: var(--button-outlined--text);
440	--button--border: var(--button-outlined--border);
441	--button--background-hover: var(--button-outlined--background-hover);
442	--button--text-hover: var(--button-outlined--text-hover);
443	--button--border-hover: var(--button-outlined--border-hover);
444}
445/* apply colors */
446:is(c, :where([data-theme]:not([data-theme="inherit"]))) {
447	background-color: var(--theme--background);
448	color: var(--theme--text);
449}
450</style></div><div class="page_code_typography w-embed"><style>
451/* typography */
452
453:is(c, :where([class*="fs0"])) {
454	font-size: var(--display--font-size);
455	font-family: var(--display--font-family);
456	font-weight: var(--display--font-weight);
457	line-height: var(--display--line-height);
458	letter-spacing: var(--display--letter-spacing);
459	text-transform: var(--display--text-transform);
460}
461:is(c, :where([class*="fs1"])) {
462	font-size: var(--h1--font-size);
463	font-family: var(--h1--font-family);
464	font-weight: var(--h1--font-weight);
465	line-height: var(--h1--line-height);
466	letter-spacing: var(--h1--letter-spacing);
467	text-transform: var(--h1--text-transform);
468}
469:is(c, :where([class*="fs2"])) {
470	font-size: var(--h2--font-size);
471	font-family: var(--h2--font-family);
472	font-weight: var(--h2--font-weight);
473	line-height: var(--h2--line-height);
474	letter-spacing: var(--h2--letter-spacing);
475	text-transform: var(--h2--text-transform);
476}
477:is(c, :where([class*="fs3"])) {
478	font-size: var(--h3--font-size);
479	font-family: var(--h3--font-family);
480	font-weight: var(--h3--font-weight);
481	line-height: var(--h3--line-height);
482	letter-spacing: var(--h3--letter-spacing);
483	text-transform: var(--h3--text-transform);
484}
485:is(c, :where([class*="fs4"])) {
486	font-size: var(--h4--font-size);
487	font-family: var(--h4--font-family);
488	font-weight: var(--h4--font-weight);
489	line-height: var(--h4--line-height);
490	letter-spacing: var(--h4--letter-spacing);
491	text-transform: var(--h4--text-transform);
492}
493:is(c, :where([class*="fs5"])) {
494	font-size: var(--h5--font-size);
495	font-family: var(--h5--font-family);
496	font-weight: var(--h5--font-weight);
497	line-height: var(--h5--line-height);
498	letter-spacing: var(--h5--letter-spacing);
499	text-transform: var(--h5--text-transform);
500}
501:is(c, :where([class*="fs6"])) {
502	font-size: var(--h6--font-size);
503	font-family: var(--h6--font-family);
504	font-weight: var(--h6--font-weight);
505	line-height: var(--h6--line-height);
506	letter-spacing: var(--h6--letter-spacing);
507	text-transform: var(--h6--text-transform);
508}
509:is(c, :where([class*="fs7"])) {
510	font-size: var(--body--font-size);
511	font-family: var(--body--font-family);
512	font-weight: var(--body--font-weight);
513	line-height: var(--body--line-height);
514	letter-spacing: var(--body--letter-spacing);
515	text-transform: var(--body--text-transform);
516}
517:is(c, :where([class*="fs7-1"])) {
518	font-size: var(--paragraph-large--font-size);
519	font-family: var(--paragraph-large--font-family);
520	font-weight: var(--paragraph-large--font-weight);
521	line-height: var(--paragraph-large--line-height);
522	letter-spacing: var(--paragraph-large--letter-spacing);
523	text-transform: var(--paragraph-large--text-transform);
524}
525:is(c, :where([class*="fs7-2"])) {
526	font-size: var(--paragraph-small--font-size);
527	font-family: var(--paragraph-small--font-family);
528	font-weight: var(--paragraph-small--font-weight);
529	line-height: var(--paragraph-small--line-height);
530	letter-spacing: var(--paragraph-small--letter-spacing);
531	text-transform: var(--paragraph-small--text-transform);
532}
533
534/* font weight */
535:is(c, :where([class*="fw1"])) { font-weight: var(--font--primary-regular); }
536:is(c, :where([class*="fw2"])) { font-weight: var(--font--primary-medium); }
537:is(c, :where([class*="fw3"])) { font-weight: var(--font--primary-bold); }
538:is(c, :where([class*="fw0"])) { font-weight: inherit; }
539
540</style></div><div class="page_code_responsive w-embed"><style>
541/* desktop */
542:root {
543	/* custom */
544}
545/* tablet */
546@media screen and (max-width: 991px) {
547	:root {
548		/* custom */
549		--padding-horizontal--main: 2rem;
550		/* adaptive sizes */
551		--size--2rem: 1.75rem;
552		--size--2-5rem: 2.18rem;
553		--size--3rem: 2.52rem;
554		--size--3-5rem: 2.73rem;
555		--size--4rem: 3rem;
556		--size--4-5rem: 3.375rem;
557		--size--5rem: 3.75rem;
558		--size--5-5rem: 4.125rem;
559		--size--6rem: 4.5rem;
560		--size--6-5rem: 4.875rem;
561		--size--7rem: 5.25rem;
562		--size--7-5rem: 5.625rem;
563		--size--8rem: 6rem;
564		--size--8-5rem: 6.375rem;
565		--size--9rem: 6.75rem;
566		--size--9-5rem: 7.125rem;
567		--size--10rem: 7.5rem;
568		--size--11rem: 8.25rem;
569		--size--12rem: 9rem;
570		--size--13rem: 9.75rem;
571		--size--14rem: 10.5rem;
572		--size--15rem: 11.25rem;
573		--size--16rem: 12rem;
574	}
575}
576/* landscape */
577@media screen and (max-width: 767px) {
578	:root {
579		/* custom */
580		--padding-horizontal--main: 1rem;
581		/* adaptive sizes */
582		--size--2-5rem: 2rem;
583		--size--3rem: 2.25rem;
584		--size--3-5rem: 2.375rem;
585		--size--4rem: 2.5rem;
586		--size--4-5rem: 2.75rem;
587		--size--5rem: 3rem;
588		--size--5-5rem: 3.25rem;
589		--size--6rem: 3.5rem;
590		--size--6-5rem: 3.75rem;
591		--size--7rem: 4rem;
592		--size--7-5rem: 4.25rem;
593		--size--8rem: 4.5rem;
594		--size--8-5rem: 4.75rem;
595		--size--9rem: 5rem;
596		--size--9-5rem: 5.25rem;
597		--size--10rem: 5.5rem;
598		--size--11rem: 5.75rem;
599		--size--12rem: 6rem;
600		--size--13rem: 6.5rem;
601		--size--14rem: 7rem;
602		--size--15rem: 7.5rem;
603		--size--16rem: 8rem;
604	}
605}
606/* portrait */
607@media screen and (max-width: 479px) {
608	:root {
609		/* custom */
610	}
611}
612</style></div><div class="page_code_custom w-embed"><style>
613/* border colors */
614[data-border-color="none"] { border-color: var(--theme--border);}
615[data-border-color="brand"] { border-color: var(--swatch--brand);}
616[data-border-color="brand-1"] { border-color: var(--swatch--brand-1);}
617[data-border-color="brand-2"] { border-color: var(--swatch--brand-2);}
618[data-border-color="brand-3"] { border-color: var(--swatch--brand-3);}
619
620
621/* grid layout reverse */
622@media screen and (min-width: 992px) {
623	[data-order-desktop-first="true"] { order: -1; }
624	[data-order-desktop-last="true"] { order: 2; }
625}
626@media screen and (min-width: 768px) {
627	[data-order-tablet-first="true"] { order: -1; }
628	[data-order-tablet-last="true"] { order: 2; }
629}
630/* align items */
631[data-align-items-start="true"] { align-items: start !important; }
632[data-align-items-center="true"] { align-items: center !important; }
633[data-align-items-end="true"] { align-items: end !important; }
634/* justify content */
635[data-justify-content-start="true"] { justify-content: start !important; }
636[data-justify-content-center="true"] { justify-content: center !important; }
637[data-justify-content-end="true"] { justify-content: end !important; }
638[data-justify-content="top"] { justify-content: start !important; }
639[data-justify-content="center"] { justify-content: center !important; }
640[data-justify-content="bottom"] { justify-content: end !important; }
641/* text align */
642[data-text-align-left="true"] { text-align: left !important; }
643[data-text-align-center="true"] { text-align: center !important; }
644[data-text-align-right="true"] { text-align: right !important; }
645/* max width */
646[data-max-width-none="true"] { max-width: none !important; }
647</style></div><div class="page_code_marquee w-embed"><style>
648@keyframes scroll {
649  from {
650    transform: translateX(0);
651  }
652  to {
653    transform: translateX(calc(-100% - .75rem)); /* match 1 rem to gap above */
654  }
655}
656
657.scroll {
658  animation: scroll 30s linear infinite;
659}
660</style></div></div><main class="page_main"><section data-theme="dark" class="hero_wrap"><div class="custom_svg pop_base w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1127 542" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
661<path d="M602.973 0.346563L782.988 220.566L987.405 77.17L948.456 301.234L1232.38 307.206L1015.99 439.338L1244.31 602.596L959.78 582.164L1018.63 850.486L801.376 675.119L641.552 956.243L601.196 682.732L257.12 879.42L435.728 602.064L12.1464 649.384L368.22 463.937L0.256678 353.994L424.404 321.134L225.918 106.081L582.831 228.156L602.973 0.346563Z" fill="currentColor"/>
662</svg></div><div class="g_pattern_check3--ca1"></div><div data-padding-top="large" data-padding-bottom="large" class="hero_contain container"><div class="hero_list--gd1-ct12"><div class="hero_list_left--ct9"><h1 class="hero_header"><div class="hero_header_title--fs0">About</div><div class="hero_header_sub--fs4">Dedicated to making your web presence pop.</div></h1><div class="btn_left_list"><a href="#" class="w-inline-block"><div data-button-style="solid" class="btn_main_wrap"><div class="btn_main_list"><div class="btn_main_text">Schedule a consultation</div></div></div></a></div></div><img src="https://cdn.prod.website-files.com/6603080b80557e963c3beea9/667f571e65848048a8b20c94_pop%20group%202.webp" loading="lazy" alt="" sizes="(max-width: 767px) 100v
662w, (max-width: 991px) 23vw, 25vw" srcset="https://cdn.prod.website-files.com/6603080b80557e963c3beea9/667f571e65848048a8b20c94_pop%20group%202-p-500.png 500w, https://cdn.prod.website-files.com/6603080b80557e963c3beea9/667f571e65848048a8b20c94_pop%20group%202.webp 582w" class="image_right--ct3"/></div></div></section><section data-theme="dark" class="section_why-now_wrap"><div data-padding-top="large" data-padding-bottom="large" class="section_why-now_contain container"><div class="why-now_card_holder"><div class="callout-card_wrap"><div data-border-color="brand-3" class="callout-card_inner"><div class="u-abs-top-center"><div data-theme="invert" data-padding-top="extra-small" class="callout_text--fs0">Let&#x27;s be real</div></div><div class="callout-card_rich-text_small-heading--fs7-2-copy w-richtext"><h2>Your business is better than your current web presence displays.</h2><p>I help you make the impression you deserve with a website and brand identity that strategically shows off your strengths.</p></div></div></div></div></div></section><section data-theme="dark" class="section_stakevalue_wrap"><div data-padding-top="main" data-padding-bottom="main" class="stakevalue_contain container"><div class="stakevalue_content_wrap"><h2 class="stakevalue_header--fs3">Why MadPop?</h2><div class="stakevalue_text w-richtext"><p>I help you make an fantastic online impression with websites and brand identities that are:</p></div></div><div class="value_card_list--gd1-ct12"><div co="" data-theme="invert" class="card_check--cd4-ct8-st3-sd0 container"><h3 class="card_check_heading--fs4">Technically Optimized</h3><p class="card_check_text--fs7-2">I make sure your website and brand are top-notch, by implementing the best practices when it comes to design, accessibility, maintainability, and functionality.</p><div class="g_pattern_check2-ca1 cc-opacity40"></div></div><div co="" data-theme="invert" class="card_check--cd4-ct8-st3-sd0 container"><h3 class="card_check_heading--fs4">Visually Engaging</h3><p class="card_check_text--fs7-2">From illustration, to animation, to graphic design, I have a variety of creative experience in my arsenal, allowing me to develop the ideas fit your brand best.</p><div class="g_pattern_check2-ca1 cc-opacity40"></div></div><div co="" data-theme="invert" class="card_check--cd4-ct8-st3-sd0 container"><h3 class="card_check_heading--fs4">Rooted in Strategy</h3><p class="card_check_text--fs7-2">Drawing upon Donald Miller’s StoryBrand Framework and other strategic advice,  I help you develop an online presence strategy that works for your business.</p><div class="g_pattern_check2-ca1 cc-opacity40"></div></div></div></div></section></main><section data-theme="dark" class="section_footer"><div class="footer_contain--gd1-cd12-ct4"><a aria-label="Home" href="/" class="footer_logo_link--cd3-ct4 w-inline-block"><div class="custom_svg footer_madpop-logo_wrap w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 216 46" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
663<g clip-path="url(#clip0_1417_669)">
664<path d="M15.3544 1.02557H25.7832L31.756 20.3245L37.7811 1.02557H48.2098V37.7393H39.4056V23.2628L35.6315 37.7393H27.9297L24.1556 23.2628V27.2492C24.1556 36.6358 20.5934 45.5 12.1024 45.5C3.61136 45.5 0 37.5272 0 29.6066V29.5021C0 21.6338 4.24397 13.8731 12.5231 13.8731V24.6766C10.3212 24.6766 9.11746 27.0894 9.11746 29.5021V29.6066C9.11746 32.0716 10.1646 34.5889 12.1054 34.5889C14.4117 34.5889 15.3544 31.1803 15.3544 27.2461V1.02557Z" fill="currentColor"/>
665<path d="M73.5723 37.7362L71.266 29.5544H61.8875L59.5813 37.7362H50.0953L60.8895 1.02557H72.261L83.0552 37.7393H73.5692L73.5723 37.7362ZM64.6636 19.8542H68.4899L66.6044 13.1415L64.6667 19.8542H64.6636Z" fill="currentColor"/>
666<path d="M84.8916 37.7362V1.02557H95.8946C105.169 1.02557 110.411 7.0559 110.411 19.4331C110.411 31.8104 105.224 37.7362 95.8946 37.7362H84.8916ZM95.2128 28.0329C99.3002 28.0329 101.29 25.359 101.29 19.3809C101.29 13.4028 99.3002 10.7257 95.2128 10.7257H93.745V28.0329H95.2128Z" fill="currentColor"/>
667<path d="M121.834 37.7362H112.978V1.02557H125.765C133.206 1.02557 137.502 4.80298 137.502 13.7163C137.502 22.6296 133.258 25.6755 125.713 25.6755H121.153H121.834V37.7393V37.7362ZM121.834 16.4948H125.397C127.598 16.4948 128.385 15.6557 128.385 13.452C128.385 11.4603 127.546 10.7257 125.397 10.7257H121.834V16.4948Z" fill="currentColor"/>
668<path d="M192.262 37.7362H183.406V1.02557H204.26C211.701 1.02557 215.997 4.80298 215.997 13.7163C215.997 22.6296 211.701 25.6755 204.208 25.6755H191.58H192.262V37.7393V37.7362ZM192.262 16.4948H203.895C206.096 16.4948 206.883 15.6557 206.883 13.452C206.883 11.4603 206.044 10.7257 203.895 10.7257H192.262V16.4948Z" fill="currentColor"/>
669<path d="M166.636 0.5H153.274C144.574 0.5 139.179 7.47698 139.179 19.4331C139.179 31.3893 144.577 38.2618 153.274 38.2618H166.636C175.335 38.2618 180.731 31.3401 180.731 19.4331C180.731 7.52616 175.335 0.5 166.636 0.5ZM176.198 23.146L168.73 22.3223L169.995 29.4499L164.461 24.6121L159.956 31.8595L159.182 24.6121L149.915 29.4499L154.911 22.3223L143.708 23.146L153.277 18.6156L143.708 15.3514L154.911 14.9089L149.915 9.0445L159.182 12.619L159.956 6.6379L164.461 12.619L169.995 9.0445L168.73 14.9089L176.198 15.3514L170.36 18.6156L176.198 23.146Z" fill="currentColor"/>
670</g>
671<defs>
672<clipPath id="clip0_1417_669">
673<rect width="216" height="45" fill="white" transform="translate(0 0.5)"/>
674</clipPath>
675</defs>
676</svg></div></a><div class="footer_mini_stack--ct4"><a href="/about" aria-current="page" class="footer_mini_link w-inline-block w--current"><div>About</div></a><a href="/services" class="footer_mini_link w-inline-block"><div>Services</div></a></div><div class="footer_button_block--cd4-ct2"><a href="https://tidycal.com/madpopdesign/consultation" class="w-inline-block"><div data-button-style="solid" class="btn_main_wrap"><div class="btn_main_list"><div class="btn_main_text">Schedule a consultation</div></div></div></a></div><div aria-label="instagram" class="footer_social_group_cd1-ct2"><a aria-label="Instagram" href="https://www.instagram.com/madpop.design/" class="footer_mini_link w-inline-block"><div class="icon-embed-xsmall w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
676ox="0 0 512 512" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
677<path d="M349.33 69.33C374.063 69.4039 397.761 79.2616 415.25 96.7502C432.738 114.239 442.596 137.937 442.67 162.67V349.33C442.596 374.063 432.738 397.761 415.25 415.25C397.761 432.738 374.063 442.596 349.33 442.67H162.67C137.937 442.596 114.239 432.738 96.7502 415.25C79.2616 397.761 69.4039 374.063 69.33 349.33V162.67C69.4039 137.937 79.2616 114.239 96.7502 96.7502C114.239 79.2616 137.937 69.4039 162.67 69.33H349.33ZM349.33 32H162.67C90.8 32 32 90.8 32 162.67V349.33C32 421.2 90.8 480 162.67 480H349.33C421.2 480 480 421.2 480 349.33V162.67C480 90.8 421.2 32 349.33 32Z" fill="currentColor"/>
678<path d="M377.33 162.67C371.792 162.67 366.379 161.028 361.774 157.951C357.169 154.875 353.581 150.502 351.461 145.385C349.342 140.269 348.788 134.639 349.868 129.208C350.948 123.776 353.615 118.787 357.531 114.871C361.447 110.955 366.436 108.288 371.867 107.208C377.299 106.128 382.929 106.682 388.045 108.801C393.161 110.921 397.534 114.51 400.611 119.114C403.688 123.719 405.33 129.132 405.33 134.67C405.338 138.349 404.619 141.994 403.215 145.395C401.81 148.795 399.748 151.885 397.147 154.487C394.545 157.088 391.455 159.15 388.054 160.555C384.654 161.959 381.009 162.678 377.33 162.67ZM256 181.33C270.768 181.33 285.205 185.709 297.484 193.914C309.764 202.119 319.334 213.781 324.986 227.425C330.638 241.069 332.116 256.083 329.235 270.567C326.354 285.052 319.242 298.357 308.8 308.8C298.357 319.242 285.052 326.354 270.567 329.235C256.083 332.116 241.069 330.638 227.425 324.986C213.781 319.335 202.119 309.764 193.914 297.484C185.709 285.205 181.33 270.768 181.33 256C181.351 236.203 189.225 217.223 203.224 203.224C217.222 189.225 236.203 181.351 256 181.33ZM256 144C233.848 144 212.194 150.569 193.776 162.875C175.358 175.182 161.003 192.674 152.525 213.14C144.048 233.605 141.831 256.124 146.152 277.85C150.474 299.576 161.141 319.533 176.804 335.196C192.468 350.859 212.424 361.526 234.15 365.848C255.876 370.17 278.395 367.952 298.861 359.475C319.326 350.998 336.818 336.642 349.125 318.224C361.431 299.806 368 278.152 368 256C368 226.296 356.2 197.808 335.196 176.804C314.192 155.8 285.704 144 256 144Z" fill="currentColor"/>
679</svg></div></a><a aria-label="LinkedIn" href="https://www.linkedin.com/in/maddison-manente/" class="footer_mini_link w-inline-block"><div class="icon-embed-xsmall w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 512 512" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
680<path d="M444.17 32H70.28C49.85 32 32 46.7 32 66.89V441.61C32 461.91 49.85 480 70.28 480H444.06C464.6 480 480 461.79 480 441.61V66.89C480.12 46.7 464.6 32 444.17 32ZM170.87 405.43H106.69V205.88H170.87V405.43ZM141 175.54H140.54C120 175.54 106.7 160.25 106.7 141.11C106.7 121.62 120.35 106.69 141.35 106.69C162.35 106.69 175.2 121.51 175.66 141.11C175.65 160.25 162.35 175.54 141 175.54ZM405.43 405.43H341.25V296.32C341.25 270.18 331.91 252.32 308.69 252.32C290.95 252.32 280.45 264.32 275.78 276.01C274.03 280.21 273.56 285.93 273.56 291.77V405.43H209.38V205.88H273.56V233.65C282.9 220.35 297.49 201.21 331.44 201.21C373.57 201.21 405.44 228.98 405.44 288.85L405.43 405.43Z" fill="currentColor"/>
681</svg></div></a></div></div><div class="footer_legal_contain"><div class="footer_legal_block--fs7-2">© Maddison Manente. All rights reserved.</div><a href="/legal-pages/privacy-policy" class="footer_legal_link w-inline-block"><div class="footer_legal_text--fs7-2">Privacy Policy</div></a><a href="/legal-pages/terms-of-service" class="footer_legal_link w-inline-block"><div class="footer_legal_text--fs7-2">Terms of Service</div></a></div></section></div>
681<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=6603080b80557e963c3beea9" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
681<script src="https://cdn.prod.website-files.com/6603080b80557e963c3beea9/js/webflow.f96b1e2cb.js" type="text/javascript"></script>
681</body></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.