PageSourceSearch

https://www.thundertech.com/about-us

html thundertech.com collected 2026-10-03 21:26:19 UTC 79,447 bytes, 945 lines download raw bytes

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=&quot;_blank&quot;  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 &amp; 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 &amp; 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}&amp;h={height}&amp;mode=crop&amp;format=jpg&amp;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&#39;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&rsquo;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&rsquo;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&rsquo;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&mdash;people who care about doing great work and aren&rsquo;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}&amp;h={height}&amp;mode=crop&amp;format=jpg&amp;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&#39;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 &amp; 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 &amp; 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 &amp;
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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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                &copy; 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.