<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>cityzen, doing it live since '96</title>

    <link rel="preload" as="style" href="https://cityzen.com/build/assets/app-b9a17436.css" /><link rel="modulepreload" href="https://cityzen.com/build/assets/app-1736b1f2.js" /><link rel="stylesheet" href="https://cityzen.com/build/assets/app-b9a17436.css" /><script type="module" src="https://cityzen.com/build/assets/app-1736b1f2.js"></script>
    <!-- Styles -->
    <style>
        #hero {
            background-color: #4E691F;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23557322' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%235c7c25' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23638627' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%236a8f2a' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%2371992D' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%2378a32f' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%2380ad32' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%2387b834' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%238ec236' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%2395C93C' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E");
            background-attachment: fixed;
            background-size: cover;
        }
    </style>

    <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
    <link rel="manifest" href="/favicon/site.webmanifest">

</head>
<body class="antialiased">
<div id="app">
    <main>
        <!--
  This example requires some changes to your config:

  ```
  // tailwind.config.js
  module.exports = {
    // ...
    plugins: [
      // ...
      require('@tailwindcss/forms'),
    ],
  }
  ```
-->
        <nav class="bg-white shadow" id="hero">
            <div class="mx-auto max-w-7xl px-2 sm:px-4 lg:px-8">
                <div class="flex h-20 justify-between">
                    <div class="flex px-2 lg:px-0">
                        <div class="flex flex-shrink-0 items-center">
                            <img class="md:h-14 h-10 w-auto  logo" src="/images/cityzen.svg" alt="">
                        </div>
                        <div class="ml-6 flex md:space-x-8 space-x-2 font-bold">
                            <!-- Current: "border-indigo-500 text-gray-900", Default: "border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700" -->
                                                            <a href="/"
                                   class="inline-flex items-center border-b-2 border-white px-1 pt-1 text font-medium text-white">Home</a>
                            
                                                            <a href="/about-us"
                                   class="inline-flex items-center border-b-2 border-transparent px-1 pt-1 text font-medium text-gray-200 hover:border-white hover:text-white">About</a>
                            
                                                            <a href="/articles"
                                   class="inline-flex items-center border-b-2 border-transparent px-1 pt-1 text font-medium text-gray-200 hover:border-white hover:text-white">Articles</a>
                            
                                                            <a href="/contact"
                                   class="inline-flex items-center border-b-2 border-transparent px-1 pt-1 text font-medium text-gray-200 hover:border-white hover:text-white">Contact</a>
                            
                        </div>
                    </div>

                </div>
            </div>

        </nav>


        

        

        <div class="bg-white">
            <div class="mx-auto max-w-7xl py-4 px-4 sm:px-6 lg:px-8 py-8">
                <div class="space-y-4 grid lg:grid-cols-3 lg:gap-8 lg:space-y-0">

                    <div
                        class="max-[1000px]:order-last max-[1000px]:mt-8 space-y-5 sm:space-y-4 bg-gray-100 rounded-lg p-8">

                        <h2 class="text-2xl tracking-tight">About cityzen</h2>
                        <p class="text-gray-500">Founded in 1996, cityzen has evolved over the years from a ‘web design’
                            shop, to a technology consulting company focused on providing innovative solutions for its
                            clients, by designing, building and maintaining applications.</p>
                        <p class="text-gray-500">AWS certified, we seamlessly work within existing environments and
                            leverage
                            our extensive experience to meet the evolving needs of companies with sprawling
                            infrastructure
                            needs.</p>
                        <p></p>
                    </div>

                    <div class="lg:col-span-2">
                        
    <h1 class="text-xl font-bold mb-4">Welcome to cityzen!</h1>
    <p class="text-gray-600 text-xl">Welcome to cityzen, the consulting powerhouse where cutting-edge
        technology meets operational excellence, and where cloud infrastructure design and maintenance
        is so seamless, it makes the sky look like amateur hour. Our team of expert consultants
        specializes in all things digital, from assembling A-list teams with the efficiency of a
        finely-tuned algorithm to crafting state-of-the-art application development solutions that'll
        make you wonder how you ever survived without them. With a unique blend of tech-savvy know-how
        and a healthy dose of humor, we take pride in making your business thrive while keeping your
        sanity intact. So, buckle up and let us catapult your company into the stratosphere of success -
        no astronaut training required!</p>
    <hr class="my-8">
    <h1 class="text-xl font-bold mb-4">Recent Articles</h1>
    <ul role="list"
        class="mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-3">

                                                        <li><a
                        href="/articles/is-your-prospective-candidate-a-good-culture-fit">

                        <img class="aspect-[3/2] w-full rounded-2xl object-cover"
                             src="/storage/bw6LSpar0ynmHovuFKu2sEW7EZzYjUaeztK7F3D6.jpg" alt="">

                        <h3 class="mt-2 text-lg font-semibold leading-6 tracking-tight text-gray-900">Is Your Prospective Candidate a Good Culture Fit?</h3>
                    </a>
                </li>
                                                <li><a
                        href="/articles/join-women-in-games">

                        <img class="aspect-[3/2] w-full rounded-2xl object-cover"
                             src="/storage/OguJJ5Rqgookss2IexQu13vDY9dWfcD5YvKb9Owc.png" alt="">

                        <h3 class="mt-2 text-lg font-semibold leading-6 tracking-tight text-gray-900">Join Women in Games!</h3>
                    </a>
                </li>
                                                <li><a
                        href="/articles/great-teams-can-accomplish-anything">

                        <img class="aspect-[3/2] w-full rounded-2xl object-cover"
                             src="/storage/MlJtk4x1jpO9W6Q9YzmybMibTxxKJJZYkIpA8sJf.jpg" alt="">

                        <h3 class="mt-2 text-lg font-semibold leading-6 tracking-tight text-gray-900">Great Teams Can Accomplish Anything</h3>
                    </a>
                </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </main>
</div>

    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-R2T4QY3HWC"></script>
    <script> window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }

        gtag('js', new Date());
        gtag('config', 'G-R2T4QY3HWC'); </script>

</body>
</html>
