CINXE.COM

<!doctype html> <html lang="en-US" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="profile" href="https://gmpg.org/xfn/11"> <title>Cristian Popa – UI Design Systems</title> <meta name='robots' content='noindex, nofollow' /> <link rel="alternate" type="application/rss+xml" title="Cristian Popa » Feed" href="https://work.cristianpopa.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="Cristian Popa » Comments Feed" href="https://work.cristianpopa.com/comments/feed/" /> <meta property="og:title" content="I’m Cristian"/><meta property="og:type" content="article"/><meta property="og:url" content="https://work.cristianpopa.com/"/><meta property="og:site_name" content="Cristian Popa - Design & Development"/><meta property="og:image" content="/wp-content/uploads/2021/04/DSC_8467-1-2-1400x937.jpg"/>   <link rel="stylesheet" type="text/css" href="//work.cristianpopa.com/wp-content/cache/wpfc-minified/7jaoejux/hpwvq.css" media="all"/> <style id='classic-theme-styles-inline-css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel="https://api.w.org/" href="https://work.cristianpopa.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://work.cristianpopa.com/wp-json/wp/v2/pages/27758" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://work.cristianpopa.com/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.6.2" /> <link rel="canonical" href="https://work.cristianpopa.com/" /> <link rel='shortlink' href='https://work.cristianpopa.com/' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://work.cristianpopa.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwork.cristianpopa.com%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://work.cristianpopa.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwork.cristianpopa.com%2F&format=xml" /> <link rel="preload prefetch" href="https://work.cristianpopa.com/wp-content/themes/manole/_dist/fonts/manicon/fonts/manicon.woff2" as="font" type="font/ttf" <link rel="preload prefetch" href="https://work.cristianpopa.com/wp-content/themes/manole/_dist/fonts/obvia-embarcadero/embarcadero-mvp-pro-bold.woff2" as="font" type="font/ttf" crossorigin="anonymous"> <link rel="preload prefetch" href="https://work.cristianpopa.com/wp-content/themes/manole/_dist/fonts/obvia-embarcadero/embarcadero-mvp-pro.woff2" as="font" type="font/ttf" crossorigin="anonymous"> <link rel="preload" href="https://work.cristianpopa.com/wp-content/uploads/2021/04/DSC_8467-1-2-960x643.jpg">  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#ff4325"> <meta name="msapplication-TileColor" content="#ff0000"> <meta name="theme-color" content="#ffffff"> <style>.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style></head> <body class="home page-template page-template-templates page-template-page-front page-template-templatespage-front-php page page-id-27758 wp-custom-logo has-top-gutter">  <div id="site" class="container-fluid"> <a class="skip-link screen-reader-text" href="#primary">Skip to content</a> <nav id="site-navigation" class="navbar navbar-expand-md fixed-top z-4 bg-none bg-white"> <div class="container container-site-navigation d-none d-flex flex-column"> <div class="row w-100 no-gutters"> <div class="col d-flex align-items-center">  <div id="wrapper-menus-large-screens" class="menus-wrapper d-flex flex-column justify-content-center flex-grow-1">  <ul class="nav-utility list-unstyled list-inline d-none d-md-flex flex-column flex-md-row justify-content-between align-content-center mt-1 ml-md-auto p-0"> <li class="mb-1 mb-md-0"><span class="icon icon-phone"></span> <a href="tel:4044878657">404 487 8657</a></li> <li class="mb-1 mb-md-0"><span class="icon icon-email"></span> <a href="mailto:cristian@cristianpopa.com?subject=Hello, Cristian">cp@cristianpopa.com</a></li> </ul>  <div id="" class="nav-main d-flex justify-content-between"> <div class="brand-graphics d-flex align-items-start p-0 ml-1 ml-md-0"> <a id="navbar-brand-main" class="navbar-brand" href="https://work.cristianpopa.com/"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 509 48"> <path fill="#000" fill-rule="nonzero" class="theme-contrast" d="M125.322 42.642c6.015 0 11.488-2.58 15.336-7.04l-5.69-4.783c-2.547 2.848-5.744 4.3-9.646 4.3-3.414 0-6.232-1.13-8.562-3.333-2.276-2.257-3.414-5.052-3.414-8.438 0-3.386 1.138-6.18 3.468-8.438 2.33-2.257 5.148-3.386 8.508-3.386 3.847 0 7.045 1.398 9.592 4.246l5.69-4.783C136.756 6.633 131.337 4 125.322 4c-5.69 0-10.46 1.827-14.415 5.536C106.95 13.244 105 17.812 105 23.348s1.95 10.104 5.907 13.812c3.956 3.655 8.725 5.482 14.415 5.482Zm28.342-.59v-12.47h5.582l7.858 12.47h9.429l-9.213-14.458c4.065-1.72 6.72-5.858 6.72-10.642 0-3.493-1.246-6.395-3.793-8.76-2.493-2.418-5.528-3.6-9.05-3.6h-15.824v37.46h8.291Zm6.611-19.779h-6.61V12.115h7.315c2.655 0 4.715 2.096 4.715 4.945 0 3.17-2.168 5.213-5.42 5.213Zm29.21 19.778V4.591h-8.346v37.46h8.346Zm19.888.591c9.267 0 14.036-4.514 14.036-11.447 0-5.375-2.764-8.546-9.646-11.125-.922-.377-2.005-.753-3.252-1.183l-2.71-.913a23.07 23.07 0 0 1-1.68-.807c-1.137-.698-1.463-1.45-1.463-2.687 0-1.773 1.789-3.063 4.553-3.063 2.98 0 5.256.967 6.773 2.902l5.582-4.192C218.64 6.042 214.467 4 208.994 4c-3.523 0-6.503.967-8.942 2.902-2.438 1.881-3.63 4.461-3.63 7.686 0 5.643 3.25 8.706 9.158 10.856 1.084.43 3.251 1.129 4.172 1.505 1.03.269 2.547.914 3.252 1.397 1.246.753 2.06 1.72 2.06 3.118 0 1.988-1.79 3.708-5.637 3.708-4.335 0-7.478-1.666-9.483-4.945l-6.07 4.139c2.547 4.89 7.858 8.276 15.5 8.276Zm33.924-.59V12.114h10.08V4.591h-28.668v7.524h10.243v29.936h8.345Zm23.032 0V4.591h-8.346v37.46h8.346Zm13.656 0 2.547-6.289h15.77l2.547 6.288h8.887l-15.607-37.46h-7.424l-15.608 37.46h8.888Zm15.932-12.9h-11l5.527-13.597 5.473 13.598Zm26.391 12.9V18.134l18.697 23.916h6.828V4.591h-8.075v23.272l-18.1-23.272h-7.424v37.46h8.074Zm51.094 0V29.958h7.587c3.306 0 6.232-1.183 8.833-3.601 2.601-2.419 3.902-5.428 3.902-9.083 0-3.816-1.355-6.88-4.01-9.19-2.656-2.311-5.528-3.494-8.725-3.494h-15.932v37.46h8.345Zm7.1-19.618h-7.1V12.115h7.1c1.137 0 2.275.43 3.305 1.237 1.03.806 1.571 2.096 1.571 3.923s-.541 3.17-1.571 3.977c-1.03.806-2.168 1.182-3.306 1.182Zm36.85 20.37c5.635 0 10.404-1.881 14.306-5.59 3.902-3.762 5.853-8.384 5.853-13.812 0-5.428-1.951-9.997-5.907-13.759C427.702 5.881 422.934 4 417.352 4 411.77 4 407 5.881 403.045 9.643c-3.902 3.762-5.853 8.33-5.853 13.759 0 5.428 1.951 10.05 5.853 13.812 3.956 3.709 8.725 5.59 14.307 5.59Zm0-7.525c-3.306 0-6.124-1.128-8.4-3.385-2.276-2.312-3.414-5.106-3.414-8.492 0-3.279 1.138-6.073 3.414-8.384 2.276-2.311 5.094-3.494 8.4-3.494 3.305 0 6.123 1.183 8.4 3.494 2.275 2.31 3.413 5.105 3.413 8.384 0 3.278-1.138 6.127-3.468 8.438-2.276 2.31-5.04 3.44-8.345 3.44Zm34.086 6.772V29.96h7.587c3.306 0 6.232-1.183 8.833-3.601 2.601-2.419 3.902-5.428 3.902-9.083 0-3.816-1.355-6.88-4.01-9.19-2.656-2.311-5.528-3.494-8.725-3.494h-15.932v37.46h8.345Zm7.1-19.617h-7.1V12.115h7.1c1.137 0 2.275.43 3.305 1.237 1.03.806 1.571 2.096 1.571 3.923s-.541 3.17-1.571 3.977c-1.03.806-2.168 1.182-3.306 1.182Zm20.158 19.617 2.547-6.288h15.77l2.547 6.288h8.888L492.84 4.591h-7.425l-15.607 37.46h8.887Zm15.933-12.898h-11.001l5.527-13.598 5.474 13.598ZM67.73 0c12.782 0 23.143 10.266 23.143 22.93 0 12.663-10.361 22.929-23.143 22.929a23.192 23.192 0 0 1-14.65-5.177l-.216-.179-.073.073-7.355-7.303-7.355 7.303-.072-.072-.117.097a23.185 23.185 0 0 1-14.401 5.255l-.162.002h-.186C10.362 45.859 0 35.594 0 22.93 0 10.266 10.362 0 23.144 0a23.183 23.183 0 0 1 16.222 6.576l.13.128 1.49 1.474-10.424 10.327-1.756-1.744-.032-.029a8.418 8.418 0 0 0-5.48-2.14h-.15c-4.648 0-8.416 3.733-8.416 8.337 0 4.605 3.768 8.338 8.416 8.338a8.422 8.422 0 0 0 5.415-1.955l.093-.078 7.438-7.37L51.982 6.127l.158-.143A23.184 23.184 0 0 1 67.73 0ZM23.316 6.326h-.135c-9.28 0-16.804 7.433-16.804 16.603 0 9.17 7.523 16.605 16.804 16.605 4.475 0 8.663-1.732 11.782-4.766l3.12-3.092.01.01 7.344-7.273 7.344 7.273.013-.013 2.99 2.97.127.125.087.083a16.834 16.834 0 0 0 11.561 4.682h.135c9.28 0 16.803-7.433 16.803-16.604 0-9.17-7.523-16.604-16.803-16.604a16.838 16.838 0 0 0-11.15 4.182l-.209.186-19.85 19.614.035.034-3.026 2.943a14.758 14.758 0 0 1-10.313 4.174c-8.12 0-14.703-6.505-14.703-14.529 0-8.023 6.582-14.528 14.703-14.528 2.373 0 4.661.56 6.704 1.595l.276.144 1.543-1.525-.08-.046a16.883 16.883 0 0 0-8.308-2.243Zm44.481 1.976c8.123 0 14.707 6.549 14.707 14.627 0 8.079-6.584 14.628-14.707 14.628-3.87 0-7.512-1.499-10.233-4.122l-3.09-3.023.039-.039-7.482-7.44 7.468-7.444-.036-.036 3.03-2.96a14.712 14.712 0 0 1 10.304-4.191Zm-.101 6.325a8.468 8.468 0 0 0-5.5 2.01l-.171.149-6.225 6.141 6.377 6.28.035.03a8.467 8.467 0 0 0 5.409 1.994h.075c4.656 0 8.431-3.716 8.431-8.302 0-4.585-3.775-8.302-8.431-8.302Z"/> </svg> </a> <a id="navbar-brand-icon" class="navbar-brand-icon" href="https://work.cristianpopa.com/"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 639 330"> <path fill="#000" fill-rule="nonzero" class="theme-contrast" d="M476.108 0c89.848 0 162.685 72.754 162.685 162.5S565.956 325 476.108 325c-38.139 0-74.222-13.183-102.973-36.692l-1.524-1.263-.513.513-51.702-51.754-51.701 51.754-.51-.51-.822.687c-28.214 23.34-63.66 36.69-101.228 37.247l-1.139.013-1.31.005C72.835 325 0 252.246 0 162.5S72.837 0 162.685 0c43.242 0 83.835 16.949 114.038 46.607l.912.902 10.474 10.446-73.275 73.191-12.348-12.364-.22-.2c-10.514-9.467-24.063-14.91-38.521-15.164l-.536-.007-.524-.002c-32.672 0-59.158 26.456-59.158 59.091 0 32.635 26.486 59.09 59.158 59.09 14.17 0 27.521-4.981 38.07-13.857l.649-.554 52.286-52.227.029.03L365.404 43.423l1.108-1.018C396.254 15.309 435.002 0 476.108 0Zm-.262 44.828c-29.339 0-56.93 10.662-78.38 29.637l-1.462 1.316L256.47 214.787l.244.241-21.272 20.857c-19.188 18.815-45.027 29.578-72.496 29.578-57.081 0-103.355-46.098-103.355-102.963 0-56.865 46.274-102.963 103.355-102.963 16.684 0 32.767 3.97 47.124 11.305l1.941 1.018 10.847-10.805-.557-.327c-17.472-10.137-37.477-15.732-58.403-15.897l-.952-.003c-65.236 0-118.12 52.683-118.12 117.672s52.884 117.672 118.12 117.672c31.462 0 60.9-12.271 82.824-33.774l21.926-21.913.073.072 51.626-51.54 51.626 51.54.092-.09 21.01 21.04.897.89.609.591c21.678 20.944 50.479 32.94 81.273 33.18l.943.004c65.236 0 118.12-52.683 118.12-117.672S541.082 44.828 475.846 44.828Zm.73 14.008c57.095 0 103.38 46.412 103.38 103.664s-46.285 103.664-103.38 103.664c-27.202 0-52.805-10.62-71.938-29.213l-21.714-21.425.27-.274-52.59-52.733 52.495-52.75-.26-.258 21.303-20.976c19.186-18.894 44.997-29.699 72.433-29.699Zm-.715 44.828c-14.432 0-28.016 5.126-38.665 14.241l-1.2 1.055-43.755 43.526 44.826 44.498.248.213c10.501 8.94 23.838 14.015 38.02 14.137l.526.002c32.733 0 59.268-26.342 59.268-58.836s-26.535-58.836-59.268-58.836Z"/> </svg> </a> </div> <ul id="menu-main" class="navbar-nav d-none d-md-flex flex-row m-0 align-items-center"><li class=' menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-27758 current_page_item d-flex align-items-end ml-4'><a href="https://work.cristianpopa.com/" class="" role="button" aria-haspopup="true" aria-expanded="false" >What I Do</a></li> <li class=' menu-item menu-item-type-post_type menu-item-object-page d-flex align-items-end ml-4'><a href="https://work.cristianpopa.com/projects/" class="" role="button" aria-haspopup="true" aria-expanded="false" >My Work</a></li> <li class=' menu-item menu-item-type-post_type menu-item-object-page d-flex align-items-end ml-4'><a href="https://work.cristianpopa.com/my-process/" class="" role="button" aria-haspopup="true" aria-expanded="false" >My Process</a></li> <li class=' menu-item menu-item-type-post_type menu-item-object-page d-flex align-items-end ml-4'><a href="https://work.cristianpopa.com/my-articles/" class="" role="button" aria-haspopup="true" aria-expanded="false" >My Articles</a></li> <li class=' menu-item menu-item-type-post_type menu-item-object-page d-flex align-items-end ml-4'><a href="https://work.cristianpopa.com/about-me/" class="" role="button" aria-haspopup="true" aria-expanded="false" >About</a></li> <li class=' menu-item menu-item-type-custom menu-item-object-custom d-flex align-items-end ml-4'><a href="#module-contact" class="" role="button" aria-haspopup="true" aria-expanded="false" data-close-modals="true">Contact</a></li> </ul> </div> </div> <button id="toggle-oc-menu-main" class="oc-toggle btn menu-close navbar-toggle text-dark z-6 d-block d-md-none ml-auto" title="Toggle Additional Menu" aria-haspopup="true" aria-expanded="false" data-toggle="modal" data-target="#modal-menu-full"> <span class="menu-icon-001"> <span class="mi-part theme-contrast mi-part-1"></span> <span class="mi-part theme-contrast mi-part-2"></span> <span class="mi-part theme-contrast mi-part-3"></span> </span> </button> </div> </div> </div> </nav>    <main id="primary" class="row d-flex flex-column site-main"> <article id="post-27758" class="col p-0 post-27758 page type-page status-publish hentry"> <div class="container entry-content d-flex flex-column justify-content-center">  <div id="block-section-media-40f503fe0475af71eb3007f4746947de" class="row block-sxs block-section-media aligncenter mt-2 mb-0 no-gutters " > <div class="col-sm-12 wrapper-sxs bg-dark-50 " data-instance-id="section-media-40f503fe0475af71eb3007f4746947de"> <div class="row content-section-media layout-sxs sxs h-100 no-gutters justify-content-between" >  <div class="col-sm-6 h-50vh order-last order-md-last position-relative lazy " style=" background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; " data-bg="https://work.cristianpopa.com/wp-content/uploads/2023/02/hr-2-960x960.png" > </div> <div class="col-sm bg-dark-50 d-flex align-items-center justify-content-center p-1 p-md-4"> <div class="block-content flex-grow-1 text-left">  <p class="mb-0 text-muted"><h6 class="text-uppercase mb-1">Nice to meet you</h6> <h1 class="decoration decoration-bottom">I’m Cristian.</h1> <p class="text-white-a6 font-weight-normal mb-2">I am a Senior UI Designer with extensive Design System experience, specializing in design processes and UI optimization.</p> </p>  </div> </div>   </div> </div> </div>    <div id="block-collection-3663333033800d3cb6d901dbea0944ca" class="row block-list block-collection client-logos mt-4 aligncenter mt-0 mb-2 " > <div class="col-sm-12 wrapper-list " data-instance-id="collection-3663333033800d3cb6d901dbea0944ca"> <div class="container"> <div class="row content-collection layout-list list justify-content-between" >  <div class="card card-type-2 card-collection card-list col-sm-12"> <div class="img-container d-flex align-items-center justify-content-center" style="" > <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 114 37"><path class="theme-contrast" fill="#A2A9AF" d="M90.4 1L94 3l2 1.3c.2 0 0 .3 0 .5l-2 2.3-.8 1.2h-.4L87.9 5a10.4 10.4 0 00-7.6-2c-.2 0-.2.2-.2.4v.4c0 3-1 5.5-2.4 8l-.3.4-.4.5a7.5 7.5 0 01-3.7 3 2 2 0 01-2.2-.8c-1.2-1.8-.5-4 .4-5.8l.2-.4v-.2l.3-.3C73.2 6 75 4 77 2.6v-.1s.1-.1 0-.2h-.7c-2.6.9-4.8 3-6.8 5.1L69 8l-.6.6c0 .2-.2.3-.3.4-4.2 5.2-7.4 11-9.3 17.2v.6l-.2.4v.5l-.1.2-.1.5c-.3 2-.2 4.2 1.5 5.4 1.7.9 3.3.1 4.7-1l.3-.2.4-.2.3-.3a17 17 0 004.6-8.5l.1-.6c0-.9.1-1.8-.6-2.3-.6-.3-1.1 0-1.5.5l-.2.1-.2.2a9.5 9.5 0 00-2 5.2c-.5.5-1.2.8-1.8 1.2-1 .7-2.1 1.8-3 2.8l-.1-.1c-.2-3.6 1-6.6 3-9.3 1.5-1.8 3.5-3.3 5.9-2.8 1 .3 1.7 1.4 1.9 2.4.3 2.8-.6 5.3-1.8 7.6l-.4.7-.3.6-.5.7-.3.5-.4.5-.9 1.1-.4.5a11 11 0 01-8.2 3.9h-.3a5.3 5.3 0 01-4.3-3.1c-1.5-3.1-.9-7 .1-10.2l.2-.7.2-.3.2-.7 1-2.6c2.2-4.3 4.6-8.5 8.2-12.2a22 22 0 0111.6-7c1.1-.2 2.4-.1 3.3.6l.2.2c.2.1.4.3.6.2 3.3-1.3 7.7-1.8 11-.2zM23.1.6c1 .8 1.2 2.2 1 3.4-.4 1.5-1.4 3.3-3 3.5a1 1 0 01-.8-.3c-.4-.4-.4-1-.3-1.6.3-1.1 1.4-2.4 2.6-2.5.2-.1.1-.3 0-.5v-.1c-.1-.3-.3-.5-.6-.5-1-.1-1.8.3-2.6.9l-.7.5A40.2 40.2 0 005.7 26c-.3 3 .7 6 3.3 7.5 2.3 1.2 5 .9 7.6.3l.6-.2.6-.1.8-.3 2.7-.8 5.2-1.5c4.9-1.5 11-1.8 15.8.1 2.7 1.3 5.7 3 7.7 5.8v.2l-.8-.2-.7-.2c-3.9-1-8.5-1.6-12 .1h-.3a8.1 8.1 0 00-5.4-3.6c-3.5-.3-6.7.4-10 1.3l-1.6.5-1.7.4c-1.8.6-3.7 1-5.7 1.3-3.2.3-6.6.2-8.8-2.1l-.3-.3C-.8 30.7-.4 24.4 1.2 20v-.2l2-4.6c3.3-6 9-12.6 15.5-14.8l.4-.1.4-.1c1.2-.3 2.6-.4 3.6.4zM107 .3c.7.6.6 1.6.5 2.4l-.1.3v.2c-.1.5-.5.7-1 .9h-.2l-.4.2h-.2c0-.3 0-.5.2-.7l.1-.4.1-.5v-.8c-.1-.2-.4-.2-.6-.1h-.1c-1 .5-1.8 1.3-2.5 2.1l-.5.5c-3.3 3.8-5.7 8-7.9 12.3l-.7 1.5a37.1 37.1 0 00-1.3 3.2c.3 0 .6-.2.8-.4l.2-.2.2-.2c3-2.6 5.3-5.6 7.5-8.7a3 3 0 011-.2h.6c0 .2 0 .4-.2.6l-.2.2-.2.3a57.3 57.3 0 01-8.5 9.9l-2.5 2a2 2 0 00-.5 1l-.1.3-.1.3-.3 1a15 15 0 00-.8 3.8c0 .3.2.5.4.7.5.2.9 0 1.2-.4l.4-.3a31 31 0 003-4.2l.8-1.4c1.4-2.2 2.8-4.4 5-6.2 1.3-1 3-1.9 4.5-1.3l.3.1.1.1.3.2c.1 0 .3.1.4 0 .1 0 .2 0 .2-.2l.1-.1.4-.2h3.5c.1 0 .1.2 0 .2v.2l-6 12.1a2 2 0 00-.3 1c0 .3.3.3.5.2a7 7 0 002.3-2.2l.7-1 .6-1.1.4-.6h1c.2.1.1.2 0 .4v.3l-.2.3-.4.7a16 16 0 01-6.2 7c-.8.4-1.8.7-2.6.3-.4-.3-.5-.6-.6-1l-.2-.5-.1-.4h-.3l-.6.5-.4.3c-1 .8-2.2 1.5-3.7 1.2-1-.5-1.2-1.5-1.3-2.5V32.7l-.1-.1h-.2l-.4.5-.3.4-.3.3C90 35 88.7 36.1 87 36c-.8 0-1.5-.8-1.8-1.6a10 10 0 010-5.2l.2-.6.4-1.6c0-.1-.1-.3-.3-.3h-1.8l-.3.4a26 26 0 01-5.2 7.4c-1.2 1-2.7 2-4.4 1.5-1.4-.6-1.8-2.2-1.8-3.6.3-3.6 2-6.6 4-9.5l.3-.5C78 20.2 80 18 82.9 18c.7 0 1.3.3 1.8.9.8 1.2.6 2.6.3 4l-.2.5-.3 1v.5c-.1.1 0 .3.1.3.6.1 1.3 0 1.8-.3l.2-.2c2.1-6 5.2-11.4 9-16.6 2.2-3 5.2-6.2 8.6-7.6.8-.3 2-.7 2.8 0zm-28 24c-.5.6-.9 1.3-1.2 2l-.3.7-.3.6c-.4 1-.8 2-.8 3.3 0 .5.3 1 .8 1.1.3.2.7 0 1-.1 1.3-1 2.2-2.4 3-3.8l.4-.6.3-.6c.1-.2.2-.5 0-.6a8.8 8.8 0 01-2.5-2H79zm23.5-3.4c-2 2-3.2 4.4-4.3 6.8l-.4.9-.1.4-.5 1.4v.5c0 .3 0 .6.2.8.2.2.5.2.7.2.7-.4 1.2-1 1.6-1.6l.4-.6c1.8-2.8 3.2-5.8 4.4-8.8v-.2l-.1-.6c-.5-.2-.8 0-1.2.3l-.2.1-.2.2-.2.2zM23.7 9.6c1.1 1.2 1.1 3 .8 4.6v.4l-.2.5v.2l-.1.4-.1.2c0 .1 0 .2.2.2 1.4 0 2.5-.7 3.5-1.7l.5-.6.7-.8.4-.4.4-.4.3-.4c1.6-1.6 3.4-3 5.7-2.7.7.1 1.3.5 1.7 1.1.9 1.8 0 3.9-1.2 5.2-.5.5-1 .9-1.8.6-.2 0-.5-.3-.6-.6-.2-1.3.5-2.5 1.5-3.1l.3-.2h.2c.3-.1.6-.2.4-.6-.1-.3-.4-.3-.7-.3-1.4.6-2.4 2-3.3 3.3l-.5.7c-1.3 2-2.3 4.2-3 6.5v.3c-.2.8-.3 1.6.1 2.3.4.5 1 .7 1.5.5a13 13 0 004.5-3.5l2-2.9.5-.8.8-1.3a22 22 0 015.2-6.2c1.2-.8 2.8-1.4 4.2-.8l.2.1.2.1.1.1c.2.1.3.2.5.1l.1-.2.2-.2c.1-.2.3-.3.6-.2h3.4l.1.1-.3.8-6.2 13v.5h.5c.6-.3 1.2-1 1.6-1.6l.6-.6 1.4-2.5.1-.1c.1-.2.3-.4.6-.4h.5c.2 0 .4 0 .5.2l-.8 1.8-.5.8-.2.5-.4.5-.2.3-.3.5c-1.6 2.3-3.5 4.5-6 5.2-.5 0-1 0-1.5-.2v-.1c-.5-.3-.6-.8-.7-1.2l-.1-.5v-.2h-.3l-.4.3-.3.3c-1.1 1-2.3 1.7-3.8 1.5a2 2 0 01-1.4-1 4 4 0 01-.3-2v-1.5c0-.1-.2 0-.2 0-2 2-4.2 3.8-6.8 4.3-1.3.2-2.3-.2-3.1-1-1.4-2-1-4.2-.4-6.3l.2-.5.1-.5.2-.4.5-1.2-.1-.3-1.1.1-1 .2-.3.3-.6 1.2a22.7 22.7 0 01-5.6 7.4c-1.2.9-3 1.5-4.4.7-1.5-1-1.6-3-1.4-4.6.3-2 1-3.8 1.8-5.5l.2-.3.3-.6.2-.3.3-.6c1.7-2.8 4-5.6 7-6.6 1-.2 2-.1 2.8.5zM82 20.1a3 3 0 00-1.3 2.4c0 1 .8 1.8 1.7 2 .1.1.4.2.5 0 .6-1.2 1-2.5.8-3.8-.1-.3-.4-.6-.7-.7-.4-.1-.7 0-1 .1zm-63.4-4.4l-.3.3-.8 1.4-.3.6a12 12 0 00-1.4 5c0 .3.3.8.7.9.4.1.8-.1 1.2-.4a16 16 0 003.7-5.2V18c.1-.1.2-.3 0-.4a7 7 0 01-2.6-2h-.2zm27.7-4c-2 1.6-3.4 3.8-4.5 6l-.4.8-.5 1-.5 1.5-.3.7a3 3 0 000 1.7c0 .2.2.3.3.3.5 0 .9-.2 1.2-.6l.2-.2.2-.3a45 45 0 004.8-8.9l.1-.2.3-.6.2-1.1c0-.2-.2-.3-.3-.4h-.5l-.3.2zm-24.7-.4c-1 .5-1.6 1.4-1.5 2.5 0 1 .9 1.7 1.7 2h.1c.2.1.4.2.5 0l.7-1.9v-.3c.1-.8.1-1.7-.6-2.2-.2-.2-.6-.2-1 0zM77.9 4a15 15 0 00-3.8 3.9l-.4.5c-.9 1.5-1.6 3-1.7 4.8 0 .4.2.8.6 1 .6.2 1.1-.1 1.6-.5l.5-.4c2.2-2.3 3.5-5 3.8-8V3.8c-.3 0-.4 0-.6.2zM56 9h2.9l.1.1-1.6 3.3c-.2.3-.5.5-.8.6H53v-.4l.2-.5.5-1 1-1.8.8-.3h.4zm58-9l-.2.9-.2.4c-2.1 5.1-7.4 9.6-13.1 9.7H99v-.5l1.3-2 1.6-2 .3-.3c4.4 0 8-2.6 11.1-5.6l.6-.6z"/></svg> </div> <div class="card-content"> <h4> cce </h4> </div> </div> <div class="card card-type-2 card-collection card-list col-sm-12"> <div class="img-container d-flex align-items-center justify-content-center" style="" > <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 49"><path class="theme-contrast" d="M33.3 41.5v2.2H33c-.2-1.1-.8-1.7-1.6-1.7-.7 0-1.3.4-1.3 1 0 .5.2.7 1 1.1l.6.4.5.3c.7.4 1 .6 1.2 1 .2.3.2.6.2 1 0 1.2-.9 2-2.2 2-.7 0-1.3-.1-2-.6l-.4.8h-.2v-2.6h.4c0 .7.1.9.4 1.2.3.5.9.8 1.5.8.7 0 1.3-.5 1.3-1.2 0-.3-.2-.7-.5-1-.2 0-.3-.2-.5-.3l-.7-.4-.4-.2-.7-.5-.2-.2-.1-.1c-.3-.3-.4-.7-.4-1 0-1.2 1-2 2.3-2 .6 0 1 .2 1.6.7l.3-.7h.2zm52.3.1v.4h-.3c-.5 0-.6.2-.6.7v3.5c0 .9-.1 1.3-.5 1.8-.4.6-1.1.9-2 .9-1 0-1.7-.3-2.1-.8-.4-.5-.6-1-.6-1.8v-3.5c0-.6 0-.7-.6-.7h-.2v-.5h.4l.3.1H82v.3h-.3c-.5 0-.6.2-.6.7v4c0 1 .4 1.6 1.5 1.6.7 0 1.3-.3 1.5-.8.2-.3.3-.7.3-1.4v-3.5c0-.4-.2-.5-.6-.5h-.3v-.5h2.1zm-11.7 0v.4c-.7 0-.9.1-.9.6v5.3c0 .4.2.5.6.5h.3v.4h-3.2v-.4c.7 0 .8 0 .9-.5v-5.3c0-.5-.2-.5-1-.6v-.4h.5l.4.1h2.4zm-22.5-.2l2.3 6.2c.2.6.4.8 1 .8v.4h-3.1v-.4h.2c.4 0 .5 0 .5-.3v-.4L52 47h-2.4l-.2.7-.1.2v.3c0 .2 0 .3.7.3v.4h-2.2v-.4c.6 0 .8-.2 1.1-.9l2.5-6.1zm47.7.2v.4c-.7 0-.9.2-.9.6v.2l.1 4.9c0 .6.1.7.9.7v.4H96v-.4c.7 0 .9-.1.9-.6v-.1l-.1-5.1-2 4.7v.4l-.2.4-.1.3v.2h-.3v-.2l-.2-.5-.2-.5-.1-.3-2-4.6v5.2c0 .5 0 .6.6.7h.2v.4h-2.2v-.4c.7 0 .9 0 1-.5v-5.2c0-.5-.1-.6-.9-.6v-.5h.6l.4.1h1.5l1.9 4.6 2-4.7h.5l.3.1H99zm-55.3 0l.3 2h-.3c-.3-1.1-.7-1.5-1.5-1.5h-.4v5.8c0 .4.2.5.6.5h.3v.4h-3.2v-.4h.3c.5 0 .6-.2.6-.6V42h-.3c-.9 0-1.3.4-1.5 1.5h-.4l.3-2h5.2zm18.6 0c1 0 1.7.3 2.2.8a4 4 0 011.1 2.8c0 1.1-.4 2.2-1.1 2.8-.6.5-1.4.8-2.5.8h-2.7v-.4c.7 0 .9-.1 1-.5v-5.1c0-.6-.2-.7-1-.7v-.4h3zm0 .5h-.7v5.8c0 .4.1.5.6.5.7 0 1.2-.2 1.5-.6.3-.6.5-1.4.5-2.7 0-2.1-.6-3-2-3zm-11.5 1.5l-1 2.8h2l-1-2.8zm10.8-22v12.8c.1.6.3.8 1 .8h.7v.4H63l-.6.1H62l-.4.1-.4.1h-.1l-.4.2h-.2l-.1-.4-.1-.3V35l-.1-.6c-.6 1.1-1.5 1.7-2.7 1.7-2.3 0-4-2.2-4-5.2s1.7-5.2 4-5.2c1 0 1.7.3 2.4 1.4l.1.2v-3.7c0-1-.1-1.2-1.1-1.2h-.4V22c1.2-.1 2.2-.3 3.2-.6zm18.5 4v3.2h-.5c-.1-1.7-.8-2.5-2.2-2.5-1.1 0-2 .8-2 1.8 0 .6.2 1 1 1.4l.4.1.4.2.5.2.9.4c1.6.7 2.2 1.4 2.2 2.7 0 1.8-1.5 3-3.5 3-1 0-1.7-.2-2.5-.9l-.5 1H74v-3.6h.4c.4 2 1.3 2.9 2.8 2.9 1.3 0 2.2-.8 2.2-2 0-.6-.4-1.1-1.4-1.6l-.9-.4-1-.4c-1.5-.7-2-1.3-2-2.6 0-1.6 1.3-2.8 3.2-2.8.8 0 1.5.2 2.2.7l.4-.9h.3zm23.3 0c2.5 0 3.8 1.7 4 4.8v.3H101c0 3.3.8 4.8 2.8 4.8 1.4 0 2.4-1 2.7-2.6v-.2h.8c-.2 2.2-1.6 3.5-3.7 3.5-2.7 0-4.3-2-4.3-5.2 0-3.3 1.6-5.4 4.1-5.4zm-55.6 0c2.5 0 3.8 1.7 4 4.8v.3h-6.4c0 3.3.8 4.8 2.8 4.8 1.4 0 2.3-1 2.6-2.6v-.2h1c-.3 2.2-1.7 3.5-3.8 3.5-2.7 0-4.3-2-4.3-5.2 0-3.3 1.6-5.4 4.1-5.4zm-26.6 0c2.5 0 3.8 1.7 4 4.8v.3h-6.4c0 3.3.8 4.8 2.8 4.8 1.4 0 2.3-1 2.7-2.6v-.2h.8c-.2 2.2-1.6 3.5-3.7 3.5-2.7 0-4.3-2-4.3-5.2 0-3.3 1.6-5.4 4.1-5.4zm20.7-.1V29h-.5c-.3-1.9-1.1-2.8-2.4-2.8-1.6 0-2.6 1.7-2.6 4.8 0 3 .9 4.5 2.5 4.5 1.3 0 2.1-1 2.4-2.8h.8c-.2 2.2-1.5 3.5-3.4 3.5-2.4 0-4.1-2.1-4.1-5.2 0-3.2 1.7-5.4 4.2-5.4 1 0 1.5.3 2.2 1l.5-1.1h.4zm26.3.1c2.4 0 3.7 1.7 3.8 4.8v.3h-6.3c0 3.3.9 4.8 2.8 4.8 1.5 0 2.4-1 2.7-2.6v-.2h.9c-.3 2.2-1.7 3.5-3.8 3.5-2.7 0-4.3-2-4.3-5.2 0-3.3 1.6-5.4 4.2-5.4zm-39 0l.1.7v.8l.1.2v.3c.5-1.3 1.4-2 2.5-2 1 0 1.8.7 1.8 1.8 0 .6-.3 1-.8 1s-1-.3-1-.7l.1-.2V27c0-.2-.2-.5-.6-.5-1 0-1.8 1.4-1.8 3.5v4.4c0 .8.2 1 1.2 1.2h.3v.4h-1l-.3-.1h-2.6l-.8.1v-.4h.3c1-.1 1.2-.4 1.2-1.2v-7.2c0-.5-.2-.7-.8-.7H26.6V26c1.2 0 2-.2 2.8-.4zm-17.1-4l.6.1h3.1v.5h-.4c-1 .1-1.3.4-1.3 1.1v.3l.2 10.6v.3c0 .6.3.8 1.2 1h.5v.5h-1l-.6-.1h-2.7l-1 .1v-.5c1.4 0 1.7-.3 1.8-1.2v-.2l-.2-11-3.5 9.4-.3.7-.3.8-.3.8-.2.7h-.3l-.3-.6-.5-1.7-.3-.7L2.9 23l-.4 11v.3c0 .7.2 1 1 1.1h.7v.6H3.1l-.5-.1H.3L0 36v-.5h.5c1-.2 1.2-.4 1.2-1.1V34l.5-10.5v-.1c0-.9-.2-1.1-1.4-1.3H.4v-.5h3.8l4 10.7 4-10.7zm99.2 4l.1 1v.8c.9-1.2 1.7-1.7 3-1.7 1.2 0 2.4.7 2.8 1.7.2.5.3 1.1.3 2v5c0 .8.1 1 1 1.1h.5v.5h-1l-.4-.1h-2.9l-.3.1v-.4c1.1 0 1.4-.3 1.4-1.1v-5.2c0-1.9-.6-2.6-2-2.6s-2.1.9-2.1 2.6v5.2c0 .8.2 1 1.3 1v.5h-1l-.4-.1H109l-.6.1v-.4c1.3 0 1.5-.3 1.5-1.2v-7.1c0-.6-.2-.7-.8-.8H108.5v-.3l2.8-.7zm-18.6-3.8c1.3 0 2.2.2 2.9.7.8.6 1.3 1.6 1.3 2.7 0 1.5-.8 2.6-2.4 3.2.8.1 1.3.3 1.7.6.8.7 1.3 1.7 1.3 2.9a4 4 0 01-1.7 3.3c-.9.5-1.7.7-3 .7H87v-.5h.7c.8-.2 1-.3 1-.9V23.7c0-1 0-1.3-1.3-1.4H87v-.5h5.7zm35.2 4.1l-5.8 9.5h2.5c1.4 0 2-.6 2.7-2.5h.4l-.5 3h-7.4l5.8-9.4h-2.6c-1.2 0-1.6.2-2.1 1.3l-.2.4-.2.5h-.4l.5-2.8h7.3zm-70.3.5c-1.6 0-2.3 1.5-2.3 4.6 0 3 .8 4.6 2.3 4.6 1.6 0 2.3-1.5 2.3-4.5 0-3.1-.8-4.7-2.3-4.7zm35 2.5h-2v5.3c0 .8.1 1 1 1h1.1c1.9 0 3-1.1 3-3.2 0-1-.3-2-.8-2.5s-1.2-.6-2.3-.6zm-5.8.8v1.1h-4.8v-1.1H87zm16.6-3.5c-1.3 0-2.1 1.2-2.4 3.4v.3h4.6c-.1-2.5-.8-3.7-2.2-3.7zm-82.2 0c-1.3 0-2.1 1.2-2.4 3.4v.3h4.6c-.1-2.5-.8-3.7-2.2-3.7zm26.6 0c-1.3 0-2.1 1.2-2.4 3.4v.3h4.6c-.1-2.5-.8-3.7-2.2-3.7zm20.3 0c-1.3 0-2 1.2-2.3 3.4v.3h4.6c-.2-2.5-.9-3.7-2.3-3.7zm24.3-3.8h-1.8v5.8H92c1.2 0 1.8-.2 2.3-.7.4-.6.7-1.3.7-2.2 0-2-.8-2.9-2.6-2.9zM47.2 0l14.4 2L47.5.7 46.6 2l29.1 4.2-13 11.7L45.5 2.2 47.2 0zm33.5 13.8l3.7 3.8H64l16.7-3.8zm-25 0l4.8 3.8H41.4l14.4-3.8zm-16.4.2l1.2 3.6H28.7l10.9-.7-.3-2.9zm48.4 0l-.4 2.9 10.9.7H86.4l1.3-3.6zM46 4.1l-3.7.6-2.5 1.4h8.1l2.8 2.6-8.9 8.2-4-10.7 4.4-2H46zM66.9 0l8.4 2.2 4.2 2.1L87 8.1 85.3 17l-11-14-7-2.2L69.4 4l-7.1-2 4.6-2zM84 3.3l5.5 2.9-2 5 .7-5-3.7-2 .6 2-4.5-2 3.4-.9z" fill="#A2A9AF"/></svg> </div> <div class="card-content"> <h4> mbs </h4> </div> </div> <div class="card card-type-2 card-collection card-list col-sm-12"> <div class="img-container d-flex align-items-center justify-content-center" style="" > <svg width="111" height="43" viewBox="0 0 111 43" fill="none" xmlns="http://www.w3.org/2000/svg"> <g id="brand_graphics/wmg/full_brand/theme-light"> <g id="brand_graphics/wmg/Î© components/logomark"> <g id="wmg_logo_3inbun_svg"> <path id="WMG_Contained_SVG" d="M35.822 23.3129C34.5529 23.3129 32.7178 22.7487 31.8317 20.7369L30.4696 17.4674C29.2653 14.4493 31.6083 11.6238 34.3342 11.6238C35.6005 11.6238 37.4384 12.188 38.3236 14.1989L39.6866 17.4693C40.89 20.4865 38.5442 23.3129 35.822 23.3129ZM27.1101 14.1989L32.6849 27.5822C33.8893 30.5966 31.5444 33.4239 28.8213 33.4239C27.5532 33.4239 25.7162 32.8579 24.83 30.8489L19.2552 17.4674C18.0528 14.4493 20.3976 11.6238 23.1198 11.6238C24.3879 11.6238 26.224 12.188 27.1101 14.1989ZM15.8985 14.1989L21.4733 27.5822C22.6767 30.5966 20.3319 33.4239 17.6078 33.4239C16.3415 33.4239 14.5036 32.8579 13.6184 30.8489L8.04357 17.4674C6.84018 14.4493 9.18313 11.6238 11.9072 11.6238C13.1763 11.6238 15.0124 12.188 15.8985 14.1989ZM43.7107 34.4796C45.6754 31.1515 46.37 25.1869 46.37 21.3532C46.37 17.5233 45.6754 11.5605 43.7107 8.2324C40.2273 2.45119 34.398 0 23.1864 0C11.9748 0 6.14462 2.45119 2.65929 8.2324C0.696503 11.5615 0 17.5233 0 21.3532C0 25.1859 0.696503 31.1505 2.65929 34.4796C6.14462 40.2599 11.9738 42.7092 23.1864 42.7092C34.398 42.7092 40.2273 40.2608 43.7107 34.4796Z" fill="#A2A9AF"/> </g> </g> <g id="brand_graphics/wmg/Î© components/logotype"> <path id="Vector" fill-rule="evenodd" clip-rule="evenodd" d="M57.2405 6.80289L55.4709 13.6655H53.217L50.3701 3.34215H52.6594L54.2785 9.7898C54.303 9.92692 54.3357 10.0624 54.3767 10.1956C54.3795 10.2054 54.3817 10.2155 54.3832 10.2257C54.3869 10.2145 54.3899 10.2031 54.3924 10.1916C54.4332 10.0576 54.466 9.92122 54.4905 9.78326L56.1555 3.33691H58.3309L59.9932 9.76886C60.0173 9.90647 60.0501 10.0424 60.0913 10.1759C60.0923 10.1814 60.0941 10.1871 60.0959 10.1929C60.0988 10.2023 60.1018 10.212 60.1018 10.2217V10.2008C60.1413 10.0718 60.1736 9.94069 60.1987 9.80812L61.8217 3.34215H64.1097L61.2641 13.6655H59.0102L57.2405 6.80289ZM66.1847 11.0408L65.1807 13.6651H62.8574L67.0315 3.3418H69.0237L69.059 3.4308L73.1977 13.6651H70.8679L69.864 11.0408H66.1847ZM68.0237 6.15201L67.7841 6.84573L66.9386 9.06562H69.114L68.1546 6.52897L68.0237 6.15201ZM81.9956 6.32347C81.9956 4.48447 80.5728 3.3418 78.2822 3.3418H73.8516V13.6651H76.027V9.5918H77.4118L79.7351 13.6651H82.222L79.7626 9.35227C81.2442 8.76327 81.9956 7.74494 81.9956 6.32347ZM79.8188 6.46615C79.8188 7.25149 79.2953 7.64416 78.2822 7.64416H76.027V5.28813H78.2874C79.3018 5.28813 79.8188 5.68473 79.8188 6.46615ZM85.5352 6.93342L85.5117 6.89023L85.5104 13.6651H83.3926V3.3418H85.5326L89.763 9.78683C89.8172 9.86538 89.8666 9.94712 89.9109 10.0316L89.9371 10.0774V3.3418H92.0536V13.6677H89.9135L89.8716 13.6036L85.6832 7.17819C85.629 7.09964 85.5796 7.0179 85.5352 6.93342ZM100.975 11.6913H95.8974V9.31955H100.53V7.34442H95.8974V5.31693H100.931V3.3418H93.7207V13.6651H100.975V11.6913ZM110.436 6.32347C110.436 7.74494 109.692 8.76327 108.211 9.35227L110.67 13.6651H108.183L105.859 9.5918H104.475V13.6651H102.3V3.3418H106.724C109.013 3.3418 110.436 4.48447 110.436 6.32347ZM106.725 7.64416C107.745 7.64416 108.262 7.25149 108.262 6.46615C108.262 5.68473 107.75 5.28813 106.73 5.28813H104.475V7.64416H106.725ZM62.9091 26.4154V16.0908H60.6787L57.5753 23.829L54.4706 16.0908H52.2402V26.4154H54.3593V21.0463L54.5766 21.7243L56.5779 26.4154H58.5714L60.5779 21.7126L60.79 21.0463V26.4154H62.9091ZM64.4629 22.473V16.0908H66.6383V22.2859C66.6383 23.7453 67.3974 24.583 68.7207 24.583C70.044 24.583 70.8032 23.7453 70.8032 22.2859V16.0908H72.9786V22.473C72.9786 24.99 71.3071 26.6157 68.7207 26.6157C66.1344 26.6157 64.4629 24.99 64.4629 22.473ZM78.318 24.6694C76.9646 24.6694 76.2015 23.9456 75.9175 22.3893L75.8834 22.2035L73.9541 23.1851L73.9777 23.2912C74.4227 25.4037 76.0104 26.6158 78.3324 26.6158C80.8834 26.6158 82.2172 24.994 82.2172 23.3906C82.2172 21.6537 81.1701 20.6603 78.8206 20.1681C77.1583 19.8265 76.5091 19.4273 76.5091 18.7427C76.5091 18.0582 77.3376 17.837 78.047 17.837C79.1517 17.837 79.9031 18.4024 80.28 19.5202L80.335 19.6825L82.0837 18.6773L82.0431 18.566C81.3978 16.7898 80.0693 15.8906 78.0955 15.8906C75.9004 15.8906 74.4305 17.0542 74.4305 18.7859C74.4305 20.3972 75.6177 21.5451 77.6845 21.9364C79.4122 22.2885 80.0536 22.7022 80.0536 23.4626C80.0418 24.1956 79.3651 24.6694 78.318 24.6694ZM83.4111 16.0908H85.5865V26.4141H83.4111V16.0908ZM96.4905 23.8566L96.5651 23.7427L94.8465 22.5084L94.7706 22.6498C94.0808 23.9325 93.0992 24.583 91.8544 24.583C90.0651 24.583 88.768 23.1825 88.768 21.2532C88.768 19.3239 90.0651 17.9233 91.8544 17.9233C93.1371 17.9233 94.0272 18.5268 94.6528 19.8226L94.7261 19.9744L96.4905 18.7035L96.4434 18.5987C95.6829 16.8972 93.9892 15.8906 91.912 15.8906C88.8125 15.8906 86.5625 18.1459 86.5625 21.2571C86.5625 24.4142 88.7327 26.6236 91.84 26.6236C94.1908 26.6158 95.3256 25.6079 96.4905 23.8566ZM59.0469 35.3468H55.8375V33.5156H61.2511V39.1714H59.7564L59.4069 37.9751C58.7145 38.89 57.6831 39.3717 56.4043 39.3717C53.4867 39.3717 51.2852 37.0667 51.2852 34.0052C51.2852 30.9436 53.5849 28.6387 56.6333 28.6387C58.6543 28.6387 60.3414 29.585 61.149 31.1688L61.204 31.2761L59.5535 32.4764L59.4776 32.3298C58.8938 31.1884 57.9003 30.585 56.6058 30.585C54.7996 30.585 53.4907 32.0405 53.4907 34.0012C53.4907 35.962 54.7119 37.3311 56.4619 37.3311C58.3676 37.3311 58.899 36.051 59.0469 35.3468ZM70.8266 31.8215C70.8266 29.9825 69.4038 28.8398 67.1133 28.8398H62.6787V39.1645H64.8554V35.0898H66.2455L68.5688 39.1645H71.0557L68.5923 34.8451C70.0714 34.2613 70.8266 33.2443 70.8266 31.8215ZM68.6512 31.9655C68.6512 32.7508 68.1277 33.1435 67.1133 33.1435H64.8554V30.7875H67.1093C68.129 30.7862 68.6473 31.1828 68.6473 31.9655H68.6512ZM71.5283 34.0052C71.5283 30.9436 73.8084 28.6387 76.8333 28.6387C79.8582 28.6387 82.1383 30.9436 82.1383 34.0052C82.1383 37.0667 79.8582 39.3717 76.8333 39.3717C73.8084 39.3717 71.5283 37.0667 71.5283 34.0052ZM76.8333 37.335C78.688 37.335 79.9341 35.9973 79.9341 34.0052V34.0012C79.9341 32.0091 78.688 30.6753 76.8333 30.6753C74.9786 30.6753 73.7325 32.013 73.7325 34.0052C73.7325 35.9973 74.9786 37.335 76.8333 37.335ZM89.6177 35.0323C89.6177 36.493 88.8585 37.3294 87.5352 37.3294C86.2119 37.3294 85.4527 36.493 85.4527 35.0323V28.8398H83.2773V35.222C83.2773 37.7378 84.9475 39.3647 87.5352 39.3647C90.1229 39.3647 91.7931 37.7378 91.7931 35.222V28.8398H89.6177V35.0323ZM93.3467 28.8398H98.0522C100.455 28.8398 101.951 30.1487 101.951 32.2521C101.951 34.3556 100.458 35.6645 98.0522 35.6645H95.5221V39.1645H93.3467V28.8398ZM97.9946 33.6919C99.1595 33.6919 99.776 33.1919 99.776 32.2521H99.7734C99.7734 31.3124 99.1569 30.815 97.992 30.8124H95.5221V33.6919H97.9946Z" fill="#A2A9AF"/> </g> </g> </svg> </div> <div class="card-content"> <h4> wmg </h4> </div> </div> <div class="card card-type-2 card-collection card-list col-sm-12"> <div class="img-container d-flex align-items-center justify-content-center" style="" > <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 178 29"><path class="theme-contrast" fill="#A2A9AF" d="M25 17l15 12H10l15-12zM48.2.9v5.3H44V29h-1.2l-5.3-4.2V6.2h-4.2V1h14.9zm15 0V6H56v6h6.5v5H56v6.7h7.7V29H49.8V.9h13.4zm13.3 0c2.7 0 5.9 1.8 6 5v3.4c0 2.9-2 4.3-3.3 4.9H79v.1c1.6.4 3.4 1.2 3.5 4.2v7.1c0 1.2.1 2.2.5 3.1v.3h-5.8c-.4-.9-.5-2-.6-3.2v-7.1c0-.8-.9-2-1.8-2h-2.1V29h-6.1V.9h10zm95 0c2.7 0 5.8 1.8 6 5v3.4c0 2.9-2.1 4.3-3.4 4.9h-.1v.1c1.6.4 3.3 1.2 3.4 4.2v7.1c0 1.2.2 2.2.5 3.1l.1.3h-5.9c-.3-.9-.5-2-.5-3.2v-7.1c0-.8-1-2-1.9-2h-2.1V29h-6.1V.9h10zM96 .9c3.3 0 4.6 2.3 5.1 5v.4l.2.6v5c-.5 3.9-2.1 5.7-6.2 5.8h-3.5V29h-6V.9H96zm13.4 0V29h-6V.9h6zm9.8 0v22.8h6.6V29H113V.9h6.2zm14.4 0v22.8h6.5V29h-12.7V.9h6.2zm20.8 0l5.3 28.1h-6.4l-.6-5h-4.6l-.7 5h-6.1L146.2.9h8.3zM7.3 0c5.4 0 7.3 2 7.4 6.4V12H9.2V6c0-.9-.7-1.4-1.6-1.4-.8 0-1.7.5-1.7 1.4v16.7c0 1 .9 1.5 1.7 1.5.7 0 1.6-.5 1.6-1.5V17h5.7v4.6c0 .6-.3 1.7-1 2.2l-6 5h-.5c-5.5 0-7.2-2.3-7.3-7V7.2C0 2.3 1.7 0 7.3 0zm22.3.9l4.8 21.3-9.2-7.4-.1.1-9 7.3L20.7 1h8.8zM150.4 6v.3L148.8 19h3.1l-1.5-13zM25.1 6l-1.8 7.8h3.5L25 6zm67.7-.3h-1V13h1.8c1.5-.2 1.8-.9 1.8-2V7.7c0-1-.3-1.8-1.8-2h-.8zm-20.1-.2v6.6h1.9c.9 0 1.8-.7 1.9-1.6v-3c0-1.1-.6-1.9-1.6-2h-2.2zm95 0v6.6h1.8c.9 0 1.8-.7 2-1.6v-3c0-1.1-.6-1.9-1.7-2h-2.2z"/></svg> </div> <div class="card-content"> <h4> cat </h4> </div> </div> <div class="card card-type-2 card-collection card-list col-sm-12"> <div class="img-container d-flex align-items-center justify-content-center" style="" > <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 118 37"><path class="theme-contrast" fill="#A2A9AF" d="M56 26.1l-.1.3a11.8 11.8 0 01-4 6.8 15.2 15.2 0 01-7 3.4c-1.2.2-2.5.4-3.8.4-3.8 0-6.8-1-8.8-3.1A8 8 0 0130 29l8-1 .7 1c.8.8 2 1.2 3.6 1.2 1.5 0 2.9-.4 4-1a4 4 0 001.8-2.4l7.8-.7zm-30.6 3.6l-.6.9a16.6 16.6 0 01-13 6.3 12 12 0 01-5.1-1 9.5 9.5 0 01-3.6-2.2l1.7-.3 1.6-.4 1.7-.3 1.8-.3.9-.2 1.8-.3 1.9-.4 1.9-.3 2-.3 2-.4 1-.1 2-.4 2-.3zm78.9-4c2.7.1 5.4.4 8.1.7l2 10h-8l-2.1-10.8zm-18.5-.8c2.7 0 5.4 0 8 .2l-6.1 11.3h-8.1l6.2-11.5zm-19.3.5l-1.5 11h-7.6l1.8-10.5 7.3-.5zM12.1.4L8 23.5A5 5 0 009 28a5 5 0 004 1.7h.7A121 121 0 004 33.4l-.8.3-.2-.2-.2-.2A9.9 9.9 0 01.4 29c-.5-1.7-.5-3.5-.2-5.5L4.3.5h7.8zm20 0l-4.2 23.1a16 16 0 01-.5 2.2c-3.8 1-7.5 2-11 3.1l1.3-.8a7 7 0 002.6-4.5l4.1-23h7.7zm28.8 20.7l1.3-.2 2-.3 1.8-.2 1-.2 1.8-.2 1.9-.2 1.9-.3 1.8-.2 1.9-.2 1.8-.2 1.9-.2 1.8-.2 1.8-.1 1.8-.2 1.8-.2 1.7-.1 1.8-.1 1.7-.2H94l1.6-.2h1.7l1.6-.2h1.6l1.6-.1h1.5l1.5-.1h10.2l.2 1 1.3 5.4.3 1 .1.7h-.7a281.7 281.7 0 00-57.5-1h-1.4l-2.1.2c-8 .6-16 1.5-24 2.6l-2.3.3-.7.1.6-.1c9.2-2.3 19.4-4.2 30.3-5.9l1.4-.2zM47.3 0c3.6 0 6.3 1 8.2 3 2 2 2.6 4.7 2 8H50c.2-1.2 0-2.2-.7-3-.6-.7-1.7-1-3.2-1a6 6 0 00-3.5 1c-1 .6-1.6 1.5-1.8 2.5-.2 1.7.8 2.9 3.3 3.7l4 1.3a12 12 0 017 4.6 376 376 0 00-11 2l-3.5-1c-1.2-.4-2.2-.9-3.2-1.4a8.8 8.8 0 01-3.5-3.5 6 6 0 01-.7-1.9 10.5 10.5 0 010-3.6c.4-2 1.3-4 2.7-5.6A14.5 14.5 0 0147.4 0zm16.4.4H77c8.9 0 13 9 10.6 15.7l-8 .8c3-3.7 2.5-9.7-4.2-9.8h-5.3l-1.9 11-8 1.2L63.8.4zm43.7 0l2.8 14.7-7.6.1-.8-6.5-3.1 6.7-8 .5L99.1.4h8.3z"/></svg> </div> <div class="card-content"> <h4> uspa </h4> </div> </div> <div class="card card-type-2 card-collection card-list col-sm-12"> <div class="img-container d-flex align-items-center justify-content-center" style="" > <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 196 47"><path class="theme-contrast" fill="#A2A9AF" d="M174.3 31c1 0 2 .6 2.1 1.3l1.1 12.5c0 1.2-1.4 2.2-3.2 2.2-1.8 0-3.3-1-3.3-2.2l1.1-12.5c.1-.7 1-1.3 2-1.3h.2zm-67-14.5c5.8 0 8.1 3 8.7 6.7v1.4l.1.4v7.6c0 1.9 0 3.5.3 5-2.7.7-4.2-.2-4.9-1v-.2l-.2-.1V36h-.1v-.2l-.2-.2v-.2h-.2a7.4 7.4 0 01-6 2.6c-4.2 0-6.6-3-6.6-6.2 0-5.2 4.6-7.8 11.8-7.8h.4v-.8l-.1-.3c-.2-1.1-1.1-2.4-3.9-2.4-2 0-4 .6-5.4 1.4l-.2.2-1.1-3.8c1.5-.9 4.2-1.8 7.7-1.8zM.4 10h6.1l2.4 12.3.3 1.6.1.8.3 1.6.3 1.6.3 1.5.3 2.1 1-5 .9-3.8.2-.8L15.2 10h6L24 22.2l.4 2.2.3 1.4.2 1.4.6 3.4v.8h.2l.7-4.2.3-1.7.5-2.7.2-.8 2.5-12h5.8l-7.2 27.7c-4.2 1-6-.5-6.8-3.1l-.1-.4v-.1l-2-8.9-.4-2.2-.3-1.3-.7-4.2v-.8H18a79 79 0 01-1.2 6.5l-.4 1.3-.1.7-3 12.5c-4.7 1-6.3-.4-7.2-4L.3 10zm43.4 6.5c6.6 0 8.6 4 8.7 8.5v7.6c0 1.9 0 3.5.3 5-2.7.7-4.2-.2-4.9-1v-.2l-.2-.2-.1-.2-.2-.2v-.2l-.1-.2h-.1a7.4 7.4 0 01-6 2.7c-4.2 0-6.6-3-6.6-6.2 0-5.2 4.6-7.8 11.8-7.8h.4v-1c-.3-1.2-1.1-2.5-4-2.5-2 0-4 .6-5.4 1.4l-.2.2-1.1-3.8c1.5-.9 4.2-1.8 7.7-1.8zm95.8-6.5v6.5h4.8v5.3h-4.8v7.7c0 2.6.6 3.8 2.5 3.8l1.9-.2h.2v4.3c-.7.3-2.3.6-4 .6a6 6 0 01-4.4-1.7c-1-1.2-1.6-3-1.6-5.6V10h5.4zm-78.2 0v27.5H56V10h5.4zm68.9 6.5h1.2V22l-.4-.1h-1.2c-2.4 0-4 1.3-4.4 3.5l-.1 1.2v10.9h-5.7V16.9h5v3.9h.1c1-3 3.4-4.3 5.5-4.3zm-41.5 0c3.6 0 6.7 2.4 6.9 8.5v12.4H90V26.3c0-3.2-1-5-3.4-5a3.5 3.5 0 00-3.3 2.4l-.2 1.4v12.5h-5.6V25.8c0-2.8-1-4.7-3.3-4.7-1.8 0-2.9 1.4-3.3 2.6l-.3 1.5v12.2H65V17h5.3v2.8h.1l.2-.3c1-1.4 2.5-3 5.8-3 2.6 0 4.6 1.4 5.5 3.5v.2h.2c.7-1 1.6-2 2.6-2.5a7.4 7.4 0 014-1.1zm94.6 9.7l11 5.3c1.1.6 1.3 2.4.4 4-.9 1.5-2.5 2.3-3.5 1.7l-10-7.2c-.6-.5-.6-1.6 0-2.6v-.1c.6-.9 1.4-1.3 2-1zm-15.9 1.2l.1.2c.5 1 .4 2-.1 2.4l-10 7.2c-1.1.6-2.7-.2-3.6-1.7-.8-1.6-.7-3.4.4-4l11-5.3c.7-.2 1.7.3 2.2 1.2zm-56.9.4h-1.1c-3 .2-5.3 1-5.3 3.6 0 2 1.2 2.8 2.7 2.8 1.8 0 3.2-1.2 3.6-2.7l.1-.9v-2.8zm-63.7 0h-1.1c-3 .2-5.3 1-5.3 3.6 0 2 1.2 2.8 2.7 2.8 1.8 0 3.2-1.2 3.6-2.7l.1-.9v-2.8zm110.4-18h.1l10 7.2c.6.5.7 1.5.2 2.4v.2c-.6.9-1.5 1.4-2.1 1.2h-.2l-11-5.3c-1-.6-1.2-2.4-.4-4 .9-1.4 2.3-2.2 3.3-1.8h.1zm37.5 1.7c.8 1.5.7 3.2-.2 3.9h-.1l-11.1 5.4c-.7.2-1.5-.2-2-1l-.2-.2v-.2c-.5-.9-.5-1.8 0-2.3l10.1-7.3c1-.6 2.6.2 3.5 1.7zM174.3 0c1.7 0 3 1 3.2 2.1v.1l-1 12.5c-.2.7-1 1.3-2 1.3h-.4c-1 0-1.8-.5-2-1.2v-.1l-1-12.5c0-1.2 1.4-2.2 3.2-2.2z"/></svg> </div> <div class="card-content"> <h4> wm </h4> </div> </div>  </div> </div> </div> </div>   <hr class="wp-block-separator has-css-opacity is-style-wide dark-100"/> <div class="wp-bootstrap-blocks-row row py-2 py-md-4"> <div class="col-12 col-md-4"> <h2 class="wp-block-heading decoration decoration-bottom mb-4">What I Do</h2> </div> <div class="col-12 col-md-8"> <div class="wp-bootstrap-blocks-row row"> <div class="col-12 col-md-6"> <div class="wp-block-group mb-2 mb-md-4"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"> <figure class="wp-block-image size-large is-resized mt-0 mb-2"><img fetchpriority="high" decoding="async" width="320" height="320" src="https://work.cristianpopa.com/wp-content/uploads/2021/05/design.svg" alt="" class="wp-image-14048" style="width:64px;height:64px"/></figure> <h4 class="wp-block-heading h5 mb-2 mb-md-0 font-weight-normal">Design Systems</h4> </div></div> <div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"> <figure class="wp-block-image size-large is-resized mt-0 mb-2"><img decoding="async" width="320" height="320" src="https://work.cristianpopa.com/wp-content/uploads/2021/05/responsive.svg" alt="" class="wp-image-14052" style="width:64px;height:64px"/></figure> <h4 class="wp-block-heading h5 mb-2 font-weight-normal">User Interface Design</h4> </div></div> </div> <div class="col-12 col-md-6"> <div class="wp-block-group mb-2 mb-md-4"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"> <figure class="wp-block-image size-large is-resized mt-0 mb-2"><img decoding="async" width="320" height="320" src="https://work.cristianpopa.com/wp-content/uploads/2021/05/branding.svg" alt="" class="wp-image-14046" style="width:64px;height:64px"/></figure> <h4 class="wp-block-heading h5 mb-0 font-weight-normal">Branding & Identity</h4> </div></div> <div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"> <figure class="wp-block-image size-large is-resized mt-0 mb-2"><img loading="lazy" decoding="async" width="320" height="320" src="https://work.cristianpopa.com/wp-content/uploads/2021/05/speed.svg" alt="" class="wp-image-14053" style="width:64px;height:64px"/></figure> <h4 class="wp-block-heading font-weight-normal mb-2 h5">Web App Design</h4> </div></div> </div> </div> </div> </div> <hr class="wp-block-separator has-css-opacity is-style-wide dark-100"/> <div class="wp-bootstrap-blocks-row row pt-4"> <div class="col-12 col-md-7"> <h2 class="wp-block-heading decoration decoration-bottom">My Work</h2> </div> <div class="col-12 col-md-5"> <div class="wp-bootstrap-blocks-row row"> <div class="col-6 col-md-6"> </div> <div class="col-6 col-md-6"> </div> </div> </div> </div>  <div id="block-collection-4b892b2afc02325d16ae9279e8c5fd09" class="row block-grid block-collection aligncenter mt-0 mb-0 " > <div class="col-sm-12 wrapper-grid " data-instance-id="collection-4b892b2afc02325d16ae9279e8c5fd09"> <div class="row content-collection layout-grid grid justify-content-between" >  <div class="card mb-2 mb-md-4 d-flex flex-column justify-content-center align-content-center card-type-6 card-collection card-grid col-md-6">    <div class="img-container d-flex " data-aos="xfade"> <img data-src="https://work.cristianpopa.com/wp-content/uploads/2023/02/demo-typo-all-square-120x120.png" data-srcset="https://work.cristianpopa.com/wp-content/uploads/2023/02/demo-typo-all-square-520x520.png 520w, https://work.cristianpopa.com/wp-content/uploads/2023/02/demo-typo-all-square-120x120.png 120w, https://work.cristianpopa.com/wp-content/uploads/2023/02/demo-typo-all-square-960x960.png 960w, https://work.cristianpopa.com/wp-content/uploads/2023/02/demo-typo-all-square-1400x1400.png 1400w, https://work.cristianpopa.com/wp-content/uploads/2023/02/demo-typo-all-square-1920x1920.png 1920w" alt="Warner Music Group" class="img-fluid lazy" width="960" height="540" > <a id="trigger-collection-4b892b2afc02325d16ae9279e8c5fd09-0" href="https://work.cristianpopa.com/project/warner-music-group/" class="d-md-flex flex-column link-cover" > <span class="link-cover-span"></span> </a> </div> <div class="card-content"> <h3 class="h5 m-0 p-0 card-title"> <a href="https://work.cristianpopa.com/project/warner-music-group/"> Warner Music Group </a> </h3> <p class="card-meta border-top small mb-0 mt-1 pt-1">Design System Planning and Execution | Component Creation | Interface Design | Experience Design | Process Design</p> </div> <div class="card-ornament"></div> </div> <div class="card mb-2 mb-md-4 d-flex flex-column justify-content-center align-content-center card-type-6 card-collection card-grid col-md-6">    <div class="img-container d-flex " data-aos="xfade"> <img data-src="https://work.cristianpopa.com/wp-content/uploads/2021/04/screens-phone-three-piece1-novus-120x120.png" data-srcset="https://work.cristianpopa.com/wp-content/uploads/2021/04/screens-phone-three-piece1-novus-520x352.png 520w, https://work.cristianpopa.com/wp-content/uploads/2021/04/screens-phone-three-piece1-novus-960x650.png 960w, https://work.cristianpopa.com/wp-content/uploads/2021/04/screens-phone-three-piece1-novus.png 1345w" alt="Novus App" class="img-fluid lazy" width="960" height="540" > <a id="trigger-collection-4b892b2afc02325d16ae9279e8c5fd09-1" href="https://work.cristianpopa.com/project/novus-app/" class="d-md-flex flex-column link-cover" > <span class="link-cover-span"></span> </a> </div> <div class="card-content"> <h3 class="h5 m-0 p-0 card-title"> <a href="https://work.cristianpopa.com/project/novus-app/"> Novus App </a> </h3> <p class="card-meta border-top small mb-0 mt-1 pt-1">Design System Planning and Execution | Component Creation | Interface Design | Experience Design | Process Design</p> </div> <div class="card-ornament"></div> </div> <div class="card mb-2 mb-md-4 d-flex flex-column justify-content-center align-content-center card-type-6 card-collection card-grid col-md-6">    <div class="img-container d-flex " data-aos="xfade"> <img data-src="https://work.cristianpopa.com/wp-content/uploads/2022/05/dsm-oxb-001-1-120x120.png" data-srcset="https://work.cristianpopa.com/wp-content/uploads/2022/05/dsm-oxb-001-1-520x510.png 520w, https://work.cristianpopa.com/wp-content/uploads/2022/05/dsm-oxb-001-1-960x941.png 960w, https://work.cristianpopa.com/wp-content/uploads/2022/05/dsm-oxb-001-1-1400x1372.png 1400w, https://work.cristianpopa.com/wp-content/uploads/2022/05/dsm-oxb-001-1-1920x1881.png 1920w" alt="OxBlue Construction Project Dashboard" class="img-fluid lazy" width="960" height="540" > <a id="trigger-collection-4b892b2afc02325d16ae9279e8c5fd09-2" href="https://work.cristianpopa.com/project/oxblue-construction-project-dashboard/" class="d-md-flex flex-column link-cover" > <span class="link-cover-span"></span> </a> </div> <div class="card-content"> <h3 class="h5 m-0 p-0 card-title"> <a href="https://work.cristianpopa.com/project/oxblue-construction-project-dashboard/"> OxBlue Construction Project Dashboard </a> </h3> <p class="card-meta border-top small mb-0 mt-1 pt-1">Design System Planning and Execution | Component Creation | Interface Design | Experience Design | Process Design</p> </div> <div class="card-ornament"></div> </div> <div class="card mb-2 mb-md-4 d-flex flex-column justify-content-center align-content-center card-type-6 card-collection card-grid col-md-6">    <div class="img-container d-flex " data-aos="xfade"> <img data-src="https://work.cristianpopa.com/wp-content/uploads/2021/04/screens_multi_001-mbs-120x120.png" data-srcset="https://work.cristianpopa.com/wp-content/uploads/2021/04/screens_multi_001-mbs-520x268.png 520w, https://work.cristianpopa.com/wp-content/uploads/2021/04/screens_multi_001-mbs-960x495.png 960w, https://work.cristianpopa.com/wp-content/uploads/2021/04/screens_multi_001-mbs-1400x722.png 1400w, https://work.cristianpopa.com/wp-content/uploads/2021/04/screens_multi_001-mbs-1920x990.png 1920w" alt="Mercedes-Benz Stadium" class="img-fluid lazy" width="960" height="540" > <a id="trigger-collection-4b892b2afc02325d16ae9279e8c5fd09-3" href="https://work.cristianpopa.com/project/mercedes-benz-stadium/" class="d-md-flex flex-column link-cover" > <span class="link-cover-span"></span> </a> </div> <div class="card-content"> <h3 class="h5 m-0 p-0 card-title"> <a href="https://work.cristianpopa.com/project/mercedes-benz-stadium/"> Mercedes-Benz Stadium </a> </h3> <p class="card-meta border-top small mb-0 mt-1 pt-1">Component Creation | Interface Design | Experience Design | Front-End Development | CMS Design</p> </div> <div class="card-ornament"></div> </div> <div class="card mb-2 mb-md-4 d-flex flex-column justify-content-center align-content-center card-type-6 card-collection card-grid col-md-6">    <div class="img-container d-flex " data-aos="xfade"> <img data-src="https://work.cristianpopa.com/wp-content/uploads/2021/04/screens_multi_001-wigan1-120x120.png" data-srcset="https://work.cristianpopa.com/wp-content/uploads/2021/04/screens_multi_001-wigan1-520x277.png 520w, https://work.cristianpopa.com/wp-content/uploads/2021/04/screens_multi_001-wigan1-960x511.png 960w, https://work.cristianpopa.com/wp-content/uploads/2021/04/screens_multi_001-wigan1-1400x746.png 1400w, https://work.cristianpopa.com/wp-content/uploads/2021/04/screens_multi_001-wigan1-1920x1023.png 1920w" alt="City of Wigan" class="img-fluid lazy" width="960" height="540" > <a id="trigger-collection-4b892b2afc02325d16ae9279e8c5fd09-4" href="https://work.cristianpopa.com/project/city-of-wigan/" class="d-md-flex flex-column link-cover" > <span class="link-cover-span"></span> </a> </div> <div class="card-content"> <h3 class="h5 m-0 p-0 card-title"> <a href="https://work.cristianpopa.com/project/city-of-wigan/"> City of Wigan </a> </h3> <p class="card-meta border-top small mb-0 mt-1 pt-1">Design System Planning and Execution | Component Creation | Interface Design</p> </div> <div class="card-ornament"></div> </div>  </div> </div> </div>    <div id="block-buttons-04f1ef25777a689110ea7392f4c07d56" class="row block- block-buttons text-center text-md-left d-flex mb-4 aligncenter mt-0 mb-0 " > <div class="col-sm-12 wrapper- bg-- " data-instance-id="buttons-04f1ef25777a689110ea7392f4c07d56"> <div class="row content-buttons layout- justify-content-between" >  <div class="col-sm-12"> <a href="https://work.cristianpopa.com/projects/" class=" btn btn-outline-dark ">  See All Projects</a> </div>   </div> </div> </div>   <hr class="wp-block-separator has-css-opacity is-style-wide dark-100 py-2"/> <h2 class="wp-block-heading decoration decoration-bottom decoration-sm">Design System Management</h2> <div class="wp-bootstrap-blocks-row row"> <div class="col-12 col-md-8"> <h4 class="wp-block-heading">Semi-automated, token-driven design systems that integrate seamlessly with code.</h4> </div> <div class="col-12 col-md-4"> <p><strong>I leverage Figma, Storybook, JS, HTML and CSS</strong></p> <p>My system deliverables are platform-agnostic and translate directly from design to code when implemented in most modern tooling setups.</p> <p class="text-light-a3">.</p> </div> </div> <div class="wp-bootstrap-blocks-row row mb-4"> <div class="col-12 col-md-12"> <div class="h-100 d-flex flex-column justify-content-start">  <div id="block-imac-vimeo-b1fcd209575af21e6c49c6e0fb7b0f69" class="row block- block-imac-vimeo p-1 p-md-0 aligncenter mt-0 mb-0 " > <div class="col-sm-12 wrapper- bg-- " data-instance-id="imac-vimeo-b1fcd209575af21e6c49c6e0fb7b0f69"> <div class="row content-imac-vimeo layout- justify-content-between" > <div id="vimvid-imac-vimeo-b1fcd209575af21e6c49c6e0fb7b0f69" class="block-imac-vimeo p-1 p-md-0 aligncenter vimvid-container row d-flex flex-row justify-content-center align-content-center no-gutters"> <div class="col device-media-wrapper position-relative d-flex justify-content-center align-content-center no-gutters"> <img class="device-frame device-frame-imac h-auto w-100 position-relative z-2 lazy" data-src="https://work.cristianpopa.com/wp-content/uploads/2021/04/device-frame-imac-transp-3.png" alt="Illustrative device frame for demo purposes" width="1200" height="989" > <div class="embed-container z-1"> <div class="container-media"> <iframe id="vimvid-player" class="lazy" data-src="https://player.vimeo.com/video/434039334?controls=false&loop=1&transparent=true&autoplay=1&muted=1&autopause=false" frameborder='0' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> </div> </div> </div> </div>  </div> </div> </div>    </div> </div> </div> <hr class="wp-block-separator has-css-opacity is-style-wide dark-100 pb-2 pb-md-2"/> <div class="wp-bootstrap-blocks-row row pt-4 mb-2"> <div class="col-12 col-md-8"> <h2 class="wp-block-heading h6 text-uppercase text-primary mb-1">Featured Case Study</h2> <h6 class="wp-block-heading decoration decoration-bottom h2">Mercedes-Benz Stadium</h6> <p></p> </div> <div class="col-12 col-md-4"> <div class="wp-bootstrap-blocks-row row"> <div class="col-6 col-md-6"> </div> <div class="col-6 col-md-6"> </div> </div> </div> </div>  <div id="block-section-media-85369dd5572f76b1130f204b2f93b1a8" class="row block-sxs block-section-media pb-4 pb-md-8 aligncenter mt-0 mb-0 no-gutters " > <div class="col-sm-12 wrapper-sxs " data-instance-id="section-media-85369dd5572f76b1130f204b2f93b1a8"> <div class="row content-section-media layout-sxs sxs h-100 no-gutters justify-content-between" >  <div class="col-sm-8 h-50vh order-last order-md-first position-relative lazy " style=" background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; " data-bg="https://work.cristianpopa.com/wp-content/uploads/2021/04/screen-desktop-002-mbs-after-960x669.jpg" > </div> <div class="col-sm bg-null d-flex align-items-center justify-content-center p-1 p-md-4"> <div class="block-content flex-grow-1 text-left">  <p class="mb-0 text-muted"><figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" class="wp-image-10537" src="https://work.cristianpopa.com/wp-content/uploads/2021/04/brand-webby-awards-1.svg" alt="" width="100" height="63" /></figure> <p class="text-dark-600 small mb-0"><strong>Honoree</strong>: Best User Experience</p> <p class="text-dark-600 small mb-0"><strong>Honoree</strong>: Best Home/Welcome Page</p> <p class="text-dark-600 small mb-0"><strong>Nominee</strong>: Best Sports Website</p> <hr class="wp-block-separator has-css-opacity is-style-wide dark-100 py-1" /> <p><a class="btn btn-outline-dark btn-sm" href="/project/mercedes-benz-stadium/">See Case Study</a></p> </p>  </div> </div>   </div> </div> </div>   </div> </article> </main> </div>  <div id="module-contact" class="row mt-md-16 no-gutters"> <div class="col-sm-4 bg-dark-900 p-2 p-md-8"> <p class="text-light-300"><span class="icon icon-email"></span>  <a class="" href="mailto:cristian@cristianpopa.com?subject=Hello, Cristian">cp@cristianpopa.com</a></p> <p class="text-light-300 mb-0"><span class="icon icon-phone"></span> <a class="" href="tel:4044878657">404 487 8657</a></p> </div> <div class="col-sm-8 bg-dark-800 mt-md-n8 px-1 py-4 p-md-8"> <div data-aos="xfade">  <h6 class="text-uppercase text-light-a6 ml-1 mb-2">Let's Talk</h6> <form method="post" class="acfe-form" data-cid="67e11a1adb57c" id="form-contact-001"> <div id="acf-form-data" class="acf-hidden"> <input type="hidden" id="_acf_screen" name="_acf_screen" value="acfe_form"/><input type="hidden" id="_acf_post_id" name="_acf_post_id" value="27758"/><input type="hidden" id="_acf_validation" name="_acf_validation" value="1"/><input type="hidden" id="_acf_form" name="_acf_form" value="MkF0dlhnbkVlelY4MnRpQzU2LzBya1VJUnZaeEdXcFRjT1YrWkpSSDQxSEttUXNNZkxRUkpGc3VncVltTXcyWk82WVBWUHlCaGxwL2MzanNPNXdoN2JZTW1jUElRRDNoUU1LS2Vmd0l5Ym5yZ1dsUG83bjVTNzB0bXUzeWlSSWFGK2FtYndTWG5KWFNVbjhUTFVrZXU2bkdET0pSSzZ1N3lTdUx4THFDRVl1Y1Q3SXFiTTltVExjOGdwY0luSkx5WmptV3RYeDdwTnVBU1l1MjArSHNkWklFc25kNU8wS3UwSCtNU1pwYmtjMjJ4TEI4VDBlWThGT3BjTWpUWTV3Q1Q3SGVLUkJCSDZXcTY2WVM1RnBBbm1RVUJHTXB6TENWVWFLY2JXVUtkckVPN1QxdkRzRnRNOHl0OFVNQjM2MUE1UUM2K1hZWWQ3bVA4bmhrMHJQaHhORE9wQm01Q054NDlyKzlobm5KcW53WDlidG9HdkpWYVlRays3Wjg4VnRrb1FmZFNzSG1kN0crUkYwKzQ4VUpMMS9hQzJ5TFhWYnozMzd2a2VidWkxRjVTVmVIc3NiOEQ2T2ZKMlFpalIvZHNIWVp3RTNJM1hoWU53cXpGUjljalV5ekFFN0J4dWRCRzRoL1dLdjI5U0NvUlNXa2k2ZVdNVUlkNUl4MFo4K1pENlRrREhGU1NiS3NtZnIzNlhMQUJBZXZxdXVXTHVJRFFQbG4wNHJXMFQweUs1YXVCYU1wb2ZWRFA0SmdONlhNRDRvZU5RUnVTR1QzQUhBMWhKTXNEbHpmRVR3UzJPaXk4RFA0RkhJaXE3dCtIaHNNVUF5LzYwdXBDMWtYSW5uRlhRaE5oclZHYTdHd09ONHVlZGdSNG1nbkRtbE1McnlHdjN0ZG40MXBNTSs4NHNzdkhhZGZPelA3MTZkaHp0SS9zMTFPRFg2TWpVSUcybG00MDB6WmltSUdOQlFCVEkzVHJuNGR1RzVSSTRqckEyMG41OHZ2VU45U1k2TCt4YzFRdzVKZzY2TEhqTi9jaWJmSmN5cEJBR3JGU1VqZTJLTUtVNVVqeVVGTkxWTVNSczIyMkFkenExZWVua1VINU92RzB3TEwxWk1yYS9SRS9QNHNLMWw4d0lPaFdEQXNBVE9WekJ5V0RJclpSR0xacVJobjlOWlg4cE1OZ3ZIM0h3alpldXI3bWg5U1VDOXlIbElvbUw5QklVOU1xMngwLytCSFViT1NEeWxtUU5MNzdjQWEzZjFqQVFjSVN4emVZaVBDK045dHR6SWpVNjAzOXRUZXd5YURMTjFXQ042ZFpGT0RQK1B3NnFJdXNFTFRURkwwL2J0bFVQSWFScVdSUjk4YmUxcHQ0WkdCR2c3TnZDNGtDd3NVOU5vdzRUQmVPT3ZUZndzUVRXOUJxSUtFdTdpdnNTYmlrZlZKZVY4cDBaWmZxV2p6V1ZkY3BtdnNrR1FGeDJ3eFJ0T050RUpxRzlQd1RmTGp6c252M0ZSSHFhUkdxNjZYcXc5dXd0TUxBa1NLU0NSeXh6eDZTZEFSdlY2MmJLZGo0cjFrenNrZHlZNWRvbXFqL0NFZWZNeXFjSklScnFiZkFuRWx3anhnQkJjZEMxcGViQ3U3ejNvV2pOT3FOSjJyZXZjUEZXaUl5YVhjVUlYUE44bnY3d2NER2VBcWR5NXBwcVJoU2Z1aEhzQmplRkh6Q1NoVVNrTzRJT0E4cGE2cVJXSzlEVXhuWGJMMDBuZEFSTW91UWUxY2JFTHQ0OFN0clk1d0VGRS9pS2JNNE05Unp6bWFFVXpuUUQvZmNZUXJrVFBKL2pGU2t5aGFjMlhRMDI2RmhwRWZ4RnFQeTl1cWliRjhYZnRacFhSVldkNzhBbXplQ1V0amtkVDVVUGpKOWh5dEJjbDVVdHhBbFltcnZ0NGMxTmltR1p5RXAvMFpwY1FVeERrRVdZYmlRWjR1d2NzYm1JclFpdjJBalAvdENkRVRXOWNFaElzY3owZWZzK3JkeGJKZnJYZHgzWGJTM0FIZ216aDN0SWVaRUNXSFpVRk5BZCtiUnBmaFFzTXhiZHRGVWJoQmlFTnlqOHlEWktpUGdEanFldEhRaG1jTE44VW9KbkdrNmVjaTFQanlBTmJIOFQ0U09NcC9kK1BBaENZdk8rWTNQeDFnM1JrcG5KaWVsSlpCMXVjWThzQ3VQbkxkNDkxUDhXMktVN053Rjd2UUpsdys0Q1BjOFNSZGl5TWVlNFZxTE4zN2pUSGw2TkpPb2pucjVHRWZHNjBsYndZdVltcmp4b29RbjZ0VE5iY1RrTnIzY2VaM2NSVW5jK2U1NzY2WjF3OFdzT0U3L2NvZ1hRYjdBNlVVTVovdEU4Q1BRNTdDMSt0K3k3QlhkK3l4TldIS1EzTUJucHA2WDNucXpQb01aaWVBRndqN1VPRlc0TTlnV3N4MWltNkpiNXQ4QWV4UWkvbU4rcHdhdzlxYVpoclFLalRSM21xN3l5elpHdisyamNUQTBqODFnTTJxbjFDaFQ4TXpjM0ZqbmlET1FVS2llcUZXQytuSVRVVXNjbzhrVWo4NlA5QkRpUCt1YmJJUnFldXBWa0tzVld0RzlqanIrTzBUbGlFN3AxZFFoM0hDTXNNUStvcXA5ZzdzSlBlRm9wbDZVSmJPaGxxMnRwZWZDSWNzeGJCb2xDNGhBcjAyWC9FaWhteWViT1djTzFQZXRka1M5dUF5c0ovalp3WGU2Z0RxTzRkL2NNdEFuNzZnOVpEQlBKdUJCdEx0QXJ2ZEpvUEo1K0FQNVNYZHpxS25keEFwTUwrUDBib211U1o1N00yTUJaa1JERkRvRG1RdnZWS0cvRFYzVDRLbkt0T0dCVmNBNENRM3VwdEhUeGF0MU1KOVprV25HUVNPSUdrZHFKWXFpaVEzbWsxYzJLemJKcHcyekN4UFhRbUN4QjlOUnB2YzNzMW0ySHhNOUJzRXRORHZHUFB3Y0cweWFGcmY5eGZmdmRsaWh6SHNjNjBYZzJWdXcydnRnTGpxWVk1NUNVZ20ra1c5R2dSdlFwNEE5VFFHM1VrRi9oN01JOThIWXh0Q2pBVXduUFV6TFp0ZEZkc2N3OHptMFl1RmNkZlBKeEJRZGlZcDhiL2g4V1A2aUlZQzZ0S0ZmeUlYcXpWdW9sSEx3TGRRZ2tXU0VJd3BCTDBucUl0c0p2bU1KdUQvTWpHc2YzMmwzeGhZTFFFNC9PVlU0c1lxNVZZUjR3emMwWUZneVUwdzdBZzVHR1JnRU16YUQwVWxYVTMrbU9kNU5DczJVVVJreVJCVC9jOGgveUZtcCtFa2RqS081NEtESk5qVEhLdUJ5aFYzUlVldksrU3dIdTNmZjM5VFpLdWU3c1ZCN0xBdHJoYU9XREdSSVJXTU12VUVWZnZBdU5rb0p3Q2VMb2Vyd085TE9pdFlMem9WeHpkTkV2T0dtbXZWZ0pRUGk3Nk83aUM4UkZyZ0s4dzRsVTRtZElrV3hTdE45SGNFakhqaTYxZVpmRTFqa1lVd1BJMTBNM281cURNdGFKTys5OGtLZTRON3hnUWRsQ3pTaGowN2VsMWMxTDYzaHJpMUZsSzZCRWtuUXB6Mm9rRDVhT1ptT05GWWZQZmZ5RmVWMGpMTmhZRjVHWkZBMjdqZ21jRHA0NCtvdEt3LytpYkwzcDRQTnVpWDR0UVgwQm4rVzZzbzRSSjNhMjZySzRiSkROc280RlltY1p1aUhVOUREb0RUQ0NOKy9TNTh2UHd0RnJndS9nRlo2NjNaQituOTNhT0daNDVqK3VPZHQzblpqUW1mU3RLR1c1ODVNM1JJQnZPTk5VT3BrcUMvU1FmMFBVLzQxTWlTUjdUUDl3RnFZQ1hDbmZKaU9jRlVNQ1U1OW5UbkhSL0gvSURTOUIxU2ZXdEEyazBKOXpxcHpiU3oyN1ZlYkNoelM4L0ZGb0RxL2RXeURTYmVldVBVVUszOVFSektCV3dETGYyVEpjWC91dHhkV2w3d0hqWmtRVHpLREVWcnBEaGpodkNOMDd5eWw0d3RTL0NRZnZGeHhjMXBjMmQ2Q3JSaVJ5WFlLRnRUUUduNFNmM3dXaHNUMEkrSGFGK082OU94K2VRclZRdDlsQ0l1OHBjN3RGOHExdjFNRU85VlFWZ0ZIclJNVkZkaWZ6RVN6U25Vby8rOXQ3aFQwWDAwRjZhQWdLUFZwU1ovdXhlK2t4em13YkdWTzJtUGxHZy9GM0dFaGM2YU9XVEJwSjVjWVNmQ0ZoRmpiTlBJRjlJbU9CUTdwbTY1YlpZTWRaMGNoLzZTMitzRzU3ZWZTOXpDRHlEN1J2eWtFN3RkaDhHRitURHpUbXhFd1JwRFRtUmFUMloyL3JFY3JTb0JHU20zTmdMQjAvK2NPN0dzL2RYcThYSzNjT1ZDbVk4Wll0NWtMOXp3dzA0bVdlM09nSzJhblFORXlneTdIZUs1NXJHUDlER0tMcFdyUlkyOURpV3FXczZtSEFkVlQ0UmtGUkEzK1k5YXRXVFRsQURrYW9SdGdlWjFkSzZQUlA2TnBQbWZBSkRyOG5QZHFTSHZmeFpvRk5MYVFyK1d2QzBhYkxycnRYOTdzckdraVdmV0F4aUNHVFRuODRiVnFUa0JZTC9IdDdxK1F4Y1lNbGRzUWFaSy9JUUdpQ1NzbWdKbzd6QkVTQjlQOXJBT1d3SGxBQTVrQVRBZTM3SEJoWGF1Y21PQUFCRElaV2xJYmZRVGhDMDdza0RqZ1dSdWkvSjNPeHRMSkRMVXlRVENJbzJ0bHV3K2JmVjFVaEpKMUt5WVVUT0pMZVRUeSsxMGNnYlV3K1ZNMTh3MUZ0eWlXeU83Vks5QURPUlRCOXhSMjVrQjBQMDhNTVBBKzZNYTE0akJnYWc2RnU0KzNwd1kyOG9UV1JiVkM2cFhjRGVucUlLenBSYUg1Z0hYL0I4bGhRWU4veVo4VFJSZHdqWHMwM3BhVklyaCtlY0xwZ3FEZzlCMlhUK3JQLy9NL00zanBVbEtMYjdtdXg1ZEVLMHZ2MnlIUzd1MVBVT3QwaUY1MnA3WkNQOStlK3Q1dXpMb0JLQjJpb3RUbWI1KzhSNWZ1ZjhxQTgreU5yMi93TUhFL3pRbVFsZGRmWHd1QlNiK2VwSmZZdVpoRjdqM0dMbENhY3NkVC9tb0t5a1MxZmxmZU85S25FTGRLS2MvRXMvelpGdXdWd2dlb3JzZzM3bUROai9hUlVFRVF3MFBHam0zNStxTnBSSWp3WUcwSEZIblN6N2ZVUCsyOHRHdE1mOE9nMzJUeTJHemJ1dnE5RXd3WlZ2dDI0VDdmTlFrNGxncEVvc1NpZjd4eTM2eDZrNXUydXJqQkF6U1d1cWRGNUF3V1VFNlQwQVF2TUE1R1M1dkg2OWhwSHlDRjlxdkh6TThjS1VCM2NFTUpjYjhVWi81c3ZaL3lNVTNNSHRzVVRnL2QxZlE0TzBrTHJqa0x1TnBCRm5qQ1M3dkdMdmdxKzhXZXgxdWRxaUJEb0VuRVNZTERLak92WHFUUERTWGM1Ym02RnBxQlZwaDh5UkpWd3c1U1RZdzVUTDl0bFdyU2M0ZkR0OTJnNysvaFhXaXM0UUZ4N2JxNHVZR0dNeFdMZmFwQUdUd2QvMldXUVZyYWdlTHhtZGpyVEpaZTdZS3FMbkNyN2YwZm4yOXlxS045amEvOXk3bUgvSHhCeUgwREhtTUV4MkNDeURLdVlLMG15S2wxQWxXanVPV1Rnc0EzNjFqbWdoN0plNFZFOUFWN1lFSFNKQ0JrSHhIc1l5L0J3WGpFYW5LQWRNS1BZR0JtNnd0aDJnYjYzVFhCWjlXSkVrT3lYaDAxVnRHeUVHWVkyNXUzRTJSV21oQWpGU014d1I5UldIblI1V0JqbktVeEVmOWQ3SStIMnVDbWZpS3M2Q1YxbnNuRzNTak1RTHRBRTRwdlJMNUtqRWtnbzVpUGVYd0lSRHFSNVEwVHJNVTRXWWNMVlBVTWpmM1RrYzJoQ2FiMkN2WVVIZWVqZFRmWjdjT2gwNHN4WE12S3ZCazVldFVCdjhYYTZwVWxTL0t3QjU2QW9GV0ZIY1hhbU5OS1Zsb2Yxb05zbG1ERTN4VzlHVUc5Y0FXMTZKb0lpd2FrbnArdFlFWDBRaE1mYWdNVUhSQlJFSTJGcDZHZ2JyMVBFQnF1WnIvK0pOcFR0SHVsalhqVVF0R2o5Z3gvNzBoVUtIOG9Vb0dhYkdqOTBwM1FBYnZGRlhFZ0l4dFh3MHlhN29yV3lvY05PWnFKZVJ2WmZidHBYMkhwQjV0Mk1pTEcxOUFINGFsV3ZTRGhrMnJPSXpqVHN1OGlPM3pHVDRvSHFXVTNYSExBbkhlOUp3U2hidDNaWi9uNFNXQncwYXZwdjNJSXlvM1g5bGNvWithSlBnRWEvOERmMndIcStRZVlPc1I2YitRakxLdURJYTZYQ21iY2FSbyt4Z3RoUTA2RTRmRXQyaC9ROXV4RmVuQmdiS1l3eTc3S0dUZ1ZORW9jRURDV3FZNUtkQmlZdjJNUHlCNnJIY2RlL1pGL1BYb0g1Q0FsN0xrUElUTHBFRGJxenE3OHJWdDlwZ1orZEJQMTk0bWlpTXZxcEJ3YUlaSkdDOHJLWEM1dDJPa2hBZ2xIV3ZPRGNYVS80b0tDekJLWmJTNmw5cUtYY2oyNGRnY29QUUNKNTJORmJ1WDNhWWw3eUd6ejJ5aUpvVzVQWXpuSmZNNW1iN205TjNiK2ZXV3ZoSXJ2YnNrYi9XVzA2Tm1CZE9GS1hTZGc2YjZPZ1gzREVpNW1IN1k1V2tXMU00NlRENDBDZExKdGFuck1BUDJ0WndINDEvM3dwQjh4YXEzS09SMFh5Z1lYeSt4VC9aSktTVXM2aHAzTWkyTmtSV3lQcW5kaVhsalE3d0ZvTG1ZU3RPSnR4QkFoV2IyV0poeitqVUkzSjlnbjh4U2kyd2w2bHl6cXpwYXRCUWR3encySFZMTWVCdEQ0UTY3b28wZFAzSytmelVBV0JWM2hvbzhaYlhVS0NFQnBqNHJib01BVFJyUmxqSTZkUTFVVFRtbXNZdDFTaGpUb3poWUVXMk5maWpSZzFzUnhDUXR5RzMycXFkZVhtaGNCSmlJL3lHNk1UUENLdmVmMit2NU15cUdXZmpLUllWMnU3dk8xVjNnRWttcXlDeWs4Rlp5Tm4zQkdKSnVzS0trdFZFSnVhaWJvYzlaZ3pWeFdKMkszSXdENDFldm5YNElLcnVITUorNVRpakt3RUQyUXZiWEIvRWFoYnFVUnBpemNUeVNRR25JM2p5YlFYSHFNSnVPRno3bnkwK0JvRDc0Q2lTbzNieWhYTWJ5YlBNcWJGNUFDUnJEVUo1THo1YUpGbjI4cVgvc0tMeE1TY1hZOTBIZENnNW9pRnlscDVIak5RTzF4cjBLNXZucUZmZ0pOMjdNVzE0eXZQbU9ob3BIUUJNM2hEcXJzdWxLYlg4ZW1IdEtQWVZSSCtzcWtJMkRDNTNjT290b2ExSGdRWHd2MkFtaUZDbkUxZzNTU2xjQ2NzeHNZd1h5SHhhT3haS0lWbjZKMjk1L2tJSHM5RkpyNWlncCtEbFNPMlR5NnQ1cDFPY3p0by9tSkRERHY1NjhxNmwxeFF1Tk9iRVJhN1dFVlRMT2dwVzM3cyt3Z05LSDlUZXdqVm5DUGFjR00yZTVlM0dtSWZoQXdGS2FtaWtTeG1ncC9BWGRoOEpEUVM3VzZkTHQvSzlacWpwWExVVnNNRmtHRmlySm5XVjhRU3RlSEFPM0NZRHhsK281VWVFUitWR0cwbFpMNzdsYXQxQ1pOeGsvSDBkeHU3bzJjZnN3d3V0aHZ6QlVYTWtpNGJVejl2OC95REd3S0hxY0FvZkt2WkdUZkRSVER2MU1jWVdRa0xKQ21Lc0xjTDZ6VkRIWW1oYU1icU1Eelk5bk9ldjNsanFGOXZoS1JEazF2ZVBCUDJQemZmNS9EbUdCRzI1Rmo4L2RlalpJc1JJdW9WZEgwR2RrSnhxU3o1QlhtU0FoUENtVi9pcUhzdkFrTVJwaFEvbTg3V0M1OWhIRWswTi9UOTRKQ2tCWHBiOTZBRy9sY3RJQ2w3WUoyV2J2NHAzMWhoNjdYd1MvQVhqT0VDa3RrVW91RHhya0N0OUs4RlJnU1lTaGJCSXBaUVBRSHoyRlBsQUpaTjkvVm94ZFpPWlZOKzVtdlVqUmExYlZpUDJSNk5FenppV3pMY3o5Nnh6UmtWUUV6bVA3OE1PYnRNTmlqSFU3VG1ISU1CT2dpZC9ZMVhPU2tnekVSVVJPejNTVTQyMkFaTjV2ZTJDMHdzUzNiY0RYMUNPUStBOVhSL2FYcW4zZmswc1diY1FkZG42RTFwRlFpS1VQQ2gvWTJjN0k4aGgyYTU0UG1IdTZTdkQ1NjMxTllsQTM5RUh1aTdqS2VvakhLQkEyTHhJTVFSeTZwTE9UMnhkMHFvU2J5Yk52a3lvZXhhbzlUdGx3MVAzYWZaUHZ6Ky92M0Z3UFAwNzlIaWM5TjZldy94UGJzMjlLMXNnSEgwZDRRN25xTGZOeGJQL1A4R1VqMFJTS0lLbTg1dm16TU5MRGl6RzlxSEdCcXlvZ3hpQmVIYk5CYzFjeEE5SGpKbHN1T2hRPTo6aTD5nWYCIzBVgDET/3d5uA=="/><input type="hidden" id="_acf_nonce" name="_acf_nonce" value="5e80f0058d"/><input type="hidden" id="_acf_changed" name="_acf_changed" value="0"/> </div> <div class="acf-fields acf-form-fields -top"><div class="acf-field acf-field-text acf-field--validate-email form-group col-12" style="display:none !important;" data-name="_validate_email" data-type="text" data-key="_validate_email"> <div class="acf-label"> <label for="acf-_validate_email">Validate Email</label></div> <div class="acf-input"> <div class="acf-input-wrap"><input type="text" id="acf-_validate_email" class="form-control" name="acf[_validate_email]"/></div></div> </div> <div class="row"> <div class="col-sm-6"> <div class="acf-field acf-field-text acf-field-605c6fec0f3f3 is-required form-group col-12" data-name="contact_name" data-type="text" data-key="field_605c6fec0f3f3" data-required="1"> <div class="acf-label"> <label for="acf-field_605c6fec0f3f3">Your Name <span class="acf-required text-danger">*</span></label></div> <div class="acf-input"> <div class="acf-input-wrap"><input type="text" id="acf-field_605c6fec0f3f3" class="form-control" name="acf[field_605c6fec0f3f3]" placeholder="First Last" required="required"/></div></div> </div> </div> <div class="col-sm-6"> <div class="acf-field acf-field-email acf-field-605c70140f3f4 is-required form-group col-12" data-name="contact_email" data-type="email" data-key="field_605c70140f3f4" data-required="1"> <div class="acf-label"> <label for="acf-field_605c70140f3f4">Your Email Address <span class="acf-required text-danger">*</span></label></div> <div class="acf-input"> <div class="acf-input-wrap"><input type="email" id="acf-field_605c70140f3f4" class="form-control" name="acf[field_605c70140f3f4]" placeholder="E.g., email@me.com" required="required"/></div></div> </div> </div> </div> <div class="row mb-1"> <div class="col"> <div class="acf-field acf-field-textarea acf-field-605c718f32d9f is-required form-group col-12" data-name="contact_message" data-type="textarea" data-key="field_605c718f32d9f" data-required="1"> <div class="acf-label"> <label for="acf-field_605c718f32d9f">Your Message <span class="acf-required text-danger">*</span></label></div> <div class="acf-input"> <textarea id="acf-field_605c718f32d9f" class="form-control" name="acf[field_605c718f32d9f]" rows="8" required="required"></textarea></div> </div> </div> </div></div> <div class="acf-form-submit"> <input type="submit" class="btn btn-primary btn-sm" value="Send me a Message" /> <span class="acf-spinner"></span> </div> </form>  </div> </div> </div> <footer id="footer-site" class="row no-gutters site-footer bg-dark"> <div class="col-sm-12 small"> <div class="container-fluid"> <div class="row px-1 px-md-8 py-2"> <div class="col-sm-6 d-flex flex-column justify-content-center"> </div> <div class="col-sm-6 mt-4 mt-md-0 text-md-right d-flex flex-row justify-content-start justify-content-md-end align-items-center lazy" data-lazy-function="foo"> <p class="small mb-0 text-light-a3">© <strong>2001-2025</strong> Cristian Popa and Clients - All Rights Reserved</p> </div> </div> </div> </div> </footer>    <div id="modal-menu-full" class="modal modal-right" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <button id="toggle-oc-menu-main-2" class="oc-toggle btn menu-close navbar-toggle text-dark z-6 d-block d-md-none ml-auto" title="Toggle Additional Menu" aria-haspopup="true" aria-expanded="false" data-toggle="modal" data-target="#modal-menu-full"> <span class="menu-icon-001"> <span class="mi-part mi-part-1"></span> <span class="mi-part mi-part-2"></span> <span class="mi-part mi-part-3"></span> </span> </button> <div class="row modal-body no-gutters p-2"> <div class="col-sm-12"> <div class="row h-100"> <div class="col-sm-12 text-center d-flex flex-column justify-content-between"> <ul id="menu-main-1" class="unstyled d-flex flex-column"><li class=' menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-27758 current_page_item'><a href="https://work.cristianpopa.com/" class="" role="button" aria-haspopup="true" aria-expanded="false" ><span class="iconicon None"></span> What I Do</a></li> <li class=' menu-item menu-item-type-post_type menu-item-object-page'><a href="https://work.cristianpopa.com/projects/" class="" role="button" aria-haspopup="true" aria-expanded="false" ><span class="iconicon Tester Icon"></span> My Work</a></li> <li class=' menu-item menu-item-type-post_type menu-item-object-page'><a href="https://work.cristianpopa.com/my-process/" class="" role="button" aria-haspopup="true" aria-expanded="false" ><span class="iconicon Tester Icon"></span> My Process</a></li> <li class=' menu-item menu-item-type-post_type menu-item-object-page'><a href="https://work.cristianpopa.com/my-articles/" class="" role="button" aria-haspopup="true" aria-expanded="false" ><span class="iconicon Tester Icon"></span> My Articles</a></li> <li class=' menu-item menu-item-type-post_type menu-item-object-page'><a href="https://work.cristianpopa.com/about-me/" class="" role="button" aria-haspopup="true" aria-expanded="false" ><span class="iconicon Tester Icon"></span> About</a></li> <li class=' menu-item menu-item-type-custom menu-item-object-custom'><a href="#module-contact" class="" role="button" aria-haspopup="true" aria-expanded="false" data-close-modals="true"><span class="iconicon Tester Icon"></span> Contact</a></li> </ul>  <ul class="nav-utility list-unstyled list-inline d-none d-md-flex flex-column flex-md-row justify-content-between align-content-center mt-1 ml-md-auto p-0"> <li class="mb-1 mb-md-0"><span class="icon icon-phone"></span> <a href="tel:4044878657">404 487 8657</a></li> <li class="mb-1 mb-md-0"><span class="icon icon-email"></span> <a href="mailto:cristian@cristianpopa.com?subject=Hello, Cristian">cp@cristianpopa.com</a></li> </ul>  </div> </div> </div> </div> </div> </div> </div> <div id="top-of-site-pixel-anchor"></div> <link rel='stylesheet' id='block-acf-imac-vimeo-css' href='https://work.cristianpopa.com/wp-content/themes/manole/_dist/css/video-player.css?ver=6.3.12' media='all' /> <script id="manole-app-js-extra"> var manole_ajax_object = {"ajax_url":"https:\/\/work.cristianpopa.com\/wp-admin\/admin-ajax.php","nonce":"5d0f974bcb"}; </script> <script src="https://work.cristianpopa.com/wp-content/themes/manole/_dist/js/app.js?ver=6.6.2" id="manole-app-js"></script> <script src="https://work.cristianpopa.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script src="https://work.cristianpopa.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script src="https://work.cristianpopa.com/wp-content/plugins/advanced-custom-fields-pro/assets/build/js/acf.min.js?ver=6.3.12" id="acf-js"></script> <script src="https://work.cristianpopa.com/wp-content/plugins/acf-extended/assets/js/acfe.min.js?ver=0.9.1" id="acf-extended-js"></script> <script> acf.data = {"acfe":{"version":"0.9.1","home_url":"https:\/\/work.cristianpopa.com","is_admin":false,"is_user_logged_in":false,"forms":{"67e11a1adb57c":{"cid":"67e11a1adb57c","name":"form-contact-001","id":8958,"field_class":"","hide_error":1,"hide_unload":1,"hide_revalidation":1,"error_position":"below","error_class":"","messages":{"failure":"Validation failed","success":"Validation successful","error":"1 field requires attention","errors":"%d fields require attention"},"scroll":false,"hide_form":0,"success":false}}},"admin_url":"https:\/\/work.cristianpopa.com\/wp-admin\/","ajaxurl":"https:\/\/work.cristianpopa.com\/wp-admin\/admin-ajax.php","nonce":"5157423dee","acf_version":"6.3.12","wp_version":"6.6.2","browser":"","locale":"en_US","rtl":false,"screen":"acfe_form","post_id":27758,"validation":true,"editor":"classic","is_pro":true,"debug":false,"StrictMode":false}; </script> <script> acf.doAction( 'prepare' ); </script> </body> </html>