Affordable Wordpress Sites for Nonprofits & Campaigns

<!DOCTYPE html> <html lang="en-US" class="no-js"> <head> <meta charset="UTF-8" /> <link href="https://tealmedia.com/wp-content/themes/teal-2024/images/favicon.ico" rel="shortcut icon"> <meta name="HandheldFriendly" content="true"> <meta name="MobileOptimized" content="width"> <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" /> <meta http-equiv="cleartype" content="on"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <script> var gform;gform||(document.addEventListener("gform_main_scripts_loaded",function(){gform.scriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,initializeOnLoaded:function(o){gform.domLoaded&&gform.scriptsLoaded?o():!gform.domLoaded&&gform.scriptsLoaded?window.addEventListener("DOMContentLoaded",o):document.addEventListener("gform_main_scripts_loaded",o)},hooks:{action:{},filter:{}},addAction:function(o,n,r,t){gform.addHook("action",o,n,r,t)},addFilter:function(o,n,r,t){gform.addHook("filter",o,n,r,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,n){gform.removeHook("action",o,n)},removeFilter:function(o,n,r){gform.removeHook("filter",o,n,r)},addHook:function(o,n,r,t,i){null==gform.hooks[o][n]&&(gform.hooks[o][n]=[]);var e=gform.hooks[o][n];null==i&&(i=n+"_"+e.length),gform.hooks[o][n].push({tag:i,callable:r,priority:t=null==t?10:t})},doHook:function(n,o,r){var t;if(r=Array.prototype.slice.call(r,1),null!=gform.hooks[n][o]&&((o=gform.hooks[n][o]).sort(function(o,n){return o.priority-n.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==n?t.apply(null,r):r[0]=t.apply(null,r)})),"filter"==n)return r[0]},removeHook:function(o,n,t,i){var r;null!=gform.hooks[o][n]&&(r=(r=gform.hooks[o][n]).filter(function(o,n,r){return!!(null!=i&&i!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][n]=r)}}); </script> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <script>['js','m4n'].forEach(function(attr){document.documentElement.setAttribute(attr,'')})</script> <script type="text/javascript"> const script_tag = document.createElement('script'); script_tag.id = 'youtube-iframe-api'; script_tag.src = 'https://www.youtube.com/iframe_api'; const first_script_tag = document.getElementsByTagName('script')[0]; first_script_tag.parentNode.insertBefore(script_tag, first_script_tag); function onYouTubeIframeAPIReady() { const state = window.teal_state = window.teal_state || {}; state.video = state.video || {}; state.video.init_youtube_players_ready = true; try { state.video.init_youtube_players(); } catch (error) { // Video module has not initted yet } } </script> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-M3F75TP'); </script>  <title>Affordable Wordpress Sites for Nonprofits & Campaigns | Archie</title> <meta name="description" content="Archie delivers fast, budget-friendly WordPress websites for nonprofits, startups, and political campaigns. Get your site launched quickly with Teal Media鈥檚 expertise." /> <link rel="canonical" href="https://tealmedia.com/archie/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Affordable Wordpress Sites for Nonprofits & Campaigns | Archie" /> <meta property="og:description" content="Archie delivers fast, budget-friendly WordPress websites for nonprofits, startups, and political campaigns. Get your site launched quickly with Teal Media鈥檚 expertise." /> <meta property="og:url" content="https://tealmedia.com/archie/" /> <meta property="og:site_name" content="Teal Media" /> <meta property="article:modified_time" content="2024-09-25T18:34:40+00:00" /> <meta property="og:image" content="https://tealmedia.com/wp-content/uploads/2024/02/share-image.png" /> <meta property="og:image:width" content="1800" /> <meta property="og:image:height" content="945" /> <meta property="og:image:type" content="image/png" /> <meta name="twitter:card" content="summary_large_image" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://tealmedia.com/archie/","url":"https://tealmedia.com/archie/","name":"Affordable Wordpress Sites for Nonprofits & Campaigns | Archie","isPartOf":{"@id":"https://tealmedia.com/#website"},"datePublished":"2024-01-24T23:17:21+00:00","dateModified":"2024-09-25T18:34:40+00:00","description":"Archie delivers fast, budget-friendly WordPress websites for nonprofits, startups, and political campaigns. Get your site launched quickly with Teal Media鈥檚 expertise.","breadcrumb":{"@id":"https://tealmedia.com/archie/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://tealmedia.com/archie/"]}]},{"@type":"BreadcrumbList","@id":"https://tealmedia.com/archie/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://tealmedia.com/"},{"@type":"ListItem","position":2,"name":"Archie"}]},{"@type":"WebSite","@id":"https://tealmedia.com/#website","url":"https://tealmedia.com/","name":"Teal Media","description":"Creatives with a Conscience","publisher":{"@id":"https://tealmedia.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://tealmedia.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://tealmedia.com/#organization","name":"Teal Media","url":"https://tealmedia.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://tealmedia.com/#/schema/logo/image/","url":"https://tealmedia.com/wp-content/uploads/2024/02/share-image.png","contentUrl":"https://tealmedia.com/wp-content/uploads/2024/02/share-image.png","width":1800,"height":945,"caption":"Teal Media"},"image":{"@id":"https://tealmedia.com/#/schema/logo/image/"}}]}</script>  <link rel='dns-prefetch' href='//cdn.jsdelivr.net' /> <link rel='dns-prefetch' href='//unpkg.com' /> <link rel='dns-prefetch' href='//www.google.com' /> <link rel='dns-prefetch' href='//fonts.googleapis.com' /> <link rel="alternate" type="application/rss+xml" title="Teal Media » Feed" href="https://tealmedia.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="Teal Media » Comments Feed" href="https://tealmedia.com/comments/feed/" /> <link rel='stylesheet' id='dashicons-css' href='https://tealmedia.com/wp-includes/css/dashicons.min.css?ver=6.6.2' 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> <link rel="preload" href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;700&display=swap" as="style" id="fritz-fonts" media="all" onload="this.onload=null;this.rel='stylesheet'"><noscript><link rel='stylesheet' id='fritz-fonts-css' href='https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;700&display=swap' media='all' /> </noscript><link rel='stylesheet' id='fritz-app-css' href='https://tealmedia.com/wp-content/themes/teal-2024/_html/public/css/style.css?ver=1732142189' media='all' /> <script src="https://tealmedia.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script src="https://tealmedia.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script defer='defer' src="https://tealmedia.com/wp-content/plugins/gravityforms/js/jquery.json.min.js?ver=2.8.18" id="gform_json-js"></script> <script id="gform_gravityforms-js-extra"> var gf_legacy = {"is_legacy":""}; var gf_global = {"gf_currency_config":{"name":"U.S. Dollar","symbol_left":"$","symbol_right":"","symbol_padding":"","thousand_separator":",","decimal_separator":".","decimals":2,"code":"USD"},"base_url":"https:\/\/tealmedia.com\/wp-content\/plugins\/gravityforms","number_formats":[],"spinnerUrl":"https:\/\/tealmedia.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg","version_hash":"d940b84825d553eccec395edfc5543f3","strings":{"newRowAdded":"New row added.","rowRemoved":"Row removed","formSaved":"The form has been saved. The content contains the link to return and complete the form."}}; var gf_global = {"gf_currency_config":{"name":"U.S. Dollar","symbol_left":"$","symbol_right":"","symbol_padding":"","thousand_separator":",","decimal_separator":".","decimals":2,"code":"USD"},"base_url":"https:\/\/tealmedia.com\/wp-content\/plugins\/gravityforms","number_formats":[],"spinnerUrl":"https:\/\/tealmedia.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg","version_hash":"d940b84825d553eccec395edfc5543f3","strings":{"newRowAdded":"New row added.","rowRemoved":"Row removed","formSaved":"The form has been saved. The content contains the link to return and complete the form."}}; var gform_i18n = {"datepicker":{"days":{"monday":"Mo","tuesday":"Tu","wednesday":"We","thursday":"Th","friday":"Fr","saturday":"Sa","sunday":"Su"},"months":{"january":"January","february":"February","march":"March","april":"April","may":"May","june":"June","july":"July","august":"August","september":"September","october":"October","november":"November","december":"December"},"firstDay":1,"iconText":"Select date"}}; var gf_legacy_multi = {"1":"","2":""}; var gform_gravityforms = {"strings":{"invalid_file_extension":"This type of file is not allowed. Must be one of the following:","delete_file":"Delete this file","in_progress":"in progress","file_exceeds_limit":"File exceeds size limit","illegal_extension":"This type of file is not allowed.","max_reached":"Maximum number of files reached","unknown_error":"There was a problem while saving the file on the server","currently_uploading":"Please wait for the uploading to complete","cancel":"Cancel","cancel_upload":"Cancel this upload","cancelled":"Cancelled"},"vars":{"images_url":"https:\/\/tealmedia.com\/wp-content\/plugins\/gravityforms\/images"}}; </script> <script defer='defer' src="https://tealmedia.com/wp-content/plugins/gravityforms/js/gravityforms.min.js?ver=2.8.18" id="gform_gravityforms-js"></script> <script defer='defer' src="https://tealmedia.com/wp-content/plugins/gravityforms/assets/js/dist/utils.min.js?ver=50c7bea9c2320e16728e44ae9fde5f26" id="gform_gravityforms_utils-js"></script> <link rel="https://api.w.org/" href="https://tealmedia.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://tealmedia.com/wp-json/wp/v2/pages/9607" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://tealmedia.com/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://tealmedia.com/?p=9607' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://tealmedia.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ftealmedia.com%2Farchie%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://tealmedia.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ftealmedia.com%2Farchie%2F&format=xml" /> </head> <body class="page-template-default page page-id-9607"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M3F75TP" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class="w-page service-single" data-palette-static="1" data-palette-root="0"> <div class="palette-tracker" data-palette-root="0" data-palette-masthead="0" data-palette-panel="0" data-palette-hero="0" ></div> <a href="#main-content" class="skip-to-content screen-reader-only show-on-focus :c :p :palette-5">Skip to Content</a> <div class="masthead"> <div class="c-nav-desktop"> <nav class="c-nav-main :c :m :p"> <div class="c-inner"> <div class="c-site-logo"> <a href="https://tealmedia.com"> <span class="text">Teal Media</span> <svg width="116" height="50" viewBox="0 0 116 50" xmlns="http://www.w3.org/2000/svg"> <g class="fill"> <path d="M4.76971 38.4529V19.0313H0V15.7513C7.38428 11.8808 12.4825 7.87886 16.9925 3.28418V15.7513H25.7507V19.0313H16.9925L17.0569 37.3365C17.0569 40.6834 18.8857 41.929 21.2384 41.929C22.5457 41.929 23.9839 41.5345 25.4222 41.0109C23.9839 45.4073 20.9122 49.9997 14.4423 49.9997C8.49626 49.9997 4.76971 46.0624 4.76971 38.4529Z"/> <path d="M26.4004 32.6131C26.4004 21.5899 33.6537 15.3574 44.1764 15.3574C56.5945 15.3574 60.1879 24.4777 60.1879 32.0872H40.0592C40.8427 37.9921 43.3929 42.0609 49.5365 42.0609C52.7392 42.0609 55.4181 41.2744 59.1424 39.1731L59.4044 39.3692C58.0971 43.5672 52.9345 49.998 43.8501 49.998C35.7467 49.998 26.4004 44.8797 26.4004 32.6109V32.6131ZM39.8639 30.3826L48.1626 27.7577C48.1626 23.8204 47.8363 18.3745 43.9788 18.3745C40.1213 18.3745 39.6663 23.7557 39.7307 27.8223C39.7307 28.6758 39.7951 29.5292 39.8616 30.3804L39.8639 30.3826Z"/> <path d="M61.4961 39.0436C61.4961 32.3521 67.3778 28.1518 73.9142 28.1518C75.8096 28.1518 78.8814 28.5462 81.4294 29.5958V25.9882C81.4294 21.5272 81.4294 18.6394 79.9912 18.6394C76.3312 18.6394 64.6988 27.9557 64.6988 27.9557H64.3726V17.5899C70.9734 16.0813 77.1813 15.3594 80.7769 15.3594C90.5138 15.3594 93.7166 20.6092 93.7166 26.9731V38.2592C93.7166 42.4573 94.4357 44.5585 97.8338 42.7871L98.0291 42.9832C97.7672 46.789 94.9573 49.8729 89.99 49.8729C85.9372 49.8729 83.1273 47.8385 82.0176 44.1641C80.6459 46.7222 77.4432 49.8729 72.0831 49.8729C65.0251 49.8729 61.4961 44.1641 61.4961 39.048V39.0436ZM79.1411 43.2416C80.0556 43.2416 80.839 42.9787 81.6247 42.3882C81.4938 41.6663 81.4294 40.9443 81.4294 40.0909V31.824C80.7747 31.6279 80.1221 31.5611 79.4696 31.5611C75.6787 31.5611 74.2427 33.923 74.2427 37.0716C74.2427 40.5499 75.9406 43.2394 79.1433 43.2394L79.1411 43.2416Z"/> <path d="M115.998 49.2112H99.6602V48.9483C99.6602 48.6853 101.687 42.9787 101.687 37.9919V12.534C101.687 7.54713 99.5292 2.10125 99.5292 1.83832L99.4648 1.57538L101.491 1.31245L113.974 0V37.9897C113.974 42.9765 116 48.6853 116 48.946V49.209L115.998 49.2112Z"/> </g> </svg> </a> </div> <menu class="c-nav-menu nav-masthead-primary-desktop"> <li class="nav-item"> <a href="https://tealmedia.com/work/" class="shy "> <span class="text">work</span> </a> </li> <li class="nav-item has-children"> <a href="https://tealmedia.com/services/" class="shy :icon"> <span class="text">services</span> <span class="icon :icon-caret"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <polyline points="9,6 15.5,12 9,18" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </a> <div> <menu class="c-nav-menu"> <li class="nav-item"> <a href="/services/#website-design-development" class="shy "> <span class="text">website design & development</span> </a> </li> <li class="nav-item"> <a href="/services/#brand" class="shy "> <span class="text">brand</span> </a> </li> <li class="nav-item"> <a href="/services/#digital-marketing" class="shy "> <span class="text">digital marketing</span> </a> </li> <li class="nav-item current-menu-item"> <a href="https://tealmedia.com/archie/" class="shy "> <span class="text">archie</span> </a> </li> <li class="nav-item"> <a href="https://tealmedia.com/dashboard/" class="shy "> <span class="text">dashboard</span> </a> </li> <li class="nav-item"> <a href="https://tealmedia.com/training/" class="shy "> <span class="text">training</span> </a> </li> </menu> </div> </li> <li class="nav-item has-children"> <a href="https://tealmedia.com/about/" class="shy :icon"> <span class="text">about</span> <span class="icon :icon-caret"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <polyline points="9,6 15.5,12 9,18" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </a> <div> <menu class="c-nav-menu"> <li class="nav-item"> <a href="https://tealmedia.com/team/" class="shy "> <span class="text">team</span> </a> </li> <li class="nav-item"> <a href="https://tealmedia.com/our-values/" class="shy "> <span class="text">our values</span> </a> </li> <li class="nav-item"> <a href="https://tealmedia.com/careers/" class="shy "> <span class="text">careers</span> </a> </li> </menu> </div> </li> <li class="nav-item"> <a href="https://tealmedia.com/friends-of-teal/" class="shy "> <span class="text">friends</span> </a> </li> </menu> <menu class="c-nav-menu nav-masthead-cta-desktop"> <a uk-toggle aria-haspopup="dialog" aria-controls="work-with-us" class="btn :version-2 :size-3 :full-width-false" href="#work-with-us" ><span class="text">Work with Us</span></a> </menu> <div class="e-toggle"> <button data-expandable-btn data-expandable-only="masthead_panel" data-expandable-no-scroll data-expandable-resize-close aria-expanded="false" aria-controls="c-nav-mobile" aria-label="Toggle navigation menu" class="btn :icon-only :version-3 :size-1 :full-width-false nav-mobile-toggle" ><span class="text">Menu</span><span class="icon :icon-menu"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g class="stroke"><polyline points="4,6 20,6" vector-effect="non-scaling-stroke" /><polyline points="4,12 20,12" vector-effect="non-scaling-stroke" /><polyline points="4,18 20,18" vector-effect="non-scaling-stroke" /></g></svg></span><span class="icon :icon-close"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g class="stroke"><polyline points="5,5 19,19" vector-effect="non-scaling-stroke" /><polyline points="5,19 19,5" vector-effect="non-scaling-stroke" /></g></svg></span></button> </div> </div> </nav> <div class="c-nav-secondary :palette-5"> <nav class=":c :m :p"> </nav> </div> </div> <div id="c-nav-mobile" class="c-nav-mobile w-panel" data-expandable data-expandable-panel-palette="5" data-is-active="false"> <div> <nav class="c-panel nav-mobile-nav :palette-5"> <div class="c-inner"> <menu class="c-nav-menu nav-masthead-primary-mobile"> <li class="nav-item"> <span class="toggle-button-wrapper"> <a href="https://tealmedia.com/work/" class="shy "> <span class="text">work</span> </a> </span> </li> <li class="nav-item has-children"> <span class="toggle-button-wrapper"> <a href="https://tealmedia.com/services/" class="shy :icon"> <span class="text">services</span> </a> <button data-expandable-btn aria-label="Toggle navigation menu" aria-controls="menu-65125" aria-expanded="false" class="btn :icon-only :version-1 :size-1 :full-width-false" ><span class="text">Toggle</span><span class="icon :icon-caret"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g class="stroke"><polyline points="9,6 15.5,12 9,18" vector-effect="non-scaling-stroke" /></g></svg></span></button> </span> <div id="menu-65125" data-expandable data-is-active="false"> <div> <menu class="c-nav-menu"> <li class="nav-item"> <a href="/services/#website-design-development" class="shy "> <span class="text">website design & development</span> </a> </li> <li class="nav-item"> <a href="/services/#brand" class="shy "> <span class="text">brand</span> </a> </li> <li class="nav-item"> <a href="/services/#digital-marketing" class="shy "> <span class="text">digital marketing</span> </a> </li> <li class="nav-item"> <a href="https://tealmedia.com/archie/" class="shy "> <span class="text">archie</span> </a> </li> <li class="nav-item"> <a href="https://tealmedia.com/dashboard/" class="shy "> <span class="text">dashboard</span> </a> </li> <li class="nav-item"> <a href="https://tealmedia.com/training/" class="shy "> <span class="text">training</span> </a> </li> </menu> </div> </div> </li> <li class="nav-item has-children"> <span class="toggle-button-wrapper"> <a href="https://tealmedia.com/about/" class="shy :icon"> <span class="text">about</span> </a> <button data-expandable-btn aria-label="Toggle navigation menu" aria-controls="menu-77922" aria-expanded="false" class="btn :icon-only :version-1 :size-1 :full-width-false" ><span class="text">Toggle</span><span class="icon :icon-caret"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g class="stroke"><polyline points="9,6 15.5,12 9,18" vector-effect="non-scaling-stroke" /></g></svg></span></button> </span> <div id="menu-77922" data-expandable data-is-active="false"> <div> <menu class="c-nav-menu"> <li class="nav-item"> <a href="https://tealmedia.com/team/" class="shy "> <span class="text">team</span> </a> </li> <li class="nav-item"> <a href="https://tealmedia.com/our-values/" class="shy "> <span class="text">our values</span> </a> </li> <li class="nav-item"> <a href="https://tealmedia.com/careers/" class="shy "> <span class="text">careers</span> </a> </li> </menu> </div> </div> </li> <li class="nav-item"> <span class="toggle-button-wrapper"> <a href="https://tealmedia.com/friends-of-teal/" class="shy "> <span class="text">friends</span> </a> </span> </li> </menu> </div> </nav> </div> <div class="overlay" data-expandable-close></div> </div> </div> <header class="page-hero article-hero hero :size-1 :align-left :highlight-text-false"> <div class="c-inner :c :m :p :g rit-fill"> <p class="kicker">Services</p> <div class="c-text :g" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h1 class="title">Need a website on a quick timeline and a limited budget? <strong>Archie</strong> to the rescue.</h1> <div class="hero-abstract"> <p>Built for big nonprofits with small initiatives, new organizations just getting started, and political campaigns that need donations yesterday.</p> </div> </div> </div> </header> <main id="main-content" class=":c :m :p :g"> <header class="section-header rot-default" uk-scrollspy="cls: tm-slide-bottom-small-text;"> <span class="icon :icon-teal-star"> <svg width="24" height="24" viewBox="0 0 240 240" xmlns="http://www.w3.org/2000/svg"> <g class="fill" transform="scale(1, 1) translate(32, 33)"> <path d="M125.432 67.5907C121.842 65.2349 118.384 62.6619 115.056 59.8751C112.269 56.5471 109.693 53.0862 107.337 49.4957C98.0108 35.2861 91.8895 18.821 88.973 0.100586H86.8375C83.9211 18.821 77.7998 35.2861 68.4736 49.4957C66.1177 53.0862 63.5447 56.5438 60.7579 59.8718C57.4299 62.6587 53.969 65.2349 50.3785 67.5907C36.1689 76.9169 19.7038 83.0383 0.983398 85.9547V88.0902C19.7038 91.0067 36.1689 97.128 50.3785 106.454C53.969 108.81 57.4266 111.383 60.7547 114.17C63.5415 117.498 66.1177 120.959 68.4736 124.549C77.7998 138.759 83.9211 155.224 86.8375 173.944H88.973C91.8895 155.224 98.0108 138.759 107.337 124.549C109.693 120.959 112.266 117.501 115.053 114.173C118.381 111.386 121.842 108.81 125.432 106.454C139.642 97.128 156.107 91.0067 174.827 88.0902V85.9547C156.107 83.0383 139.642 76.9169 125.432 67.5907Z"/> </g> </svg> </span> <h3>Archie in Action</h3> <menu> <li> </li> </menu> </header> <section class="feed rot-default rob-feature :arrange-grid :wrap-true :width-full"> <div class="p-inner"> <div data-feed-items class="cards :g-max-3 "> <article class="card work-card :ratio-normal"> <div class="c-inner :g"> <a class="overlink" href="https://tealmedia.com/work/calmta/"> <span class="screen-reader-only">CalMTA</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-normal"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/06/CalMTA_Thumbnail-500x333.jpg" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/06/CalMTA_Thumbnail-500x333.jpg 500w, https://tealmedia.com/wp-content/uploads/2024/06/CalMTA_Thumbnail-300x200.jpg 300w, https://tealmedia.com/wp-content/uploads/2024/06/CalMTA_Thumbnail-1024x682.jpg 1024w, https://tealmedia.com/wp-content/uploads/2024/06/CalMTA_Thumbnail-768x511.jpg 768w, https://tealmedia.com/wp-content/uploads/2024/06/CalMTA_Thumbnail-1536x1022.jpg 1536w, https://tealmedia.com/wp-content/uploads/2024/06/CalMTA_Thumbnail-100x67.jpg 100w, https://tealmedia.com/wp-content/uploads/2024/06/CalMTA_Thumbnail-250x166.jpg 250w, https://tealmedia.com/wp-content/uploads/2024/06/CalMTA_Thumbnail-1000x666.jpg 1000w, https://tealmedia.com/wp-content/uploads/2024/06/CalMTA_Thumbnail-1500x998.jpg 1500w, https://tealmedia.com/wp-content/uploads/2024/06/CalMTA_Thumbnail-2000x1331.jpg 2000w, https://tealmedia.com/wp-content/uploads/2024/06/CalMTA_Thumbnail.jpg 2048w" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h3 class="title "> <span class="shy">CalMTA</span> </h3> <p class="abstract">As CalMTA鈥檚 creative partner, Teal worked with them to establish a brand and Archie website to introduce this new organization to the state of California.</p> </div> </div> </article> <article class="card work-card :ratio-normal"> <div class="c-inner :g"> <a target="_blank" rel="noopener" class="overlink" href="https://edvoice.org/"> <span class="screen-reader-only">EdVoice</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-normal"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/06/EdVoice_Thumbnail-500x333.jpg" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/06/EdVoice_Thumbnail-500x333.jpg 500w, https://tealmedia.com/wp-content/uploads/2024/06/EdVoice_Thumbnail-300x200.jpg 300w, https://tealmedia.com/wp-content/uploads/2024/06/EdVoice_Thumbnail-1024x682.jpg 1024w, https://tealmedia.com/wp-content/uploads/2024/06/EdVoice_Thumbnail-768x511.jpg 768w, https://tealmedia.com/wp-content/uploads/2024/06/EdVoice_Thumbnail-1536x1022.jpg 1536w, https://tealmedia.com/wp-content/uploads/2024/06/EdVoice_Thumbnail-100x67.jpg 100w, https://tealmedia.com/wp-content/uploads/2024/06/EdVoice_Thumbnail-250x166.jpg 250w, https://tealmedia.com/wp-content/uploads/2024/06/EdVoice_Thumbnail-1000x666.jpg 1000w, https://tealmedia.com/wp-content/uploads/2024/06/EdVoice_Thumbnail-1500x998.jpg 1500w, https://tealmedia.com/wp-content/uploads/2024/06/EdVoice_Thumbnail-2000x1331.jpg 2000w, https://tealmedia.com/wp-content/uploads/2024/06/EdVoice_Thumbnail.jpg 2048w" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h3 class="title is-external"> <span class="shy">EdVoice</span><span class="icon :icon-arrow-diagonal external-link"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g class="stroke"><polyline points="5,6 18,6 18,19" vector-effect="non-scaling-stroke" /><polyline points="4,20 18,6" vector-effect="non-scaling-stroke" /></g></svg></span> </h3> <p class="abstract">EdVoice, dedicated to advocating for quality education, needed a website to effectively communicate its mission and engage its audience. Enter Archie. We created a cohesive, compelling site that informs educators, policymakers, and community members about EdVoice's vital work.</p> </div> </div> </article> <article class="card work-card :ratio-normal"> <div class="c-inner :g"> <a target="_blank" rel="noopener" class="overlink" href="https://ussw.org/"> <span class="screen-reader-only">Union of Southern Service Workers</span> </a> <div class="c-image" uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x :ratio-normal"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/USSW_Thumbnail-500x333.jpg" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/01/USSW_Thumbnail-500x333.jpg 500w, https://tealmedia.com/wp-content/uploads/2024/01/USSW_Thumbnail-300x200.jpg 300w, https://tealmedia.com/wp-content/uploads/2024/01/USSW_Thumbnail-1024x682.jpg 1024w, https://tealmedia.com/wp-content/uploads/2024/01/USSW_Thumbnail-768x511.jpg 768w, https://tealmedia.com/wp-content/uploads/2024/01/USSW_Thumbnail-1536x1022.jpg 1536w, https://tealmedia.com/wp-content/uploads/2024/01/USSW_Thumbnail-100x67.jpg 100w, https://tealmedia.com/wp-content/uploads/2024/01/USSW_Thumbnail-250x166.jpg 250w, https://tealmedia.com/wp-content/uploads/2024/01/USSW_Thumbnail-1000x666.jpg 1000w, https://tealmedia.com/wp-content/uploads/2024/01/USSW_Thumbnail-1500x998.jpg 1500w, https://tealmedia.com/wp-content/uploads/2024/01/USSW_Thumbnail-2000x1331.jpg 2000w, https://tealmedia.com/wp-content/uploads/2024/01/USSW_Thumbnail.jpg 2048w" loading="lazy" > </div> </figure> </div> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h3 class="title is-external"> <span class="shy">Union of Southern Service Workers</span><span class="icon :icon-arrow-diagonal external-link"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g class="stroke"><polyline points="5,6 18,6 18,19" vector-effect="non-scaling-stroke" /><polyline points="4,20 18,6" vector-effect="non-scaling-stroke" /></g></svg></span> </h3> <p class="abstract">USSW is organizing low-wage workers across the service industry to demand safe workplaces, equal pay, and real healthcare benefits. Teal created an Archie website that expresses their determination and their demands, including seamless integration with the advocacy tool EveryAction.</p> </div> </div> </article> </div> </div> </section> <section class="media-duo rot-default rob-feature :align-left :sticky-true :width-full :palette-1 :bg-bleed-true header-list"> <div class="p-inner :g"> <div class="c-media " uk-scrollspy="cls: tm-slide-bottom-medium-image;"> <figure class="image media-figure :g-x"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy " style="aspect-ratio: 1.055;" > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/Archie-Collage-e1706582039618-1500x1422.jpg" alt="collage of archie websites" srcset="https://tealmedia.com/wp-content/uploads/2024/01/Archie-Collage-e1706582039618-1500x1422.jpg 1500w, https://tealmedia.com/wp-content/uploads/2024/01/Archie-Collage-e1706582039618-300x284.jpg 300w, https://tealmedia.com/wp-content/uploads/2024/01/Archie-Collage-e1706582039618-1024x971.jpg 1024w, https://tealmedia.com/wp-content/uploads/2024/01/Archie-Collage-e1706582039618-768x728.jpg 768w, https://tealmedia.com/wp-content/uploads/2024/01/Archie-Collage-e1706582039618-100x95.jpg 100w, https://tealmedia.com/wp-content/uploads/2024/01/Archie-Collage-e1706582039618-250x237.jpg 250w, https://tealmedia.com/wp-content/uploads/2024/01/Archie-Collage-e1706582039618-500x474.jpg 500w, https://tealmedia.com/wp-content/uploads/2024/01/Archie-Collage-e1706582039618-1000x948.jpg 1000w, https://tealmedia.com/wp-content/uploads/2024/01/Archie-Collage-e1706582039618.jpg 1535w" sizes="(min-width: 1528px) 891px, (min-width: 1292px) 58.3333vw, (min-width: 740px) 50vw, 100vw" loading="lazy" > </div> </figure> </div> <div class="c-text "> <div class="c-text-inner" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 25;"> <h3>Why Archie?</h3> <h5>Launch Fast</h5> <p>We鈥檙e talking days or weeks鈥攏ot months.</p> <h5>Designed by real human beings</h5> <p>We don’t have cookie-cutters over here.</p> <h5>Integrates with the tools you use</h5> <p>ActBlue, Airtable, Give Lively, EveryAction, Mailchimp, HubSpot & more.</p> <h5>No IT team required</h5> <p>We鈥檒l host the site for you and make all the security updates.</p> <h5>Free extras</h5> <p>Matching social-media and email templates + we’re always releasing new features to the platform</p> </div> </div> </div> </section> <header class="section-header rot-default" uk-scrollspy="cls: tm-slide-bottom-small-text;"> <span class="icon :icon-teal-tag"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="fill" transform="scale(0.75, 0.75) translate(4.35, 5.5)"> <path d="M21.997 9.17098L21.6272 1.99815C21.5873 1.23152 20.9283 0.571562 20.1617 0.532682L12.9889 0.162825C12.2222 0.122949 11.1505 0.534676 10.6082 1.078L0.406743 11.2775C-0.135581 11.8198 -0.135581 12.7081 0.406743 13.2514L8.90747 21.7521C9.44979 22.2944 10.338 22.2944 10.8814 21.7521L21.0818 11.5516C21.6242 11.0093 22.0359 9.93761 21.997 9.17098ZM18.9624 5.19527C18.4101 5.74756 17.5159 5.74756 16.9636 5.19527C16.4113 4.64298 16.4113 3.74874 16.9636 3.19645C17.5159 2.64416 18.4101 2.64416 18.9624 3.19645C19.5147 3.74874 19.5147 4.64298 18.9624 5.19527Z"/> </g> </svg> </span> <h3>Pricing & Offerings</h3> <menu> <li> </li> </menu> </header> <div class="service-pricing rot-default rob-feature"> <div class="p-inner :g"> <div class="service-tiers"> <div class="service-tier :size-1 :palette-3"> <div class="p-inner :g-2"> <div class="c-overview" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h3 class="title">Archie: The Standard</h3> <p><i>Our workhorse, which has already hit the mark for over 100 clients鈥攅ach one different.聽 </i></p> <h4 class="price">$15,000</h4> </div> <div class="c-features" uk-scrollspy="target: > ul > li; cls: tm-slide-bottom-small-text; delay: 50;"> <ul> <li aria-level="1">Discovery session</li> <li aria-level="1">Design mockups of two key pages that may include the design of graphics, icons and supporting elements</li> <li aria-level="1">Implemented Archie Platform website with styled component library</li> <li>Content and user experience strategy support up to launch</li> <li aria-level="1">Personalized training on managing and updating the site and its content</li> <li aria-level="1">Mailchimp email and Canva social media templates</li> <li aria-level="1">12 months of service (including hosting, platform maintenance, and security); just $100/month after that</li> </ul> </div> <div class="e-btn" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 100;"> <a uk-toggle aria-haspopup="dialog" aria-controls="work-with-us" class="btn :version-1 :size-3 :full-width-false" href="#work-with-us" ><span class="text">Let's get started</span></a> </div> </div> </div> <div class="service-tier :size-2 :palette-2"> <div class="p-inner :g-2"> <div class="c-overview" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h3 class="title">Archie: The Basic</h3> <p><i>For partner agencies and other organizations that have the capacity to manage UX, content strategy, and project management on their own and have past experience navigating content management systems and managing website content.</i></p> <h4 class="price">$10,000</h4> </div> <div class="c-features" uk-scrollspy="target: > ul > li; cls: tm-slide-bottom-small-text; delay: 50;"> <ul> <li>Discovery session</li> <li>Design mockups of two key pages</li> <li>Implemented Archie Platform website with styled component library</li> <li>Basic training on managing and updating the site and its content</li> <li>12 months of service (including hosting, platform maintenance, and security); just $100/month after that</li> </ul> </div> <div class="e-btn" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 100;"> <a uk-toggle aria-haspopup="dialog" aria-controls="work-with-us" class="btn :version-1 :size-3 :full-width-false" href="#work-with-us" ><span class="text">Let's get started</span></a> </div> </div> </div> </div> <div class="service-power-ups" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h3>Power-Ups</h3> <ul class=":g-2" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <li class="service-power-up"> <h4 class="title">Branding Lite</h4> <h5 class="price">$6,000</h5> <p>Need a visual identity to go with your Archie? We’ll create a custom wordmark logo and establish a color palette and typography system.</p> </li> <li class="service-power-up"> <h4 class="title">Support Package</h4> <h5 class="price">$5,700</h5> <p>Get up to 30 hours of ad hoc support for everything from content population and migration to writing and editing to graphic design or video production.</p> </li> <li class="service-power-up"> <h4 class="title">Clone</h4> <h5 class="price">$5,000</h5> <p>For anyone who needs a duplicate copy of an Archie site to support additional languages or adjacent initiatives.</p> </li> <li> <p>Need a more custom solution?</p> <a uk-toggle aria-haspopup="dialog" aria-controls="work-with-us" class="btn :version-3 :size-3 :full-width-false" href="#work-with-us" ><span class="text">contact us</span></a> </li> </ul> </div> </div> </div> <header class="section-header rot-default" uk-scrollspy="cls: tm-slide-bottom-small-text;"> <span class="icon :icon-teal-star"> <svg width="24" height="24" viewBox="0 0 240 240" xmlns="http://www.w3.org/2000/svg"> <g class="fill" transform="scale(1, 1) translate(32, 33)"> <path d="M125.432 67.5907C121.842 65.2349 118.384 62.6619 115.056 59.8751C112.269 56.5471 109.693 53.0862 107.337 49.4957C98.0108 35.2861 91.8895 18.821 88.973 0.100586H86.8375C83.9211 18.821 77.7998 35.2861 68.4736 49.4957C66.1177 53.0862 63.5447 56.5438 60.7579 59.8718C57.4299 62.6587 53.969 65.2349 50.3785 67.5907C36.1689 76.9169 19.7038 83.0383 0.983398 85.9547V88.0902C19.7038 91.0067 36.1689 97.128 50.3785 106.454C53.969 108.81 57.4266 111.383 60.7547 114.17C63.5415 117.498 66.1177 120.959 68.4736 124.549C77.7998 138.759 83.9211 155.224 86.8375 173.944H88.973C91.8895 155.224 98.0108 138.759 107.337 124.549C109.693 120.959 112.266 117.501 115.053 114.173C118.381 111.386 121.842 108.81 125.432 106.454C139.642 97.128 156.107 91.0067 174.827 88.0902V85.9547C156.107 83.0383 139.642 76.9169 125.432 67.5907Z"/> </g> </svg> </span> <h3>Our Clients</h3> <menu> <li> </li> </menu> </header> <section id="marquee-80171" class="logo-marquee marquee rot-default rob-feature :images-true :width-bleed" data-playing="true" data-suspended="false" data-speed="3" style="--marquee-loop-time: 60s; --marquee-group-width: 100vw;" > <div class="p-inner"> <div class="c-inner"> <div class="c-rail"> <div class="c-group"> <div class="marquee-item has-image third-party-logo client-logo"> <div class="c-inner "> <figure class="image media-figure :g-x"> <div class="e-media " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/02/Badger-Six.png" alt="" > </div> </figure> </div> </div> <div class="marquee-item has-image third-party-logo client-logo"> <div class="c-inner "> <figure class="image media-figure :g-x"> <div class="e-media " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/02/CalMTA.png" alt="" > </div> </figure> </div> </div> <div class="marquee-item has-image third-party-logo client-logo"> <div class="c-inner "> <figure class="image media-figure :g-x"> <div class="e-media " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/02/Climate-Power.png" alt="" > </div> </figure> </div> </div> <div class="marquee-item has-image third-party-logo client-logo"> <div class="c-inner "> <figure class="image media-figure :g-x"> <div class="e-media " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/02/Economic-Security-Project.png" alt="" > </div> </figure> </div> </div> <div class="marquee-item has-image third-party-logo client-logo"> <div class="c-inner "> <figure class="image media-figure :g-x"> <div class="e-media " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/02/Gedner-Equity-Action-Fund.png" alt="" > </div> </figure> </div> </div> <div class="marquee-item has-image third-party-logo client-logo"> <div class="c-inner "> <figure class="image media-figure :g-x"> <div class="e-media " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/02/Groundwork-Collaborative.png" alt="" > </div> </figure> </div> </div> <div class="marquee-item has-image third-party-logo client-logo"> <div class="c-inner "> <figure class="image media-figure :g-x"> <div class="e-media " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/02/Johns-Hopkins-Carey-Business-School.png" alt="" > </div> </figure> </div> </div> <div class="marquee-item has-image third-party-logo client-logo"> <div class="c-inner "> <figure class="image media-figure :g-x"> <div class="e-media " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/02/RADical-Hope.png" alt="" > </div> </figure> </div> </div> <div class="marquee-item has-image third-party-logo client-logo"> <div class="c-inner "> <figure class="image media-figure :g-x"> <div class="e-media " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/02/The-Hub-Project.png" alt="" > </div> </figure> </div> </div> <div class="marquee-item has-image third-party-logo client-logo"> <div class="c-inner "> <figure class="image media-figure :g-x"> <div class="e-media " > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/02/VotoLatino.png" alt="" > </div> </figure> </div> </div> </div> </div> </div> <div class="c-marquee-control c-control rot-medium"> <button aria-label="Toggle marquee animation" aria-controls="marquee-80171" class="btn :icon-only :version-1 :size-1 :full-width-false marquee-toggle" ><span class="text">Toggle</span><span class="icon :icon-pause"><svg class="tm" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><rect class="fill" x="6" y="5" width="4" height="14" /><rect class="fill" x="14" y="5" width="4" height="14" /></svg></span><span class="icon :icon-play"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><polygon class="fill" points="7,5 19,12 7,19" vector-effect="non-scaling-stroke" /></svg></span></button> </div> </div> </section> <div class="callout-inset rot-default :width-medium service-callout"> <div class="p-inner"> <div class="c-text" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text; delay: 50;"> <h5>Who the heck is Archie?</h5><p>Teal鈥檚 Archie platform is named for our founder鈥檚 spunky little Maltese-Yorkie, who has a ton of personality in a tiny package.</p> </div> <div class="c-image"> <figure class="image media-figure :g-x"> <div class="e-loading"> <span class="icon :icon-loading +spin"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g class="stroke"> <path d="M 12 3 A 9 9, 0, 1 1, 3 12" vector-effect="non-scaling-stroke" /> </g> </svg> </span> </div> <div class="e-media e-lazy lazy-transparent " style="aspect-ratio: 0.8103;" > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/archie1-img1-1.png" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/01/archie1-img1-1.png 188w, https://tealmedia.com/wp-content/uploads/2024/01/archie1-img1-1-81x100.png 81w" loading="lazy" > </div> </figure> </div> </div> </div> <div class="footer-prompt rot-default ro-flush ri-outer :width-full :palette-3 :bg-bleed-true"> <div class="p-inner" uk-scrollspy="target: > *; cls: tm-slide-bottom-small-text;"> <h2 class="title">A website in days? Yes, please.</h2> <div class="e-btn"> <a uk-toggle aria-haspopup="dialog" aria-controls="work-with-us" class="btn :version-1 :size-2 :full-width-false" href="#work-with-us" ><span class="text">let's get started</span></a> </div> </div> </div> </main> <footer class="site-footer rot-default ro-flush :palette-4"> <div class="c-site-logo"> <svg width="116" height="50" viewBox="0 0 116 50" xmlns="http://www.w3.org/2000/svg"> <g class="fill"> <path d="M4.76971 38.4529V19.0313H0V15.7513C7.38428 11.8808 12.4825 7.87886 16.9925 3.28418V15.7513H25.7507V19.0313H16.9925L17.0569 37.3365C17.0569 40.6834 18.8857 41.929 21.2384 41.929C22.5457 41.929 23.9839 41.5345 25.4222 41.0109C23.9839 45.4073 20.9122 49.9997 14.4423 49.9997C8.49626 49.9997 4.76971 46.0624 4.76971 38.4529Z"/> <path d="M26.4004 32.6131C26.4004 21.5899 33.6537 15.3574 44.1764 15.3574C56.5945 15.3574 60.1879 24.4777 60.1879 32.0872H40.0592C40.8427 37.9921 43.3929 42.0609 49.5365 42.0609C52.7392 42.0609 55.4181 41.2744 59.1424 39.1731L59.4044 39.3692C58.0971 43.5672 52.9345 49.998 43.8501 49.998C35.7467 49.998 26.4004 44.8797 26.4004 32.6109V32.6131ZM39.8639 30.3826L48.1626 27.7577C48.1626 23.8204 47.8363 18.3745 43.9788 18.3745C40.1213 18.3745 39.6663 23.7557 39.7307 27.8223C39.7307 28.6758 39.7951 29.5292 39.8616 30.3804L39.8639 30.3826Z"/> <path d="M61.4961 39.0436C61.4961 32.3521 67.3778 28.1518 73.9142 28.1518C75.8096 28.1518 78.8814 28.5462 81.4294 29.5958V25.9882C81.4294 21.5272 81.4294 18.6394 79.9912 18.6394C76.3312 18.6394 64.6988 27.9557 64.6988 27.9557H64.3726V17.5899C70.9734 16.0813 77.1813 15.3594 80.7769 15.3594C90.5138 15.3594 93.7166 20.6092 93.7166 26.9731V38.2592C93.7166 42.4573 94.4357 44.5585 97.8338 42.7871L98.0291 42.9832C97.7672 46.789 94.9573 49.8729 89.99 49.8729C85.9372 49.8729 83.1273 47.8385 82.0176 44.1641C80.6459 46.7222 77.4432 49.8729 72.0831 49.8729C65.0251 49.8729 61.4961 44.1641 61.4961 39.048V39.0436ZM79.1411 43.2416C80.0556 43.2416 80.839 42.9787 81.6247 42.3882C81.4938 41.6663 81.4294 40.9443 81.4294 40.0909V31.824C80.7747 31.6279 80.1221 31.5611 79.4696 31.5611C75.6787 31.5611 74.2427 33.923 74.2427 37.0716C74.2427 40.5499 75.9406 43.2394 79.1433 43.2394L79.1411 43.2416Z"/> <path d="M115.998 49.2112H99.6602V48.9483C99.6602 48.6853 101.687 42.9787 101.687 37.9919V12.534C101.687 7.54713 99.5292 2.10125 99.5292 1.83832L99.4648 1.57538L101.491 1.31245L113.974 0V37.9897C113.974 42.9765 116 48.6853 116 48.946V49.209L115.998 49.2112Z"/> </g> </svg> </div> <div class="p-inner"> <div class="c-form :c :m :p :g"> <div class="c-form-inner"> <h4>Get our newsletter.</h4> <div class='gf_browser_chrome gform_wrapper gravity-theme gform-theme--no-framework' data-form-theme='gravity-theme' data-form-index='0' id='gform_wrapper_2' ><div id='gf_2' class='gform_anchor' tabindex='-1'></div><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_2' id='gform_2' action='/archie/#gf_2' data-formid='2' novalidate> <div class='gform-body gform_body'><div id='gform_fields_2' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id="field_2_1" class="gfield gfield--type-email gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible" data-js-reload="field_2_1" ><label class='gfield_label gform-field-label' for='input_2_1'>Email<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_email'> <input name='input_1' id='input_2_1' type='email' value='' class='large' tabindex='1' placeholder='Email address' aria-required="true" aria-invalid="false" /> </div></div><div id="field_2_2" class="gfield gfield--type-hidden gform_hidden field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_2_2" ><div class='ginput_container ginput_container_text'><input name='input_2' id='input_2_2' type='hidden' class='gform_hidden' aria-invalid="false" value='Form Submission' /></div></div><div id="field_2_3" class="gfield gfield--type-honeypot gform_validation_container field_sublabel_below gfield--has-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_2_3" ><label class='gfield_label gform-field-label' for='input_2_3'>Comments</label><div class='ginput_container'><input name='input_3' id='input_2_3' type='text' value='' autocomplete='new-password'/></div><div class='gfield_description' id='gfield_description_2_3'>This field is for validation purposes and should be left unchanged.</div></div></div></div> <div class='gform_footer top_label'> <input type='submit' id='gform_submit_button_2' class='gform_button button' value='Signup' tabindex='2' onclick='if(window["gf_submitting_2"]){return false;} if( !jQuery("#gform_2")[0].checkValidity || jQuery("#gform_2")[0].checkValidity()){window["gf_submitting_2"]=true;} ' onkeypress='if( event.keyCode == 13 ){ if(window["gf_submitting_2"]){return false;} if( !jQuery("#gform_2")[0].checkValidity || jQuery("#gform_2")[0].checkValidity()){window["gf_submitting_2"]=true;} jQuery("#gform_2").trigger("submit",[true]); }' /> <input type='hidden' name='gform_ajax' value='form_id=2&title=&description=&tabindex=1&theme=gravity-theme' /> <input type='hidden' class='gform_hidden' name='is_submit_2' value='1' /> <input type='hidden' class='gform_hidden' name='gform_submit' value='2' /> <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' /> <input type='hidden' class='gform_hidden' name='state_2' value='WyJbXSIsImE4OTc2MTY4ZjA4ZTI3OTJjZTM4MDI1ZmExMjlkZjg5Il0=' /> <input type='hidden' class='gform_hidden' name='gform_target_page_number_2' id='gform_target_page_number_2' value='0' /> <input type='hidden' class='gform_hidden' name='gform_source_page_number_2' id='gform_source_page_number_2' value='1' /> <input type='hidden' name='gform_field_values' value='' /> </div> </form> </div> <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_2' id='gform_ajax_frame_2' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'></iframe> <script> gform.initializeOnLoaded( function() {gformInitSpinner( 2, 'https://tealmedia.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery('#gform_ajax_frame_2').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_2');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_2').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_2').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_2').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_2').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */ jQuery(document).scrollTop(jQuery('#gform_wrapper_2').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_2').val();gformInitSpinner( 2, 'https://tealmedia.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [2, current_page]);window['gf_submitting_2'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_2').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_2').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [2]);window['gf_submitting_2'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_2').text());}else{jQuery('#gform_2').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger("gform_pre_post_render", [{ formId: "2", currentPage: "current_page", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_2" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_2"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_2" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [2, current_page] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 2, currentPage: current_page } } ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } );} ); </script> </div> <div class="c-form-footer"> <p>All things creative‑y and nonprofit‑y. Monthl‑y.</p> </div> </div> <div class="c-meta"> <div class="c-meta-inner"> <div class="footer-promo"> <div class="p-inner"> <div> <div class="c-text"> <p class="title">IT'S OUR 15TH ANNIVERSARY!</p> <p class="text">A prize awaits you if you can find it on our site...</p> </div> <figure class="image media-figure :g-x"> <div class="e-media e-lazy lazy-transparent " style="aspect-ratio: 1;" > <img class="media-source" src="https://tealmedia.com/wp-content/uploads/2024/01/15-badge.png" alt="" srcset="https://tealmedia.com/wp-content/uploads/2024/01/15-badge.png 165w, https://tealmedia.com/wp-content/uploads/2024/01/15-badge-150x150.png 150w, https://tealmedia.com/wp-content/uploads/2024/01/15-badge-100x100.png 100w" loading="lazy" > </div> </figure> </div> </div> </div> <div class="c-social :bg-s1"> <div class="c-social-inner"> <menu class="social"> <li><a href="/careers/" class="shy">Careers</a></li> <li> <a class="btn :icon-only :version-3 :size-1 :full-width-false social-link linkedin" href="https://www.linkedin.com/company/tealmedia/" ><span class="text">LinkedIn</span><span class="icon :icon-social/linkedin"><svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path class="fill" d="M5.9,11.5h4.3v13.9H5.9V11.5z M8.1,4.6c1.4,0,2.5,1.1,2.5,2.5c0,1.4-1.1,2.5-2.5,2.5c-0.7,0-1.3-0.3-1.8-0.7 C5.9,8.4,5.6,7.8,5.6,7.1c0-0.3,0.1-0.7,0.2-1c0.1-0.3,0.3-0.6,0.5-0.8c0.2-0.2,0.5-0.4,0.8-0.5C7.4,4.7,7.8,4.6,8.1,4.6z M13,11.5 h4.1v1.9h0.1c0.6-1.1,2-2.2,4.1-2.2c4.4,0,5.2,2.9,5.2,6.6v7.6h-4.3v-6.8c0-1.6,0-3.7-2.2-3.7c-2.2,0-2.6,1.8-2.6,3.6v6.9H13 L13,11.5L13,11.5z"/></svg></span></a> </li> <li> <a class="btn :icon-only :version-3 :size-1 :full-width-false social-link instagram" href="https://www.instagram.com/tealmedia/" ><span class="text">Instagram</span><span class="icon :icon-social/instagram"><svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path class="fill" d="M20.4,26.4c-0.8,0-2.2,0.1-4,0.1l-0.3,0c-2,0-3.5,0-4.4-0.1c-0.9,0-1.7-0.2-2.3-0.4c-0.8-0.2-1.5-0.7-2-1.2 c-0.6-0.6-1-1.3-1.3-2c-0.2-0.7-0.4-1.4-0.4-2.3c0-0.8-0.1-2.2-0.1-4l0-0.3c0-2,0-3.5,0.1-4.4c0-0.9,0.2-1.7,0.4-2.3 c0.3-0.8,0.7-1.5,1.3-2c0.6-0.6,1.3-1,2-1.3c0.7-0.2,1.4-0.4,2.3-0.4c0.8,0,2.2-0.1,4-0.1l0.3,0c2,0,3.5,0,4.4,0.1 c0.9,0,1.7,0.2,2.3,0.4c0.8,0.3,1.5,0.7,2,1.3c0.6,0.6,1,1.3,1.3,2c0.2,0.7,0.4,1.4,0.4,2.3c0,0.8,0,2,0,3.7l0,0.7 c0,2,0,3.5-0.1,4.4c0,0.9-0.2,1.7-0.4,2.3c-0.3,0.8-0.7,1.5-1.3,2c-0.6,0.6-1.3,1-2,1.3C22,26.2,21.3,26.4,20.4,26.4z M15.2,24.6 h1.5c1.3,0,2.2,0,2.9,0c1.2-0.1,2-0.2,2.5-0.4c1-0.4,1.6-1.1,2-2c0.2-0.5,0.3-1.4,0.4-2.5c0-0.7,0-1.7,0-2.9v-1.5c0-1.3,0-2.2,0-2.9 c-0.1-1.2-0.2-2-0.4-2.5c-0.4-1-1-1.6-2-2c-0.5-0.2-1.3-0.3-2.5-0.4c-0.7,0-1.7,0-2.9,0h-1.5c-1.2,0-2.2,0-2.9,0 c-1.2,0.1-2,0.2-2.5,0.4c-1,0.4-1.6,1-2,2c-0.2,0.5-0.3,1.3-0.4,2.5c0,0.7,0,1.7,0,2.9v1.5c0,1.2,0,2.2,0,2.9c0.1,1.2,0.2,2,0.4,2.5 c0.4,1,1.1,1.6,2,2c0.5,0.2,1.4,0.3,2.5,0.4C13,24.6,14,24.6,15.2,24.6z M18.7,20.7c-0.8,0.5-1.7,0.7-2.7,0.7c-1,0-1.9-0.2-2.7-0.7 c-0.8-0.5-1.5-1.1-2-2c-0.5-0.8-0.7-1.7-0.7-2.7c0-1,0.2-1.9,0.7-2.7c0.5-0.8,1.1-1.5,2-2c0.8-0.5,1.7-0.7,2.7-0.7 c1,0,1.9,0.2,2.7,0.7c0.8,0.5,1.5,1.1,2,2c0.5,0.8,0.7,1.7,0.7,2.7c0,1-0.2,1.9-0.7,2.7C20.2,19.5,19.5,20.2,18.7,20.7z M13.5,18.5 c0.7,0.7,1.5,1,2.5,1c1,0,1.8-0.3,2.5-1s1-1.5,1-2.5c0-1-0.3-1.8-1-2.5s-1.5-1-2.5-1c-1,0-1.8,0.3-2.5,1s-1,1.5-1,2.5 C12.5,17,12.8,17.8,13.5,18.5z M22.5,11.3c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4s-0.4-0.5-0.4-0.9c0-0.3,0.1-0.6,0.4-0.9 s0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4s0.4,0.5,0.4,0.9C22.9,10.7,22.7,11,22.5,11.3z"/></svg></span></a> </li> <li> <a class="btn :icon-only :version-3 :size-1 :full-width-false social-link facebook" href="https://www.facebook.com/TealMedia/" ><span class="text">Facebook</span><span class="icon :icon-social/facebook"><svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path class="fill" d="M13.5,27.2v-10H10v-4h3.5V10c0-1.7,0.5-3,1.5-3.9s2.3-1.4,3.9-1.4c1.3,0,2.4,0.1,3.2,0.2v3.5h-2.2 c-0.8,0-1.4,0.2-1.7,0.5c-0.2,0.3-0.4,0.8-0.4,1.4v2.8h3.9l-0.5,4h-3.3v10H13.5z"/></svg></span></a> </li> </menu> </div> </div> <div class="c-legal :bg-s1"> <div class="c-legal-inner"> <p> <span>Creative with a conscience</span> <span class="icon :icon-teal-heart"> <svg width="24" height="24" viewBox="0 0 240 240" xmlns="http://www.w3.org/2000/svg"> <g class="fill" transform="scale(1, 1) translate(38.5, 66)"> <path d="M81.4979 36.6594C84.9404 24.7382 90.1974 15.6913 97.2632 9.53142C104.335 3.37153 112.906 0.285156 122.988 0.285156C134.914 0.285156 144.501 4.29744 151.753 12.3284C159.006 20.3594 162.635 30.9753 162.635 44.1824C162.635 55.7692 160.114 65.0797 155.073 72.127C150.032 79.1742 140.352 86.0156 126.028 92.6513L124.184 93.5644C100.706 104.47 86.4749 116.667 81.4921 130.144C76.3926 116.596 62.191 104.405 38.8931 93.5644C38.0354 93.1593 37.3586 92.8507 36.8627 92.6513C22.4802 86.0156 12.783 79.2063 7.77097 72.2298C2.77065 65.2469 0.267578 55.9042 0.267578 44.1824C0.267578 30.9689 3.90842 20.353 11.1959 12.3284C18.4834 4.30387 28.0523 0.285156 39.9142 0.285156C50.0549 0.285156 58.6493 3.37153 65.686 9.53142C72.7226 15.6977 77.9971 24.7382 81.4979 36.6594Z"/> </g> </svg> </span> </p> <p>©Teal Media 2024</p> </div> </div> </div> </div> </div> </footer> <div id="work-with-us" uk-modal> <section class="modal-form :palette-1"> <div class=":c :g"> <button class="uk-modal-close-default" type="button" uk-close> <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="20" cy="20" r="19.5" stroke="#222222" stroke-opacity="0.15"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M21.6532 19.9373L29.2105 12.3801L27.6195 10.7891L20.0623 18.3463L12.5051 10.7891L10.9141 12.3801L18.4713 19.9373L10.9141 27.4945L12.5051 29.0854L20.0623 21.5282L27.6195 29.0855L29.2104 27.4945L21.6532 19.9373Z" fill="#006666"/> </svg> </button> <div class="c-texture" style="--texture-bg-color: #CBF3EE;" > <span class="desktop-only"> <figure class="image media-figure :g-x"> <div class="e-media " > <img class="media-source" src="/wp-content/themes/teal-2024/_html/public/images/modal-form-texture-default.png" alt="" > </div> </figure> </span> <span class="mobile-only"> <figure class="image media-figure :g-x"> <div class="e-media " > <img class="media-source" src="/wp-content/themes/teal-2024/_html/public/images/modal-form-texture-default-rotated.png" alt="" > </div> </figure> </span> </div> <div class="c-text"> <div class=":c :m :p :g"> <div class="c-inner"> <script type="text/javascript"></script> <div class='gf_browser_chrome gform_wrapper gravity-theme gform-theme--no-framework' data-form-theme='gravity-theme' data-form-index='0' id='gform_wrapper_1' ><div id='gf_1' class='gform_anchor' tabindex='-1'></div> <div class='gform_heading'> <p class='gform_description'><h2>Let鈥檚 do this.</h2> <p>The part where we ask you to cough up your email. So we can discuss all the amazing things we鈥檙e gonna do together. No pressure. Really.</p></p> </div><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_1' id='gform_1' action='/archie/#gf_1' data-formid='1' novalidate> <div class='gform-body gform_body'><div id='gform_fields_1' class='gform_fields top_label form_sublabel_below description_above validation_below'><fieldset id="field_1_9" class="gfield gfield--type-name gfield--width-full gfield_contains_required field_sublabel_hidden_label gfield--no-description field_description_above field_validation_below gfield_visibility_visible" data-js-reload="field_1_9" ><legend class='gfield_label gform-field-label gfield_label_before_complex' >Name<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></legend><div class='ginput_complex ginput_container ginput_container--name no_prefix has_first_name no_middle_name has_last_name no_suffix gf_name_has_2 ginput_container_name gform-grid-row' id='input_1_9'> <span id='input_1_9_3_container' class='name_first gform-grid-col gform-grid-col--size-auto' > <input type='text' name='input_9.3' id='input_1_9_3' value='' tabindex='2' aria-required='true' placeholder='First Name' /> <label for='input_1_9_3' class='gform-field-label gform-field-label--type-sub hidden_sub_label screen-reader-text'>First name</label> </span> <span id='input_1_9_6_container' class='name_last gform-grid-col gform-grid-col--size-auto' > <input type='text' name='input_9.6' id='input_1_9_6' value='' tabindex='4' aria-required='true' placeholder='Last Name' /> <label for='input_1_9_6' class='gform-field-label gform-field-label--type-sub hidden_sub_label screen-reader-text'>Last name</label> </span> </div></fieldset><div id="field_1_3" class="gfield gfield--type-email gfield_contains_required field_sublabel_below gfield--no-description field_description_above field_validation_below gfield_visibility_visible" data-js-reload="field_1_3" ><label class='gfield_label gform-field-label' for='input_1_3'>Email<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_email'> <input name='input_3' id='input_1_3' type='email' value='' class='large' tabindex='6' placeholder='Type your answer here...' aria-required="true" aria-invalid="false" /> </div></div><div id="field_1_4" class="gfield gfield--type-text gfield_contains_required field_sublabel_below gfield--no-description field_description_above field_validation_below gfield_visibility_visible" data-js-reload="field_1_4" ><label class='gfield_label gform-field-label' for='input_1_4'>Organization<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_text'><input name='input_4' id='input_1_4' type='text' value='' class='large' tabindex='7' placeholder='Type your answer here...' aria-required="true" aria-invalid="false" /> </div></div><div id="field_1_5" class="gfield gfield--type-textarea field_sublabel_below gfield--no-description field_description_above field_validation_below gfield_visibility_visible" data-js-reload="field_1_5" ><label class='gfield_label gform-field-label' for='input_1_5'>Tell us about your project</label><div class='ginput_container ginput_container_textarea'><textarea name='input_5' id='input_1_5' class='textarea large' tabindex='8' placeholder='Type your answer here...' aria-invalid="false" rows='10' cols='50'></textarea></div></div><div id="field_1_6" class="gfield gfield--type-text field_sublabel_below gfield--has-description field_description_above field_validation_below gfield_visibility_visible" data-js-reload="field_1_6" ><label class='gfield_label gform-field-label' for='input_1_6'>Budget, if you've got one.</label><div class='gfield_description' id='gfield_description_1_6'>This won't go down on your permanent record.</div><div class='ginput_container ginput_container_text'><input name='input_6' id='input_1_6' type='text' value='' class='large' aria-describedby="gfield_description_1_6" tabindex='9' placeholder='$...' aria-invalid="false" /> </div></div><div id="field_1_7" class="gfield gfield--type-text field_sublabel_below gfield--has-description field_description_above field_validation_below gfield_visibility_visible" data-js-reload="field_1_7" ><label class='gfield_label gform-field-label' for='input_1_7'>Tell us the problem you're hoping to solve.</label><div class='gfield_description' id='gfield_description_1_7'>We love a juicy problem.</div><div class='ginput_container ginput_container_text'><input name='input_7' id='input_1_7' type='text' value='' class='large' aria-describedby="gfield_description_1_7" tabindex='10' placeholder='Type your answer here...' aria-invalid="false" /> </div></div><div id="field_1_8" class="gfield gfield--type-fileupload field_sublabel_below gfield--no-description field_description_above field_validation_below gfield_visibility_visible" data-js-reload="field_1_8" ><label class='gfield_label gform-field-label' for='input_1_8'>Got a file to share? Let's have a look.</label><div class='ginput_container ginput_container_fileupload'><input type='hidden' name='MAX_FILE_SIZE' value='52428800' /><input name='input_8' id='input_1_8' type='file' class='large' aria-describedby="gfield_upload_rules_1_8" onchange='javascript:gformValidateFileSize( this, 52428800 );' tabindex='11' /><span class='gfield_description gform_fileupload_rules' id='gfield_upload_rules_1_8'>Max. file size: 50 MB.</span><div class='gfield_description validation_message gfield_validation_message validation_message--hidden-on-empty' id='live_validation_message_1_8'></div></div></div><div id="field_1_10" class="gfield gfield--type-hidden gform_hidden field_sublabel_below gfield--no-description field_description_above field_validation_below gfield_visibility_visible" data-js-reload="field_1_10" ><div class='ginput_container ginput_container_text'><input name='input_10' id='input_1_10' type='hidden' class='gform_hidden' aria-invalid="false" value='Form Submission' /></div></div><div id="field_1_11" class="gfield gfield--type-honeypot gform_validation_container field_sublabel_below gfield--has-description field_description_above field_validation_below gfield_visibility_visible" data-js-reload="field_1_11" ><label class='gfield_label gform-field-label' for='input_1_11'>Comments</label><div class='gfield_description' id='gfield_description_1_11'>This field is for validation purposes and should be left unchanged.</div><div class='ginput_container'><input name='input_11' id='input_1_11' type='text' value='' autocomplete='new-password'/></div></div></div></div> <div class='gform_footer top_label'> <input type='submit' id='gform_submit_button_1' class='gform_button button' value='Work With Us' tabindex='12' onclick='if(window["gf_submitting_1"]){return false;} if( !jQuery("#gform_1")[0].checkValidity || jQuery("#gform_1")[0].checkValidity()){window["gf_submitting_1"]=true;} ' onkeypress='if( event.keyCode == 13 ){ if(window["gf_submitting_1"]){return false;} if( !jQuery("#gform_1")[0].checkValidity || jQuery("#gform_1")[0].checkValidity()){window["gf_submitting_1"]=true;} jQuery("#gform_1").trigger("submit",[true]); }' /> <input type='hidden' name='gform_ajax' value='form_id=1&title=&description=1&tabindex=1&theme=gravity-theme' /> <input type='hidden' class='gform_hidden' name='is_submit_1' value='1' /> <input type='hidden' class='gform_hidden' name='gform_submit' value='1' /> <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' /> <input type='hidden' class='gform_hidden' name='state_1' value='WyJbXSIsImE4OTc2MTY4ZjA4ZTI3OTJjZTM4MDI1ZmExMjlkZjg5Il0=' /> <input type='hidden' class='gform_hidden' name='gform_target_page_number_1' id='gform_target_page_number_1' value='0' /> <input type='hidden' class='gform_hidden' name='gform_source_page_number_1' id='gform_source_page_number_1' value='1' /> <input type='hidden' name='gform_field_values' value='' /> </div> </form> </div> <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_1' id='gform_ajax_frame_1' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'></iframe> <script> gform.initializeOnLoaded( function() {gformInitSpinner( 1, 'https://tealmedia.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery('#gform_ajax_frame_1').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_1');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_1').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_1').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_1').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_1').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */ jQuery(document).scrollTop(jQuery('#gform_wrapper_1').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_1').val();gformInitSpinner( 1, 'https://tealmedia.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [1, current_page]);window['gf_submitting_1'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_1').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_1').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [1]);window['gf_submitting_1'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_1').text());}else{jQuery('#gform_1').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger("gform_pre_post_render", [{ formId: "1", currentPage: "current_page", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_1" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_1"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_1" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [1, current_page] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 1, currentPage: current_page } } ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } );} ); </script> </div> </div> </div> </div> </section> </div> </div> <script type="text/javascript"> jQuery( document ).ready( function () { jQuery( document ).on( 'gform_confirmation_loaded', function ( event, formId ) { if ( formId == 1 ) { setTimeout( function () { jQuery.ajax({ url: window.location.href, type: 'GET', success: function ( response ) { var content_new = jQuery( response ).find( '#work-with-us .c-inner' ).html(); jQuery( '#work-with-us .c-inner' ).html( content_new ); } }); }, 5000 ); } }); }); </script><div class="breakpoint-detector"><div class="b0"></div><div class="b1"></div><div class="b2"></div><div class="b3"></div><div class="b4"></div><div class="b5"></div><div class="b6"></div><div class="b7"></div><div class="b8"></div><div class="b9"></div></div> <script type="text/javascript"> (function(d,s,i,r) { if (d.getElementById(i)){return;} var n=d.createElement(s),e=d.getElementsByTagName(s)[0]; n.id=i;n.src='//js.hs-analytics.net/analytics/'+(Math.ceil(new Date()/r)*r)+'/23694962.js'; e.parentNode.insertBefore(n, e); })(document,"script","hs-analytics",300000); </script>  <script defer='defer' src="https://tealmedia.com/wp-content/plugins/gravityforms/js/placeholders.jquery.min.js?ver=2.8.18" id="gform_placeholder-js"></script> <script defer='defer' src="https://tealmedia.com/wp-content/plugins/gravityforms/assets/js/dist/vendor-theme.min.js?ver=54e7080aa7a02c83aa61fae430b9d869" id="gform_gravityforms_theme_vendors-js"></script> <script id="gform_gravityforms_theme-js-extra"> var gform_theme_config = {"common":{"form":{"honeypot":{"version_hash":"d940b84825d553eccec395edfc5543f3"}}},"hmr_dev":"","public_path":"https:\/\/tealmedia.com\/wp-content\/plugins\/gravityforms\/assets\/js\/dist\/"}; </script> <script defer='defer' src="https://tealmedia.com/wp-content/plugins/gravityforms/assets/js/dist/scripts-theme.min.js?ver=bab19fd84843dabc070e73326d787910" id="gform_gravityforms_theme-js"></script> <script rel="preload" as="script" src="//cdn.jsdelivr.net/npm/uikit@3.15.1/dist/js/uikit.min.js?ver=3.15.19" id="fritz-uikit-js"></script> <script rel="preload" as="script" src="//cdn.jsdelivr.net/npm/uikit@3.15.1/dist/js/uikit-icons.min.js?ver=3.15.19" id="fritz-uikit-icons-js"></script> <script rel="preload" as="script" src="//unpkg.com/swiper/swiper-bundle.min.js?ver=6.8.4" id="fritz-swiper-js"></script> <script rel="preload" as="script" src="https://www.google.com/recaptcha/api.js?render&ver=1.0.0" id="fritz-grecaptcha-js"></script> <script id="fritz-app-js-extra"> var fritzScripts = {"ajaxurl":"https:\/\/tealmedia.com\/wp-admin\/admin-ajax.php","security":"031dd2cba4","postid":"9607","recaptchaKey":""}; </script> <script src="https://tealmedia.com/wp-content/themes/teal-2024/_html/public/js/app.min.js?ver=1732142148" id="fritz-app-js"></script> <script> gform.initializeOnLoaded( function() { jQuery(document).on('gform_post_render', function(event, formId, currentPage){if(formId == 1) {if(typeof Placeholders != 'undefined'){ Placeholders.enable(); }} } );jQuery(document).on('gform_post_conditional_logic', function(event, formId, fields, isInit){} ) } ); </script> <script> gform.initializeOnLoaded( function() {jQuery(document).trigger("gform_pre_post_render", [{ formId: "1", currentPage: "1", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_1" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_1"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_1" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [1, 1] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 1, currentPage: 1 } } ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } ); </script> <script> gform.initializeOnLoaded( function() { jQuery(document).on('gform_post_render', function(event, formId, currentPage){if(formId == 2) {if(typeof Placeholders != 'undefined'){ Placeholders.enable(); }} } );jQuery(document).on('gform_post_conditional_logic', function(event, formId, fields, isInit){} ) } ); </script> <script> gform.initializeOnLoaded( function() {jQuery(document).trigger("gform_pre_post_render", [{ formId: "2", currentPage: "1", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_2" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_2"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_2" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [2, 1] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 2, currentPage: 1 } } ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } ); </script> </body> </html>

CINXE.COM

Affordable Wordpress Sites for Nonprofits & Campaigns | Archie