1 2 3 4<!DOCTYPE html> 5<html lang="en-US"> 6<head> 7 <meta charset="UTF-8"> 8 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 9 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 10 11 12 <title>About Us</title> 13 14 <link href="/kentico/bundles/pageComponents/styles?v=TYZczTfn9fAUdNjbh7M5mbP4mtJqB7Iq24yX4a7vbL81" rel="stylesheet"/> 15 16 <link rel="canonical" href="https://www.thundertech.com/about-us" /> 17 <link rel="stylesheet" href="/.build/main.css?v=10"> 18 <link rel="stylesheet" href="https://use.typekit.net/skc4yre.css"> 19 <link rel="apple-touch-icon-precomposed" sizes="57x57" href="/apple-touch-icon-57x57.png" /> 20 <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114x114.png" /> 21 <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/apple-touch-icon-72x72.png" /> 22 <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144x144.png" /> 23 <link rel="apple-touch-icon-precomposed" sizes="60x60" href="/apple-touch-icon-60x60.png" /> 24 <link rel="apple-touch-icon-precomposed" sizes="120x120" href="/apple-touch-icon-120x120.png" /> 25 <link rel="apple-touch-icon-precomposed" sizes="76x76" href="/apple-touch-icon-76x76.png" /> 26 <link rel="apple-touch-icon-precomposed" sizes="152x152" href="/apple-touch-icon-152x152.png" /> 27 <link rel="icon" type="image/png" href="/favicon-196x196.png" sizes="196x196" /> 28 <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" /> 29 <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32" /> 30 <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16" /> 31 <link rel="icon" type="image/png" href="/favicon-128.png" sizes="128x128" /> 32 <meta name="msapplication-TileColor" content="#FFFFFF" /> 33 <meta name="msapplication-TileImage" content="/mstile-144x144.png" /> 34 <meta name="msapplication-square70x70logo" content="/mstile-70x70.png" /> 35 <meta name="msapplication-square150x150logo" content="/mstile-150x150.png" /> 36 <meta name="msapplication-wide310x150logo" content="/mstile-310x150.png" /> 37 <meta name="msapplication-square310x310logo" content="/mstile-310x310.png" /> 38 39
39<script crossorigin="anonymous" src="https://cdnjs.cloudflare.com/polyfill/v3/polyfill.js"></script>
39 40 <!-- Google Tag Manager --> 41
41<script>
vendor: 436 bytes, lines 41-46
41 42 (function (w, d, s, l, i) { 43 w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); 44 var f = d.getElementsByTagName(s)[0], 45 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); 46 })(window, document, 'script', 'dataLayer', '
46GTM-GZF3
vendor: 3 bytes, line 46
46');
46</script>
46 47 <!-- End Google Tag Manager --> 48 49
49<script type="module" src="https://cdn.ai12z.net/pkg/ai12z@latest/dist/esm/library.js"></script>
49 50 <link rel="stylesheet" href="https://cdn.ai12z.net/pkg/ai12z@latest/dist/library/library.css" /> 51 <style> 52 /* Make the bot behave like a bottom docked panel */ 53 ai12z-bot { 54 position: fixed !important; 55 bottom: 0 !important; 56 left: 0 !important; 57 right: 0 !important; 58 margin: 0 !important; 59 width: 100% !important; 60 max-width: 100% !important; 61 height: 450px !important; /* or increase to taste */ 62 z-index: 999999 !important; 63 /* Override ai12z theme variables */ 64 --ai12zBot-v2-searchbar-background: linear-gradient(to top, white, #ff651b); 65 --ai12zBot-v2-button-background: #ff651b; 66 } 67 68 /* Optional: Remove rounded corners */ 69 ai12z-bot .ai12z-container { 70 border-radius: 0 !important; 71 } 72 </style> 73</head> 74<body class="bg-darkblue"> 75 <!-- Google Tag Manager (noscript) -->
vendor: 83 bytes, lines 75-77
75 76 <noscript> 77 <iframe src="https://www.googletagmanager.com/ns.html?id=
77GTM-GZF3
vendor: 111 bytes, lines 77-80
77" 78 height="0" width="0" style="display:none;visibility:hidden"></iframe> 79 </noscript> 80
80<!-- End Google Tag Manager (noscript) --> 81 82 <ai12z-bot data-key="83aa91dd18d1918bc48e47b160c5149932be24795d64ed00b793bc6980e9811a" style="pointer-events: none;"></ai12z-bot> 83 84 <div class="relative min-h-100vh overflow-x-hidden bg-white mx-auto max-w-1920 shadow-overflow" data-hook="overflow" data-class-contained="h-100vh overflow-y-hidden" role="presentation"> 85 86<div class="bg-darkblue" data-hook="header.offset"> 87</div> 88<header class="fixed top-0 left-0 right-0 tr-100-i z-500" data-hook="header" role="presentation"> 89 90 91 <a data-hook="header.alertBar" class="text-center max-w-1920 overflow-hidden mx-auto pr-16 pl-8 960:pr-48 960:pl-40 bg-teal text-white py-10 960:py-16 block tw-font-franklin group transition-fast max-h-auto text-16-20 leading-125" data-inactive-class="max-h-0 py-0 960:py-0" data-active-class="max-h-auto py-10 960:py-16" target="_blank" href="https://howdy.thundertech.com/trends-volume-18/"> <strong class="font-franklincond text-16-24">BREAKING NEWS:</strong> The latest edition of Trends is hot off the pressâ <span class="underline group-hover:no-underline">read it now!</span> </a> 92 <div class="max-w-1920 mx-auto flex justify-between items-stretch pr-16 pl-8 960:pr-48 960:pl-40 py-10 960:py-24 bg-darkblue focus-region-white" data-hook="header.layout" data-active-class="py-12 opacity-90 border-transparent" data-inactive-class="border-black py-10 960:py-24" role="presentation"> 93 <div class="transition-medium w-128 480:w-164 960:w-256 flex-shrink-0" role="presentation" data-inactive-class="w-128 480:w-164 960:w-256" data-active-class="w-131 960:w-197 mt-6 -mb-6" data-hook="header.logoContainer"> 94 <a href="/" class="flex w-1/1 ratio-3/1 relative" role="presentation"> 95 <svg class="w-1/1 h-1/1 absolute inset-0 relative-slidein-left a-duration-1s play flex-shrink-0" viewBox="0 0 360 120"> 96 <path d="M68.6 12.9v65.8H2.8V12.9h65.8M71.4 10.1H0v71.4h71.4V10.1h0Z" fill="#fff" /> 97 <path d="M89.4 1.5v37.5h-37.5V1.5h37.5" fill="#ff671d" /> 98 <path d="M88.1 2.8v34.9h-34.9V2.8h34.9M90.9 0h-40.5v40.5h40.5V0h0Z" fill="#fff" /> 99 </svg> 100 <svg class="w-1/1 h-1/1 absolute inset-0 play transition-medium" viewBox="0 0 360 120" data-active-class="opacity-0" data-inactive-class="opacity-1" role="presentation" data-hook="header.logoText"> 101 <path d="M85.3 48.3v8h4.7v5.5h-4.7v9.3c0 4.8 0 5.4 5 5.1v5.4c-1 .2-2.5.5-4.3.5s-4.9-.6-6.3-2.6c-1.2-1.8-1.2-4.3-1.2-7.6v-10h-2.8v-5.5h3.1l.6-7.4 5.9-.6h0Z" fill="#fff" /> 102 <path d="M100.1 47.4v11.6c.7-1.1 2.1-3.2 6.2-3.2 6.3 0 6.3 5.2 6.3 9.6v16.2h-7v-16.2c0-2.4 0-4.1-2.3-4.1s-3.2 2.3-3.2 4.3v16h-7v-34.1h7Z" fill="#fff" /> 103 <path d="M124.2 56.3v16.2c0 2.5 0 4.1 2.4 4.1s3.1-2 3.1-7.4v-12.9h7v25.2h-6.6v-3.5c-1.3 2.1-2.4 4-6.5 4-6.4 0-6.4-4.7-6.4-9.3v-16.4s7 0 7 0Z" fill="#fff" /> 104 <path d="M148.6 56.3v3.4c1-2.1 2.4-4 6.3-4s3.8 0 5.6 2.7c1 1.6 1 4 1 6.5v16.6h-7v-16.6c0-2.2-.2-3.7-2.4-3.7s-3.1 2.5-3.1 5.5v14.8h-7v-25.2h6.7-.1Z" fill="#fff" /> 105 <path d="M185.5 47.4v34.1h-6.5v-4.1c-.7 1.8-1.8 4.5-5.8 4.5-6.8 0-8-7.8-8-12.8s0-13.1 8.3-13.1 4.4 1.6 5.1 2.7v-11.2h6.9ZM178.6 66.9c0-2.3 0-6.3-3.1-6.3s-3.1 3.3-3.1 7.3 0 9.1 3 9.1 3.1-3.8 3.1-5.7v-4.4h.1Z" fill="#fff" /> 106 <path d="M196.9 70.1c0 3.4-.1 7.1 3.4 7.1s3.4-2.7 3.6-4.3l6.3.4c-.5 2.4-1.9 8.8-10 8.8s-10.5-6.1-10.5-12.8.2-5.6 1.9-8.7c1.8-3.2 5.1-4.8 8.5-4.8s7.1 2.5 8.2 4.6c1.8 3.4 1.8 6.7 1.8 9.7 0 0-13.2 0-13.2 0ZM203.5 66.1c0-1.4.2-5.6-3.3-5.6s-3.2 3.8-3.3 5.6h6.6Z" fill="#fff" /> 107 <path d="M220.4 56.3v6.1c.6-2.2 1.8-6.4 5.9-6.4s.9 0 1.2.2v6.9c-.6 0-.9 0-1.2 0-5.2 0-5.2 5.8-5.2 7.8v10.9h-7v-25.2h6.2v-.3Z" fill="#fff" /> 108 <path d="M270.1 48.4v8h4.7v5.5h-4.7v9.3c0 4.8 0 5.4 5 5.1v5.4c-1 .2-2.5.5-4.3.5s-4.9-.6-6.3-2.6c-1.2-1.8-1.2-4.3-1.2-7.6v-10h-2.8v-5.5h3.1l.6-7.4 5.9-.6h0Z" fill="#fff" /> 109 <path d="M284.1 70.1c0 3.4-.1 7.1 3.4 7.1s3.4-2.7 3.6-4.3l6.3.4c-.5 2.4-1.9 8.8-10 8.8s-10.5-6.1-10.5-12.8.2-5.6 1.9-8.7c1.8-3.2 5.1-4.8 8.5-4.8s7.1 2.5 8.2 4.6c1.8 3.4 1.8 6.6 1.8 9.7h-13.2 0ZM290.7 66.1c0-1.4.2-5.6-3.3-5.6s-3.2 3.8-3.3 5.6h6.6 0Z" fill="#fff" /> 110 <path d="M313.7 65.9c-.3-3.6-1.1-4.7-2.8-4.7s-3.5 1.7-3.5 7.5.4 7.8 3.4 7.8 2.8-2.1 2.9-4.7l6.5.4c-.3 2.6-1.1 9.9-9.9 9.9s-10-
1107.7-10-13.1 2.5-13.2 10.4-13.2 4.8.5 6.8 2.6c2.4 2.6 2.6 5.1 2.7 7.2 0 0-6.5.3-6.5.3Z" fill="#fff" /> 111 <path d="M331.1 47.5v11.6c.7-1.1 2.1-3.2 6.2-3.2 6.3 0 6.3 5.2 6.3 9.6v16.2h-7v-16.2c0-2.4 0-4.1-2.4-4.1s-3.2 2.3-3.2 4.3v16h-7v-34.1h7.1Z" fill="#fff" /> 112 <path d="M79.1 97.2v1.8c.6-1.4 1.6-2 3.1-2s2.4.6 2.8 2c.7-1.4 1.6-2 3.2-2s2.4.5 2.9 1.4c.3.7.4 1.4.4 3.4v8.5h-3.6v-8.1c0-1.9-.2-2.3-1.2-2.3s-1.3.6-1.3 2.9v7.6h-3.6v-8.2q0-1.4 0-1.7c-.2-.4-.5-.6-1-.6-1.1 0-1.4.6-1.4 2.9v7.6h-3.6v-13h3.5v-.2Z" fill="#fff" /> 113 <path d="M93.9 101c.4-2.6 2.2-4.1 5.2-4.1s3 .5 3.8 1.4c.6.7.8 1.6.8 3.8v5.2c0 2.1 0 2.3.2 2.9h-3.3c-.2-.6-.2-.7-.2-2-.4.7-.6 1-1 1.3-.7.6-1.6.9-2.6.9-2.1 0-3.4-1.3-3.4-3.6s.9-3.3 2.5-4c1.1-.4 2.5-.7 4.2-.8v-.5c0-1.8-.3-2.3-1.3-2.3s-1.4.6-1.5 2l-3.4-.3h0ZM100.1 103.9c-2.2.3-2.9.9-2.9 2.4s.4 1.6 1.2 1.6.9-.3 1.2-.8c.4-.6.5-1.3.5-2.6 0 0 0-.6 0-.6Z" fill="#fff" /> 114 <path d="M109.8 92.6v9.6l3.7-5h3.3l-3.3 4.3 3.6 8.6h-3.9l-2-6-1.3 1.8v4.2h-3.6v-17.6h3.6 0Z" fill="#fff" /> 115 <path d="M118.3 96.1v-3.6h3.7v3.6h-3.7ZM122 97.2v13h-3.6v-13h3.6Z" fill="#fff" /> 116 <path d="M127.9 97.2v1.8c.7-1.5 1.6-2 3.3-2s2.3.5 2.9 1.5c.4.7.5 1.3.5 3.3v8.5h-3.6v-8.5c0-1.5-.3-1.9-1.3-1.9s-1.3.3-1.5 1c-.1.3-.1.8-.1 1.8v7.6h-3.6v-13h3.5 0Z" fill="#fff" /> 117 <path d="M147.8 97.4h-.8c-.8 0-1.2.3-1.4 1.2.6.7 1 1.6 1 2.6 0 2.3-1.9 3.9-4.7 3.9s-1 0-1.7-.2c-.6.3-.8.7-.8 1.1s.2.5.5.6.4 0 2.6.3c2.5.2 3.2.3 4 .9s1.2 1.6 1.2 2.8c0 2.9-2.1 4.3-6.4 4.3s-5.3-1.1-5.3-3.1.6-1.9 2.1-2.4c-1.2-.6-1.7-1.3-1.7-2.3s.4-1.5.9-1.9c.3-.3.6-.5 1.3-.9-1.4-.8-1.9-1.6-1.9-3.3 0-2.5 1.8-4 4.8-4s1.7 0 2.8.6c.3-1.9.9-2.6 2.4-2.6s.6 0 1 0v2.3h0ZM139 111.2c0 .9.9 1.3 2.9 1.3s2.7-.4 2.7-1.4-.2-.8-.5-1c-.4-.2-.6-.3-2.3-.3s-.9 0-1.6 0c-.8.4-1.1.9-1.1 1.6h0ZM140.5 101.1c0 1.3.4 1.9 1.3 1.9s1.2-.6 1.2-2.1-.3-2.1-1.1-2.1-1.3.6-1.3 2.2h0Z" fill="#fff" /> 118 <path d="M157.4 92.6v5.8c.8-1 1.6-1.4 2.7-1.4 2.6 0 4.2 2.5 4.2 6.6s-1.7 6.8-4.6 6.8-2.3-.6-3-1.9c-.3.6-.4.9-.7 1.7h-2.1v-17.6h3.6 0ZM157.4 104.8c0 1.4 0 1.7.2 2.3.2.6.7.9 1.3.9 1.2 0 1.6-1.1 1.6-4.2s-.4-4.3-1.6-4.3-1.1.3-1.3.8c-.2.4-.2.7-.2 1.5 0 0 0 3 0 3Z" fill="#fff" /> 119 <path d="M169.4 97.2v3.1c.7-2.3 1.6-3.3 3.1-3.3s.3 0 .6 0v3.5h-.6c-1.8 0-2.7 1.3-2.7 4v5.6h-3.6v-13h3.2Z" fill="#fff" /> 120 <path d="M174.4 101c.4-2.6 2.2-4.1 5.2-4.1s3 .5 3.8 1.4c.6.7.8 1.6.8 3.8v5.2c0 2.1 0 2.3.2 2.9h-3.3c-.2-.6-.2-.7-.2-2-.4.7-.6 1-1 1.3-.7.6-1.6.9-2.6.9-2.1 0-3.4-1.3-3.4-3.6s.9-3.3 2.5-4c1.1-.4 2.5-.7 4.2-.8v-.5c0-1.8-.3-2.3-1.3-2.3s-1.4.6-1.5 2l-3.4-.3h0ZM180.7 103.9c-2.2.3-2.9.9-2.9 2.4s.4 1.6 1.2 1.6.9-.3 1.2-.8c.4-.6.5-1.3.5-2.6v-.6Z" fill="#fff" /> 121 <path d="M190.2 97.2v1.8c.7-1.5 1.6-2 3.3-2s2.3.5 2.9 1.5c.4.7.5 1.3.5 3.3v8.5h-3.6v-8.5c0-1.5-.3-1.9-1.3-1.9s-1.3.3-1.5 1c-.1.3-.1.8-.1 1.8v7.6h-3.6v-13h3.5 0Z" fill="#fff" /> 122 <path d="M209.2 92.6v17.6h-3.3v-2.2c-.7 1.7-1.4 2.3-3 2.3-2.6 0-4.1-2.4-4.1-6.7s1.6-6.7 4.3-6.7 2 .4 2.6 1.4v-5.8h3.6-.1ZM205.6 102.6c0-1.3 0-1.6-.3-2.4-.2-.5-.7-.9-1.3-.9-1.1 0-1.6 1.1-1.6 3.7s0 2.5.2 3.2c.2 1.1.6 1.6 1.4 1.6s1.6-.9 1.6-2.9v-2.3h0Z" fill="#fff" /> 123 <path d="M217.7 101.1c-.4-1.3-1-1.8-1.9-1.8s-1.1.4-1.1 1.1.4 1.1 2.2 1.8c1.7.6 2 .8 2.6 1.3.8.7 1.2 1.6 1.2 2.7 0 2.5-2 4.2-4.9 4.2s-2.8-.4-3.7-1.2c-.7-.6-1-1.3-1.2-2.6l2.9-.5c.3 1.3.9 1.9 2.1 1.9s1.4-.4 1.4-1.2-.4-1.2-2.1-1.7c-2.7-.9-3.9-2.1-3.9-4.1s1.9-4.1 4.6-4.1 2.3.4 3.1 1.1c.7.6 1 1.1 1.3 2.2l-2.6.8h0Z" fill="#fff" /> 124 <path d="M230.9 92.6v5.8c.8-1 1.6-1.4 2.7-1.4 2.6 0 4.2 2.5 4.2 6.6s-1.7 6.8-4.6 6.8-2.3-.6-3-1.9c-.3.6-.4.9-.7 1.7h-2.1v-17.6h3.6 0ZM230.9 104.8c0 1.4 0 1.7.2 2.3.2.6.7.9 1.3.9 1.2 0 1.6-1.1 1.6-4.2s-.4-4.3-1.6-4.3-1.1.3-1.3.8c-.2.4-.2.7-.2 1.5 0 0 0 3 0 3Z" fill="#fff" /> 125 <path d="M249.8 103.7c0 4.5-1.8 6.7-5.3 6.7s-5.3-2.3-5.3-6.7 1.7-6.8 5.3-6.8 5.2 2.3 5.2 6.8h.1ZM243 103.7c0 3.2.4 4.2 1.6 4.2s1.5-1.1 1.5-4.2-.4-4.2-1.5-4.2-1.6 1.1-1.6 4.2Z" fill="#fff" /> 126 <path d="M261.8 103.7c0 4.5-1.8 6.7-5.3 6.7s-5.3-2.3-5.3-6.7 1.7-6.8 5.3-6.8 5.2 2.3 5.2 6.8h0ZM255 103.7c0 3.2.4 4.2 1.6 4.2s1.5-1.1 1.5-4.2-.4-4.2-1.5-4.2-1.6 1.1-1.6 4.2Z" fill="#fff" /> 127 <path d="M267.2 97.2v1.8c.6-1.4 1.6-2 3.1-2s2.4.6 2.8 2c.7-1.4 1.6-2 3.2-2s2.4.5 2.9 1.4c.3.7.4 1.4.4 3.4v8.5h-3.6v-8.1c0-1.9-.2-2.3-1.2-2.3s-1.3.6-1.3 2.9v7.6h-3.6v-8.2q0-1.4-.1-1.7c-.2-.4-.5-.6-1-.6-1.1 0-1.4.6-1.4 2.9v7.6h-3.6v-13h3.5v-.2Z" fill="#fff" /> 128 <path d="M285.9 106.3v3.9h-3.6v-3.9h3.6Z" fill="#fff" /> 129 <polygon points="231.3 56.3 231.3 58.1 231.3 58.1 231.3 58.8 231.3 58.8 231.3 64.8 239.7 64.8 239.7 56.3 231.3 56.3" fill="#fff" /> 130 <polygon points="231.3 73.2 231.3 74.9 231.3 74.9 231.3 75.6 231.3 75.6 231.3 81.6 239.7 81.6 239.7 73.2 231.3 73.2" fill="#fff" /> 131 <polygon points="248.1 56.3 248.1 58.1 248.1 58.1 248.1 58.8 248.1 58.8 248.1 64.8 256.5 64.8 256.5 56.3 248.1 56.3" fill="#fff" /> 132 <polygon points="248.1 73.2 248.1 74.9 248.1 74.9 248.1 75.6 248.1 75.6 248.1 81.6 256.5 81.6 256.5 73.2 248.1 73.2" fill="#fff" /> 133 <path d="M341.7 43.1c.7 0 1.3.2 1.9.5s1.1.8 1.5 1.5c.4.6.5 1.3.5 2s-.2 1.3-.5 2c-.3.6-.8 1.1-1.5 1.5-.6.3-1.3.5-2 .5s-1.3-.2-2-.5c-.6-.3-1.1-.8-1.5-1.5-.3-.6-.5-1.3-.5-2s.2-1.3.5-2c.4-.6.8-1.1 1.5-1.5.6-.3 1.3-.5 1.9-.5h.2ZM341.7 43.8c-.6 0-1.1 0-1.6.4-.5.3-.9.7-1.2 1.2-.3.5-.4 1.1-.4 1.7s.1 1.1.4 1.6.7.9 1.2
1331.2 1.1.4 1.6.4 1.1 0 1.6-.4c.5-.3.9-.7 1.2-1.2.3-.5.4-1.1.4-1.6s-.1-1.1-.4-1.7c-.3-.5-.7-.9-1.2-1.2s-1.1-.4-1.6-.4h0ZM340.1 49.1v-4h1.4c.5 0 .8 0 1 0 .2 0 .4.2.5.4s.2.4.2.6-.1.5-.3.8c-.2.2-.5.3-.8.4.1 0 .3 0 .3.2.2.2.4.4.6.8l.5.8h-.8l-.4-.6c-.3-.5-.5-.8-.7-.9-.1 0-.3 0-.5 0h-.4v1.7h-.6v-.2ZM340.8 46.9h.8c.4 0 .6 0 .8-.2.1 0 .2-.3.2-.4v-.3s-.2-.2-.3-.2h-1.3v1.2h-.2Z" fill="#fff" /> 134 </svg> 135 </a> 136 </div> 137 <div class="header--shadow absolute top-1/1 left-0 right-0 h-16"> 138 </div> 139 <div class="flex items-center 1080:items-end -mx-10 flex-shrink 1080:pl-32" role="presentation" data-hook="header.links" data-active-class="items-center" data-inactive-class="items-center 1080:items-end"> 140 <div class="hidden 1080:flex justify-end flex-grow flex-shrink items-center"> 141 <a href="/services" class="text-white leading-100 font-700 font-franklincond px-12 1280:px-24 text-16-20 hover:text-teal block transition-fast"> SERVICES </a> 142 <a href="/experience" class="text-white leading-100 font-700 font-franklincond px-12 1280:px-24 text-16-20 hover:text-teal block transition-fast"> EXPERIENCE </a> 143 <a href="/experience/industries" class="text-white leading-100 font-700 font-franklincond px-12 1280:px-24 text-16-20 hover:text-teal block transition-fast"> INDUSTRIES </a> 144 <a href="/blog-news" class="text-white leading-100 font-700 font-franklincond px-12 1280:px-24 text-16-20 hover:text-teal block transition-fast"> BLOG & NEWS </a> 145 <a href="/contact-us" class="text-white leading-100 font-700 font-franklincond px-12 1280:px-24 text-16-20 hover:text-teal block transition-fast"> CONTACT US </a> 146 <a href="/about-us" class="text-white leading-100 font-700 font-franklincond px-12 1280:px-24 text-16-20 hover:text-teal block transition-fast"> ABOUT US </a> 147 <a href="https://howdy.thundertech.com/ai-hub/" class="text-orange leading-100 font-700 font-franklincond px-12 1280:px-24 text-16-20 hover:text-teal block transition-fast"> AI HUB </a> 148 </div> 149 <button type="button" data-hook="modal.openButton" data-modal-id="search" class="text-white w-32 960:w-48 h-32 960:h-48 border 150 border-white flex justify-center items-center 151 hover:bg-orange mx-10 transition-medium"> 152 <svg class="w-24 h-24 960:w-32 960:h-32" viewBox="0 0 24 24"> 153 <path d="M0 0h24v24H0z" fill="none" /> 154 <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" class="fill-current" /> 155 </svg> 156 </button> 157 <button type="button" data-hook="modal.openButton" data-modal-id="menu" class="text-white w-32 960:w-48 h-32 960:h-48 border 158 border-white flex 1080:hidden justify-center items-center 159 hover:bg-orange mx-10 transition-medium"> 160 <svg class="w-24 h-24 960:w-32 960:h-32" viewBox="0 0 24 24"> 161 <path d="M0 0h24v24H0z" fill="none" /> 162 <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" class="fill-current" /> 163 </svg> 164 </button> 165 </div> 166 </div> 167</header> 168<!-- search -->
169<div class="hidden bg-darkblue fixed inset-0 z-500 modal-slidein-top a-duration-1/2s focus-region-white" data-hook="modal" data-focus="input.header--search-control" data-modal-id="search" data-class-active="block play" data-class-inactive="hidden" role="presentation"> 170 <div class="max-w-1360 mx-auto px-16 py-20 960:py-96 960:pl-120 960:pr-44 h-1/1" role="presentation"> 171 <div class="flex h-1/1 items-center relative" role="presentation"> 172 <button type="button" data-hook="modal.closeButton" class="text-white w-32 960:w-48 h-32 960:h-48 border 173 border-white flex justify-center items-center 174 hover:bg-orange mx-10 absolute top-0 right-0 transition-medium"> 175 <svg class="w-24 h-24 960:w-32 960:h-32" viewBox="0 0 24 24"> 176 <path d="M0 0h24v24H0z" fill="none" /> 177 <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" class="fill-current" /> 178 </svg> 179 </button> 180 <div class="w-1/1" role="presentation"> 181 <span class="text-32-76 text-orange leading-125 182 font-franklincond font-600 mb-16 960:mb-20 block tracking-1"> 183 search thundertech.com 184 </span> 185 <div class="w-1/1 960:pr-80" role="presentation"> 186 <div class="header--search-field transition-fast w-1/1 relative border border-babyblue 187text-white" role="presentation"> 188<form action="/Search/SearchIndex" data-hook="formFocusSubmit" method="get"> <input type="text" id="searchtext" name="searchtext" placeholder="Search" class="header--search-control w-1/1 pl-16 h-60 py-12 bg-transparent block text-18 leading-100 font-franklin" /> 189 <button type="submit" class="absolute right-0 abso-y-center mr-8"> 190 <svg class="w-24 h-24 960:w-32 960:h-32" viewBox="0 0 24 24"> 191 <path d="M0 0h24v24H0z" fill="none" /> 192 <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" class="fill-current" /> 193 </svg> 194 </button> 195</form> </div> 196 </div> 197 </div> 198 </div> 199 </div> 200</div> 201<!-- menu --> 202<div class="hidden bg-darkblue fixed flex flex-col inset-0 z-500 modal
202-slidein-top a-duration-1/2s focus-region-white" data-hook="modal" data-modal-id="menu" data-class-active="block play overflow-hidden" data-class-inactive="hidden" role="presentation"> 203 <div class="header--menu-content px-16 py-20 960:py-56 960:pl-80 960:pr-44 h-100vh overflow-y-auto" role="presentation"> 204 <div class="flex justify-end" role="presentation"> 205 <button type="button" data-hook="modal.closeButton" class="text-white w-32 960:w-48 h-32 960:h-48 border 206 border-white flex justify-center items-center 207 hover:bg-teal mx-10 transition-medium"> 208 <svg class="w-24 h-24 960:w-32 960:h-32" viewBox="0 0 24 24"> 209 <path d="M0 0h24v24H0z" fill="none" /> 210 <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" class="fill-current" /> 211 </svg> 212 </button> 213 </div> 214 <div class="max-h-1/1 pb-40"> 215 <div class="text-white text-32-76 font-600 uppercase font-franklincond" role="presentation"> 216 <a href="/services" class="hover:text-teal block transition-fast"> SERVICES </a> 217 <a href="/experience" class="hover:text-teal block transition-fast"> EXPERIENCE </a> 218 <a href="/experience/industries" class="hover:text-teal block transition-fast"> INDUSTRIES </a> 219 <a href="/blog-news" class="hover:text-teal block transition-fast"> BLOG & NEWS </a> 220 <a href="/about-us" class="hover:text-teal block transition-fast"> ABOUT US </a> 221 <a href="/contact-us" class="hover:text-teal block transition-fast"> CONTACT US </a> 222 <a href="https://howdy.thundertech.com/ai-hub/" class="hover:text-teal text-orange block transition-fast"> AI HUB </a> 223 </div> 224 </div> 225 </div> 226 <div class="px-16 py-24 960:py-32 960:pl-80 960:pr-44 bg-orange 227 w-1/1 960:flex 960:justify-between 228 text-white leading-100" role="presentation"> 229 <a href="" class="text-24 font-franklincond mb-24 960:mb-0 230 block hover:text-darkblue transition-fast"> 888.321.8422 </a> 231 <div class="flex justify-between 960:justify-start
232 font-museoslab text-14-24 capitalize 960:-mx-32"> 233 <a href="/contact-us/cleveland" class="hover:text-darkblue 960:mx-32 transition-fast"> Cleveland </a> 234 <a href="/contact-us/toledo" class="hover:text-darkblue 960:mx-32 transition-fast"> Toledo </a> 235 <a href="/contact-us/detroit" class="hover:text-darkblue 960:mx-32 transition-fast"> Detroit </a> 236 <a href="/contact-us/chicago" class="hover:text-darkblue 960:mx-32 transition-fast"> Chicago </a> 237 </div> 238 </div> 239</div> 240 <!--{ Html.RenderPartial("/Views/Shared/Search/_SearchModal.cshtml"); }--> 241 <!--{ Html.RenderPartial("/Views/Shared/Navigation/_MenuModal.cshtml"); } --> 242 243 244 245 246<!-- 247 # hero 248 ## Notes from the designer 249 250 The page introduction has large hero banner, 251 with the page title and an optional short 252 description. 253 254 The main hero area shows the name of the client 255 as the page title. The banner is branded to that 256 specific client and is larger in height than other 257 subpages since it is a showcase of specific work. 258 259 For experience detail pages the page introduction 260 background may be a video. Recommend this video to 261 be <10 seconds long. Video will not support audio. 262 263 ## App Dev Notes 264 265 Based on inputs, can have varying heights or be 266 a video. 267--> 268<section class="hero--section"> 269 <div class="hero--wrap relative" role="presentation"> 270 <div class="hero--image bg-no-repeat bg-cover bg-center relative inset-0 aspect-ratio-17/6 800:aspect-ratio-13/6 960:aspect-ratio-17/6" data-roundingwidths="standard" data-hook="bgImage" data-handler="/getmedia/a7a3a57a-22be-48c0-8309-435aeff0da1e/About-Us-Header-Image.jpg.ashx?w={width}&h={height}&mode=crop&format=jpg&quality=50" role="img" aria-label="ABOUT US"> 271 <div class="hero--gradient absolute left-0 bottom-0 right-0 h-1/1 max-h-320 black-gradient-to-top -mb-4 800:mb-0" aria-hidden="true"></div> 272 </div> 273 <div class="hero--text bg-black22 800:bg-transparent 800:absolute left-0 bottom-0 px-sides pb-16 pt-16 800:pt-0 800:pb-56 right-0" role="presentation"> 274 <div class="max-w-1360 mx-auto" role="presentation"> 275 <div class="max-w-800" role="presentation"> 276 <h1 class="hero--heading pt-0.1em text-28-64 leading-75 tracking-0 font-franklincond uppercase font-600 text-white pb-8"> ABOUT US </h1> 277 <p class="hero--summary font-300 font-museoslab tracking-0 leading-125 text-18-32 text-white"> Weâre thunder::techâ the leading, full-service marketing agency for midsize brands </p> 278 </div> 279 </div> 280 </div> 281 </div> 282</section> 283<!-- 284 # page navigation 285 ## Notes from the designer 286 287 This section provides a list of all children pages. 288 Clicking or tapping one of these links will take the 289 user directly to the associated page. 290 291 On hover the turquoise lines animate in from left to 292 right 293 294 ## App Dev Notes 295 296 If an active class is applied to one of these, the borders 297 will be present regardless of hover. 298--> 299 300<section class="px-sides"> 301 <div class="py-40 302 303 border-b-2 border-graycc 304 " role="presentation"> 305 <div class="max-w-1360 mx-auto" role="presentation"> 306 <div class="flex flex-wrap justify-center -mx-24 page-naviagation--container"> 307 <a href="/About-Us/History" class="page-naviagation--link px-24 font-franklincond font-600 text-dark-blue tracking-0 text-14-24 leading-200 uppercase w-1/2 480:w-auto text-center group"> 308 <span class="border-transparent group-hover:border-teal border-t-4 border-b-4 transition-fast 309 310 311 312 "> 313 History 314 315 </span> 316 </a> 317 <a href="/About-Us/Leadership" class="page-naviagation--link px-24 font-franklincond font-600 text-dark-blue tracking-0 text-14-24 leading-200 uppercase w-1/2 480:w-auto text-center group">
318 <span class="border-transparent group-hover:border-teal border-t-4 border-b-4 transition-fast 319 320 321 322 "> 323 Leadership 324 325 </span> 326 </a> 327 <a href="/About-Us/Partners" class="page-naviagation--link px-24 font-franklincond font-600 text-dark-blue tracking-0 text-14-24 leading-200 uppercase w-1/2 480:w-auto text-center group"> 328 <span class="border-transparent group-hover:border-teal border-t-4 border-b-4 transition-fast 329 330 331 332 "> 333 Partners 334 335 </span> 336 </a> 337 <a href="/About-Us/Careers" class="page-naviagation--link px-24 font-franklincond font-600 text-dark-blue tracking-0 text-14-24 leading-200 uppercase w-1/2 480:w-auto text-center group"> 338 <span class="border-transparent group-hover:border-teal border-t-4 border-b-4 transition-fast 339 340 341 342 "> 343 Careers 344 345 </span> 346 </a> 347 </div> 348 </div> 349 </div> 350</section> 351 352 353<!-- 354 355 # Rich text section 356 357 ## App dev notes 358 359 Because the spacing of the rich text section is different 360 at different points in the mockup to visually group it 361 with different sections across various templates, some of 362 the class names change from use case to use case. These 363 are typically some combination of pt-, pb- and py- classes, 364 which control vertical padding. 365 366 On April 5, we asked the #ttwebsite channel how to handle 367 the "Send us a message" button since there are no straightforward 368 controls to handle changing the styles of elements in rich text 369 and Madeline's responsie was to make it a normal text hyperlink. 370 371 --> 372<section class="px-sides py-48"> 373 <div class="max-w-960 mx-auto" role="presentation"> 374 <div class="rich-text contains-tables" data-hook="scrollTables videoRatios" data-video-keywords="youtube vimeo wistia" data-video-ratio="aspect-ratio-16/9" data-video-layout="max-w-800 mx-auto my-16" data-table-container="contains-tables" role="presentation" data-controller-index="28"> 375 <h2>Howdy! We're thunder::tech</h2><p>Here, we make brands <strong>boom</strong>. What does that mean? We empower midsize brands to grow by delivering expertly crafted, fully integrated marketing solutions that blend creativity and technology.</p><p>We don’t silo our areas of expertise. We combine advertising, communications, digital marketing, web infrastructure, visual design, multimedia and branding expertise to build holistic strategies to serve our clients across the globe.</p><p><span class="fr-video fr-deletable fr-fvc fr-dvi fr-draggable" contenteditable="false"><video class="fr-fvc fr-dvi fr-draggable" controls="" poster="/admin/tt-mvc/media/TT-Media/About%20Us/thundertech-making-brands-boom-thumbnail.png" type="Media" width="100%"><source src="/admin/tt-mvc/media/TT-Media/Banners/2024_thundertech_rebrand_30_V03.mp4" type="video/mp4"></video></span></p><p><br></p><h2>Great marketing, powered by great people.</h2><p>Our team of talented creators, developers, writers and artists come together to craft innovative solutions that resonate with your customers and generate real growth, both online and offline. Any brand can be seen. We make your brand heard.</p><p>But what really sets us apart? We’re relentless in our pursuit of quality in everything we do for our clients. We dig in, understand your goals and work as a team to make them happen.</p><p>We bring together diverse talents and perspectives to craft bold solutions that push your business farther. We’re in it for the long haul, driven by a shared vision for success and partnerships that never settle for mediocrity.</p><p>And it starts with hiring good humans. People who are dedicated, curious and bold—people who care about doing great work and aren’t afraid to push boundaries. We thrive on collaboration with each other and our clients, bringing together the best minds to solve complex problems and drive your brand forward.</p><p><br></p><p style="text-align: center;"><img src="/tt-mvc/media/TT-Media/About%20Us/tt-BrandRefresh-BlogGraphics-BOOMdef-small.
375jpg" alt="definition of boom" style="width: 911px;" class="fr-fic fr-dib"></p><p><br></p> 376 </div> 377 </div> 378</section> 379 380 381 <div> 382 383 </div> 384 385<section class="bg-darkblue py-40 800:py-64 px-sides focus-region-white"> 386 <div class="max-w-1360 mx-auto" role="presentation"> 387 388 389 390<!-- 391 # small client logo carousel 392 ## Notes from the designer 393 394 This section follows the main section of the site and 395 includes examples of featured clients that included 396 that specific service, will cycle through a continuous 397 loop when using the arrows. 398 399 ## App Dev Notes 400 Runs on swiper.js. Each logo is one slide. 4 slides 401 shown on desktop, then it goes down to 2 and one on 402 mobile. 403 404 Images need identical dimension with padding baked into them 405 to make them appear visually consistent. For instance, the hall 406 of fame logo is currently oversized compared to the chefs garden 407 logo. 408--> 409<div class="relative -mx-sides mx-auto flex" data-hook="carousel" data-offset="0"> 410 <div class="z-100 top-0 left-0 bottom-0 flex flex-col justify-center pr-16 1080:pr-64" role="presentation"> 411 <button type="button" data-hook="carousel.previous" class="group focus:outline-none h-1/1 w-24 1080:w-60 text-white hover:text-transparent"> 412 <svg class="fill-current block w-1/1 h-24 1080:h-60 group-focus-light" viewBox="-4 -4 66 66"> 413 <path stroke="#fff" stroke-width="2" d="M58,26.5c0-1.3-1.7-2.4-3.7-2.4l-37.6,0l16.1-16.1c1.2-1.2,1.5-3,0.5-3.9l-3.4-3.4 414 c-0.9-1-2.7-0.7-3.9,0.5l-24.5,24.5c-1.9,1.9-1.9,4.9,0,6.8l24.5,24.5c1.2,1.2,3,1.5,3.9,0.5l3.4-3.4c0.9-1,0.7-2.7-0.5-3.9 415 l-16.2-16.2l37.7,0c2.1,0,3.7-1.1,3.7-2.4V26.5" /> 416 </svg> 417 </button> 418 </div> 419 <div class="swiper-container block w-1/1" role="presentation" data-hook="carousel.swiper"> 420 <div class="swiper-wrapper w-1/1" role="presentation"> 421 <div class="swiper-slide w-1/1 800:w-1/2 1080:w-1/4 flex flex-row flex-wrap justify-around items-stretch" role="presentation"> 422 <div class="max-w-128 960:max-w-164 w-1/1" role="presentation"> 423 <div class="bg-no-repeat bg-contain bg-center aspect-ratio-square" style="background-image: url('/tt-mvc/media/TT-Media/Homepage%20Logos/AM-Higley.png?ext=.png')" role="img" aria-label="AM Higley"> 424 </div> 425 </div> 426 </div> 427 <div class="swiper-slide w-1/1 800:w-1/2 1080:w-1/4 flex flex-row flex-wrap justify-around items-stretch" role="presentation"> 428 <div class="max-w-128 960:max-w-164 w-1/1" role="presentation"> 429 <div class="bg-no-repeat bg-contain bg-center aspect-ratio-square" style="background-image: url('/tt-mvc/media/TT-Media/Homepage%20Logos/Bettcher.png?ext=.png')" role="img" aria-label="Bettcher"> 430 </div> 431 </div> 432 </div> 433 <div class="swiper-slide w-1/1 800:w-1/2 1080:w-1/4 flex flex-row flex-wrap justify-around items-stretch" role="presentation"> 434 <div class="max-w-128 960:max-w-164 w-1/1" role="presentation"> 435 <div class="bg-no-repeat bg-contain bg-center aspect-ratio-square" style="background-image: url('/tt-mvc/media/TT-Media/Homepage%20Logos/Big-Fig.png?ext=.png')" role="img" aria-label="Big Fig"> 436 </div> 437 </div> 438 </div> 439 <div class="swiper-slide w-1/1 800:w-1/2 1080:w-1/4 flex flex-row flex-wrap justify-around items-stretch" role="presentation"> 440 <div class="max-w-128 960:max-w-164 w-1/1" role="presentation"> 441 <div class="bg-no-repeat bg-contain bg-center aspect-ratio-square" style="background-image: url('/tt-mvc/media/TT-Media/Homepage%20Logos/Carlisle.png?ext=.png')" role="img" aria-label="Carlisle"> 442 </div> 443 </div> 444 </div> 445 <div class="swiper-slide w-1/1 800:w-1/2 1080:w-1/4 flex flex-row flex-wrap justify-around items-stretch" role="presentation"> 446 <div class="max-w-128 960:max-w-164 w-1/1" role="presentation"> 447 <div class="bg-no-repeat bg-contain bg-center aspect-ratio-square" style="background-image: url('/tt-mvc/media/TT-Media/Homepage%20Logos/Cedar-Point.png?ext=.png')" role="img" aria-label="Cedar Point"> 448 </div> 449 </div> 450 </div> 451 <div class="swiper-slide w-1/1 800:w-1/2 1080:w-1/4 flex flex-row flex-wrap justify-around items-stretch" role="presentation"> 452 <div class="max-w-128 960:max-w-164 w-1/1" role="presentation"> 453 <div class="bg-no-repeat bg-contain bg-center aspect-ratio-square" style="background-image: url('/tt-mvc/media/TT-Media/Homepage%20Logos/Country-Music-Hall-of-Fame.png?ext=.png')" role="img" aria-label="Country Music HOF"> 454 </div> 455 </div> 456 </div> 457 <div class="swiper-slide w-1/1 800:w-1/2 1080:w-1/4 flex flex-row flex-wrap justify-around items-stretch" role="presentation"> 458 <div class="max-w-128 960:max-w-164 w-1/1" role="presentation"> 459 <div class="bg-no-repeat bg-contain bg-center aspect-ratio-square" style="background-image: url('/tt-mvc/media/TT-Media/Homepage%20Logos/Crisis-Prevention-Institute.png?ext=.png')" role="img" aria-label="CPI"> 460 </div> 461 </div> 462 </div> 463 <div class="swiper-slide w-1/1 800:w-1/2 1080:w-1/4 flex flex-row flex-wrap justify-around items-stretch" role="presentation"> 464 <div class="max-w-128 960:max-w-164 w-1/1" role="presentation"> 465 <div class="bg-no-repeat bg-contain bg-center aspect-ratio-square" style="background-image: url('/tt-mvc/media/TT-Media/Homepage%20Logos/Deist.png?ext=.png')" role="img" aria-label="Deist"> 466 </div> 467 </div> 468 </div> 469 <div class="swiper-slide w-1/1 800:w-1/2 1080:w-1/4 flex flex-row flex-wrap justify-around items-stretch" role="presentation"> 470 <div class="max-w-128 960:max-w-164 w-1/1" role="presentation"> 471 <div class="bg-no-repeat bg-contain bg-center aspect-ratio-square" style="background-image: url('/tt-mvc/media/TT-Media/Homepage%20Logos/Derive.png?ext=.png')" role="img" aria-label="Derive Systems"> 472 </div> 473 </div> 474 </div> 475 <div class="swiper-slide w-1/1 800:w-1/2 1080:w-1/4 flex flex-row flex-wrap justify-around items-stretch" role="presentation"> 476 <div class="max-w-128 960:max-w-164 w-1/1" role="presentation"> 477 <div class="bg-no-repeat bg-contain bg-center aspect-ratio-square" style="background-image: url('/tt-mvc/media/TT-Media/Homepage%20Logos/Destination-Cleveland.png?ext=.png')" role="img" aria-label="Destination Cleveland"> 478 </div> 479 </div> 480 </div> 481 <div class="swiper-slide w-1/1 800:w-1/2 1080:w-1/4 flex flex-row flex-wrap justify-around items-stretch" role="presentation"> 482 <div class="max-w-128 960:max-w-164 w-1/1" role="presentation"> 483 <div class="bg-no-repeat bg-contain bg-center aspect-ratio-square" style="background-image: url('/tt-mvc/media/TT-Media/Homepage%20Logos/Destination-Toledo.png?ext=.png')" role="img" aria-label="Destination Toledo "> 484 </div> 485 </div> 486 </div> 487 <div class="swiper-slide w-1/1 800:w-1/2 1080:w-1/4 flex flex-row flex-wrap justify-around items-stretch" role="presentation"> 488 <div class="max-w-128 960:max-w-164 w-1/1" role="presentation"> 489 <div class="bg-no-repeat bg-contain bg-center aspect-ratio-square" style="background-image: url('/tt-mvc/media/TT-Media/Homepage%20Logos/Garden-of-Flavor.png?ext=.png')" role="img" aria-label="Garden of Flavor"> 490 </div> 491 </div> 492 </div> 493 <div class="swiper-slide w-1/1 800:w-1/2 1080:w-1/4 flex flex-row flex-wrap justify-around items-stretch" role="presentation"> 494 <div class="max-w-128 960:max-w-164 w-1/1" role="presentation"> 495 <div class="bg-no-repeat bg-contain bg-center aspect-ratio-square" style="background-image: url('/tt-mvc/media/TT-Media/Homepage%20Logos/Henkel.png?ext=.png')" role="img" aria-label="Henkel"> 496 </div> 497 </div> 498 </div> 499 <div class="swiper-slide w-1/1 800:w-1/2 1080:w-1/4 flex flex-row flex-wrap justify-around items-stretch" role="presentation"> 500 <div class="max-w-128 960:max-w-164 w-1/1" role="presentation"> 501 <div class="bg-no-repeat bg-contain bg-center aspect-ratio-square" style="background-image: url('/tt-mvc/media/TT-Media/Industry/Destination%20and%20Hospitality/Jet-Express.png?ext=.png')" role="img" aria-label="Jet Express "> 502 </div> 503 </div> 504 </div> 505 <div class="swiper-slide w-1/1 800:w-1/2 1080:w-1/4 flex flex-row flex-wrap justify-around items-stretch" role="presentation"> 506 <div class="max-w-128 960:max-w-164 w-1/1" role="presentation"> 507 <div class="bg-no-repeat bg-contain bg-center aspect-ratio-square" style="background-image: url('/tt-mvc/media/TT-Media/Homepage%20Logos/Kichler.png?ext=.png')" role="img" aria-label="Kichler"> 508 </div> 509 </div> 510 </div> 511 <div class="swiper-slide w-1/1 800:w-1/2 1080:w-1/4 flex flex-row flex-wrap justify-around items-stretch" role="presentation"> 512 <div class="max-w-128 960:max-w-164 w-1/1" role="presentation"> 513 <div class="bg-no-repeat bg-contain bg-center aspect-ratio-square" style="background-image: url('/tt-mvc/media/TT-Media/Homepage%20Logos/The-Kresge-Foundation.png?ext=.png')" role="img" aria-label="Kresge Foundation"> 514 </div> 515 </div> 516 </div> 517 <div class="swiper-slide w-1/1 800:w-1/2 1080:w-1/4 flex flex-row flex-wrap justify-around items-stretch" role="presentation"> 518 <div class="max-w-128 960:max-w-164 w-1/1" role="presentation"> 519 <div class="bg-no-repeat bg-contain bg-center aspect-ratio-square" style="background-image: url('/tt-mvc/media/TT-Media/Industry/Manufacturing%20and%20Industrial/Lincoln-Electric.png?ext=.png')" role="img" aria-label="Lincoln Ele
519ctric"> 520 </div> 521 </div> 522 </div> 523 <div class="swiper-slide w-1/1 800:w-1/2 1080:w-1/4 flex flex-row flex-wrap justify-around items-stretch" role="presentation"> 524 <div class="max-w-128 960:max-w-164 w-1/1" role="presentation"> 525 <div class="bg-no-repeat bg-contain bg-center aspect-ratio-square" style="background-image: url('/tt-mvc/media/TT-Media/Homepage%20Logos/Malco.png?ext=.png')" role="img" aria-label="Malco Automotive"> 526 </div> 527 </div> 528 </div> 529 <div class="swiper-slide w-1/1 800:w-1/2 1080:w-1/4 flex flex-row flex-wrap justify-around items-stretch" role="presentation"> 530 <div class="max-w-128 960:max-w-164 w-1/1" role="presentation"> 531 <div class="bg-no-repeat bg-contain bg-center aspect-ratio-square" style="background-image: url('/tt-mvc/media/TT-Media/Homepage%20Logos/Marc-s.png?ext=.png')" role="img" aria-label="Marcâs"> 532 </div> 533 </div> 534 </div> 535 <div class="swiper-slide w-1/1 800:w-1/2 1080:w-1/4 flex flex-row flex-wrap justify-around items-stretch" role="presentation"> 536 <div class="max-w-128 960:max-w-164 w-1/1" role="presentation"> 537 <div class="bg-no-repeat bg-contain bg-center aspect-ratio-square" style="background-image: url('/tt-mvc/media/TT-Media/Homepage%20Logos/meyer.png?ext=.png')" role="img" aria-label="Meyer Products"> 538 </div> 539 </div> 540 </div> 541 <div class="swiper-slide w-1/1 800:w-1/2 1080:w-1/4 flex flex-row flex-wrap justify-around items-stretch" role="presentation"> 542 <div class="max-w-128 960:max-w-164 w-1/1" role="presentation"> 543 <div class="bg-no-repeat bg-contain bg-center aspect-ratio-square" style="background-image: url('/tt-mvc/media/TT-Media/Homepage%20Logos/National-Food-Group.png?ext=.png')" role="img" aria-label="National Food Group"> 544 </div> 545 </div> 546 </div> 547 <div class="swiper-slide w-1/1 800:w-1/2 1080:w-1/4 flex flex-row flex-wrap justify-around items-stretch" role="presentation"> 548 <div class="max-w-128 960:max-w-164 w-1/1" role="presentation"> 549 <div class="bg-no-repeat bg-contain bg-center aspect-ratio-square" style="background-image: url('/tt-mvc/media/TT-Media/Industry/Education/NEOMED.png?ext=.png')" role="img" aria-label="NEOMED"> 550 </div> 551 </div> 552 </div> 553 <div class="swiper-slide w-1/1 800:w-1/2 1080:w-1/4 flex flex-row flex-wrap justify-around items-stretch" role="presentation"> 554 <div class="max-w-128 960:max-w-164 w-1/1" role="presentation"> 555 <div class="bg-no-repeat bg-contain bg-center aspect-ratio-square" style="background-image: url('/tt-mvc/media/TT-Media/Homepage%20Logos/Oatey.png?ext=.png')" role="img" aria-label="Oatey"> 556 </div> 557 </div> 558 </div> 559 <div class="swiper-slide w-1/1 800:w-1/2 1080:w-1/4 flex flex-row flex-wrap justify-around items-stretch" role="presentation"> 560 <div class="max-w-128 960:max-w-164 w-1/1" role="presentation"> 561 <div class="bg-no-repeat bg-contain bg-center aspect-ratio-square" style="background-image: url('/tt-mvc/media/TT-Media/Homepage%20Logos/Ohio-Department-of-Health.png?ext=.png')" role="img" aria-label="Ohio Department of Health"> 562 </div> 563 </div> 564 </div> 565 <div class="swiper-slide w-1/1 800:w-1/2 1080:w-1/4 flex flex-row flex-wrap justify-around items-stretch" role="presentation"> 566 <div class="max-w-128 960:max-w-164 w-1/1" role="presentation"> 567 <div class="bg-no-repeat bg-contain bg-center aspect-ratio-square" style="background-image: url('/tt-mvc/media/TT-Media/Homepage%20Logos/Palmer-Holland.png?ext=.png')" role="img" aria-label="Palmer Holland"> 568 </div> 569 </div> 570 </div> 571 <div class="swiper-slide w-1/1 800:w-1/2 1080:w-1/4 flex flex-row flex-wrap justify-around items-stretch" role="presentation"> 572 <div class="max-w-128 960:max-w-164 w-1/1" role="presentation"> 573 <div class="bg-no-repeat bg-contain bg-center aspect-ratio-square" style="background-image: url('/tt-mvc/media/TT-Media/Homepage%20Logos/Parker-Hannifin.png?ext=.png')" role="img" aria-label="Parker Hannifin"> 574 </div> 575 </div> 576 </div> 577 <div class="swiper-slide w-1/1 800:w-1/2 1080:w-1/4 flex flex-row flex-wrap justify-around items-stretch" role="presentation"> 578 <div class="max-w-128 960:max-w-164 w-1/1" role="presentation"> 579 <div class="bg-no-repeat bg-contain bg-center aspect-ratio-square" style="background-image: url('/tt-mvc/media/TT-Media/Homepage%20Logos/PSS.png?ext=.png')" role="img" aria-label="PSS"> 580 </div> 581 </div> 582 </div> 583 <div class="swiper-slide w-1/1 800:w-1/2 1080:w-1/4 flex flex-row flex-wrap justify-around items-stretch" role="presentation"> 584 <div class="max-w-128 960:max-w-164 w-1/1" role="presentation"> 585 <div class="bg-no-repeat bg-contain bg-center aspect-ratio-square" style="background-image: url('/tt-mvc/media/TT-Media/Homepage%20Logos/Saucy-Brew-Works.png?ext=.png')" role="img" aria-label="Saucy Brew Works"> 586 </div> 587 </div> 588 </div> 589 <div class="swiper-slide w-1/1 800:w-1/2 1080:w-1/4 flex flex-row flex-wrap justify-around items-stretch" role="presentation"> 590 <div class="max-w-128 960:max-w-164 w-1/1" role="presentation"> 591 <div class="bg-no-repeat bg-contain bg-center aspect-ratio-square" style="background-image: url('/tt-mvc/media/TT-Media/Homepage%20Logos/Schneller.png?ext=.png')" role="img" aria-label="Schneller"> 592 </div> 593 </div> 594 </div> 595 <div class="swiper-slide w-1/1 800:w-1/2 1080:w-1/4 flex flex-row flex-wrap justify-around items-stretch" role="presentation"> 596 <div class="max-w-128 960:max-w-164 w-1/1" role="presentation"> 597 <div class="bg-no-repeat bg-contain bg-center aspect-ratio-square" style="background-image: url('/tt-mvc/media/TT-Media/Homepage%20Logos/Servicemaster.png?ext=.png')" role="img" aria-label="Service Master"> 598 </div> 599 </div> 600 </div> 601 <div class="swiper-slide w-1/1 800:w-1/2 1080:w-1/4 flex flex-row flex-wrap justify-around items-stretch" role="presentation"> 602 <div class="max-w-128 960:max-w-164 w-1/1" role="presentation"> 603 <div class="bg-no-repeat bg-contain bg-center aspect-ratio-square" style="background-image: url('/tt-mvc/media/TT-Media/Homepage%20Logos/SexyHair.png?ext=.png')" role="img" aria-label="Sexy Hair"> 604 </div> 605 </div> 606 </div> 607 <div class="swiper-slide w-1/1 800:w-1/2 1080:w-1/4 flex flex-row flex-wrap justify-around items-stretch" role="presentation"> 608 <div class="max-w-128 960:max-w-164 w-1/1" role="presentation"> 609 <div class="bg-no-repeat bg-contain bg-center aspect-ratio-square" style="background-image: url('/tt-mvc/media/TT-Media/Homepage%20Logos/Simple-Mills.png?ext=.png')" role="img" aria-label="Simple Mills"> 610 </div> 611 </div> 612 </div> 613 <div class="swiper-slide w-1/1 800:w-1/2 1080:w-1/4 flex flex-row flex-wrap justify-around items-stretch" role="presentation"> 614 <div class="max-w-128 960:max-w-164 w-1/1" role="presentation"> 615 <div class="bg-no-repeat bg-contain bg-center aspect-ratio-square" style="background-image: url('/tt-mvc/media/TT-Media/Homepage%20Logos/Snap-On-Business-Solutions.png?ext=.png')" role="img" aria-label="Snap-on Business Solutions"> 616 </div> 617 </div> 618 </div> 619 <div class="swiper-slide w-1/1 800:w-1/2 1080:w-1/4 flex flex-row flex-wrap justify-around items-stretch" role="presentation"> 620 <div class="max-w-128 960:max-w-164 w-1/1" role="presentation"> 621 <div class="bg-no-repeat bg-contain bg-center aspect-ratio-square" style="background-image: url('/tt-mvc/media/TT-Media/Homepage%20Logos/Team-Wendy.png?ext=.png')" role="img" aria-label="Team Wendy"> 622 </div> 623 </div> 624 </div> 625 <div class="swiper-slide w-1/1 800:w-1/2 1080:w-1/4 flex flex-row flex-wrap justify-around items-stretch" role="presentation"> 626 <div class="max-w-128 960:max-w-164 w-1/1" role="presentation"> 627 <div class="bg-no-repeat bg-contain bg-center aspect-ratio-square" style="background-image: url('/tt-mvc/media/TT-Media/Industry/Food%20and%20Beverage/The-Chef-s-Garden.png?ext=.png')" role="img" aria-label="The Chefâs Garden"> 628 </div> 629 </div> 630 </div> 631 <div class="swiper-slide w-1/1 800:w-1/2 1080:w-1/4 flex flex-row flex-wrap justify-around items-stretch" role="presentation"> 632 <div class="max-w-128 960:max-w-164 w-1/1" role="presentation"> 633 <div class="bg-no-repeat bg-contain bg-center aspect-ratio-square" style="background-image: url('/tt-mvc/media/TT-Media/Homepage%20Logos/thyssenkrupp.png?ext=.png')" role="img" aria-label="Thyssen Krupp"> 634 </div> 635 </div> 636 </div> 637 <div class="swiper-slide w-1/1 800:w-1/2 1080:w-1/4 flex flex-row flex-wrap justify-around items-stretch" role="presentation"> 638 <div class="max-w-128 960:max-w-164 w-1/1" role="presentation"> 639 <div class="bg-no-repeat bg-contain bg-center aspect-ratio-square" style="background-image: url('/tt-mvc/media/TT-Media/Homepage%20Logos/ConsumersEnergy.png?ext=.png')" role="img" aria-label="Consumers Energy"> 640 </div> 641 </div> 642 </div> 643 </div> 644 </div> 645 <div class="z-100 top-0 right-0 bottom-0 flex flex-col justify-center pl-16 1080:pl
645-64" role="presentation"> 646 <button type="button" data-hook="carousel.next" class="group z-100 focus:outline-none h-1/1 w-24 1080:w-60 top-0 text-white hover:text-transparent"> 647 <svg class="fill-current block w-1/1 h-24 1080:h-60 group-focus-light" viewBox="-4 -4 66 66"> 648 <path stroke="#fff" stroke-width="2" fill-rule="evenodd" clip-rule="evenodd" d="M0,26.5c0-1.3,1.7-2.4,3.7-2.4l37.6,0l-16.1-16.1 649 c-1.2-1.2-1.5-3-0.5-3.9l3.4-3.4c0.9-1,2.7-0.7,3.9,0.5l24.5,24.5c1.9,1.9,1.9,4.9,0,6.8l-24.5,24.5c-1.2,1.2-3,1.5-3.9,0.5 650 l-3.4-3.4c-0.9-1-0.7-2.7,0.5-3.9l16.2-16.2l-37.7,0c-2.1,0-3.7-1.1-3.7-2.4V26.5z" /> 651 </svg> 652 </button> 653 </div> 654</div> 655 </div> 656</section> 657 658<!-- 659 # Alternating Features 660 661 ## Notes from the designer 662 This area is a direct link to our careers page. 663 664 ## App Dev Notes 665 No scripting logic is occuring in this component 666 667--> 668<section class="cta--section group"> 669<a href="/about-us/careers" class="block 1280:aspect-ratio-13/6 w-1/1 relative bg-no-repeat bg-cover bg-center" data-roundingwidths="standard" data-hook="bgImage" data-handler="/getmedia/3185ba80-163c-46c3-9272-d640c8675092/Bruce-CTA-nocolor-1.jpg.ashx?w={width}&h={height}&mode=crop&format=jpg&quality=50" role="img" aria-label="join the team"> 670 <div class="block 1280:absolute bottom-0 top-0 right-0 w-1/1 1280:w-1/2" role="presentation"> 671 <div class="cta--screen group-hover:bg-orange transition-fast absolute inset-0 opacity-70 bg-darkblue"></div> 672 <div class="relative 1280:absolute left-0 1280:absolute-center-Y w-1/1 px-sides 1280:pl-56 justify-center text-white font-franklin py-40 1280:py-0"> 673 <h2 class="text-32-96 font-franklincond font-600 tracking-0 mb-4 leading-125"> Join the t::team </h2> 674 <p class="font-museoslab text-18-32 tracking-0 leading-125 font-300 mb-18"> If you feel like you've got what it takes to hang with us and have the disposition to enjoy a fast paced environment, give us a shout! </p> 675 <div data-hook="" class="font-museoslab bg-orange 676 min-w-164 text-center font-500 text-18 leading-125 677 tracking-5 inline-flex justify-center items-center px-32 678 border-2 border-transparent transition-medium 679 680 text-white h-48 group-hover:bg-transparent group-hover:text-white group-hover:border-white"> See More </div> 681 </div> 682 </div> 683 </a> 684</section> 685 686<!-- 687 # Contact form 688 689 ## App dev notes 690 691 Content elements (h1, h2, paragraphs) may be supported by SharpSpring 692 as evidenced by the selectors in the base stylesheet that we modified, 693 but the design specifications do not treat the form area as supporting 694 rich text elements so we did not spend project time to port the rich text 695 styles to them. 696 697 --> 698 <section class="bg-babyblue px-sides"> 699 <div class="max-w-1360 mx-auto 800:flex justify-between pt-28 pb-44"> 700 <div class="800:w-1/3 image 640:pr-20 leading-150 800:pr-32 rich-text"> 701 <h2> Done looking at web pages? </h2> 702 Tell us when and where, weâd love to chat! 703 </div> 704 <div class="800:w-2/3 800:pl-32 mt-32 800:mt-0"> 705 <!-- SharpSpring Form for Contact-Us SS Form -->
706<script type='text/javascript'> 707 var ss_form = {'account': 'MzawMDE3tzQ2AwA', 'formID': 'MzNIM0szTzXUTTE2SdY1SUs217UwtEzTTbMwMEs1sLS0MDdKAwA'}; 708 ss_form.width = '100%'; 709 ss_form.domain = 'app-3QNK8NMWOK.marketingautomation.services'; 710 // ss_form.hidden = {'field_id': 'value'}; // Modify this for sending hidden variables, or overriding values 711 // ss_form.target_id = 'target'; // Optional parameter: forms will be placed inside the element with the specified id 712 // ss_form.polling = true; // Optional parameter: set to true ONLY if your page loads dynamically and the id needs to be polled continually. 713</script>
vendor: 2 bytes, line 713
713
714<script type='text/javascript' src='https://koi-3QNK8NMWOK.marketingautomation.services/client/form.js?ver=2.0.1'></script>
714 715 </div> 716 </div> 717 </section> 718 719 720 <div> 721 722 </div> 723 724 725<footer class="bg-darkblue pb-28 text-white px-sides focus-region-white"> 726 <div class="max-w-1360 mx-auto flex flex-wrap 1080:flex-no-wrap pt-32 640:pt-48 800:pt-64 pb-16 pb-32 960:hidden" role="presentation"> 727 <svg class="w-64 h-64 mb-16 block flex-grow-0 flex-shrink-0" viewBox="0 0 110 100"> 728 <path d="M68.59,12.93v65.78H2.81V12.93h65.78M71.4,10.13H0v71.4h71.4V10.13h0Z" fill="#fff" /> 729 <path d="M89.38,1.53v37.47h-37.47V1.53h37.47" fill="#ff671d" /> 730 <path d="M88.1,2.81v34.91h-34.91V2.81h34.91M90.9,0h-40.53v40.53h40.53V0h0Z" fill="#fff" /> 731 <path d="M97.59.15c.66,0,1.31.17,1.94.51.63.34,1.13.83,1.48,1.46.35.63.53,1.3.53,1.98s-.17,1.34-.52,1.97c-.35.63-.83,1.12-1.46,1.46-.63.35-1.28.52-1.97.52s-1.34-.17-1.97-.52c-.63-.35-1.12-.84-1.46-1.46-.35-.63-.52-1.28-.52-1.97s.18-1.35.53-1.98c.36-.63.85-1.12,1.48-1.46.63-.34,1.28-.51,1.95-.51h0ZM97.59.81c-.56,0-1.1.14-1.62.43-.53.28-.94.69-1.23,1.22-.3.53-.45,1.08-.45,1.65s.15,1.12.44,1.64c.29.52.7.93,1.22,1.22.52.29,1.07.44,1.64.44s1.12-.15,1.64-.44c.52-.29.93-.7,1.22-1.22.29-.52.43-1.07.43-1.64s-.15-1.12-.44-1.65c-.3-.53-.71-.94-1.23-1.22-.53-.28-1.07-.43-1.62-.43h0ZM96.09,6.15v-3.97h1.37c.47,0,.81.04,1.01.11.21.07.38.2.5.38.12.18.19.38.19.58,0,.29-.1.54-.31.76-.21.22-.48.34-.83.36.14.06.25.13.34.21.16.16.36.42.59.79l.48.78h-.78l-.35-.63c-.28-.49-.5-.8-.67-.93-.12-.09-.29-.14-.51-.13h-.38v1.69h-.64ZM96.73,3.92h.78c.37,0,.63-.06.76-.17.14-.11.2-.26.2-.44,0-.12-.03-.22-.1-.31-.07-.09-.16-.16-.27-.21-.12-.05-.33-.07-.65-.07h-.73v1.19h0Z" fill="#fff" /> 732 </svg> 733 <div class="flex-grow flex-shrink pl-24" role="presentation"> 734 <span class="block pb-12"> 735 thunder::tech 736 </span> 737 <span class="block"> 738 making brands boom. 739 </span> 740 <span class="block"> 741 <a href="/contact-us" class="border-b border-white hover:border-b-0">our office</a> 742 <span class="mx-10">|</span> 888.321.8422 743 </span> 744 </div> 745 </div> 746 <div class="max-w-1360 mx-auto flex flex-wrap 1280:flex-no-wrap 960:pt-64 pb-16 640:pb-32 800:pb-64 border-b-2 border-white border-solid" role="presentation"> 747 <svg class="w-110 h-110 mr-48 hidden 1080:block" viewBox="0 0 110 100"> 748 <path d="M68.59,12.93v65.78H2.81V12.93h65.78M71.4,10.13H0v71.4h71.4V10.13h0Z" fill="#fff" /> 749 <path d="M89.38,1.53v37.47h-37.47V1.53h37.47" fill="#ff671d" /> 750 <path d="M88.1,2.81v34.91h-34.91V2.81h34.91M90.9,0h-40.53v40.53h40.53V0h0Z" fill="#fff" /> 751 <path d="M97.59.15c.66,0,1.31.17,1.94.51.63.34,1.13.83,1.48,1.46.35.63.53,1.3.53,1.98s-.17,1.34-.52,1.97c-.35.63-.83,1.12-1.46,1.46-.63.35-1.28.52-1.97.52s-1.34-.17-1.97-.52c-.63-.35-1.12-.84-1.46-1.46-.35-.63-.52-1.28-.52-1.97s.18-1.35.53-1.98c.36-.63.85-1.12,1.48-1.46.63-.34,1.28-.51,1.95-.51h0ZM97.59.81c-.56,0-1.1.14-1.62.43-.53.28-.94.69-1.23,1.22-.3.53-.45,1.08-.45,1.65s.15,1.12.44,1.64c.29.52.7.93,1.22,1.22.52.29,1.07.44,1.64.44s1.12-.15,1.64-.44c.52-.29.93-.7,1.22-1.22.29-.52.43-1.07.43-1.64s-.15-1.12-.44-1.65c-.3-.53-.71-.94-1.23-1.22-.53-.28-1.07-.43-1.62-.43h0ZM96.09,6.15v-3.97h1.37c.47,0,.81.04,1.01.11.21.07.38.2.5.38.12.18.19.38.19.58,0,.29-.1.54-.31.76-.21.22-.48.34-.83.36.14.06.25.13.34.21.16.16.36.42.59.79l.48.78h-.78l-.35-.63c-.28-.49-.5-.8-.67-.93-.12-.09-.29-.14-.51-.13h-.38v1.69h-.64ZM96.73,3.92h.78c.37,0,.63-.06.76-.17.14-.11.2-.26.2-.44,0-.12-.03-.22-.1-.31-.07-.09-.16-.16-.27-.21-.12-.05-.33-.07-.65-.07h-.73v1.19h0Z" fill="#fff" /> 752 </svg> 753 <div class="w-1/1 640:w-1/2 800:w-1/3 1080:w-256 1280:w-280 640:pr-32 1280:pr-48 py-16"> 754 <h2 class="text-white text-18-22 leading-100 uppercase mb-16 font-700 font-franklincond"><a href="/services" class="hover:underline">Services</a></h2> 755 <a class="block mt-12 text-16-20 leading-125 font-300 font-franklin hover:underline" href="/services/website-development">Web Design & Development</a> 756 <a class="block mt-12 text-16-20 leading-125 font-300 font-franklin hover:underline" href="/services/digital-marketing">Digital Marketing</a> 757 <a class="block mt-12 text-16-20 leading-125 font-300 font-franklin hover:underline" href="/services/communications">Communications</a> 758 <a class="block mt-12 text-16-20 leading-125 font-300 font-franklin hover:underline" href="/services/creative-design">Visual Design</a> 759 <a class="block mt-12 text-16-20 leading-125 font-300 font-franklin hover:underline" href="/services/brand-strategy">Brand Strategy</a> 760 <a class="block mt-12 text-16-20 leading-125 font-300 font-franklin hover:underline" href="/services/advertising">Advertising</a> 761 <a class="block mt-12 text-16-20 leading-125 font-300 font-franklin hover:underline" href="/services/ux">User Experience</a> 762 <a class="block mt-12 text-16-20 leading-125 font-300 font-franklin hover:underline" href="/services/video-multimedia">Video & Multimedia</a> 763 </div> 764 <div class="w-1/1 640:w-1/2 800:w-1/3 1080:w-256 1280:w-280 640:pr-32 1280:pr-48 py-16"> 765 <h2 class="text-white text-18-22 leading-100 uppercase mb-16 font-700 font-franklincond"><a href="/experience/industries" class="hover:underline">Industries</a></h2> 766 <a class="block mt-12 text-16-20 leading-125 font-300 font-franklin hover:underline" href="/experience/industries/destination-hospitality">Destination &
766 Hospitality</a> 767 <a class="block mt-12 text-16-20 leading-125 font-300 font-franklin hover:underline" href="/experience/industries/manufacturing-industrial">Manufacturing & Industrial</a> 768 <a class="block mt-12 text-16-20 leading-125 font-300 font-franklin hover:underline" href="/experience/industries/professional-services">Professional Services</a> 769 <a class="block mt-12 text-16-20 leading-125 font-300 font-franklin hover:underline" href="/experience/industries/food-beverage">Food & Beverage</a> 770 <a class="block mt-12 text-16-20 leading-125 font-300 font-franklin hover:underline" href="/experience/industries/consumer-products-and-retail">Consumer Products & Retail</a> 771 <a class="block mt-12 text-16-20 leading-125 font-300 font-franklin hover:underline" href="/experience/industries/higher-education">Education</a> 772 <a class="block mt-12 text-16-20 leading-125 font-300 font-franklin hover:underline" href="/experience/industries/automotive">Automotive & Mobility</a> 773 </div> 774 <div class="w-1/1 640:w-1/2 800:w-1/3 1080:w-256 1280:w-280 640:pr-32 1280:pr-48 py-16"> 775 <h2 class="text-white text-18-22 leading-100 uppercase mb-16 font-700 font-franklincond"><a href="/experience" class="hover:underline">Experience</a></h2> 776 <a class="block mt-12 text-16-20 leading-125 font-300 font-franklin hover:underline" href="/experience/destination-cleveland">Growing Destination Marketing</a> 777 <a class="block mt-12 text-16-20 leading-125 font-300 font-franklin hover:underline" href="/experience/re-warner">Enhancing Brand and Web Experiences</a> 778 <a class="block mt-12 text-16-20 leading-125 font-300 font-franklin hover:underline" href="/experience/social-media-case-study-big-fig">Propelling Successful Social Campaigns</a> 779 <a class="block mt-12 text-16-20 leading-125 font-300 font-franklin hover:underline" href="/experience">View All Case Studies</a> 780 </div> 781 <div class="1280:ml-auto w-1/1 640:w-1/2 1280:w-auto py-16"> 782 <!-- testing. --> 783 <a class="block text-white text-18-22 leading-100 uppercase font-700 font-franklincond plus-mt-48 hover:underline" style="color: #fff" href="/blog-news">Blog & News</a> 784 <!-- testing. --> 785 <a class="block text-white text-18-22 leading-100 uppercase font-700 font-franklincond plus-mt-48 hover:underline" style="color: #fff" href="/about-us">About Us</a> 786 <!-- testing. --> 787 <a class="block text-white text-18-22 leading-100 uppercase font-700 font-franklincond plus-mt-48 hover:underline" style="color: #fff" href="/about-us/careers">Careers</a> 788 <!-- testing. --> 789 <a class="block text-white text-18-22 leading-100 uppercase font-700 font-franklincond plus-mt-48 hover:underline" style="color: #fff" href="/contact-us">Contact Us</a> 790 <!-- testing. --> 791 <a class="block text-white text-18-22 leading-100 uppercase font-700 font-franklincond plus-mt-48 hover:underline" style="color: #ff651b" href="https://howdy.thundertech.com/ai-hub/">AI Hub</a> 792 </div> 793 </div> 794 <div class="max-w-1360 mx-auto" role="presentation"> 795 <div class="960:flex flex-wrap justify-between py-40 font-franklincond text-20 leading-125 tracking-5 640:pt-64 800:pt-80"> 796 <div class="pb-32 960:w-1/1 flex-shrink-0" aria-label="Newsletter Signup Form"> 797 <span class="block pb-8 960:pb-12 640:text-center"> 798 Join 5,000+ other marketers receiving monthly marketing trends 799 </span> 800 <div class="flex flex-wrap items-center 960:justify-center"> 801 <!-- SharpSpring Form for Newsletter Footer Signup SS Form --> 802
802<script type="text/javascript"> 803 var ss_form = { 'account': 'MzawMDE3tzQ2AwA', 'formID': 'SzM3MDZJNjbSNTFMTtI1STY01E1KtjTQTQQCSwsjE4tkIyMA' }; 804 /**/ 805 /**/ 806 ss_form.width = '100%'; 807 ss_form.domain = 'app-3QNK8NMWOK.marketingautomation.services'; 808 </script>
808 809
809<script type="text/javascript" src="https://koi-3QNK8NMWOK.marketingautomation.services/client/form.js?ver=2.0.1"></script>
809 810 811 </div> 812 </div> 813 <div class="960:w-1/3 pr-64"> 814 <span class="leading-150"> 815 Stay Connected 816 </span> 817 <div class="flex -mx-16 pt-16 items-center"> 818 <a href="https://www.linkedin.com/company/thundertech" class="w-32 mx-16 border-transparent border-b-2 border-solid pb-8 block hover:border-orange transition-fast" target="_blank" aria-label="linkedin opens new page"> 819 <svg viewBox="0 0 144 144" class="w-32 h-32 fill-current text-white"> 820 <path d="M133.4,0H10.6C4.8,0,0,4.8,0,10.6v122.7c0,5.9,4.8,10.6,10.6,10.6h122.7c5.9,0,10.6-4.8,10.6-10.6V10.6 821 C144,4.8,139.2,0,133.4,0z M42.9,122.7H21.3V53.9h21.6V122.7z M32.1,44.4c-6.9,0-12.5-5.2-12.5-12.4s5.6-12.4,12.5-12.4 822 S44.6,24.9,44.6,32S39,44.4,32.1,44.4z M122.7,122.7h-21.6V85.2c0-11.1-4.7-14.5-10.8-14.5c-6.4,0-12.7,4.8-12.7,14.8v37.3H55.9V54 823 h20.8v9.5H77C79.1,59.2,86.4,52,97.6,52c12.1,0,25.1,7.2,25.1,28.2V122.7z" /> 824 </svg> 825 </a> 826 <a href="https://www.instagram.com/thundertech" class="w-32 mx-16 border-transparent border-b-2 border-solid pb-8 block hover:border-orange transition-fast" target="_blank" aria-label="instagram opens new page"> 827 <svg viewBox="0 0 28 28" class="w-32 h-32 fill-current text-white"> 828 <path d="M13.9719409,9.32490871 C20.1264739,9.32490871 20.1344528,18.6364232 13.9719409,18.6364232 C7.81888549,18.6364232 7.80942902,9.32490871 13.9719409,9.32490871 L13.9719409,9.32490871 Z M13.9719409,6.80793773 C10.0112338,6.80793773 6.80076412,10.0199588 6.80076412,13.980666 C6.80076412,17.9412992 10.0112338,21.1517689 13.9719409,21.1517689 C17.932648,21.1517689 21.1414923,17.9412992 21.1414923,13.980666 C21.1414923,10.0199588 17.932648,6.80793773 13.9719409,6.80793773 L13.9719409,6.80793773 Z M21.4268116,4.84889815 C20.5016296,4.84889815 19.7513921,5.59906174 19.7513921,6.5242438 C19.7513921,7.44942586 20.5016296,8.19958945 21.4268116,8.19958945 C22.3519198,8.19958945 23.1020834,7.44942586 23.1020834,6.5242438 C23.1020834,5.59906174 22.3519198,4.84889815 21.4268116,4.84889815 L21.4268116,4.84889815 Z M12.7205108,2.53043905 C24.6577456,2.51152612 26.1771335,1.18444433 25.3386111,19.6198216 C25.0407325,26.1401277 20.0760887,25.4245393 13.9734923,25.4245393 C2.84641055,25.4245393 2.52644222,25.1061963 2.52644222,13.9743863 C2.52644222,2.71328865 3.40907018,2.53679261 12.7205108,2.52733615 L12.7205108,2.53043905 Z M13.9719409,0.0134680739 C8.2492285,0.0134680739 2.81486438,-0.495629551 0.739170449,4.83153668 C-0.118191029,7.03171609 0.0062944591,9.889193
82867 0.0062944591,13.980666 C0.0062944591,17.5710195 -0.108734565,20.945352 0.739170449,23.1281699 C2.81013615,28.4585129 8.2886058,27.9478639 13.9687641,27.9478639 C19.4487852,27.9478639 25.0990227,28.5183546 27.1999092,23.1281699 C28.058896,20.9059008 27.9327852,18.0910512 27.9327852,13.980666 C27.9327852,8.52428602 28.2338406,5.00175303 25.5875821,2.35711979 C22.9082259,-0.322236412 19.2849224,0.0134680739 13.9656612,0.0134680739 L13.9719409,0.0134680739 Z"></path> 829 </svg> 830 </a> 831 832 833 <!-- <a href="https://www.youtube.com/c/thundertech" class="w-32 mx-16 border-transparent border-b-2 border-solid pb-8 block hover:border-orange transition-fast" target="_blank"> 834 <svg viewBox="0 0 35 27" class="w-32 h-32 fill-current text-white"> 835 <path d="M13.2378087,20.5873542 L13.2378087,7.29134653 L24.6699969,14.0927784 L13.2378087,20.5873542 Z M34.5378593,5.82064473 C34.5378593,5.82064473 34.1772805,3.18658303 33.1541637,2.02190437 C31.830451,0.49005347 30.3261081,0.49005347 29.6642518,0.42890437 C24.7906442,0.0618015424 17.4495599,2.77634961e-05 17.4495599,2.77634961e-05 C17.4495599,2.77634961e-05 15.6146296,0.0152282776 13.1696463,0.0770714653 C10.7253447,0.138151157 7.67167173,0.244971208 5.23486796,0.42890437 C4.57301161,0.490678149 3.06866869,0.551827249 1.74495599,2.02190437 C0.661856353,3.18658303 0.361260419,5.82064473 0.361260419,5.82064473 C0.361260419,5.82064473 0,8.94612031 0,12.0709018 L0,14.9506704 C0,18.0754519 0.361260419,21.1390843 0.361260419,21.1390843 C0.361260419,21.1390843 0.721839215,23.773146 1.74495599,24.9378941 C3.06866869,26.469745 4.81362468,26.4079018 5.59612838,26.5919044 C8.36351951,26.8979969 17.4495599,26.9597707 17.4495599,26.9597707 C17.4495599,26.9597707 24.7906442,26.9597707 29.6642518,26.5308247 C30.3261081,26.469745 31.830451,26.4079018 33.1541637,24.9378941 C34.1772805,23.773146 34.5378593,21.1390843 34.5378593,21.1390843 C34.5378593,21.1390843 34.8991197,18.0136781 34.8991197,14.9506704 L34.8991197,12.0709018 C34.8991197,8.94612031 34.5378593,5.82064473 34.5378593,5.82064473 L34.5378593,5.82064473 Z"></path> 836 </svg> 837 </a> --> 838 <a href="https://www.tiktok.com/@thundertechmarketing" class="w-32 mx-16 border-transparent border-b-2 border-solid pb-8 block hover:border-orange transition-fast" target="_blank"> 839 <svg viewBox="0 0 300 300" class="w-32 h-32 fill-current text-white"> 840 <path d="M271.5,0h-243C12.7,0,0,12.8,0,28.5v243C0,287.3,12.8,300,28.5,300h243c15.7,0,28.5-12.8,28.5-28.5l0,0v-243 841 C300,12.7,287.2,0,271.5,0C271.5,0,271.5,0,271.5,0z M254.1,130.2c-19.5,2.2-36.3-5.6-53-15.4v3.8c-0.1,23.9,0.5,47.7-0.4,71.6 842 c-0.8,24.5-9.6,46.1-28.8,62.2c-40.7,34.2-98.5,15.7-112.2-36.6c-7.4-28.4-1-53.9,21.1-74.2c12.6-11.6,28.2-16.8,45-19 843 c3.6-0.5,7.1-0.7,11.1-1v38.6c-5,1.2-10,2.3-14.8,3.7c-3.5,1-6.8,2.3-10.1,3.8c-19.2,9.3-24.7,32.1-11.4,49 844 c8.3,10.6,19.5,15.5,33,13.9c12.6-1.5,20.5-9.4,25.1-20.8c3.7-9.1,4.1-18.7,4.1-28.4c-0.2-46.9-0.3-93.7-0.2-140.6 845 c0-0.5,0.1-0.9,0.2-1.4h37.7c4.2,31.4,20.2,51.3,53.5,54.1L254.1,130.2z" /> 846 </svg> 847 </a> 848 </div> 849 </div> 850 <div class="960:w-1/3 text-center justify-center flex-col" style="display: flex; flex-direction: column; justify-content: center; align-items: center;"> 851 <img src="/tt-mvc/media/TT-Media/inc-5000-logo-390px-square.png" style="width:150px; height: 150px;"> 852 <p>5x Winner</p> 853 </div> 854 <div class="hidden 960:block text-right pl-64 flex-col w-1/3 justify-center"> 855 <span class="block pb-16"> 856 thunder::tech 857 </span> 858 <span class="block text-24 leading-100 pb-12"> 859 <a href="tel:8883218422" class="border-b border-white hover:border-b-0">888.321.8422</a> 860 </span>
861 <span class="block font-16 leading-150"> 862 making brands boom. 863 <span class="mx-10">|</span> 864 <a href="/contact-us" class="border-b border-white hover:border-b-0">our offices</a> 865 </span> 866 </div> 867 </div> 868 <div class="font-franklin leading-150 text-16 pt-24 border-orange border-t"> 869 <span class="block 960:inline"> 870 © 2026 thundertech.com. 871 </span> 872 <span class="block 960:inline"> 873 All Rights Reserved. 874 <span class="mx-12">|</span> 875 <a href="/Privacy" class="border-b border-white hover:border-b-0">Privacy Policy</a> 876 </span> 877 </div> 878 </div> 879</footer> 880 881
881<script type="text/javascript" src="/.build/main.js?v=10"></script>
881 882 883
883<script src="/kentico/bundles/forms/scripts?v=-bjGh-FOT6yDTxgrHwJwJf92VzWLPBz3wNicLVM1-v01"></script>
883 884 885 886 </div> 887 888
888<script type="text/javascript"> 889 var _ss = _ss || []; 890 _ss.push(['_setDomain', 'https://koi-3QNK8NMWOK.marketingautomation.services/net']); 891 _ss.push(['_setAccount', 'KOI-45LEP00DYA']); 892 _ss.push(['_trackPageView']); 893 window._pa = window._pa || {}; 894 // _pa.orderId = "myOrderId"; // OPTIONAL: attach unique conversion identifier to conversions 895 // _pa.revenue = "19.99"; // OPTIONAL: attach dynamic purchase values to conversions 896 // _pa.productId = "myProductId"; // OPTIONAL: Include product ID for use with dynamic ads 897 (function () { 898 var ss = document.createElement('script'); 899 ss.type = 'text/javascript'; ss.async = true; 900 ss.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'koi-3QNK8NMWOK.marketingautomation.services/client/ss.js?ver=2.4.0'; 901 var scr = document.getElementsByTagName('script')[0]; 902 scr.parentNode.insertBefore(ss, scr); 903 })(); 904 </script>
904 905 <!--accessibe script start--> 906
906<script> 907 (function () { 908 var s = document.createElement('script'); 909 var h = document.querySelector('head') || document.body; 910 s.src = 'https://acsbapp.com/apps/app/dist/js/app.js'; 911 s.async = true; 912 s.onload = function () { 913 acsbJS.init({ 914 statementLink: '', 915 footerHtml: '', 916 hideMobile: false, 917 hideTrigger: false, 918 disableBgProcess: false, 919 language: 'en', 920 position: 'right', 921 leadColor: '#72AEC2', 922 triggerColor: '#72AEC2', 923 triggerRadius: '50%', 924 triggerPositionX: 'right', 925 triggerPositionY: 'bottom', 926 triggerIcon: 'people', 927 triggerSize: 'bottom', 928 triggerOffsetX: 20, 929 triggerOffsetY: 20, 930 mobile: { 931 triggerSize: 'small', 932 triggerPositionX: 'right', 933 triggerPositionY: 'bottom', 934 triggerOffsetX: 10, 935 triggerOffsetY: 10, 936 triggerRadius: '20' 937 } 938 }); 939 }; 940 h.appendChild(s); 941 })(); 942 </script>
942 943 <!--accessibe script end--> 944</body> 945</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.