<!DOCTYPE html>
<html lang="en"  class="dark">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="canonical" href="/404">
        <meta name="description" content="Chicago-based full service web agency with years of experience in web design, development, SEO, social media, and more.">
        <title>Chicago Web Design Agency | Wojo Design</title>
        
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
        
        <link rel="stylesheet" href="/assets/build/css/main.css?id=6d22c2a6569cc06d72de9c860bf85fbe">
        
        <script src="https://unpkg.com/@botpoison/browser" async></script>
        
    </head>
    <body>
        <header 
    x-data="{dark: 1, open: 0}"
    id="Header" 
    class="container flex justify-between" 
    :class="{'Header--dark' : dark }"
    x-effect="document.body.style.overflow = open ? 'hidden' : 'auto'"
    x-init="$watch( 'open', () => { dark = open ? open : 1;  } )"
>
    <h1 id="Header-logo">
        <a href="/" >
            <svg width="178" height="19" viewBox="0 0 178 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                <g clipPath="url(#clip0)">
                    <path 
                        d="M48.4594 11.2C48.4594 13.5 47.8618 14.5 45.9194 14.5C45.0229 14.5 44.2261 14.3 43.479 13.95C42.8316 15.3 42.1343 16.4 40.939 17.25C42.1841 17.8 44.8735 18.8 46.5669 18.8C50.85 18.8 53.4897 16.75 53.4897 12V0.35H48.5092V11.2H48.4594ZM32.6715 0C30.6295 0 28.7868 0.55 27.2927 1.45L23.906 13.5C25.3005 16.8 28.5378 19 32.6715 19C38.399 19 42.3335 15 42.3335 9.5C42.3335 4 38.399 0 32.6715 0ZM32.6715 14.8C30.0319 14.8 28.2888 12.7 28.2888 9.5C28.2888 6.3 30.0319 4.2 32.6715 4.2C35.3111 4.2 37.1041 6.3 37.1041 9.5C37.1041 12.7 35.3111 14.8 32.6715 14.8ZM64.7952 0C59.1175 0 55.2328 4 55.2328 9.5C55.2328 15 59.1175 19 64.7952 19C70.4729 19 74.4572 15 74.4572 9.5C74.4572 4 70.5227 0 64.7952 0ZM64.7952 14.8C62.1556 14.8 60.4124 12.7 60.4124 9.5C60.4124 6.3 62.1556 4.2 64.7952 4.2C67.4348 4.2 69.2278 6.3 69.2278 9.5C69.2776 12.7 67.4348 14.8 64.7952 14.8ZM89.9961 0.3H82.5753V18.7H89.9961C96.1718 18.7 99.9071 15.1 99.9071 9.5C99.9071 3.9 96.1718 0.3 89.9961 0.3ZM89.7471 14.55H87.6553V4.45H89.7471C93.0341 4.45 94.8271 6.4 94.8271 9.5C94.8271 12.6 92.9843 14.55 89.7471 14.55ZM101.75 18.7H115.795V14.55H106.78V11.35H115.048V7.3H106.83V4.45H115.844V0.3H101.8V18.7H101.75ZM127.25 7.6L124.261 6.75C123.215 6.45 122.618 6.1 122.618 5.3C122.618 4.35 123.763 4 125.208 4C127.449 4 129.391 4.7 131.184 5.85V1.4C129.541 0.55 127.648 0 125.008 0C120.875 0 117.588 2 117.588 5.65C117.588 8.7 119.43 10.25 122.717 11.15L125.706 11.95C126.752 12.3 127.349 12.6 127.349 13.5C127.349 14.65 125.955 14.95 124.311 14.95C122.12 14.95 119.679 14.1 117.986 13.05V17.5C119.43 18.3 121.821 19 124.411 19C128.843 19 132.429 17.25 132.429 13.25C132.479 10.45 130.835 8.65 127.25 7.6ZM134.372 18.7H139.551V0.3H134.372V18.7ZM151.205 12.25H154.044V14.05C153.397 14.5 152.55 14.7 151.504 14.7C148.516 14.7 146.524 12.65 146.524 9.55C146.524 6.35 148.715 4.4 151.853 4.4C154.243 4.4 156.036 5.05 157.531 6.1V1.45C156.136 0.55 154.094 0 151.903 0C145.677 0 141.394 3.8 141.394 9.55C141.394 15.1 145.229 19 151.405 19C154.144 19 156.634 18.25 158.626 16.55V8.45H151.205V12.25ZM173.069 0.3V10.45L165.449 0.3H160.668V18.7H165.649V7.95L173.866 18.7H178.05V0.3H173.069ZM20.7683 0.3L18.0291 11.65L15.0409 0.3H9.81142L10.8075 4.1L8.4667 11.65L5.22943 0.3H0L5.17963 18.7H11.2059L13.0487 12.2L14.7918 18.7H20.8181L25.948 0.3H20.7683Z" 
                        x-bind:fill="dark ? 'white': '#4aaa42'" />
                </g>
                <defs>
                    <clipPath id="clip0">
                        <rect width="178" height="19" x-bind:fill="dark ? 'white': '#4aaa42'" />
                    </clipPath>
                </defs>
            </svg>
        </a></h1>
    <nav id="Header-mainNav">
        <button class="Hamburger Hamburger--white" :class="{'is-open' : open}" @click="open = !open">
            <div class="Hamburger-lines">
                <div class="Hamburger-line Hamburger-line--t"></div>
                <div class="Hamburger-line Hamburger-line--m">Menu</div>
                <div class="Hamburger-line Hamburger-line--b"></div>
            </div>
        </button>
    </nav>
    <nav class="Menu" :class="{'is-open' : open}" role="navigation">
        <div class="container flex justify-between items-end flex-col flex-1">  
            <ul class="Menu-nav">
                <li><a href="/work">Work</a></li>
                <li><a href="/about">About</a></li>
                <li><a href="/contact">Contact</a></li>
            </ul>
            <ul class="Menu-contact">
                <li><a href="/cdn-cgi/l/email-protection#a1c9c4cdcdcee1d6cecbcec5c4d2c8c6cf8fc2cecc"><span class="__cf_email__" data-cfemail="6f070a0303002f180005000b0a1c060801410c0002">[email&#160;protected]</span></a></li>
                <li><a href="tel:3126851542">312 685-1542</a></li>
            </ul>
        </div>
    </nav>
</header>            <section class="container min-h-screen text-white">
        <header class="flex flex-col items-center justify-center" style="height: calc(100vh - var(--header-height))">
            <h1 class="text-white text-center py-4">404 Not Found</h1>
            <div><a href="/" ><strong class="text-white">Go Back Home</strong></a> <i class="text-gray-light"> &nbsp;or&nbsp; </i> <a href="/contact" ><strong class="text-white">Contact Us</strong></a></div>
        </header>
    </section>
   
   <img 
        src="/assets/images/vincent.gif" 
        alt="Confused Vincent Vega"
        class="fixed bottom-0 z-50"
   />
        <footer class="Footer">
        
    

    <div class="container flex justify-between flex-wrap sm:flex-col gap-4">
        <div class="min-w-max">
            <h6>Phone</h6>
            <h5>312 685-1542</h5>
        </div>
        <div>
            <h6>Follow</h6>
            <div class="flex gap-3" styleName="Footer-socials">
                <a href="http://dribbble.com/wojodesign" target="_blank"><img src="/assets/images/icn_dribbble.svg" alt="Dribbble" /></a>
                <a href="https://www.instagram.com/wojodesign" target="_blank"><img src="/assets/images/icn_instagram.svg" alt="Instagram" /></a>
                <a href="https://www.linkedin.com/company/2239205/" target="_blank"><img src="/assets/images/icn_linkedin.svg" alt="LinkedIn" /></a>
            </div>
        </div>
        <div>
            <h6>Address</h6>
            <span>
                318 W. Adams, ste. 1609 <br/>
                Chicago, IL 60613
            </span>
        </div>
    </div>
</footer>
        <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="/assets/build/js/main.js?id=caec5fd4ea89ecd75ce7a7552d2445a8"></script>
                <script>window.Alpine.start();</script>
    </body>
</html>
