1 2<!DOCTYPE html> 3<html lang="en"> 4 5<head> 6 <meta charset="UTF-8"> 7 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 8 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 9
9<script src="https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?features=default"></script>
9 10
10<script type="text/javascript" src="//web-2-tel.com/sdk?identifier=eb9500c51b4448ae99b757ac088d4298" async></script>
10 11 12<!-- Google Tag Manager -->
13<script>
vendor: 327 bytes, lines 13-17
13(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 14new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 15j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 16'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 17})(window,document,'script','dataLayer','
17GTM-PJCQPP8
vendor: 3 bytes, line 17
17');
17</script>
17 18<!-- End Google Tag Manager --> 19 20 21
21<script async="async" defer="defer" src="https://www.youvisit.com/tour/Embed/js2"></script>
21 22 23
23<script> 24 function devqGecudGetCookie(name) { 25 return document.cookie.split("; ").reduce(function (r, v) { 26 var parts = v.split("="); 27 return parts[0] === name ? decodeURIComponent(parts[1]) : r; 28 }, ""); 29 } 30 31 try { 32 document.gecud = JSON.parse(devqGecudGetCookie('gecud')); 33 } catch (ex) { 34 document.gecud = {}; 35 } 36 37 let devqGecud = { 38 'email' : 'input[type="email"], input[name*="email" i], input[id*="email" i], input[class*="email" i]', 39 'tel' : 'input[type="tel"], input[name*="phone" i], input[id*="phone" i], input[class*="phone" i]', 40 'submit': '[type="submit"], button[id*="submit" i], button[class*="submit" i]' 41 } 42 </script>
42 43 <meta name='robots' content='index, follow, max-video-preview:-1, max-snippet:-1, max-image-preview:large' /> 44 45 <!-- This site is optimized with the Yoast SEO plugin v17.8 - https://yoast.com/wordpress/plugins/seo/ --> 46 <title>Visit - Ohio Technical College</title> 47 <meta name="description" content="Ohio Tech's training facilities are designed to provide a perfect blend of classroom space and workshop area." /> 48 <link rel="canonical" href="https://ohiotech.edu/visit/" /> 49 <meta property="og:locale" content="en_US" /> 50 <meta property="og:type" content="article" /> 51 <meta property="og:title" content="Visit - Ohio Technical College" /> 52 <meta property="og:description" content="Ohio Tech's training facilities are designed to provide a perfect blend of classroom space and workshop area." /> 53 <meta property="og:url" content="/visit/" /> 54 <meta property="og:site_name" content="Ohio Technical College" /> 55 <meta property="article:modified_time" content="2023-11-09T19:43:48+00:00" /> 56 <meta name="twitter:card" content="summary_large_image" /> 57
57<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://www.ohiotech.edu/#website","url":"https://www.ohiotech.edu/","name":"Ohio Technical College","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.ohiotech.edu/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https://ohiotech.edu/visit/#webpage","url":"https://ohiotech.edu/visit/","name":"Visit - Ohio Technical College","isPartOf":{"@id":"https://www.ohiotech.edu/#website"},"datePublished":"2021-11-16T19:36:05+00:00","dateModified":"2023-11-09T19:43:48+00:00","description":"Ohio Tech's training facilities are designed to provide a perfect blend of classroom space and workshop area.","breadcrumb":{"@id":"https://ohiotech.edu/visit/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://ohiotech.edu/visit/"]}]},{"@type":"BreadcrumbList","@id":"https://ohiotech.edu/visit/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"/"},{"@type":"ListItem","position":2,"name":"Visit"}]}]}</script>
57 58 <!-- / Yoast SEO plugin. --> 59 60 61<link rel='dns-prefetch' href='//s.w.org' /> 62
62<script type="text/javascript"> 63 window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/13.1.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/13.1.0\/svg\/","svgExt":".svg","source":{"concatemoji":"\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.8.4"}}; 64 !function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case"emoji":return!s([10084,65039,8205,55357,56613],[10084,65039,8203,55357,56613])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings); 65 </script>
65 66 <style type="text/css"> 67img.wp-smiley, 68img.emoji { 69 display: inline !important; 70 border: none !important; 71 box-shadow: none !important; 72 height: 1em !important; 73 width: 1em !important; 74 margin: 0 .07em !important; 75 vertical-align: -0.1em !important; 76 background: none !important; 77 padding: 0 !important; 78} 79</style> 80 <link rel='stylesheet' id='wp-block-library-css' href='https://ohiotech.edu/wp-includes/css/dist/block-library/style.min.css?ver=5.8.4' type='text/css' media='all' /> 81<link rel='stylesheet' id='fancybox-css' href='https://ohiotech.edu/wp-content/themes/OTCTheme/css/fancybox.css?ver=5.8.4' type='text/css' media='all' /> 82<link rel='stylesheet' id='styleimport-css' href='https://ohiotech.edu/wp-content/themes/OTCTheme/main.css?ver=3.0' type='text/css' media='all' /> 83<link rel='stylesheet' id='style-css' href='https://ohiotech.edu/wp-content/themes/OTCTheme/css/style.css?ver=5.8.4' type='text/css' media='all' />
84<script type='text/javascript' src='/wp-content/plugins/devq-gecud/gecud.js?ver=1.0.0' id='devq-gecud-js'></script>
84 85<link rel="https://api.w.org/" href="https://ohiotech.edu/wp-json/" /><link rel="alternate" type="application/json" href="https://ohiotech.edu/wp-json/wp/v2/pages/12940" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://ohiotech.edu/xmlrpc.php?rsd" /> 86<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://ohiotech.edu/wp-includes/wlwmanifest.xml" /> 87<meta name="generator" content="WordPress 5.8.4" /> 88<link rel='shortlink' href='https://ohiotech.edu/?p=12940' /> 89<link rel="alternate" type="application/json+oembed" href="https://ohiotech.edu/wp-json/oembed/1.0/embed?url=%2Fvisit%2F" /> 90<link rel="alternate" type="text/xml+oembed" href="https://ohiotech.edu/wp-json/oembed/1.0/embed?url=%2Fvisit%2F&format=xml" /> 91<link rel="preconnect" href="//code.tidio.co"><link rel="icon" href="/wp-content/uploads/2021/11/logo-icon-150x100.jpg" sizes="32x32" /> 92<link rel="icon" href="/wp-content/uploads/2021/11/logo-icon.jpg" sizes="192x192" /> 93<link rel="apple-touch-icon" href="/wp-content/uploads/2021/11/logo-icon.jpg" /> 94<meta name="msapplication-TileImage" content="/wp-content/uploads/2021/11/logo-icon.jpg" /> 95 <style type="text/css" id="wp-custom-css"> 96 97.banner_enclosure { 98 display: flex; 99 align-items: center; 100 justify-content: space-evenly; 101 padding: 0 10px; 102 gap: 10px; 103} 104 105.catalog_text { 106 display: flex; 107 align-items: center; 108 gap: 5px; 109} 110 111/* Responsive behavior: stack elements on mobile */ 112@media (max-width: 600px) { 113 .banner_enclosure { 114 flex-direction: column; 115 align-items: center; 116 text-align: center; 117 } 118} 119 120/* sitemap */ 121.sitemap ul { 122 list-style: none; 123} 124 125.sitemap li { 126 margin: 6px 0; 127} 128 129.sitemap li > a { 130 text-decoration: none; 131 color: #0b56a6; 132 border:unset; 133} 134.sitemap li > a:hover { 135 text-decoration:underline; 136 color: #c6171e; 137} 138 139.sitemap .group > a { 140 font-weight: 600; 141 font-size: 20px; 142} 143 144.sitemap .sub { 145 padding-left: 18px; 146} 147 148@media (min-width: 1040px) { 149 .sitemap > ul { 150 list-style: none; 151 columns: 2; /* automatically balances columns */ 152 column-gap: 40px; 153 padding: 0; 154 margin: 0; 155 } 156} 157 158.sitemap li { 159 break-inside: avoid; /* prevent items from splitting */ 160 margin: 6px 0; 161} 162 163.sitemap .group > a { 164 font-weight: 600; 165 font-size: 20px; 166 display: inline-block; 167 margin-top: 10px; 168} 169 170.sitemap .group a { 171 color:#121212; 172} 173 174.sitemap .sub { 175 list-style-type: disc; 176 margin-left: 20px; 177} 178 179footer .footer-bottom { 180 max-width: 1408px; 181 margin: 0 auto; 182 text-align: center; 183 border-top: 1px solid #ffffff2e; 184 padding-top: 10px; 185} 186 187 188.header--mega-menu-tab-link { 189 line-height: 1; 190 display: flex; 191 align-items: center; 192} </style> 193 <link rel="preconnect" href="https://fonts.googleapis.com"> 194<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 195<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&family=Teko:wght@400;600&display=swap" rel="stylesheet"> 196 197</head> 198 199<body> 200<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 200-201
200 201<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
201GTM-PJCQPP8
vendor: 83 bytes, lines 201-202
201" 202height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
203<!-- End Google Tag Manager (noscript) --> 204 205 <div class="page-wrapper relative min-h-100vh overflow-x-hidden overflow-y-visible mx-auto max-w-1920" data-hook="overflow" role="presentation"> 206 <!-- 207 208 # Alert Bar 209 210 ## Instructions for the application developer 211 212 The contents of alert-bar--wrap can be rendered from a rich text editor, but the only 213 elements that it supports are a single paragraph and potentially hyperlinks. 214 215 --> 216 217 <!-- <div class="alert-bar--component p-relative px-sides bg-black py-8 focus-region-white"> 218 <div class="alert-bar--wrap mx-auto max-w-1360 text-center text-white body-copy links-white"> 219 <h3>Register for OTCâs Fall Open House <a href="https://ohiotech.formstack.com/forms/on_campus_visit" target="_blank">HERE!</a></h3> 220 </div> 221</div> --> 222 223 <div class="alert-bar--component p-relative px-sides bg-red py-8 focus-region-white"> 224 <div class="alert-bar--wrap mx-auto max-w-1360 text-center text-white body-copy links-white"> 225 <div class="banner_enclosure"><span class="catalog_text">View the 2026-2027 OTC Catalog <a href="/wp-content/uploads/2026/08/2026-2027-Catalog_FINAL.pdf" target="_blank" rel="noopener">HERE</a></div> 226 </div> 227 </div> 228 <!-- 229 230 # Header 231 232 ## About the design intentions 233 234 Drop down menus are activated upon CLICK, not upon hover. 235 236 Menu items appear in light gray (#DDDDDD) and turn white (#FFFFFF) and receive a 237 red underline upon hover. 238 239 ## About the front-end implementation 240 241 ## Instructions for the application developer 242 243 We named the input s which is the built-in WordPress search parameter. 244 245 246 --> 247 <header class="header--component relative px-sides bg-black pt-16 focus-region-white"> 248 <div class="header--wrap max-w-1360 mx-auto d-flex justify-between 800:justify-start flex-wrap 800:flex-no-wrap items-center 480:items-end"> 249 <div class="header--logo-area box-content pr-16 960:pr-48 w-80 w-80 480:w-128 order-0 pb-16" role="presentation"> 250 <a class="header--home-link d-block p-relative aspect-ratio-3/2" href="/"> 251 <svg class="header--logo p-absolute top-0 left-0 w-1/1 h-1/1 text-white fill-current" viewBox="0 0 1200 800"> 252 <path d="M649.6,273H523.2l13.3,12.1c260.3,59.6,310.1,409.6,3,486.9l-5.9,10.3C961.8,823.8,958.5,326.1,649.6,273 M719.3,729.4 253 c-14.5,0-26.3-8.7-26.3-19.3c0-10.6,11.8-19.3,26.3-19.3c14.5,0,26.3,8.7,26.3,19.3C745.6,720.8,733.8,729.4,719.3,729.4z 254 M732.7,383.1c-14.5,0-26.3-8.7-26.3-19.3c0-10.6,11.8-19.3,26.3-19.3c14.5,0,26.3,8.7,26.3,19.3C759,374.4,747.2,383.1,732.7,383.1 255 z M802.1,557.1c-14.5,0-26.3-8.7-26.3-19.3c0-10.6,11.8-19.3,26.3-19.3c14.5,0,26.3,8.7,26.3,19.3 256 C828.5,548.4,816.6,557.1,802.1,557.1z" /> 257 <path d="M577.6,318.6l-63.2-32.9c-30.6,4.6-68.1,17.3-88.5,35.4l24,25.3l-30.3,32.9l-30.4-19C358,388.9,338.6,426,331,471.5 258 l40.5,8.9l-1.3,78.4L331,571.4c4.2,38.3,20.2,75,48,110l30.3-15.2l35.4,39.2l-26.5,15.2c25.3,21.5,53.5,39.6,82.2,54.4l103.7-41.7 259 C436.1,619,409.3,450.1,577.6,318.6 M339.6,578.5L372,568l-25.6,14.6c3.5,33.2,17.5,62.7,32.3,90.3 260 C359.1,644.7,344.2,614.1,339.6,578.5z M390.4,378.6c-23.8,17.2-35.8,50.7-50.8,84.5c8.3-35.9,23.6-67.8,51.5-92.5l23.8,14.3 261 L390.4,378.6z M435.3,320.7c24.1-13.4,49.3-23.9,77-27.9l34,17.2l-34.3-10.9C486.4,300,461,311.4,435.3,320.7z M428.2,722.4l20-11.4 262 l-9.5,11.2c16.3,17.7,40.9,32.1,62.9,47C474.7,756.1,450.5,740.2,428.2,722.4z" /> 263 <path fill-rule="evenodd" clip-rule="evenodd" d="M641.5,642.7h31.8c0.2,4.2,0.3,7,0.3,8.2c0,6.7-1.2,11.9-3.6,15.7 264 c-2.6,4.2-7.8,7.1-15.5,8.6c-7.7,1.5-21,2.3-40,2.3c-19.9,0-34.1-0.3-42.5-0.9c-8.4-0.6-14.8-1.9-19.1-3.7c-3.8-1.6-6.7-3.9-8.6-6.7 265 c-1.9-2.8-3.1-6.6-3.7-11.5c-0.4-3.9-0.7-11.1-0.7-21.4c0-10,0.2-17.3,0.7-21.7c0.5-4.4,1.4-7.9,2.7-10.3c2.9-5.5,8.8-9.1,17.7-10.7 266 c8.9-1.6,26.8-2.4,53.7-2.4c13.5,0,23.3,0.3,29.4,0.8c6.1,0.5,11,1.5,14.6,2.9c4.8,1.9,8.1,4.6,10,8.3c1.9,3.7,2.9,9,2.9,16.2 267 c0,0.4,0,1.8-0.1,4.3h-31.8c-0.2-2.9-0.4-4.8-0.7-5.8c-0.3-1-0.9-1.8-1.7-2.4c-1.2-0.9-4.3-1.5-9.3-1.9c-4.9-0.4-12.4-0.6-22.5-0.6 268 c-10,0-16.8,0.2-20.7,0.5c-3.8,0.4-6.5,1.1-8.1,2.1c-1.9,1.3-3.2,3.4-3.9,6.4c-0.7,3-1.1,7.8-1.1,14.4c0,6.6,0.3,11.2,1,13.9 269 c0.7,2.7,1.9,4.6,3.8,5.8c1.8,1.2,4.6,1.9,8.5,2.3c3.9,0.4,10.8,0.6,20.7,0.6c12.2,0,20.3-0.2,24.4
269-0.5c4-0.3,6.8-1.1,8.2-2.2 270 C640.5,651.6,641.4,648.1,641.5,642.7 M542.9,479.9h126.4V502h-46.5v64.6h-33.4V502h-46.5V479.9z M606.2,391.6 271 c-16.9,0-27,0.4-30.5,1.1c-3.9,0.8-6.5,2.7-7.7,5.7c-1.2,2.9-1.8,8.8-1.8,17.6c0,5.3,0.3,9.1,1,11.5c1.3,4.4,5.1,6.9,11.5,7.6 272 c4.8,0.5,14,0.8,27.6,0.8c12.8,0,21.3-0.2,25.5-0.6c4.2-0.4,7.4-1.2,9.4-2.6c1.9-1.2,3.1-2.9,3.8-5.2c0.7-2.3,1-6.1,1-11.4 273 c0-6.2-0.3-10.8-0.8-13.7c-0.5-2.9-1.4-5.1-2.8-6.6c-1.7-1.9-4.5-3-8.3-3.5C630.3,391.8,621,391.6,606.2,391.6z M606.1,369 274 c22.5,0,38.1,0.5,46.5,1.4c12.2,1.4,19.7,6.2,22.4,14.4c1.9,5.7,2.8,15.3,2.8,28.8c0,13.6-0.9,23.2-2.8,28.8 275 c-2.8,8.3-10.2,13.1-22.4,14.4c-8.5,0.9-23.9,1.4-46.2,1.4c-22.8,0-38.4-0.5-46.8-1.4c-12.2-1.4-19.7-6.2-22.4-14.4 276 c-1.9-5.7-2.8-15.5-2.8-29.3c0-13.2,0.9-22.7,2.8-28.3c2.8-8.3,10.2-13.1,22.4-14.4C568,369.5,583.5,369,606.1,369z" /> 277 <path fill-rule="evenodd" clip-rule="evenodd" d="M465.9,783.8c-166.8-99.9-220.5-224.3-137.6-378.1l-84.4-60.6L220,369l-23.9-47.7 278 l-53.2-31.2L82.3,172.7l-44,161.5l19.6,81.5H10l83.3,74.5V505H45.6l88.2,91.8h-48l87,71.5h-47.9 279 C220.8,732.2,335.8,778.6,465.9,783.8 M236.5,703.1c-6.1,0-11-4.9-11-11c0-6.1,4.9-11,11-11c6.1,0,11,4.9,11,11 280 C247.5,698.1,242.6,703.1,236.5,703.1z M267.7,668.2h-75.2v-18.4L267.7,668.2z M130.1,281.1l12.6,20l-59.2-36.2L130.1,281.1z 281 M91.5,334.2c6.1,0,11,4.9,11,11c0,6.1-4.9,11-11,11c-6.1,0-11-5-11-11C80.5,339.1,85.4,334.2,91.5,334.2z M71.3,414.9v-18.4 282 l130.3,18.4H71.3z M104.4,449.8c0-6.1,4.9-11,11-11c6.1,0,11,4.9,11,11c0,6.1-4.9,11-11,11C109.3,460.8,104.4,455.9,104.4,449.8z 283 M113.5,486.5l111.9,18.4H113.5V486.5z M144.7,554.4c-6.1,0-11-4.9-11-11c0-6.1,4.9-11,11-11c6.1,0,11,5,11,11 284 C155.7,549.5,150.8,554.4,144.7,554.4z M153.9,578.3l86.3,18.4h-86.3V578.3z M170.4,618.6c0-6.1,4.9-11,11-11c6.1,0,11,4.9,11,11 285 c0,6.1-4.9,11-11,11C175.4,629.6,170.4,624.7,170.4,618.6z" /> 286 <path fill-rule="evenodd" clip-rule="evenodd" d="M1119.5,345.2c0,6.1-4.9,11-11,11c-6.1,0-11-5-11-11c0-6.1,5-11,11-11 287 C1114.6,334.2,1119.5,339.1,1119.5,345.2 M1069.9,281.1l46.6-16.3l-59.2,36.2L1069.9,281.1z M1128.7,396.6v18.4H998.4L1128.7,396.6z 288 M963.5,703.1c-6.1,0-11-4.9-11-11c0-6.1,4.9-11,11-11c6.1,0,11,4.9,11,11C974.5,698.1,969.6,703.1,963.5,703.1z M1007.6,668.2 289 h-75.2l75.2-18.4V668.2z M1018.6,629.6c-6.1,0-11-4.9-11-11c0-6.1,4.9-11,11-11c6.1,0,11,4.9,11,11 290 C1029.6,624.7,1024.6,629.6,1018.6,629.6z M1046.1,596.6h-86.3l86.3-18.4V596.6z M1055.3,554.4c-6.1,0-11-4.9-11-11 291 c0-6.1,4.9-11,11-11c6.1,0,11,5,11,11C1066.3,549.5,1061.3,554.4,1055.3,554.4z M1086.5,504.9H974.5l111.9-18.4V504.9z M1190,415.7 292 L1190,415.7l-83.3,74.5V505h47.7l-88.2,91.8h48l-87,71.5h47.9c-95.9,63.9-210.9,110.3-341,115.5c166.8-99.9,220.5-224.3,137.6-378.1 293 l84.4-60.6L980,369l23.9-47.7l53.2-31.2l60.6-117.5l44,161.5l-19.6,81.5H1190z M1084.6,460.8c-6.1,0-11-4.9-11-11c0-6.1,5-11,11-11 294 c6.1,0,11,4.9,11,11C1095.6,455.9,1090.7,460.8,1084.6,460.8z" /> 295 <path d="M401.2,239.8c4.5-1,7.4-2.8,9-5.4c1.4-2.4,2.1-5.7,2.1-9.9c0-0.8-0.
2951-2.5-0.2-5.2h-18.4c-0.1,3.4-0.6,5.6-1.7,6.5 296 c-0.8,0.7-2.4,1.2-4.7,1.4c-2.4,0.2-7.1,0.3-14.1,0.3c-5.7,0-9.7-0.1-12-0.4c-2.2-0.2-3.9-0.7-4.9-1.4c-1.1-0.7-1.8-2-2.2-3.6 297 c-0.4-1.7-0.6-4.6-0.6-8.7c0-4.1,0.2-7.2,0.6-9.1c0.4-1.9,1.2-3.2,2.3-4c0.9-0.7,2.5-1.1,4.7-1.3c2.2-0.2,6.2-0.4,11.9-0.4 298 c5.8,0,10.1,0.1,13,0.4c2.9,0.2,4.6,0.7,5.4,1.2c0.5,0.4,0.8,0.9,1,1.5c0.1,0.6,0.3,1.8,0.4,3.6h18.4c0-1.6,0.1-2.5,0.1-2.7 299 c0-4.5-0.6-7.9-1.7-10.2c-1.1-2.3-3-4.1-5.8-5.2c-2.1-0.9-4.9-1.5-8.4-1.8c-3.5-0.3-9.2-0.5-17-0.5c-15.5,0-25.9,0.5-31,1.5 300 c-5.1,1-8.5,3.3-10.2,6.8c-0.8,1.5-1.3,3.7-1.6,6.5c-0.3,2.8-0.4,7.4-0.4,13.7c0,6.5,0.1,11,0.4,13.4c0.3,3.1,1,5.5,2.1,7.2 301 c1.1,1.8,2.8,3.2,5,4.2c2.5,1.1,6.1,1.9,11,2.3c4.9,0.4,13.1,0.6,24.5,0.6C389.1,241.2,396.7,240.7,401.2,239.8 M485.8,240.3 302 c7-0.9,11.3-3.9,12.9-9.1c1.1-3.6,1.6-9.6,1.6-18.2c0-8.5-0.6-14.6-1.6-18.1c-1.6-5.2-5.9-8.2-12.9-9.1c-4.9-0.6-13.8-0.9-26.9-0.9 303 c-13,0-22,0.3-26.8,0.9c-7,0.9-11.4,3.9-13,9.1c-1.1,3.5-1.6,9.5-1.6,17.8c0,8.7,0.5,14.9,1.6,18.5c1.6,5.2,5.9,8.2,13,9.1 304 c4.9,0.6,13.9,0.9,27,0.9C472,241.2,480.9,240.9,485.8,240.3z M768.8,240.9c4-0.2,7.5-0.6,10.6-1.2c7.2-1.3,11.1-5.1,11.8-11.4 305 c0.4-3.9,0.7-9.7,0.7-17.4c0-0.1,0-0.6-0.1-1.5h-42v10.9H774c0,0.8,0,1.3,0,1.5c0,1.6-0.2,2.8-0.6,3.5c-0.4,0.8-1,1.4-1.9,1.7 306 c-1.1,0.4-2.5,0.6-4.3,0.7c-1.8,0.1-6.9,0.2-15.2,0.2c-8.5-0.1-13.6-0.2-15.2-0.4c-1.6-0.2-2.9-0.6-3.9-1.3c-1-0.7-1.7-2-2-3.9 307 c-0.4-1.8-0.5-5.1-0.5-9.7c0-4.1,0.2-7,0.5-8.7c0.4-1.7,1-2.9,2-3.7c1-0.7,2.9-1.2,5.6-1.5c2.7-0.3,7.3-0.4,13.6-0.4 308 c5.9,0,10.3,0.1,13.4,0.2c3.3,0.2,5.4,0.6,6.5,1.3c0.6,0.4,0.9,0.8,1.1,1.4c0.2,0.5,0.3,1.6,0.3,3.1h18.4c0-3.8-0.3-6.8-0.8-8.9 309 c-1-4.3-3.8-7.2-8.4-8.5c-2.9-0.8-6.5-1.4-10.9-1.7c-4.4-0.3-10.4-0.5-18-0.5c-12.8,0-22.3,0.5-28.5,1.5c-5.6,0.9-9.3,3.5-11.1,7.7 310 c-0.9,2-1.4,4.3-1.7,6.8c-0.3,2.5-0.4,6.3-0.4,11.3c0,7.4,0.2,12.2,0.5,14.7c0.4,2.7,1,4.8,1.9,6.4c0.9,1.6,2.2,2.9,3.9,4 311 c2.5,1.5,5.9,2.5,10.2,3c4.3,0.5,11.6,0.8,22,0.8C758.8,241.2,764.9,241.1,768.8,240.9z M569.8,240.4v-13.9h-42.9v-40.7h-19.3v54.6 312 H569.8z M636.2,240.4v-13.9h-42.9v-40.7H574v54.6H636.2z M707.5,240.4v-13.1h-49v-8.8h46.2v-12h-46.2v-7.9h48.7v-12.8h-66.8v54.6 313 H707.5z M866.3,240.4v-13.1h-49v-8.8h46.2v-12h-46.2v-7.9H866v-12.8h-66.8v54.6H866.3z M443.2,226.5c-3.7-0.4-5.9-2-6.7-4.8 314 c-0.4-1.5-0.6-3.9-0.6-7.2c0-5.5,0.3-9.2,1-11.1c0.7-1.9,2.2-3,4.5-3.6c2-0.5,7.8-0.7,17.6-0.7c8.5,0,13.9,0.1,16.2,0.4 315 c2.2,0.3,3.8,1,4.8,2.2c0.8,0.9,1.3,2.3,1.6,4.1c0.3,1.9,0.4,4.7,0.4,8.7c0,3.3-0.2,5.7-0.6,7.2c-0.4,1.4-1.1,2.6-2.2,3.3 316 c-1.2,0.8-3,1.4-5.4,1.6c-2.4,0.2-7.3,0.4-14.7,0.4C451.2,227,445.9,226.8,443.2,226.5z M477.8,154.8c4.4-1,7.4-2.8,9-5.4
317 c1.4-2.4,2.1-5.7,2.1-9.9c0-0.8-0.1-2.5-0.2-5.2h-18.4c-0.1,3.4-0.6,5.6-1.7,6.5c-0.8,0.7-2.4,1.2-4.7,1.4 318 c-2.3,0.2-7.1,0.3-14.1,0.3c-5.7,0-9.7-0.1-12-0.4c-2.2-0.2-3.9-0.7-4.9-1.4c-1.1-0.8-1.8-2-2.2-3.7c-0.4-1.7-0.6-4.6-0.6-8.7 319 c0-4.1,0.2-7.2,0.6-9.1c0.4-1.9,1.2-3.3,2.3-4c0.9-0.7,2.5-1.1,4.7-1.3c2.2-0.2,6.2-0.3,11.9-0.3c5.8,0,10.1,0.1,13,0.4 320 c2.9,0.2,4.6,0.6,5.4,1.2c0.5,0.4,0.8,0.9,1,1.5c0.2,0.6,0.3,1.8,0.4,3.6h18.4c0-1.6,0-2.5,0-2.7c0-4.5-0.6-7.9-1.7-10.2 321 c-1.1-2.3-3-4-5.8-5.2c-2.1-0.9-4.9-1.5-8.4-1.8c-3.5-0.3-9.2-0.5-17-0.5c-15.5,0-25.9,0.5-31,1.6c-5.1,1-8.5,3.3-10.2,6.7 322 c-0.8,1.5-1.3,3.7-1.6,6.5c-0.3,2.8-0.4,7.4-0.4,13.7c0,6.5,0.1,11,0.4,13.5c0.3,3.1,1.1,5.5,2.1,7.2c1.1,1.8,2.8,3.2,5,4.2 323 c2.5,1.2,6.1,1.9,11,2.3c4.9,0.4,13,0.6,24.5,0.6C465.7,156.3,473.4,155.8,477.8,154.8z M768.5,154.8c4.4-1,7.4-2.8,9-5.4 324 c1.4-2.4,2.1-5.7,2.1-9.9c0-0.8-0.1-2.5-0.2-5.2H761c-0.1,3.4-0.6,5.6-1.7,6.5c-0.8,0.7-2.4,1.2-4.8,1.4c-2.3,0.2-7,0.3-14.1,0.3 325 c-5.7,0-9.7-0.1-12-0.4c-2.2-0.2-3.9-0.7-4.9-1.4c-1.1-0.8-1.8-2-2.2-3.7c-0.4-1.7-0.6-4.6-0.6-8.7c0-4.1,0.2-7.2,0.7-9.1 326 c0.4-1.9,1.2-3.3,2.3-4c0.9-0.7,2.5-1.1,4.7-1.3c2.2-0.2,6.2-0.3,11.9-0.3c5.8,0,10.1,0.1,13,0.4c2.9,0.2,4.6,0.6,5.4,1.2 327 c0.5,0.4,0.8,0.9,1,1.5c0.2,0.6,0.3,1.8,0.4,3.6h18.4c0-1.6,0.1-2.5,0.1-2.7c0-4.5-0.6-7.9-1.7-10.2c-1.1-2.3-3-4-5.8-5.2 328 c-2.1-0.9-4.9-1.5-8.4-1.8c-3.5-0.3-9.2-0.5-17-0.5c-15.5,0-25.9,0.5-31,1.6c-5.1,1-8.5,3.3-10.2,6.7c-0.8,1.5-1.3,3.7-1.6,6.5 329 c-0.3,2.8-0.4,7.4-0.4,13.7c0,6.5,0.1,11,0.4,13.5c0.3,3.1,1,5.5,2.1,7.2c1.1,1.8,2.7,3.2,4.9,4.2c2.5,1.2,6.2,1.9,11,2.3 330 c4.9,0.4,13.1,0.6,24.5,0.6C756.4,156.3,764.1,155.8,768.5,154.8z M309,155.4v-40.7h26.8v-13.9h-73v13.9h26.9v40.7H309z 331 M407.2,155.4v-13.1h-49v-8.7h46.2v-12h-46.2v-7.9h48.7v-12.8h-66.8v54.6H407.2z M514.4,155.4v-19.8h41.5v19.8h19.3v-54.6h-19.3 332 v19.5h-41.5v-19.5h-19.3v54.6H514.4z M602.2,155.4l-0.4-40.7h2l31.7,40.7h31.9v-54.6h-18.7l0.4,40.7h-1.9l-31.6-40.7h-32.2v54.6 333 H602.2z M695.2,155.4v-54.6h-19.3v54.6H695.2z M801.1,155.4l5.2-9.2h39.9l5.2,9.2h20.9l-31.5-54.6h-28.5l-32,54.6H801.1z 334 M937.1,155.4v-13.9h-42.9v-40.7h-19.3v54.6H937.1z M812.8,134.2l11.6-20.7h3.7l11.6,20.7H812.8z M
334524.3,70.4 335 c7-0.9,11.3-3.9,12.9-9.1c1.1-3.6,1.6-9.6,1.6-18.2c0-8.5-0.5-14.6-1.6-18.1c-1.6-5.2-5.9-8.2-12.9-9.1c-4.9-0.6-13.8-0.9-26.9-0.9 336 c-13,0-22,0.3-26.8,0.9c-7,0.9-11.4,3.9-12.9,9.1c-1.1,3.5-1.6,9.5-1.6,17.8c0,8.7,0.5,14.9,1.6,18.5c1.6,5.2,5.9,8.2,12.9,9.1 337 c4.9,0.6,13.9,0.9,27,0.9C510.5,71.3,519.4,71,524.3,70.4z M729.4,70.4c7-0.9,11.4-3.9,13-9.1c1.1-3.6,1.6-9.6,1.6-18.2 338 c0-8.5-0.5-14.6-1.6-18.1c-1.6-5.2-5.9-8.2-13-9.1c-4.9-0.6-13.8-0.9-26.8-0.9c-13,0-22,0.3-26.9,0.9c-7,0.9-11.3,3.9-12.9,9.1 339 c-1.1,3.5-1.6,9.5-1.6,17.8c0,8.7,0.5,14.9,1.6,18.5c1.6,5.2,5.9,8.2,12.9,9.1c4.9,0.6,13.9,0.9,27,0.9 340 C715.6,71.3,724.5,71,729.4,70.4z M565.4,70.5V50.7h41.5v19.8h19.3V15.9h-19.3v19.5h-41.5V15.9h-19.3v54.6H565.4z M653.9,70.5V15.9 341 h-19.3v54.6H653.9z M481.6,56.6c-3.7-0.4-5.9-2-6.7-4.8c-0.4-1.5-0.6-3.9-0.6-7.2c0-5.5,0.4-9.2,1.1-11.1c0.7-1.9,2.2-3,4.5-3.6 342 c2-0.5,7.8-0.7,17.6-0.7c8.5,0,13.9,0.1,16.2,0.4c2.2,0.3,3.8,1,4.8,2.2c0.8,0.9,1.3,2.3,1.6,4.2c0.3,1.8,0.4,4.7,0.4,8.6 343 c0,3.3-0.2,5.7-0.6,7.1c-0.4,1.4-1.1,2.6-2.2,3.3c-1.2,0.8-3,1.4-5.4,1.6c-2.5,0.2-7.4,0.4-14.8,0.4 344 C489.6,57.1,484.3,56.9,481.6,56.6z M686.7,56.6c-3.7-0.4-5.9-2-6.7-4.8c-0.4-1.5-0.6-3.9-0.6-7.2c0-5.5,0.4-9.2,1.1-11.1 345 c0.7-1.9,2.2-3,4.5-3.6c2-0.5,7.8-0.7,17.6-0.7c8.5,0,13.9,0.1,16.2,0.4c2.2,0.3,3.9,1,4.8,2.2c0.8,0.9,1.3,2.3,1.6,4.2 346 c0.3,1.8,0.4,4.7,0.4,8.6c0,3.3-0.2,5.7-0.6,7.1c-0.4,1.4-1.1,2.6-2.2,3.3c-1.2,0.8-3,1.4-5.4,1.6c-2.5,0.2-7.4,0.4-14.7,0.4 347 C694.8,57.1,689.5,56.9,686.7,56.6z" /> 348 </svg> 349 </a> 350 </div> 351 <div class="header--modal-buttons d-flex order-1 800:order-2" role="presentation"> 352 <a data-fancybox data-src="#modal-form" class="header--modal-buttons-request standard-button text-white bg-red hover:bg-dkred hover:text-white px-16 py-10 rounded transition-fast d-inline-block text-center self-center mb-16 mr-16"> 353 <span class="standard-button--text text-16-22 leading-100 font-display font-600 uppercase d-block font-display-adjust">Request Info</span> 354 </a> 355 <button onclick="window.location.href='tel:(800)322-7000'" class="w-64 text-ltgray p-0 hover:text-white transition-fast p-relative group" data-hook="modal.openButton" type="button"> 356 <svg class="fill-current w-32 h-32 800:w-40 800:h-40 d-block mx-auto align-top" viewBox="-4 -4 32 32"> 357 <path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"> 358 </svg> 359 <span class="d-block mt-16 h-40 text-10 text-center font-display font-600 uppercase leading-90"><a class="header--modal-buttons-phone" href="tel:(800)322-7000"> (800)-322-7000</a></span> 360 <span class="p-absolute border-red border-solid border-t-0 group-hover:border-t-8 transition-fast inset-x-0 bottom-0"></span> 361 </button> 362 <button class="w-64 text-ltgray p-0 hover:text-white transition-fast p-relative group" data-hook="modal.openButton" data-modal-id="search" type="button"> 363 <svg class="fill-current w-32 h-32 800:w-40 800:h-40 d-block mx-auto align-top" viewBox="-4 -4 32 32"> 364 <path d="M15.59,17.26c-4.08,3.19-9.93,2.42-13.12-1.66S0.05,5.68,4.13,2.49s9.96-2.42,13.12,1.66 365 c2.64,3.37,2.64,8.09,0,11.46l6.25,6.22l-1.66,1.66L15.59,17.26L15.59,17.26z M9.86,16.89c3.86,0,7.02-3.13,7.02-7.02 366 s-3.13-7.02-7.02-7.02S2.87,6.01,2.87,9.87S6,16.89,9.86,16.89z" /> 367 </svg> 368 <span class="d-block mt-16 h-40 text-10 text-center font-display font-600 uppercase leading-90 header--modal-buttons-search">Search</span> 369 <span class="p-absolute border-red border-solid border-t-0 group-hover:border-t-8 transition-fast inset-x-0 bottom-0"></span> 370 </button> 371 <button class="w-64 text-ltgray p-0 hover:text-white transition-fast p-relative group" data-hook="modal.openButton" data-modal-id="student-services-overflow-menu" type="button"> 372 <svg class="fill-current w-32 h-32 800:w-40 800:h-40 d-block mx-auto align-top" viewBox="-4 -4 32 32"> 373 <path d="M12,16.62c-4.05,0-8,1.07-11.5,3.1v3.8h23v-3.8C20.13,17.72,16.2,16.62,12,16.62z" />
374 <path d="M12,14.32c3.19,0,5.77-2.58,5.77-5.77v-2.3c0-3.19-2.58-5.77-5.77-5.77S6.23,3.06,6.23,6.25v2.3 375 C6.23,11.74,8.81,14.32,12,14.32z" /> 376 </svg> 377 <span class="d-block mt-16 h-40 text-10 text-center font-display font-600 uppercase leading-90 header--modal-buttons-services">Student Services</span> 378 <span class="p-absolute border-red border-solid border-t-0 group-hover:border-t-8 transition-fast inset-x-0 bottom-0"></span> 379 </button> 380 <button class="w-64 text-ltgray p-0 hover:text-white transition-fast p-relative group" data-hook="modal.openButton" data-modal-id="main-overflow-menu" type="button"> 381 <svg class="fill-current w-32 h-32 800:w-40 800:h-40 d-block mx-auto align-top" viewBox="-4 -4 32 32"> 382 <path fill="#FFFFFF" d="M0.5,3.9h23v2.3h-23V3.9z M0.5,10.8h23v2.3h-23V10.8z M0.5,17.8h23v2.3h-23V17.8z" /> 383 </svg> 384 <span class="d-block mt-16 h-40 text-10 text-center font-display font-600 uppercase leading-90 header--modal-buttons-menu">Menu</span> 385 <span class="p-absolute border-red border-solid border-t-0 group-hover:border-t-8 transition-fast inset-x-0 bottom-0"></span> 386 </button> 387 </div> 388 <div class="header--mega-menu-tabs border-t 800:border-t-0 border-dkgray border-solid d-flex order-2 800:order-1 flex-grow-0 flex-shrink-0 800:w-auto 800:mx-0 800:flex-grow 800:flex-shrink justify-between 800:justify-start" role="tablist"> 389 390 <button class="header--mega-menu-tab-button flex-grow text-center 800:flex-grow-0 text-ltgray hover:text-white transition-fast uppercase text-14-28 font-600 font-display px-8 640:px-16 group p-relative pt-12 pb-16" data-class-active="mega-menu--tab-active text-white" data-class-inactive="text-ltgray" type="button" data-hook="megaMenu.tab" aria-selected="false" data-folder="programs" role="tab" id="programs" aria-controls="megamenu-topLevelItem-programs"> 391 <span class="mega-menu--tab-accent p-absolute border-red border-solid border-t-0 group-hover:border-t-8 transition-fast inset-x-0 bottom-0"></span> 392 <span class="d-block p-relative">programs</span></button><button class="header--mega-menu-tab-button flex-grow text-center 800:flex-grow-0 text-ltgray hover:text-white transition-fast uppercase text-14-28 font-600 font-display px-8 640:px-16 group p-relative pt-12 pb-16" data-class-active="mega-menu--tab-active text-white" data-class-inactive="text-ltgray" type="button" data-hook="megaMenu.tab" aria-selected="false" data-folder="partnerships" role="tab" id="partnerships" aria-controls="megamenu-topLevelItem-partnerships"> 393 <span class="mega-menu--tab-accent p-absolute border-red border-solid border-t-0 group-hover:border-t-8 transition-fast inset-x-0 bottom-0"></span> 394 <span class="d-block p-relative">partnerships</span></button> 395 396 <a class="header--mega-menu-tab-link flex-grow text-center 800:flex-grow-0 text-ltgray hover:text-white transition-fast uppercase text-14-28 font-600 font-display px-8 640:px-16 group p-relative pt-12 pb-16" href="https://ohiotech.edu/visit">Visit<span class="p-absolute border-red border-solid border-t-0 group-hover:border-t-8 transition-fast inset-x-0 bottom-0"></span></a><a class="header--mega-menu-tab-link flex-grow text-center 800:flex-grow-0 text-ltgray hover:text-white transition-fast uppercase text-14-28 font-600 font-display px-8 640:px-16 group p-relative pt-12 pb-16" href="https://www.ohiotech.edu/events">News & Events<span class="p-absolute border-red border-solid border-t-0 group-hover:border-t-8 transition-fast inset-x-0 bottom-0"></span></a><a class="header--mega-menu-tab-link flex-grow text-center 800:flex-grow-0 text-ltgray hover:text-white transition-fast uppercase text-14-28 font-600 font-display px-8 640:px-16 group p-relative pt-12 pb-16" href="https://www.ohiotech.edu/Events/fall-open-house/"><span style="color: rgb(198, 23, 30);">
396Reserve Your Spot at the Fall Open House</a><span class="p-absolute border-red border-solid border-t-0 group-hover:border-t-8 transition-fast inset-x-0 bottom-0"></span></a> 397 </div> 398 </div> 399 <!-- 400 # Underbanner 401 402 ## Instructions for the application developer 403 404 ## The contents of the underbanner can be rendered from a rich text editor, but the only 405 elements that it supports are a single paragraph and potentially hyperlinks. 406 407 --> 408 409 <div class="bg-red shadow" style="background-color: #cf2e2e; width: 101vw; margin-left: -4vw; padding: 1vw 2vw; display: flex; justify-content: center;"> 410 <div class="max-w-1080" style="width: 100%; max-width: 1080px; margin:5px 0 0 10px;"> 411 <div style="display: flex; justify-content: space-between; align-items: center; width: 100%;"> 412 <span class="text-white h2" >Explore Your Options For Your New Career</span> 413 <a class="rounded px-16 py-4 bg-ltgray standard-button--text text-16-22 font-display font-600 uppercase" style="white-space:nowrap;margin-right:10px;" href="https://ohiotech.edu/programs"> View Programs</a> 414 </div> 415 </div> 416 </div> 417 </header> 418 419 420 <!-- 421 422 # Mega Menu Folders 423 424 ## Instructions for the application developer 425 426 Set all aria-label attributes though they are alt attributes on an image. 427 Ideally, they would describe the image, not simply duplicate the title. 428 For partner logos, simply append " Logo", for example 429 "XYZ Widget Company Logo". 430 431 In order to achieve the hover effect, images in an image-grid must be served 432 with the correct aspect ratio. 433 434 Each combination of (image grid, logo grid, text grid) and (sidebar, no sidebar) 435 has a unique set of classes on the items to handle the responsive sizing. According 436 to the user experience designer, the presence of the sidebar does not need to be 437 managed separately from the display of the children. 438 439 The menu types as designed are: 440 441 Programs Mega menu tab No Sidebar Linked image grid 442 Partnerships Mega menu tab Sidebar Linked logo grid 443 Visit Not specified 444 Apply Not specified 445 446 For non-specified tabs, the options available to you (or to the client, if you 447 are making the menu type a manageable characteristic) are: 448 449 Mega menu tab Sidebar Linked image grid Alternate 450 Mega menu tab No sidebar Linked image grid Standard 451 Mega menu tab Sidebar Linked logo grid (unlikely) Standard 452 Mega menu tab No sidebar Linked logo grid (unlikely) Alternate 453 Mega menu tab Sidebar Linked text grid Standard 454 Mega menu tab No sidebar Linked text grid Alternate 455 Simple Hyperlink - - All 456 457 That are most likely to be used are shown on all markup templates except 458 homepage--alternate.html which shows the other possibilities. 459 460 ## Instructions to a support developer for separating the sidebar characteristic 461 462 If at some point in the future, the child layout and sidebar become 463 separately-managed characteritics, the developer making that change already 464 has the front-end markup needed. However, the following elements' 465 class names are affected by the sidebar's presence: image-grid--item, 466 logo-grid--item and text-link-grid--item. 467 468 --> 469 <nav class="mega-menu--component h-0 p-relative z-300"> 470 <div class="mega-menu--overflow transition-medium h-0 p-relative overflow-hidden" role="presentation" data-hook="megaMenu.folderSet"> 471 472 473 <div class="mega-menu--folder px-sides bg-white py-24 border-t-4 border-red border-solid d-none" data-hook="megaMenu.folder" data-class-active="d-block" data-class-inactive="d-none" id="megamenu-folder-programs" aria-labelledby="#megamenu-tab-programs" data-folder="programs" role="tabpanel" aria-expanded="false"> 474 <div class="mega-menu--folder-wrap mx-auto max-w-1280" role="presentation"> 475 <div class="image-grid -mx-24 d-flex flex-wrap justify-center" role="presentation"> 476 <div class="image-grid--item px-24 py-16 w-1/1 480:w-1/2 640:w-1/3 800:w-1/3 960:w-1/4 1280:w-1/5" role="presentation"> 477 <a class="image-grid--item-link group d-block font-display font-600 leading-100 uppercase text-center text-20-24" style="" href="/programs/complete-automotive/"> 478 <div class="image-grid--image-treatment max-w-160 400:max-w-256 mx-auto p-relative transition-fast border-solid border-0 border-solid group-hover:border-4 border-red mb-16"> 479 <div class="image-grid--image aspect-ratio-1/1 bg-w-100-auto group-hover:bg-w-120-auto bg-center transition-fast" role="img" aria-label="Complete Automotive Technology - Automotive Technical School Ohio" data-hook="bgImage" data-handler="/wp-content/themes/OTCTheme/image-resizer/sizer_handler.php?fname=/wp-content/uploads/2023/05/Audi_cr.jpg&width={width}&height={height}&mode=crop" data-roundingwidths="standard"> 480 </div> 481 </div>
482 <span class="image-grid--label text-black transition-fast group-hover:text-red">Complete Automotive Technology - Automotive Technical School Ohio</span> 483 </a> 484 </div> 485 <div class="image-grid--item px-24 py-16 w-1/1 480:w-1/2 640:w-1/3 800:w-1/3 960:w-1/4 1280:w-1/5" role="presentation"> 486 <a class="image-grid--item-link group d-block font-display font-600 leading-100 uppercase text-center text-20-24" style="" href="/programs/collision-repair-refinishing/"> 487 <div class="image-grid--image-treatment max-w-160 400:max-w-256 mx-auto p-relative transition-fast border-solid border-0 border-solid group-hover:border-4 border-red mb-16"> 488 <div class="image-grid--image aspect-ratio-1/1 bg-w-100-auto group-hover:bg-w-120-auto bg-center transition-fast" role="img" aria-label="Collision Repair & Refinishing Technology - Auto Body Training Ohio" data-hook="bgImage" data-handler="/wp-content/themes/OTCTheme/image-resizer/sizer_handler.php?fname=/wp-content/uploads/2023/05/Collision-cr.jpg&width={width}&height={height}&mode=crop" data-roundingwidths="standard"> 489 </div> 490 </div> 491 <span class="image-grid--label text-black transition-fast group-hover:text-red">Collision Repair & Refinishing Technology - Auto Body Training Ohio</span> 492 </a> 493 </div> 494 <div class="image-grid--item px-24 py-16 w-1/1 480:w-1/2 640:w-1/3 800:w-1/3 960:w-1/4 1280:w-1/5" role="presentation"> 495 <a class="image-grid--item-link group d-block font-display font-600 leading-100 uppercase text-center text-20-24" style="" href="/programs/diesel-equipment/"> 496 <div class="image-grid--image-treatment max-w-160 400:max-w-256 mx-auto p-relative transition-fast border-solid border-0 border-solid group-hover:border-4 border-red mb-16"> 497 <div class="image-grid--image aspect-ratio-1/1 bg-w-100-auto group-hover:bg-w-120-auto bg-center transition-fast" role="img" aria-label="Diesel Equipment Technology - Diesel Mechanic School Ohio" data-hook="bgImage" data-handler="/wp-content/themes/OTCTheme/image-resizer/sizer_handler.php?fname=/wp-content/uploads/2023/05/Freightliner-cr.jpg&width={width}&height={height}&mode=crop" data-roundingwidths="standard"> 498 </div> 499 </div> 500 <span class="image-grid--label text-black transition-fast group-hover:text-red">Diesel Equipment Technology - Diesel Mechanic School Ohio</span> 501 </a> 502 </div> 503 <div class="image-grid--item px-24 py-16 w-1/1 480:w-1/2 640:w-1/3 800:w-1/3 960:w-1/4 1280:w-1/5" role="presentation"> 504 <a class="image-grid--item-link group d-block font-display font-600 leading-100 uppercase text-center text-20-24" style="" href="/programs/motorcycle-powersports/"> 505 <div class="image-grid--image-treatment max-w-160 400:max-w-256 mx-auto p-relative transition-fast border-solid border-0 border-solid group-hover:border-4 border-red mb-16"> 506 <div class="image-grid--image aspect-ratio-1/1 bg-w-100-auto group-hover:bg-w-120-auto bg-center transition-fast" role="img" aria-label="PowerSport Technology - Motorcycle Mechanic School Ohio" data-hook="bgImage" data-handler="/wp-content/themes/OTCTheme/image-resizer/sizer_handler.php?fname=/wp-content/uploads/2022/05/motorcycle-dash-scaled-e1657222681640.jpg&width={width}&height={height}&mode=crop" data-roundingwidths="standard"> 507 </div> 508 </div> 509 <span class="image-grid--label text-black transition-fast group-hover:text-red">PowerSport Technology - Motorcycle Mechanic School Ohio</span> 510 </a> 511 </div> 512 <div class="image-grid--item px-24 py-16 w-1/1 480:w-1/2 640:w-1/3 800:w-1/3 960:w-1/4 1280:w-1/5" role="presentation"> 513 <a class="image-grid--item-link group d-block font-display font-600 leading-100 uppercase text-center text-20-24" style="" href="/programs/high-performance-racing/"> 514 <div class="image-grid--image-treatment max-w-160 400:max-w-256 mx-auto p-relative transition-fast border-solid border-0 border-solid group-hover:border-4 border-red mb-16"> 515 <div class="image-grid--image aspect-ratio-1/1 bg-w-100-auto group-hover:bg-w-120-auto bg-center transition-fast" role="img" aria-label="High Performance Motorsports & Racing Technology Ohio" data-hook="bgImage" data-handler="/wp-content/themes/OTCTheme/image-resizer/sizer_handler.php?fname=/wp-content/uploads/2022/05/high-perfromance-1-scaled-e1657222641753.jpg&width={width}&height={height}&mode=crop" data-roundingwidths="standard"> 516 </div> 517 </div>
518 <span class="image-grid--label text-black transition-fast group-hover:text-red">High Performance Motorsports & Racing Technology Ohio</span> 519 </a> 520 </div> 521 <div class="image-grid--item px-24 py-16 w-1/1 480:w-1/2 640:w-1/3 800:w-1/3 960:w-1/4 1280:w-1/5" role="presentation"> 522 <a class="image-grid--item-link group d-block font-display font-600 leading-100 uppercase text-center text-20-24" style="" href="/programs/welding-fabrication-technology/"> 523 <div class="image-grid--image-treatment max-w-160 400:max-w-256 mx-auto p-relative transition-fast border-solid border-0 border-solid group-hover:border-4 border-red mb-16"> 524 <div class="image-grid--image aspect-ratio-1/1 bg-w-100-auto group-hover:bg-w-120-auto bg-center transition-fast" role="img" aria-label="Welding & Fabrication Technology Trade School in Ohio" data-hook="bgImage" data-handler="/wp-content/themes/OTCTheme/image-resizer/sizer_handler.php?fname=/wp-content/uploads/2021/11/EK4A8158-scaled-e1657222751338.jpg&width={width}&height={height}&mode=crop" data-roundingwidths="standard"> 525 </div> 526 </div> 527 <span class="image-grid--label text-black transition-fast group-hover:text-red">Welding & Fabrication Technology Trade School in Ohio</span> 528 </a> 529 </div> 530 </div> 531 </div> 532 </div> 533 534 <div class="mega-menu--sidebar-folder d-none bg-white border-t-4 border-red border-solid" data-hook="megaMenu.folder" data-class-active="d-block" data-class-inactive="d-none" id="megamenu-folder-partnerships" aria-labelledby="#megamenu-tab-partnerships" data-folder="partnerships" role="tabpanel" aria-expanded="false"> 535 <div class="mega-menu--sidebar-wrap mx-auto max-w-1360 800:d-flex" role="presentation"> 536 <div class="mega-menu--sidebar px-sides py-80 p-relative 800:w-416 flex-grow-0 flex-shrink-0 text-white"> 537 <div class="mega-menu--sidebar-graphic" aria-hidden="true"> 538 </div> 539 <div class="intro-copy links-white text-white p-relative"> 540 <p>Ohio Tech is proud of over 55 years of valuable training partnerships to help Ohio Tech graduates succeed. Ohio Tech provides many opportunities for students to obtain industry certifications and recognitions. Get the skills and documentation to break into a great technical career with our industry training!</p> 541 </div> 542 <a href="/partnerships" style="display: none;" class="standard-button text-white bg-red hover:bg-dkred hover:text-white px-16 py-10 rounded transition-fast d-inline-block min-w-256 480:min-w-300 w-1/1 400:w-auto p-relative mt-16"> 543 <span class="standard-button--text text-16-22 leading-100 font-display font-600 uppercase d-block font-display-adjust">Partner Programs</span> 544 </a> 545 </div> 546 <div class="mega-menu--folder-content 800:w-calc-1/1--480 px-sides py-24 bg-white flex-grow-0 flex-shrink-0"> 547 <div class="logo-grid -mx-24 d-flex flex-wrap justify-center" role="presentation"> 548 549 <div class="logo-grid--item px-24 py-16 w-1/1 400:w-1/2 640:w-1/3 800:w-1/2 1080:w-1/3 1280:w-1/4" role="presentation"> 550 <a class="logo-grid--item-link group d-block font-display font-600 leading-100 uppercase text-center text-20-24" style="" href="/cummins/"> 551 <div class="logo-grid--image-treatment max-w-160 400:max-w-256 mx-auto bg-ltgray mb-24 p-24 shadow group-hover:p-16 transition-fast border-solid border-0 border-solid group-hover:border-4 border-red" role="presentation"> 552 <div class="logo-grid--image aspect-ratio-1/1 bg-contain bg-center" role="img" aria-label="Cummins" data-hook="bgImage" data-handler="/wp-content/themes/OTCTheme/image-resizer/sizer_handler.php?fname=/wp-content/uploads/2022/05/cummins-logo-1.png&width={width}&height={height}&mode=crop" data-roundingwidths="standard"> 553 </div> 554 </div>
555 <span class="logo-grid--label text-black transition-fast group-hover:text-red">Cummins</span> 556 </a> 557 </div> 558 559 <div class="logo-grid--item px-24 py-16 w-1/1 400:w-1/2 640:w-1/3 800:w-1/2 1080:w-1/3 1280:w-1/4" role="presentation"> 560 <a class="logo-grid--item-link group d-block font-display font-600 leading-100 uppercase text-center text-20-24" style="" href="/erie-insurance/"> 561 <div class="logo-grid--image-treatment max-w-160 400:max-w-256 mx-auto bg-ltgray mb-24 p-24 shadow group-hover:p-16 transition-fast border-solid border-0 border-solid group-hover:border-4 border-red" role="presentation"> 562 <div class="logo-grid--image aspect-ratio-1/1 bg-contain bg-center" role="img" aria-label="Erie Insurance" data-hook="bgImage" data-handler="/wp-content/themes/OTCTheme/image-resizer/sizer_handler.php?fname=/wp-content/uploads/2023/08/Screenshot-2023-08-07-132238.png&width={width}&height={height}&mode=crop" data-roundingwidths="standard"> 563 </div> 564 </div> 565 <span class="logo-grid--label text-black transition-fast group-hover:text-red">Erie Insurance</span> 566 </a> 567 </div> 568 569 <div class="logo-grid--item px-24 py-16 w-1/1 400:w-1/2 640:w-1/3 800:w-1/2 1080:w-1/3 1280:w-1/4" role="presentation"> 570 <a class="logo-grid--item-link group d-block font-display font-600 leading-100 uppercase text-center text-20-24" style="" href="/kawasaki/"> 571 <div class="logo-grid--image-treatment max-w-160 400:max-w-256 mx-auto bg-ltgray mb-24 p-24 shadow group-hover:p-16 transition-fast border-solid border-0 border-solid group-hover:border-4 border-red" role="presentation"> 572 <div class="logo-grid--image aspect-ratio-1/1 bg-contain bg-center" role="img" aria-label="Kawasaki" data-hook="bgImage" data-handler="/wp-content/themes/OTCTheme/image-resizer/sizer_handler.php?fname=/wp-content/uploads/2022/06/kawasaki-partners-062922.png&width={width}&height={height}&mode=crop" data-roundingwidths="standard"> 573 </div> 574 </div> 575 <span class="logo-grid--label text-black transition-fast group-hover:text-red">Kawasaki</span> 576 </a> 577 </div> 578 579 <div class="logo-grid--item px-24 py-16 w-1/1 400:w-1/2 640:w-1/3 800:w-1/2 1080:w-1/3 1280:w-1/4" role="presentation"> 580 <a class="logo-grid--item-link group d-block font-display font-600 leading-100 uppercase text-center text-20-24" style="" href="/yamaha/"> 581 <div class="logo-grid--image-treatment max-w-160 400:max-w-256 mx-auto bg-ltgray mb-24 p-24 shadow group-hover:p-16 transition-fast border-solid border-0 border-solid group-hover:border-4 border-red" role="presentation"> 582 <div class="logo-grid--image aspect-ratio-1/1 bg-contain bg-center" role="img" aria-label="Yamaha" data-hook="bgImage" data-handler="/wp-content/themes/OTCTheme/image-resizer/sizer_handler.php?fname=/wp-content/uploads/2022/06/yamaha-bg5.png&width={width}&height={height}&mode=crop" data-roundingwidths="standard"> 583 </div> 584 </div> 585 <span class="logo-grid--label text-black transition-fast group-hover:text-red">Yamaha</span> 586 </a> 587 </div> 588 589 <div class="logo-grid--item px-24 py-16 w-1/1 400:w-1/2 640:w-1/3 800:w-1/2 1080:w-1/3 1280:w-1/4" role="presentation"> 590 <a class="logo-grid--item-link group d-block font-display font-600 leading-100 uppercase text-center text-20-24" style="" href="/indian/"> 591 <div class="logo-grid--image-treatment max-w-160 400:max-w-256 mx-auto bg-ltgray mb-24 p-24 shadow group-hover:p-16 transition-fast border-solid border-0 border-solid group-hover:border-4 border-red" role="presentation"> 592 <div class="logo-grid--image aspect-ratio-1/1 bg-contain bg-center" role="img" aria-label="Indian" data-hook="bgImage" data-handler="/wp-content/themes/OTCTheme/image-resizer/sizer_handler.php?fname=/wp-content/uploads/2022/06/indian-moto-update.png&width={width}&height={height}&mode=crop" data-roundingwidths="standard"> 593 </div> 594 </div>
595 <span class="logo-grid--label text-black transition-fast group-hover:text-red">Indian</span> 596 </a> 597 </div> 598 599 <div class="logo-grid--item px-24 py-16 w-1/1 400:w-1/2 640:w-1/3 800:w-1/2 1080:w-1/3 1280:w-1/4" role="presentation"> 600 <a class="logo-grid--item-link group d-block font-display font-600 leading-100 uppercase text-center text-20-24" style="" href="/polaris-victory/"> 601 <div class="logo-grid--image-treatment max-w-160 400:max-w-256 mx-auto bg-ltgray mb-24 p-24 shadow group-hover:p-16 transition-fast border-solid border-0 border-solid group-hover:border-4 border-red" role="presentation"> 602 <div class="logo-grid--image aspect-ratio-1/1 bg-contain bg-center" role="img" aria-label="Polaris Victory" data-hook="bgImage" data-handler="/wp-content/themes/OTCTheme/image-resizer/sizer_handler.php?fname=/wp-content/uploads/2022/05/polaris-logo-png-transparent.png&width={width}&height={height}&mode=crop" data-roundingwidths="standard"> 603 </div> 604 </div> 605 <span class="logo-grid--label text-black transition-fast group-hover:text-red">Polaris Victory</span> 606 </a> 607 </div> 608 609 <div class="logo-grid--item px-24 py-16 w-1/1 400:w-1/2 640:w-1/3 800:w-1/2 1080:w-1/3 1280:w-1/4" role="presentation"> 610 <a class="logo-grid--item-link group d-block font-display font-600 leading-100 uppercase text-center text-20-24" style="" href="/suzuki/"> 611 <div class="logo-grid--image-treatment max-w-160 400:max-w-256 mx-auto bg-ltgray mb-24 p-24 shadow group-hover:p-16 transition-fast border-solid border-0 border-solid group-hover:border-4 border-red" role="presentation"> 612 <div class="logo-grid--image aspect-ratio-1/1 bg-contain bg-center" role="img" aria-label="Suzuki" data-hook="bgImage" data-handler="/wp-content/themes/OTCTheme/image-resizer/sizer_handler.php?fname=/wp-content/uploads/2022/06/suzuki-update.png&width={width}&height={height}&mode=crop" data-roundingwidths="standard"> 613 </div> 614 </div> 615 <span class="logo-grid--label text-black transition-fast group-hover:text-red">Suzuki</span> 616 </a> 617 </div> 618 619 <div class="logo-grid--item px-24 py-16 w-1/1 400:w-1/2 640:w-1/3 800:w-1/2 1080:w-1/3 1280:w-1/4" role="presentation"> 620 <a class="logo-grid--item-link group d-block font-display font-600 leading-100 uppercase text-center text-20-24" style="" href="/audi/"> 621 <div class="logo-grid--image-treatment max-w-160 400:max-w-256 mx-auto bg-ltgray mb-24 p-24 shadow group-hover:p-16 transition-fast border-solid border-0 border-solid group-hover:border-4 border-red" role="presentation"> 622 <div class="logo-grid--image aspect-ratio-1/1 bg-contain bg-center" role="img" aria-label="Audi" data-hook="bgImage" data-handler="/wp-content/themes/OTCTheme/image-resizer/sizer_handler.php?fname=/wp-content/uploads/2022/06/audi-bg.png&width={width}&height={height}&mode=crop" data-roundingwidths="standard"> 623 </div> 624 </div> 625 <span class="logo-grid--label text-black transition-fast group-hover:text-red">Audi</span> 626 </a> 627 </div> 628 629 <div class="logo-grid--item px-24 py-16 w-1/1 400:w-1/2 640:w-1/3 800:w-1/2 1080:w-1/3 1280:w-1/4" role="presentation"> 630 <a class="logo-grid--item-link group d-block font-display font-600 leading-100 uppercase text-center text-20-24" style="" href="/ohio-cat/"> 631 <div class="logo-grid--image-treatment max-w-160 400:max-w-256 mx-auto bg-ltgray mb-24 p-24 shadow group-hover:p-16 transition-fast border-solid border-0 border-solid group-hover:border-4 border-red" role="presentation"> 632 <div class="logo-grid--image aspect-ratio-1/1 bg-contain bg-center" role="img" aria-label="Ohio CAT" data-hook="bgImage" data-handler="/wp-content/themes/OTCTheme/image-resizer/sizer_handler.php?fname=/wp-content/uploads/2024/12/OhioCat-ColorLogo-Partnerships.png&width={width}&height={height}&mode=crop" data-roundingwidths="standard"> 633 </div> 634 </div>
635 <span class="logo-grid--label text-black transition-fast group-hover:text-red">Ohio CAT</span> 636 </a> 637 </div> 638 639 <div class="logo-grid--item px-24 py-16 w-1/1 400:w-1/2 640:w-1/3 800:w-1/2 1080:w-1/3 1280:w-1/4" role="presentation"> 640 <a class="logo-grid--item-link group d-block font-display font-600 leading-100 uppercase text-center text-20-24" style="" href="/get-ahead/"> 641 <div class="logo-grid--image-treatment max-w-160 400:max-w-256 mx-auto bg-ltgray mb-24 p-24 shadow group-hover:p-16 transition-fast border-solid border-0 border-solid group-hover:border-4 border-red" role="presentation"> 642 <div class="logo-grid--image aspect-ratio-1/1 bg-contain bg-center" role="img" aria-label="Get Ahead â Freightliner, Western Star, Detroit Diesel" data-hook="bgImage" data-handler="/wp-content/themes/OTCTheme/image-resizer/sizer_handler.php?fname=/wp-content/uploads/2022/06/get-ahead-bg.png&width={width}&height={height}&mode=crop" data-roundingwidths="standard"> 643 </div> 644 </div> 645 <span class="logo-grid--label text-black transition-fast group-hover:text-red">Get Ahead â Freightliner, Western Star, Detroit Diesel</span> 646 </a> 647 </div> 648 649 <div class="logo-grid--item px-24 py-16 w-1/1 400:w-1/2 640:w-1/3 800:w-1/2 1080:w-1/3 1280:w-1/4" role="presentation"> 650 <a class="logo-grid--item-link group d-block font-display font-600 leading-100 uppercase text-center text-20-24" style="" href="/valley-truck-centers/"> 651 <div class="logo-grid--image-treatment max-w-160 400:max-w-256 mx-auto bg-ltgray mb-24 p-24 shadow group-hover:p-16 transition-fast border-solid border-0 border-solid group-hover:border-4 border-red" role="presentation"> 652 <div class="logo-grid--image aspect-ratio-1/1 bg-contain bg-center" role="img" aria-label="Valley Truck Center" data-hook="bgImage" data-handler="/wp-content/themes/OTCTheme/image-resizer/sizer_handler.php?fname=/wp-content/uploads/2022/06/valley-truck-placeholder.png&width={width}&height={height}&mode=crop" data-roundingwidths="standard"> 653 </div> 654 </div> 655 <span class="logo-grid--label text-black transition-fast group-hover:text-red">Valley Truck Center</span> 656 </a> 657 </div> 658 659 <div class="logo-grid--item px-24 py-16 w-1/1 400:w-1/2 640:w-1/3 800:w-1/2 1080:w-1/3 1280:w-1/4" role="presentation"> 660 <a class="logo-grid--item-link group d-block font-display font-600 leading-100 uppercase text-center text-20-24" style="" href="/ase/"> 661 <div class="logo-grid--image-treatment max-w-160 400:max-w-256 mx-auto bg-ltgray mb-24 p-24 shadow group-hover:p-16 transition-fast border-solid border-0 border-solid group-hover:border-4 border-red" role="presentation"> 662 <div class="logo-grid--image aspect-ratio-1/1 bg-contain bg-center" role="img" aria-label="ASE" data-hook="bgImage" data-handler="/wp-content/themes/OTCTheme/image-resizer/sizer_handler.php?fname=/wp-content/uploads/2022/06/ASE-BG.png&width={width}&height={height}&mode=crop" data-roundingwidths="standard"> 663 </div> 664 </div> 665 <span class="logo-grid--label text-black transition-fast group-hover:text-red">ASE</span> 666 </a> 667 </div> 668 669 <div class="logo-grid--item px-24 py-16 w-1/1 400:w-1/2 640:w-1/3 800:w-1/2 1080:w-1/3 1280:w-1/4" role="presentation"> 670 <a class="logo-grid--item-link group d-block font-display font-600 leading-100 uppercase text-center text-20-24" style="" href="/partnerships/penske-2/"> 671 <div class="logo-grid--image-treatment max-w-160 400:max-w-256 mx-auto bg-ltgray mb-24 p-24 shadow group-hover:p-16 transition-fast border-solid border-0 border-solid group-hover:border-4 border-red" role="presentation"> 672 <div class="logo-grid--image aspect-ratio-1/1 bg-contain bg-center" role="img" aria-label="Penske" data-hook="bgImage" data-handler="/wp-content/themes/OTCTheme/image-resizer/sizer_handler.php?fname=/wp-content/uploads/2022/09/Penske_Logo.svg_-e1762983052603.png&width={width}&height={height}&mode=crop" data-roundingwidths="standard"> 673 </div> 674 </div>
675 <span class="logo-grid--label text-black transition-fast group-hover:text-red">Penske</span> 676 </a> 677 </div> 678 </div> 679 </div> 680 </div> 681 </div> 682 683 </div> 684 </nav> 685 686 687 <!-- 688 689 # Search Modal 690 691 ## About the design intentions 692 693 ## About the front-end implementation 694 695 ## Instructions for the application developer 696 697 We named the input s which is the built-in WordPress search parameter. 698 699 700 --> 701 <div class="search-modal--component focus-region-white p-fixed inset-0 px-sides invisible transition-medium opacity-0 d-flex flex-col items-center justify-center z-500" data-hook="modal" data-modal-id="search" data-class-active="visible opacity-1" data-class-inactive="invisible opacity-0"> 702 <button class="search-modal--shader bg-black opacity-90 p-absolute p-0 left-0 top-0 w-1/1 h-1/1 cursor-default" type="button" data-hook="modal.closeButton"> 703 </button> 704 <button class="search-modal--close p-absolute top-0 right-0 mr-32 mt-32 w-40 h-40 text-white hover:text-red transition-fast" type="button" data-hook="modal.closeButton"> 705 <svg class="w-1/1 h-1/1 d-block fill-current" viewBox="0 0 24 24"> 706 <polygon points="22,4.02 19.98,2 12,9.98 4.02,2 2,4.02 9.98,12 2,19.98 4.02,22 12,14.02 19.98,22 22,19.98 14.02,12 " /> 707 </svg> 708 <span class="d-block mt-8 text-center font-display uppercase tracking-2 text-18">Close</span> 709 </button> 710 <div class="search-modal--center w-1/1 p-relative"> 711 <form class="search-modal--form mx-auto my-0 max-w-800 d-flex" action="/search-results/?q=" method="get"> 712 <input class="search-modal--control min-w-0 w-auto flex-grow flex-shrink outline-none placeholder-mdgray pt-16 pb-12 rounded bg-ltrgray focus:bg-white tracking-3 outline-0 text-black font-display px-24 py-16 text-16-22 leading-100" type="text" placeholder="Enter search keywords" name="q" data-hook="modal.autoFocus"> 713 <button type="text" class="standard-button text-white bg-red hover:bg-dkred hover:text-white px-16 py-10 rounded transition-fast d-inline-block w-128 flex-grow-0 flex-shrink-0 ml-16"> 714 <span class="standard-button--text text-16-22 leading-100 font-display font-600 uppercase d-block font-display-adjust">Search</span> 715 </button> 716 </form> 717 </div> 718 </div> 719 <!-- 720 721 # Overflow Menus 722 723 ## About the design intentions 724 725 ## About the front-end implementation 726 727 ## Instructions for the application developer 728 729 730 --> 731 <div class="student-services-overflow-menu--component z-400 p-20 overflow-x-hidden overflow-y-auto px-sides w-288 transition-medium invisible transform-r-1/1 p-fixed right-0 top-0 bottom-0 bg-white" data-hook="modal" data-modal-id="student-services-overflow-menu" data-class-active="visible transform-none" data-class-inactive="invisible transform-r-1/1" data-quick-close="1"> 732 <button type="button" data-hook="modal.closeButton" class="standard-button text-white bg-red hover:bg-dkred hover:text-white px-16 py-10 rounded transition-fast d-inline-flex items-center w-1/1 text-left"> 733 <svg class="standard-button--icon fill-current mr-8 w-24 h-24 flex-grow-0 flex-shrink-0" viewBox="0 0 24 24"> 734 <polygon points="22,4.02 19.98,2 12,9.98 4.02,2 2,4.02 9.98,12 2,19.98 4.02,22 12,14.02 19.98,22 22,19.98 14.02,12 " /> 735 </svg> 736 <span class="standard-button--text text-16-22 leading-100 font-display font-600 uppercase d-block font-display-adjust flex-grow flex-shrink">Close</span> 737 </button> 738 739 740 741 <h2 class="h2 text-black mt-24">Student Services</h2> 742 <div class="main-overflow-menu-links mt-24 pt-12 border-t-2 border-mdgray border-solid"> 743 744 <a class="main-overflow-menu-link text-black hover:text-red py-12 d-block uppercase font-600 leading-125 text-18" style="" href="/student-services/alumni">Alumni</a><a class="main-overflow-menu-link text-black hover:text-red py-12 d-block uppercase font-600 leading-125 text-18" style="" href="/student-services/career-services">Career Services</a><a class="main-overflow-menu-link text-black hover:text-red py-12 d-block uppercase font-600 leading-125 text-18" style="" href="/student-services/student-housing">Student Housing</a><a class="main-overflow-menu-link text-black hover:text-red py-12 d-block uppercase font-600 leading-125 text-18" style="" href="/student-services/resource-center">Resource Center</a><a class="main-overflow-menu-link text-black hover:text-red py-12 d-block uppercase font-600 leading-125 text-18" style="" href="/student-services/graduation">Graduation</a><a class="main-overflow-menu-link text-black hover:text-red py-12 d-block uppercase font-600 leading-125 text-18" style="" href="https://paywithcardx.com/bpl/ohtechtra1,pt=default_invoice">OTC Mobile Pay</a><a class="main-overflow-menu-link text-black hover:text-red py-12 d-block uppercase font-600 leading-125 text-18" style="" href="/student-services/disability-information">Disability Information</a><a class="main-overflow-menu-link text-black hover:text-red py-12 d-block uppercase font-600 leading-125 text-18" style="" href="/student-services/military-veterans">Military & Veterans</a><a class="main-overflow-menu-link text-black hover:text-red py-12 d-block uppercase font-600 leading-125 text-18" style="" href="/about/disclosures/">Disclosures</a> </div> 745 </div> 746 <div class="main-overflow-menu--component z-400 p-20 overflow-x-hidden overflow-y-auto px-sides w-288 transition-medium invisible transform-r-1/1 p-fixed right-0 top-0 bottom-0 bg-white" data-hook="modal" data-modal-id="main-overflow-menu" data-class-active="visible transform-none" data-class-inactive="invisible transform-r-1/1" data-quick-close="1"> 747 <button type="button" data-hook="modal.closeButton" class="standard-button text-white bg-red hover:bg-dkred hover:text-white px-16 py-10 rounded transition-fast d-inline-flex items-center w-1/1 text-left"> 748 <svg class="standard-button--icon fill-current mr-8 w-24 h-24 flex-grow-0 flex-shrink-0" viewB
748ox="0 0 24 24"> 749 <polygon points="22,4.02 19.98,2 12,9.98 4.02,2 2,4.02 9.98,12 2,19.98 4.02,22 12,14.02 19.98,22 22,19.98 14.02,12 " /> 750 </svg> 751 <span class="standard-button--text text-16-22 leading-100 font-display font-600 uppercase d-block font-display-adjust flex-grow flex-shrink">Close</span> 752 </button> 753 754 755 <h2 class="h2 text-black mt-24">Main Menu</h2> 756 <div class="main-overflow-menu-links mt-24 pt-12 border-t-2 border-mdgray border-solid"> 757 758 <a class="main-overflow-menu-link text-black hover:text-red py-12 d-block uppercase font-600 leading-125 text-18" style="" href="/graduate-stories">Graduate Stories</a><a class="main-overflow-menu-link text-black hover:text-red py-12 d-block uppercase font-600 leading-125 text-18" style="" href="/about">About</a><a class="main-overflow-menu-link text-black hover:text-red py-12 d-block uppercase font-600 leading-125 text-18" style="" href="/tuition-rates/">Tuition Rates</a><a class="main-overflow-menu-link text-black hover:text-red py-12 d-block uppercase font-600 leading-125 text-18" style="" href="/visit/location-map/">Location Map</a><a class="main-overflow-menu-link text-black hover:text-red py-12 d-block uppercase font-600 leading-125 text-18" style="" href="/contact">Contact</a><a class="main-overflow-menu-link text-black hover:text-red py-12 d-block uppercase font-600 leading-125 text-18" style="" href="http://ohio-technical-college.square.site">OTC MERCH STORE</a><a class="main-overflow-menu-link text-black hover:text-red py-12 d-block uppercase font-600 leading-125 text-18" style="" href="/careers-at-otc/">Careers At OTC</a> </div> 759 </div> 760 761 <!-- 762 763 # Page Introduction Section 764 765 ## About the design intentions 766 767 This section displays the page title, a secondary supporting heading that helps 768 explain the page topic, and a description that goes into more detail. A 769 single-step breadcrumb link links users back to the parent page. 770 771 This section displays a static background image instead of a video. 772 773 ## About the front-end implementation 774 775 ## Instructions for the application developer 776 777 778 --> 779 780 781 <section class="page-introduction--section p-relative focus-region-white"> 782 <div class="website-introduction--media p-absolute inset-0 bg-center bg-cover" data-hook="bgImage" data-handler="/wp-content/themes/OTCTheme/image-resizer/sizer_handler.php?fname=/wp-content/uploads/2022/05/Screen-Shot-2022-04-26-at-3.09.51-PM.png&width={width}&height={height}&mode=crop&scale=both" data-roundingwidths="standard"> 783 </div> 784 <div class="website-introduction--layout pt-40 pb-80 p-relative bg-bottom-gradient-dark px-sides" role="presentation"> 785 <div class="website-introduction--wrap max-w-1080 mx-auto" role="presentation"> 786 <a class="d-inline-flex text-white items-center hover:text-red transition-fast" href="/"> 787 <svg class="mr-4 w-24 h-24 fill-current" viewBox="0 0 24 24"> 788 <path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z" /> 789 </svg> 790 <span class="text-14-18 font-600 uppercase">Back to HOMEPAGE</span> 791 </a> 792 <h1 class="website-introduction--heading mt-40 h1 text-center text-white text-40-80">Visit Ohio Technical College</h1> 793 <span class="border-t-8 border-red d-block max-w-80 mx-auto"></span> 794 <span class="website-introduction--subheading intro-copy d-block text-center mt-24 text-white">Elevate Your Career</span> 795 <p class="website-introduction--summary body-copy text-center mt-24 text-white">Encompassing more than 500,000 + square feet in total area, Ohio Tech's training facilities are designed to provide a perfect blend of classroom space and workshop area. This is evidenced by the fact that OTC was named the National School of the Year in Chicago Pneumatic, Tomorrowâs Technician Competition. When it comes to education, there are no shortcuts. In fact, Oho Tech was called the âHarvard of Technical Schoolsâ by Cleveland, Ohio NBC affiliate WKYC Channel 3. This is credited to our hands-on training methods the students receive on a multitude of live, full-sized equipment, on top of our rich 50+ years in educating future technicians. </p> 796 <div class="button-list d-flex -mx-8 mt-24 flex-wrap justify-center"> 797 <div class="button-list--item px-8 py-4 " role="presentation"> 798 <a href="/contact" class="standard-button text-black bg-ltgray hover:bg-dkred hover:text-white px-16 py-10 rounded transition-fast d-inline-block text-center min-w-256">
799 <span class="standard-button--text text-16-22 leading-100 font-display font-600 uppercase d-block font-display-adjust">Request Information</span> 800 </a> 801 </div> 802 <div class="button-list--item px-8 py-4 " role="presentation"> 803 <a href="/visit/location-map" class="standard-button text-black bg-ltgray hover:bg-dkred hover:text-white px-16 py-10 rounded transition-fast d-inline-block text-center min-w-256"> 804 <span class="standard-button--text text-16-22 leading-100 font-display font-600 uppercase d-block font-display-adjust">Visit OTC</span> 805 </a> 806 </div> 807 </div> 808 </div> 809 </div> 810 </section> 811 <!-- 812 813 # Content Display Section 814 815 ## About the design intentions 816 817 VIDEO SECTION - Grey bar is specific to the video not the design. Video will be 818 iframe â play directly in section on the page (no modal). 819 820 ## About the front-end implementation 821 822 This should accept a parameter called list which determines which items to 823 display. 824 825 The videos have the light gray background. 826 827 Use the alternate variant. 828 829 ## Instructions for the application developer 830 831 The alternating layout is automatic and does not require any classes to be 832 edited. However, the video and image variations should be copied and implemented 833 separately because they have class name and structure differences. The fact that 834 those differences are agnostic to the alternation that you can place the same 835 markup for any number of images and videos in a row and the only differences 836 in markup that are needed are those between images and videos. 837 838 Despite its similar appearance, this is a completely different component from 839 the Content Link List section. Additionally, unlike the Content Link List Section, 840 each piece of display content is its own section, resulting in multiple sections. 841 842 The manageable field for videos should be the URL, not the entire embed code. 843 844 Render the title of the video into the iframe element's title attribute. 845 846 --> 847 848 <section class="content-display--section p-relative py-40 px-sides multi-alternate bg-white" hidden> 849 </section> 850 <section class="content-display--section p-relative py-40 px-sides multi-alternate bg-white"> 851 <div class="content-display--wrap mx-auto max-w-1360 640:d-flex items-center multi-alternate-even:flex-row-reverse"> 852 <div class="content-display--image-layout self-start flex-grow-0 flex-shrink-0 640:w-1/2 640:pr-32 multi-alternate-even:pr-0 640:multi-alternate-even:pl-32 form"> 853 <div class="content-display--image p-relative aspect-ratio-10/7 bg-cover bg-center" role="img" aria-label="image" data-hook="bgImage" data-handler="/wp-content/themes/OTCTheme/image-resizer/sizer_handler.php?fname=/wp-content/uploads/2022/05/2156397.jpg&width={width}&height={height}&scale=both" data-roundingwidths="standard"></div> 854 </div> 855 <div class="640:w-1/2 text-black 640:px-32 py-16 640:py-0 640:multi-alternate-even:pl-0 640:multi-alternate-even:pr-32 640:multi-alternate-odd:pr-0 640:multi-alternate-odd:pl-32 flex-grow-0 flex-shrink-0 text" role="presentation"> 856 <span class="content-display--title d-block h2">Cleveland, Ohio 'The All American City'</span> 857 <span class="d-block border-t border-red border-8 border-solid max-w-80 mt-4"></span> 858 <span class="content-display--summary intro-copy d-block mt-16 mb-8">Cleveland is located on the coast of Lake Erie. This âGreat Lakeâ offers numerous attractions, aquatic sports, and leisure activities, including power boating, fishing, the Lake Erie Islands, and jet skiing among others. A small city with big city amenities, there is always something to do and places to be seen. At Ohio Tech you are 20 minutes away from the country and just minutes from downtown. When you choose Ohio Tech you get a quality education in a city that truly lives up to its image.</span> 859 </div> 860 </div> 861 </section> 862 863 864
865 <!-- 866 867 # Video Embed Section 868 869 ## About the design intentions 870 871 VIDEO SECTION - Grey bar is specific to the video not the design. Video will be 872 iframe â play directly in section on the page (no modal). 873 874 ## About the front-end implementation 875 876 This should accept a parameter called list which determines which items to 877 display. 878 879 The videos have the light gray background. 880 881 Use the alternate variant. 882 883 ## Instructions for the application developer 884 885 The manageable field for videos should be the URL, not the entire embed code. 886 887 --> 888 889 890 <section class="content-display--section p-relative py-40 px-sides bg-ltrgray"> 891 <div class="primary-cta--image bg-center bg-cover p-absolute inset-0" style="background-color: #f4f4f4;"> 892 </div> 893 <div style="padding: 2vw 0vw;" class="primary-cta--text py-80 p-relative px-sides" role="presentation"> 894 <div class="primary-cta--wrap max-w-800 mx-auto text-center" role="presentation"> 895 <iframe style="position: relative; left: 50%; transform: translateX(-50%); width: 66vw; height: 37vw; max-width: 720px; max-height: 405px;" src="https://www.youtube.com/embed/UgoprWOmOO8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> 896 </div> 897 </div> 898 </section> 899 900 901 <!-- position: relative; left: 50%; transform: translateX(-50%); aspect-ratio: 16 / 9; max-width: 100%; --> 902 <!-- position: relative; left: 50%; transform: translateX(-50%); width: 66vw; height: 37vw; 903 904 905 <!-- 906 907 # Rich text 908 909 ## Notes for the application developer 910 911 The contents of the following element can be rendered by a rich text 912 editor. 913 914 <div class="detail-content--form mt-48 bg-ltrgray px-16 480:px-32 py-16 480:py-32" data-hook="destyle" role="presentation"> 915
915<script type="text/javascript" src="https://ohiotech.formstack.com/forms/js.php/thunder_tech_frontend_development_staging_form?no_style_strict=1"></script>
915<noscript><a href="https://ohiotech.formstack.com/forms/thunder_tech_frontend_development_staging_form" title="Online Form">Online Form - thunder::tech Front-end Development Staging Form</a></noscript> 916 </div> 917 918 --> 919 920 921 <div class="rich-text body-copy contains-tables links-red" 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"> 922 <div style="width: 100%; padding: 3vw 1vw;"> 923<h2 style="text-align: center; margin-bottom: 2vw;">Map</h2> 924<p><iframe loading="lazy" style="border: 0; position: relative; left: 50%; transform: translateX(-50%); background-color: red;" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d23900.464240634792!2d-81.6628287!3d41.5138516!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8830fa37ec00dc67%3A0xd4e0c28ee1b559e8!2s1374%20E%2051st%20St%2C%20Cleveland%2C%20OH%2044103!5e0!3m2!1sen!2sus!4v1656675433049!5m2!1sen!2sus" width="800" height="600" allowfullscreen="allowfullscreen"></iframe></p> 925</div> 926 </div> 927 </div> 928 </div> 929 </section> 930 931 <!-- 932 933 # Primary CTA Section 934 935 ## About the design intentions 936 937 ## About the front-end implementation 938 939 ## Instructions for the application developer 940 941 942 --> 943 944 945 <section class="primary-cta--section p-relative focus-region-white"> 946 <div class="primary-cta--image bg-center bg-cover p-absolute inset-0" data-hook="bgImage" data-handler="/wp-content/themes/OTCTheme/image-resizer/sizer_handler.php?fname=/wp-content/themes/OTCTheme/FED/.build/images/cta.jpg&width={width}&height={height}&mode=crop&scale=both" data-roundingwidths="standard"> 947 </div> 948 <div class="primary-cta--text py-80 640:py-1/10 p-relative px-sides bg-bottom-gradient" role="presentation"> 949 <div class="primary-cta--wrap max-w-800 mx-auto text-white text-center" role="presentation"> 950 <h2 class="h1 text-32-60">Ready to Jumpstart Your Career?</h2> 951 <h3 class="text-20-24 mt-4"></h4> 952 <div class="rich-text body-copy text-white links-white mt-16" 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"> 953 <p></p> 954 </div> 955 <div class="button-list d-flex -mx-8 mt-48 flex-wrap justify-center"> 956 <div class="button-list--item px-8 py-4 " role="presentation"> 957 <a href="/contact" class="standard-button text-black bg-ltgray hover:bg-dkred hover:text-white px-16 py-10 rounded transition-fast d-inline-block text-center"> 958 <span class="standard-button--text text-16-22 leading-100 font-display font-600 uppercase d-block font-display-adjust">Request Information</span> 959 </a> 960 </div> 961 <div class="button-list--item px-8 py-4 " role="presentation"> 962 <a href="/visit/location-map" class="standard-button text-black bg-ltgray hover:bg-dkred hover:text-white px-16 py-10 rounded transition-fast d-inline-block text-center"> 963 <span class="standard-button--text text-16-22 leading-100 font-display font-600 uppercase d-block font-display-adjust">Visit Ohio Tech</span> 964 </a> 965 </div> 966 </div> 967 </div> 968 </div> 969 </section> 970 971 972 <!-- 973 974 # Footer 975 976 ## About the design intentions 977 978 Footer text links are white and will hover to bold text and red #C6171E. Social 979 media icons will always be in full color, only their corresponding text will 980 change upon hover. 981 982 Back to top: receives red #C6171E upon hover. 983 984 ## About the front-end implementation 985 986 ## Instructions for the application developer 987 988 The Instagram icon also serves as an example of using a custom asset instead 989 of an inline SVG. 990 991 We included LinkedIn even though LinkedIn isn't one of the social media icons 992 listed in the mockup. If these are all optional, LinkedIn is a good one to 993 come standard as an option. If these aren't in scope to be made optional, 994 the LinkedIn SVG information is available here in case the client requests 995 to add it without requiring additional front-end work. 996 997 998 --> 999 <footer class="footer--component py-20 p-relative text-ltgray px-sides border-red border-t-4 border-solid bg-black"> 1000 <div class="footer--wrap mx-auto max-w-256 400:max-w-1360"> 1001 <div class="footer--columns 400:-mx-24 400:d-flex flex-wrap 400:justify-around 800:justify-between 1360:flex-no-wrap" role="presentation"> 1002 <div class="footer--column 400:px-24 800:px-48 400:w-2/5 640:w-1/1 640:px-1/3 800:w-1/3 1080:w-288 1080:pr-96 1360:w-320 1360:pr-128 flex-grow-0 flex-shrink-0 py-20 1080:box-content"> 1003 <a class="footer--home-link aspect-ratio-3/2" href="/"> 1004 <svg class="footer--logo text-white fill-current" viewBox="0 0 1200 800"> 1005 <path d="M649.6,273H523.2l13.3,12.1c260.3,59.6,310.1,409.6,3,486.9l-5.9,10.3C961.8,823.8,958.5,326.1,649.6,273 M719.3,729.4 1006 c-14.5,0-26.3-8.7-26.3-19.3c0-10.6,11.8-19.3,26.3-19.3c14.5,0,26.3,8.7,26.3,19.3C745.6,720.8,733.8,729.4,719.3,729.4z 1007 M732.7,383.1c-14.5,0-26.3-8.7-26.3-19.3c0-10.6,11.8-19.3,26.3-19.3c14.5,0,26.3,8.7,26.3,19.3C759,374.4,747.2,383.1,732.7,383.1 1008 z M802.1,557.1c-14.5,0-26.3-8.7-26.3-19.3c0-10.6,11.8-19.3,26.3-19.3c14.5,0,26.3,8.7,26.3,19.3 1009 C828.5,548.4,816.6,557.1,802.1,557.1z" /> 1010 <path d="M577.6,318.6l-63.2-32.9c-30.6,4.6-68.1,17.3-88.5,35.4l24,25.3l-30.3,32.9l-30.4-19C358,388.9,338.6,426,331,471.5 1011 l40.5,8.9l-1.3,78.4L331,571.4c4.2,38.3,20.2,75,48,110l30.3-15.2l35.4,39.2l-2
10116.5,15.2c25.3,21.5,53.5,39.6,82.2,54.4l103.7-41.7 1012 C436.1,619,409.3,450.1,577.6,318.6 M339.6,578.5L372,568l-25.6,14.6c3.5,33.2,17.5,62.7,32.3,90.3 1013 C359.1,644.7,344.2,614.1,339.6,578.5z M390.4,378.6c-23.8,17.2-35.8,50.7-50.8,84.5c8.3-35.9,23.6-67.8,51.5-92.5l23.8,14.3 1014 L390.4,378.6z M435.3,320.7c24.1-13.4,49.3-23.9,77-27.9l34,17.2l-34.3-10.9C486.4,300,461,311.4,435.3,320.7z M428.2,722.4l20-11.4 1015 l-9.5,11.2c16.3,17.7,40.9,32.1,62.9,47C474.7,756.1,450.5,740.2,428.2,722.4z" /> 1016 <path fill-rule="evenodd" clip-rule="evenodd" d="M641.5,642.7h31.8c0.2,4.2,0.3,7,0.3,8.2c0,6.7-1.2,11.9-3.6,15.7 1017 c-2.6,4.2-7.8,7.1-15.5,8.6c-7.7,1.5-21,2.3-40,2.3c-19.9,0-34.1-0.3-42.5-0.9c-8.4-0.6-14.8-1.9-19.1-3.7c-3.8-1.6-6.7-3.9-8.6-6.7 1018 c-1.9-2.8-3.1-6.6-3.7-11.5c-0.4-3.9-0.7-11.1-0.7-21.4c0-10,0.2-17.3,0.7-21.7c0.5-4.4,1.4-7.9,2.7-10.3c2.9-5.5,8.8-9.1,17.7-10.7 1019 c8.9-1.6,26.8-2.4,53.7-2.4c13.5,0,23.3,0.3,29.4,0.8c6.1,0.5,11,1.5,14.6,2.9c4.8,1.9,8.1,4.6,10,8.3c1.9,3.7,2.9,9,2.9,16.2 1020 c0,0.4,0,1.8-0.1,4.3h-31.8c-0.2-2.9-0.4-4.8-0.7-5.8c-0.3-1-0.9-1.8-1.7-2.4c-1.2-0.9-4.3-1.5-9.3-1.9c-4.9-0.4-12.4-0.6-22.5-0.6 1021 c-10,0-16.8,0.2-20.7,0.5c-3.8,0.4-6.5,1.1-8.1,2.1c-1.9,1.3-3.2,3.4-3.9,6.4c-0.7,3-1.1,7.8-1.1,14.4c0,6.6,0.3,11.2,1,13.9 1022 c0.7,2.7,1.9,4.6,3.8,5.8c1.8,1.2,4.6,1.9,8.5,2.3c3.9,0.4,10.8,0.6,20.7,0.6c12.2,0,20.3-0.2,24.4-0.5c4-0.3,6.8-1.1,8.2-2.2 1023 C640.5,651.6,641.4,648.1,641.5,642.7 M542.9,479.9h126.4V502h-46.5v64.6h-33.4V502h-46.5V479.9z M606.2,391.6 1024 c-16.9,0-27,0.4-30.5,1.1c-3.9,0.8-6.5,2.7-7.7,5.7c-1.2,2.9-1.8,8.8-1.8,17.6c0,5.3,0.3,9.1,1,11.5c1.3,4.4,5.1,6.9,11.5,7.6 1025 c4.8,0.5,14,0.8,27.6,0.8c12.8,0,21.3-0.2,25.5-0.6c4.2-0.4,7.4-1.2,9.4-2.6c1.9-1.2,3.1-2.9,3.8-5.2c0.7-2.3,1-6.1,1-11.4 1026 c0-6.2-0.3-10.8-0.8-13.7c-0.5-2.9-1.4-5.1-2.8-6.6c-1.7-1.9-4.5-3-8.3-3.5C630.3,391.8,621,391.6,606.2,391.6z M606.1,369 1027 c22.5,0,38.1,0.5,46.5,1.4c12.2,1.4,19.7,6.2,22.4,14.4c1.9,5.7,2.8,15.3,2.8,28.8c0,13.6-0.9,23.2-2.8,28.8 1028 c-2.8,8.3-10.2,13.1-22.4,14.4c-8.5,0.9-23.9,1.4-46.2,1.4c-22.8,0-38.4-0.5-46.8-1.4c-12.2-1.4-19.7-6.2-22.4-14.4 1029 c-1.9-5.7-2.8-15.5-2.8-29.3c0-13.2,0.9-22.7,2.8-28.3c2.8-8.3,10.2-13.1,22.4-14.4C568,369.5,583.5,369,606.1,369z" /> 1030 <path fill-rule="evenodd" clip-rule="evenodd" d="M465.9,783.8c-166.8-99.9-220.5-224.3-137.6-378.1l-84.4-60.6L220,369l-23.9-47.7 1031 l-53.2-31.2L82.3,172.7l-44,161.5l19.6,81.5H10l83.3,74.5V505H45.6l88.2,91.8h-48l87,71.5h-47.9 1032 C220.8,732.2,335.8,778.6,465.9,783.8 M236.5,703.1c-6.1,0-11-4.9-11-11c0-6.1,4.9-11,11-11c6.1,0,11,4.9,11,11 1033 C247.5,698.1,242.6,703.1,236.5,703.1z M267.7,668.2h-75.2v-18.4L267.7,668.2z M130.1,281.1l12.6,20l-59.2-36.2L130.1,281.1z 1034 M91.5,334.2c6.1,0,11,4.9,11,11c0,6.1-4.9,11-11,11c-6.1,0-11-5-11-11C80.5,339.1,85.4,334.2,91.5,334.2z M71.3,414.9v-18.4 1035 l130.3,18.4H71.3z M104.4,449.8c0-6.1,4.9-11,11-11c6.1,0,11,4.9,11,11c0,6.1-4.9,11-11,11C109.3,460.8,104.4,455.9,104.4,449.8z 1036 M113.5,486.5l111.9,18.4H113.5V486.5z M144.7,554.4c-6.1,0-11-4.9-11-11c0-6.1,4.9-11,11-11c6.1,0,11,5,11,11 1037 C155.7,549.5,150.8,554.4,144.7,554.4z M153.9,578.3l86.3,18.4h-86.3V578.3z M170.4,618.6c0-6.1,4.9-11,11-11c6.1,0,11,4.9,11,11 1038 c0,6.1-4.9,11-11,11C175.4,629.6,170.4,624.7,170.4,618.6z" /> 1039 <path fill-rule="evenodd" clip-rule="evenodd" d="M1119.5,345.2c0,6.1-4.9,11-11,11c-6.1,0-11-5-11-11c0-6.1,5-11,11-11 1040 C1114.6,334.2,1119.5,339.1,1119.5,345.2 M1069.9,281.1l46.6-16.3l-59.2,36.2L1069.9,281.1z M1128.7,396.6v18.4H998.4L1128.7,396.6z 1041 M963.5,703.1c-6.1,0-11-4.9-11-11c0-6.1,4.9-11,11-11c6.1,0,11,4.9,11,11C974.5,698.1,969.6,703.1,963.5,703.1z M1007.6,668.2 1042 h-75.2l75.2-18.4V668.2z M1018.6,629.6c-6.1,0-11-4.9-11-11c0-6.1,4.9-11,11-11c6.1,0,11,4.9,11,11 1043 C1029.6,624.7,1024.6,629.6,1018.6,629.6z M1046.1,596.6h-86.3l86.3-18.4V596.6z M1055.3,554.4c-6.1,0-11-4.9-11-11 1044 c0-6.1,4.9-11,11-11c6.1,0,11,5,11,11C1066.3,549.5,1061.3,554.4,1055.3,554.4z M1086.5,504.9H974.5l111.9-18.4V504.9z M1190,415.7 1045 L1190,415.7l-83.3,74.5V505h47.7l-88.2,91.8h48l-87,71.5h47.9c-95.9,63.9-210.9,110.3-341,115.5c166.8-99.9,220.5-224.3,137.6-378.1 1046 l84.4-60.6L980,369l23.9-47.7l53.2-31.2l60.6-117.5l44,161.5l-19.6,81.5H1190z M1084.6,460.8c-6.1,0-11-4.9-11-11c0-6.1,5-11,11-11 1047 c6.1,0,11,4.9,11,11C1095.6,455.9,1090.7,460.8,1084.6,460.8z" /> 1048 <path d="M401.2,239.8c4.5-1,7.4-2.8,9-5.4c1.4-2.4,2.1-5.7,2.1-9.9c0-0.8-0.
10481-2.5-0.2-5.2h-18.4c-0.1,3.4-0.6,5.6-1.7,6.5 1049 c-0.8,0.7-2.4,1.2-4.7,1.4c-2.4,0.2-7.1,0.3-14.1,0.3c-5.7,0-9.7-0.1-12-0.4c-2.2-0.2-3.9-0.7-4.9-1.4c-1.1-0.7-1.8-2-2.2-3.6 1050 c-0.4-1.7-0.6-4.6-0.6-8.7c0-4.1,0.2-7.2,0.6-9.1c0.4-1.9,1.2-3.2,2.3-4c0.9-0.7,2.5-1.1,4.7-1.3c2.2-0.2,6.2-0.4,11.9-0.4 1051 c5.8,0,10.1,0.1,13,0.4c2.9,0.2,4.6,0.7,5.4,1.2c0.5,0.4,0.8,0.9,1,1.5c0.1,0.6,0.3,1.8,0.4,3.6h18.4c0-1.6,0.1-2.5,0.1-2.7 1052 c0-4.5-0.6-7.9-1.7-10.2c-1.1-2.3-3-4.1-5.8-5.2c-2.1-0.9-4.9-1.5-8.4-1.8c-3.5-0.3-9.2-0.5-17-0.5c-15.5,0-25.9,0.5-31,1.5 1053 c-5.1,1-8.5,3.3-10.2,6.8c-0.8,1.5-1.3,3.7-1.6,6.5c-0.3,2.8-0.4,7.4-0.4,13.7c0,6.5,0.1,11,0.4,13.4c0.3,3.1,1,5.5,2.1,7.2 1054 c1.1,1.8,2.8,3.2,5,4.2c2.5,1.1,6.1,1.9,11,2.3c4.9,0.4,13.1,0.6,24.5,0.6C389.1,241.2,396.7,240.7,401.2,239.8 M485.8,240.3 1055 c7-0.9,11.3-3.9,12.9-9.1c1.1-3.6,1.6-9.6,1.6-18.2c0-8.5-0.6-14.6-1.6-18.1c-1.6-5.2-5.9-8.2-12.9-9.1c-4.9-0.6-13.8-0.9-26.9-0.9 1056 c-13,0-22,0.3-26.8,0.9c-7,0.9-11.4,3.9-13,9.1c-1.1,3.5-1.6,9.5-1.6,17.8c0,8.7,0.5,14.9,1.6,18.5c1.6,5.2,5.9,8.2,13,9.1 1057 c4.9,0.6,13.9,0.9,27,0.9C472,241.2,480.9,240.9,485.8,240.3z M768.8,240.9c4-0.2,7.5-0.6,10.6-1.2c7.2-1.3,11.1-5.1,11.8-11.4 1058 c0.4-3.9,0.7-9.7,0.7-17.4c0-0.1,0-0.6-0.1-1.5h-42v10.9H774c0,0.8,0,1.3,0,1.5c0,1.6-0.2,2.8-0.6,3.5c-0.4,0.8-1,1.4-1.9,1.7 1059 c-1.1,0.4-2.5,0.6-4.3,0.7c-1.8,0.1-6.9,0.2-15.2,0.2c-8.5-0.1-13.6-0.2-15.2-0.4c-1.6-0.2-2.9-0.6-3.9-1.3c-1-0.7-1.7-2-2-3.9 1060 c-0.4-1.8-0.5-5.1-0.5-9.7c0-4.1,0.2-7,0.5-8.7c0.4-1.7,1-2.9,2-3.7c1-0.7,2.9-1.2,5.6-1.5c2.7-0.3,7.3-0.4,13.6-0.4 1061 c5.9,0,10.3,0.1,13.4,0.2c3.3,0.2,5.4,0.6,6.5,1.3c0.6,0.4,0.9,0.8,1.1,1.4c0.2,0.5,0.3,1.6,0.3,3.1h18.4c0-3.8-0.3-6.8-0.8-8.9 1062 c-1-4.3-3.8-7.2-8.4-8.5c-2.9-0.8-6.5-1.4-10.9-1.7c-4.4-0.3-10.4-0.5-18-0.5c-12.8,0-22.3,0.5-28.5,1.5c-5.6,0.9-9.3,3.5-11.1,7.7 1063 c-0.9,2-1.4,4.3-1.7,6.8c-0.3,2.5-0.4,6.3-0.4,11.3c0,7.4,0.2,12.2,0.5,14.7c0.4,2.7,1,4.8,1.9,6.4c0.9,1.6,2.2,2.9,3.9,4 1064 c2.5,1.5,5.9,2.5,10.2,3c4.3,0.5,11.6,0.8,22,0.8C758.8,241.2,764.9,241.1,768.8,240.9z M569.8,240.4v-13.9h-42.9v-40.7h-19.3v54.6 1065 H569.8z M636.2,240.4v-13.9h-42.9v-40.7H574v54.6H636.2z M707.5,240.4v-13.1h-49v-8.8h46.2v-12h-46.2v-7.9h48.7v-12.8h-66.8v54.6 1066 H707.5z M866.3,240.4v-13.1h-49v-8.8h46.2v-12h-46.2v-7.9H866v-12.8h-66.8v54.6H866.3z M443.2,226.5c-3.7-0.4-5.9-2-6.7-4.8 1067 c-0.4-1.5-0.6-3.9-0.6-7.2c0-5.5,0.3-9.2,1-11.1c0.7-1.9,2.2-3,4.5-3.6c2-0.5,7.8-0.7,17.6-0.7c8.5,0,13.9,0.1,16.2,0.4 1068 c2.2,0.3,3.8,1,4.8,2.2c0.8,0.9,1.3,2.3,1.6,4.1c0.3,1.9,0.4,4.7,0.4,8.7c0,3.3-0.2,5.7-0.6,7.2c-0.4,1.4-1.1,2.6-2.2,3.3 1069 c-1.2,0.8-3,1.4-5.4,1.6c-2.4,0.2-7.3,0.4-14.7,0.4C451.2,227,445.9,226.8,443.2,226.5z M477.8,154.8c4.4-1,7.4-2.8,9-5.4
1070 c1.4-2.4,2.1-5.7,2.1-9.9c0-0.8-0.1-2.5-0.2-5.2h-18.4c-0.1,3.4-0.6,5.6-1.7,6.5c-0.8,0.7-2.4,1.2-4.7,1.4 1071 c-2.3,0.2-7.1,0.3-14.1,0.3c-5.7,0-9.7-0.1-12-0.4c-2.2-0.2-3.9-0.7-4.9-1.4c-1.1-0.8-1.8-2-2.2-3.7c-0.4-1.7-0.6-4.6-0.6-8.7 1072 c0-4.1,0.2-7.2,0.6-9.1c0.4-1.9,1.2-3.3,2.3-4c0.9-0.7,2.5-1.1,4.7-1.3c2.2-0.2,6.2-0.3,11.9-0.3c5.8,0,10.1,0.1,13,0.4 1073 c2.9,0.2,4.6,0.6,5.4,1.2c0.5,0.4,0.8,0.9,1,1.5c0.2,0.6,0.3,1.8,0.4,3.6h18.4c0-1.6,0-2.5,0-2.7c0-4.5-0.6-7.9-1.7-10.2 1074 c-1.1-2.3-3-4-5.8-5.2c-2.1-0.9-4.9-1.5-8.4-1.8c-3.5-0.3-9.2-0.5-17-0.5c-15.5,0-25.9,0.5-31,1.6c-5.1,1-8.5,3.3-10.2,6.7 1075 c-0.8,1.5-1.3,3.7-1.6,6.5c-0.3,2.8-0.4,7.4-0.4,13.7c0,6.5,0.1,11,0.4,13.5c0.3,3.1,1.1,5.5,2.1,7.2c1.1,1.8,2.8,3.2,5,4.2 1076 c2.5,1.2,6.1,1.9,11,2.3c4.9,0.4,13,0.6,24.5,0.6C465.7,156.3,473.4,155.8,477.8,154.8z M768.5,154.8c4.4-1,7.4-2.8,9-5.4 1077 c1.4-2.4,2.1-5.7,2.1-9.9c0-0.8-0.1-2.5-0.2-5.2H761c-0.1,3.4-0.6,5.6-1.7,6.5c-0.8,0.7-2.4,1.2-4.8,1.4c-2.3,0.2-7,0.3-14.1,0.3 1078 c-5.7,0-9.7-0.1-12-0.4c-2.2-0.2-3.9-0.7-4.9-1.4c-1.1-0.8-1.8-2-2.2-3.7c-0.4-1.7-0.6-4.6-0.6-8.7c0-4.1,0.2-7.2,0.7-9.1 1079 c0.4-1.9,1.2-3.3,2.3-4c0.9-0.7,2.5-1.1,4.7-1.3c2.2-0.2,6.2-0.3,11.9-0.3c5.8,0,10.1,0.1,13,0.4c2.9,0.2,4.6,0.6,5.4,1.2 1080 c0.5,0.4,0.8,0.9,1,1.5c0.2,0.6,0.3,1.8,0.4,3.6h18.4c0-1.6,0.1-2.5,0.1-2.7c0-4.5-0.6-7.9-1.7-10.2c-1.1-2.3-3-4-5.8-5.2 1081 c-2.1-0.9-4.9-1.5-8.4-1.8c-3.5-0.3-9.2-0.5-17-0.5c-15.5,0-25.9,0.5-31,1.6c-5.1,1-8.5,3.3-10.2,6.7c-0.8,1.5-1.3,3.7-1.6,6.5 1082 c-0.3,2.8-0.4,7.4-0.4,13.7c0,6.5,0.1,11,0.4,13.5c0.3,3.1,1,5.5,2.1,7.2c1.1,1.8,2.7,3.2,4.9,4.2c2.5,1.2,6.2,1.9,11,2.3 1083 c4.9,0.4,13.1,0.6,24.5,0.6C756.4,156.3,764.1,155.8,768.5,154.8z M309,155.4v-40.7h26.8v-13.9h-73v13.9h26.9v40.7H309z 1084 M407.2,155.4v-13.1h-49v-8.7h46.2v-12h-46.2v-7.9h48.7v-12.8h-66.8v54.6H407.2z M514.4,155.4v-19.8h41.5v19.8h19.3v-54.6h-19.3 1085 v19.5h-41.5v-19.5h-19.3v54.6H514.4z M602.2,155.4l-0.4-40.7h2l31.7,40.7h31.9v-54.6h-18.7l0.4,40.7h-1.9l-31.6-40.7h-32.2v54.6 1086 H602.2z M695.2,155.4v-54.6h-19.3v54.6H695.2z M801.1,155.4l5.2-9.2h39.9l5.2,9.2h20.9l-31.5-54.6h-28.5l-32,54.6H801.1z 1087 M937.1,155.4v-13.9h-42.9v-40.7h-19.3v54.6H937.1z M812.8,134.2l11.6-20.7h3.7l11.6,20.7H812.8z M
1087524.3,70.4 1088 c7-0.9,11.3-3.9,12.9-9.1c1.1-3.6,1.6-9.6,1.6-18.2c0-8.5-0.5-14.6-1.6-18.1c-1.6-5.2-5.9-8.2-12.9-9.1c-4.9-0.6-13.8-0.9-26.9-0.9 1089 c-13,0-22,0.3-26.8,0.9c-7,0.9-11.4,3.9-12.9,9.1c-1.1,3.5-1.6,9.5-1.6,17.8c0,8.7,0.5,14.9,1.6,18.5c1.6,5.2,5.9,8.2,12.9,9.1 1090 c4.9,0.6,13.9,0.9,27,0.9C510.5,71.3,519.4,71,524.3,70.4z M729.4,70.4c7-0.9,11.4-3.9,13-9.1c1.1-3.6,1.6-9.6,1.6-18.2 1091 c0-8.5-0.5-14.6-1.6-18.1c-1.6-5.2-5.9-8.2-13-9.1c-4.9-0.6-13.8-0.9-26.8-0.9c-13,0-22,0.3-26.9,0.9c-7,0.9-11.3,3.9-12.9,9.1 1092 c-1.1,3.5-1.6,9.5-1.6,17.8c0,8.7,0.5,14.9,1.6,18.5c1.6,5.2,5.9,8.2,12.9,9.1c4.9,0.6,13.9,0.9,27,0.9 1093 C715.6,71.3,724.5,71,729.4,70.4z M565.4,70.5V50.7h41.5v19.8h19.3V15.9h-19.3v19.5h-41.5V15.9h-19.3v54.6H565.4z M653.9,70.5V15.9 1094 h-19.3v54.6H653.9z M481.6,56.6c-3.7-0.4-5.9-2-6.7-4.8c-0.4-1.5-0.6-3.9-0.6-7.2c0-5.5,0.4-9.2,1.1-11.1c0.7-1.9,2.2-3,4.5-3.6 1095 c2-0.5,7.8-0.7,17.6-0.7c8.5,0,13.9,0.1,16.2,0.4c2.2,0.3,3.8,1,4.8,2.2c0.8,0.9,1.3,2.3,1.6,4.2c0.3,1.8,0.4,4.7,0.4,8.6 1096 c0,3.3-0.2,5.7-0.6,7.1c-0.4,1.4-1.1,2.6-2.2,3.3c-1.2,0.8-3,1.4-5.4,1.6c-2.5,0.2-7.4,0.4-14.8,0.4 1097 C489.6,57.1,484.3,56.9,481.6,56.6z M686.7,56.6c-3.7-0.4-5.9-2-6.7-4.8c-0.4-1.5-0.6-3.9-0.6-7.2c0-5.5,0.4-9.2,1.1-11.1 1098 c0.7-1.9,2.2-3,4.5-3.6c2-0.5,7.8-0.7,17.6-0.7c8.5,0,13.9,0.1,16.2,0.4c2.2,0.3,3.9,1,4.8,2.2c0.8,0.9,1.3,2.3,1.6,4.2 1099 c0.3,1.8,0.4,4.7,0.4,8.6c0,3.3-0.2,5.7-0.6,7.1c-0.4,1.4-1.1,2.6-2.2,3.3c-1.2,0.8-3,1.4-5.4,1.6c-2.5,0.2-7.4,0.4-14.7,0.4 1100 C694.8,57.1,689.5,56.9,686.7,56.6z" /> 1101 </svg> 1102 </a> 1103 </div> 1104 <div class="footer--column 400:px-24 400:order-2 640:order-1 640:px-48 flex-grow-0 flex-shrink-0 w-192 mx-auto 400:mx-0 400:w-1/2 640:w-320 py-20 800:w-1/3 1080:w-auto"> 1105 <h4 class="h4 pt-8 pb-16">LOCATION AND CONTACT</h4> 1106 <div class="location-and-contact--line d-flex text-white py-4 960:py-8"> 1107 <div class="w-24 h-24 flex-grow-0 flex-shrink-0"> 1108 <svg height="100%" viewBox="0 0 24 24" width="100%" class="fill-current"> 1109 <path d="M0 0h24v24H0z" fill="none" /> 1110 <path d="M18 8c0-3.31-2.69-6-6-6S6 4.69 6 8c0 4.5 6 11 6 11s6-6.5 6-11zm-8 0c0-1.1.9-2 2-2s2 .9 2 2-.89 2-2 2c-1.1 0-2-.9-2-2zM5 20v2h14v-2H5z" /> 1111 </svg> 1112 </div> 1113 <div class="ml-8"> 1114 <span class="d-block font-sans text-12-16 tracking-0 leading-125 "> 1115 <p>1374 E 51st Street<br /> 1116Cleveland, OH 44103</p> 1117 </span> 1118 <span class="d-block font-sans text-12-16 tracking-0 leading-125 py-12"> 1119 <a href="https://www.google.com/maps/place/1374+E+51st+St,+Cleveland,+OH+44103/@41.5138516,-81.6628287,14.5z/data=!4m13!1m7!3m6!1s0x8830fa37ec00dc67:0xd4e0c28ee1b559e8!2s1374+E+51st+St,+Cleveland,+OH+44103!3b1!8m2!3d41.51837!4d-81.6570534!3m4!1s0x8830fa37ec00dc67:0xd4e0c28ee1b559e8!8m2!3d41.51837!4d-81.6570534" class="underline hover:text-red" target="__blank"> 1120 View In Google Maps 1121 </a> 1122 </span> 1123 </div> 1124 </div> 1125 <a href="tel:1-800-322-7000" class="location-and-contact--line d-flex text-white hover:text-red transition-fast py-4 960:py-8"> 1126 <div class="w-24 h-24 flex-grow-0 flex-shrink-0"> 1127 <svg height="100%" viewBox="0 0 24 24" width="100%" class="fill-current"> 1128 <path d="M0 0h24v24H0z" fill="none" /> 1129 <path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z" /> 1130 </svg> 1131 </div> 1132 <div class="ml-8"> 1-800-322-7000 </div> 1133 </a> 1134 <a href="tel:216-881-9145" class="location-and-contact--line d-flex text-white hover:text-red transition-fast py-4 960:py-8"> 1135 <div class="w-24 h-24 flex-grow-0 flex-shrink-0"> 1136 <svg height="100%" viewBox="0 0 24 24" width="100%" class="fill-current"> 1137 <path d="M0 0h24v24H0z" fill="none" /> 1138 <path d="M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z" /> 1139 </svg> 1140 </div> 1141 <div class="ml-8"> 216-881-9145 </div> 1142 </a> 1143 <a href="mailto:[email protected]" class="location-and-contact--line d-flex text-white hover:text-red transition-fast py-4 960:py-8"> 1144 <div class="w-24 h-24 flex-grow-0 flex-shrink-0">
1145 <svg height="100%" viewBox="0 0 24 24" width="100%" class="fill-current"> 1146 <path d="M0 0h24v24H0z" fill="none" /> 1147 <path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z" /> 1148 </svg> 1149 </div> 1150 <div class="ml-8"> [email protected] </div> 1151 </a> 1152 <a href="/survey/" class="location-and-contact--line d-flex text-white hover:text-red transition-fast py-4 960:py-8"> 1153 <div class="w-24 h-24 flex-grow-0 flex-shrink-0"> 1154 <svg height="100%" viewBox="0 0 24 24" width="100%" class="fill-current"> 1155 <path d="M0 0h24v24H0z" fill="none"></path> 1156 <path d="M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm2 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z"></path> 1157 </svg> 1158 </div> 1159 <div class="ml-8">Post Visit Survey</div> 1160 </a> 1161 </div> 1162 <div class="footer--column 400:px-24 400:order-3 640:order-2 640:px-48 flex-grow-0 flex-shrink-0 w-128 mx-auto 400:mx-0 400:w-1/2 640:w-256 800:w-128 800:box-content 1080:box-border 1080:w-auto py-20"> 1163 <h4 class="h4 pt-8 pb-16">Social media</h4> 1164 <a class="social--link d-flex mt-8 items-center text-white hover:text-red text-12-16 transition-fast" href="https://www.instagram.com/ohiotechnicalcollege1969/?hl=en" target="__blank"> 1165 <img class="social--image w-32 h-32" src="/wp-content/themes/OTCTheme/FED/.build/images/instagram.png" alt="Instagram"> 1166 <span class="pl-12 flex-grow flex-shrink">Instagram</span> 1167 </a> 1168 <a class="social--link d-flex mt-8 items-center text-white hover:text-red text-12-16 transition-fast" href="https://www.facebook.com/OhioTechnicalCollege/" target="__blank"> 1169 <svg class="social--icon w-32 h-32 flex-grow-0 flex-shrink-0" viewBox="0 0 24 24"> 1170 <path fill="#4373B9" d="M22,12c0-5.52-4.48-10-10-10S2,6.48,2,12c0,4.99,3.66,9.13,8.43,9.88v-6.99H7.9V12h2.54V9.8 1171 c0-2.5,1.5-3.89,3.77-3.89c1.1,0,2.23,0.19,2.23,0.19v2.46h-1.26c-1.24,0-1.63,0.77-1.63,1.57V12h2.77l-0.44,2.89h-2.32v6.99 1172 C18.34,21.13,22,16.99,22,12z"></path> 1173 <path fill="#FFFFFF" d="M15.9,14.89L16.34,12h-2.77v-1.88c0-0.79,0.39-1.57,1.63-1.57h1.26V6.1c0,0-1.15-0.19-2.23-0.19 1174 c-2.29,0-3.77,1.38-3.77,3.89V12H7.9v2.89h2.54v6.99C10.95,21.96,11.47,22,12,22s1.05-0.04,1.57-0.12v-6.99 1175 C13.57,14.89,15.9,14.89,15.9,14.89z"></path> 1176 </svg> 1177 <span class="pl-12 flex-grow flex-shrink">Facebook</span> 1178 </a> 1179 <a class="social--link d-flex mt-8 items-center text-white hover:text-red text-12-16 transition-fast" href="https://x.com/OhioTech1969" target="__blank"> 1180 <svg class="social--icon w-32 h-32 flex-grow-0 flex-shrink-0" viewBox="0 0 24 24"> 1181 <path 1182 d="m 18.773589,1.57145 h 3.575748 l -7.851099,8.939372 9.172571,12.12645 H 16.472672 L 10.836981,15.26812 4.3850872,22.637272 H 0.80933872 L 9.1268407,13.076031 0.34293675,1.57145 H 7.7198614 l 5.0915546,6.7317357 z m -1.251512,18.967014 h 1.982208 L 6.6782302,3.5925251 H 4.5483279 Z" 1183 id="path1" 1184 style="fill:#ffffff;" /> 1185</svg> 1186 1187 <span class="pl-12 flex-grow flex-shrink">X / Twitter</span> 1188 </a> 1189 <a class="social--link d-flex mt-8 items-center text-white hover:text-red text-12-16 transition-fast" href="https://www.youtube.com/channel/UCIZJEzdfGTCMO5zA_wJPAAw/videos" target="__blank"> 1190 <svg class="social--icon w-32 h-32 flex-grow-0 flex-shrink-0" viewBox="0 0 24 24"> 1191 <path fill="#FFFFFF" d="M9.73,14.85l5.94-3.08l-5.94-3.1V14.85z"></path> 1192 <path opacity="0.12" fill-rule="evenodd" clip-rule="evenodd" fill="#420000" enable-background="new " d=" 1193 M9.73,8.67l5.21,3.48l0.73-0.38L9.73,8.67z"></path> 1194 <linearGradient id="gradient-b3963074" gradientUnits="userSpaceOnUse" x1="12" y1="19.74" x2="12" y2="4.26" gradientTransform="matrix(1 0 0 -1 0 24)"> 1195 <stop offset="0" style="stop-color:#E52D27"></stop> 1196 <stop offset="1" style="stop-color:#BF171D"></stop> 1197 </linearGradient> 1198 <path fill="url(#gradient-b3963074)" d="M22.78,7.6c0,0-0.21-1.52-0.87-2.18c-0.84-0.88-1.77-0.88-2.2-0.93C16.62,4.26,12,4.26,12,4.26l0,0 1199 c0,0-4.62,0-7.7,0.22C3.87,4.53,2.93,4.54,2.1,5.41C1.43,6.09,1.22,7.6,1.22,7.6S1,9.38,1,11.16v1.67c0,1.78,0.22,3.56,0.22,3.56 1200 s0.21,1.52,0.87,2.18c0.84,0.88,1.94,0.85,2.43,0.94C6.28,19.68,12,19.74,12,19.74s4.62-0.01,7.7-0.23c0.43-0.05,1.37-0.06,2.2-0.93 1201 c0.66-0.67,0.87-2.18,0.87-2.18S23,14.61,23,12.83v-1.67C23,9.38,22.78,7.6,22.78,7.6z M9.73,14.85V8.67l5.94,3.1L9.73,14.85z"></path> 1202 </svg>
1203 <span class="pl-12 flex-grow flex-shrink">YouTube</span> 1204 </a> 1205 1206 <a class="social--link d-flex mt-8 items-center text-white hover:text-red text-12-16 transition-fast" href="https://www.tiktok.com/@ohiotechnicalcollege?_t=8VtkY4NGXNa&_r=1"> 1207 <svg class="social--icon w-32 h-32 flex-grow-0 flex-shrink-0" viewBox="0 0 24 24"> 1208 <circle fill="#FFFFFF" cx="12" cy="12" r="10" /> 1209 <path fill="#25F4EE" d="M10.61,10.31V9.77c-0.19-0.03-0.38-0.04-0.57-0.04c-2.34,0-4.24,1.9-4.24,4.24c0,1.43,0.72,2.7,1.81,3.47 1210 c-0.71-0.76-1.14-1.77-1.14-2.89C6.47,12.25,8.32,10.37,10.61,10.31L10.61,10.31z" /> 1211 <path fill="#25F4EE" d="M10.71,16.49c1.04,0,1.89-0.83,1.93-1.86l0-9.23h1.69c-0.04-0.19-0.05-0.38-0.05-0.58h-2.3l0,9.23 1212 c-0.04,1.03-0.89,1.86-1.93,1.86c-0.32,0-0.63-0.08-0.9-0.22C9.49,16.17,10.06,16.49,10.71,16.49L10.71,16.49z" /> 1213 <path fill="#25F4EE" d="M17.48,8.53V8.01c-0.64,0-1.24-0.19-1.75-0.52C16.18,8.01,16.79,8.38,17.48,8.53z" /> 1214 <path fill="#FE2C55" d="M15.74,7.49c-0.49-0.56-0.79-1.3-0.79-2.1h-0.62C14.49,6.27,15.01,7.02,15.74,7.49z" /> 1215 <path fill="#FE2C55" d="M10.04,12.03c-1.07,0-1.94,0.87-1.94,1.94c0,0.74,0.42,1.39,1.04,1.71c-0.23-0.32-0.37-0.71-0.37-1.13 1216 c0-1.07,0.87-1.94,1.94-1.94c0.2,0,0.39,0.03,0.57,0.09v-2.35c-0.19-0.03-0.38-0.04-0.57-0.04c-0.03,0-0.07,0-0.1,0v1.81 1217 C10.43,12.06,10.24,12.03,10.04,12.03L10.04,12.03z" /> 1218 <path fill="#FE2C55" d="M17.48,8.53v1.79c-1.19,0-2.3-0.38-3.2-1.03v4.68c0,2.34-1.9,4.24-4.24,4.24c-0.9,0-1.74-0.28-2.43-0.77 1219 c0.77,0.83,1.88,1.35,3.1,1.35c2.34,0,4.24-1.9,4.24-4.24V9.87c0.9,0.65,2.01,1.03,3.2,1.03V8.6C17.92,8.6,17.7,8.57,17.48,8.53 1220 L17.48,8.53z" /> 1221 <path d="M14.28,13.97V9.29c0.9,0.65,2.01,1.03,3.2,1.03V8.53c-0.69-0.15-1.3-0.52-1.75-1.03c-0.72-0.47-1.24-1.22-1.41-2.1h-1.69 1222 l0,9.23c-0.04,1.03-0.89,1.86-1.93,1.86c-0.65,0-1.22-0.32-1.57-0.81c-0.62-0.32-1.04-0.97-1.04-1.71c0-1.07,0.87-1.94,1.94-1.94 1223 c0.2,0,0.39,0.03,0.57,0.09v-1.81c-2.29,0.05-4.14,1.93-4.14,4.24c0,1.11,0.43,2.13,1.14,2.89c0.69,0.48,1.53,0.77,2.43,0.77 1224 C12.37,18.21,14.28,16.3,14.28,13.97L14.28,13.97z" /> 1225 </svg> 1226 <span class="pl-12 flex-grow flex-shrink">TikTok</span> 1227 </a> 1228 1229 </div> 1230 1231 1232 1233 <div class="footer--column 400:px-48 flex-grow-0 400:w-3/5 480:w-2/5 400:order-1 640:order-4 flex-shrink-0 py-20 800:w-1/1 1360:w-auto text-center 400:text-right"> 1234 <a class="footer--top-link -mt-4 items-end d-inline-flex text-ltgray hover:text-red transition-fast fill-current" href="#top"> 1235 <span class="pr-16 h4">Back to top</span> 1236 <svg class="footer--top-icon w-32 h-32" viewBox="0 0 24 24"> 1237 <path d="M1.32,0.33v2.61h20.89V0.33H1.32z M6.54,10.78h3.92v13.06h2.61V10.78h3.92l-5.22-5.22L6.54,10.78z" /> 1238 </svg> 1239 </a> 1240 </div> 1241 </div> 1242 </div> 1243 <div class="footer-bottom"> 1244 <p><a href="/sitemap/">Sitemap</a></p> 1245 </div> 1246 </footer> 1247 1248 <div id="modal-form" style="display:none;max-width:600px;"> 1249 <div class="detail-content--form form-style-mxradon" role="presentation" data-hook="destyle"> 1250 <!-- Fonts --> 1251 <link id="lnkWebFonts" rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans"> 1252 <!-- Stylesheet --> 1253 <link rel="stylesheet" type="text/css" href="https://dwmbily8o2kmd.cloudfront.net/common/css/lsq.form.min.css" /> 1254 <!-- Form --> 1255 <div id="lsq-form-wrapper" class="lsq-form-wrapper"><div id="lsq-form-wrapper-anchor"></div><div class="form-block-holder block-inner-content" data-hover-bg-color="#f7f7f7" data-bg-color-type="solid"><div class="lp-form-header-wrapper"><div class="lp-form-header-content-wrapper" data-hover-bg-color="#474747" data-bg-color-type="solid"><h2 class="h1 text-32-40 text-center">Request Information</h2> 1256 1257 </div></div><form id="frmrlp-block-40" contenteditable="false" method="Post" enctype="multipart/form-data" action="https://web-us11.mxradon.com/t/FormTracker.aspx" searchkey="EmailAddress" lsq-form-id="lp-form" name="FORM 0"><input type='hidden' id='SourceMedium' name='SourceMedium' value='Website'/><input type='hidden' id='SourceCampaign' name='SourceCampaign' value=''/><input type="hidden" id="mx_gclid" name="mx_gclid" value=""/><div id="lp-form" class="lp-form label-placement top" data-fieldlabel-fontsize="12" data-fieldlabel-fontfamily="Open Sans" data-fieldlabel-fontweight="normal" data-fieldlabel-color="#787676" data-field-height="30" data-field-color="#999999" data-field-backgroundcolor="#ffffff" data-field-fontfamily="Open Sans" data-field-bordercolor="#dedede" data-field-borderwidth="1" data-field-cornerradius="0" data-field-shadow="0" data-buttontext-fontsize="16" data-buttontext-fontfamily="Open Sans" data-buttontext-fontweight="bold" data-buttontext-color="#ffffff" data-button-color="#eb6200" data-button-cornerradius="5" data-button-style="gradient" data-button-alignment="center" style="width: 92%; margin: 4% 4% 0px;"><div id="sec-message-wrapper" class="lp-form-section sec-message-wrapper" style="display: none;">Thank you for your interest.</div><div id="sec-error-message-wrapper" class="lp-form-section sec-error-message-wrapper" style="display: none;">Oops something went wrong.</div><div id="sec-fields-wrapper" class="lp-form-section sec-fields-wrapper"><div id="lp-form-column" class="lp-form-column ui-sortable" style=""><div class="field-control-group" data-field-name="FirstName" data-field-type="text" data-seq="1"> <label class="field-label" for="FirstName">
1257Name <span class="mandatory" style="color:#787676;font-family:Open Sans;font-weight:normal;font-size:12px;">*</span> </label> <div class="field-control"> <input type="text" id="FirstName" name="FirstName" maxlength="100" value="" autocomplete="off" required="required"> </div> <div class="field-validation-messages"><label class="validation-msg hide"></label></div> </div> 1258 1259 <div class="field-control-group " data-field-name="mx_Year_Graduated" data-field-type="text" data-seq="5"> <label class="field-label" for="mx_Year_Graduated">Year of High School Graduation or GED </label> 1260 <div class="field-control"> 1261<select class="form-select" id="mx_Year_Graduated" name="mx_Year_Graduated"> 1262 <option value="" default selected></option> 1263 <option value="1970">1970</option> 1264 <option value="1971">1971</option> 1265 <option value="1972">1972</option> 1266 <option value="1973">1973</option> 1267 <option value="1974">1974</option> 1268 <option value="1975">1975</option> 1269 <option value="1976">1976</option> 1270 <option value="1977">1977</option> 1271 <option value="1978">1978</option> 1272 <option value="1979">1979</option> 1273 <option value="1980">1980</option> 1274 <option value="1981">1981</option> 1275 <option value="1982">1982</option> 1276 <option value="1983">1983</option> 1277 <option value="1984">1984</option> 1278 <option value="1985">1985</option> 1279 <option value="1986">1986</option> 1280 <option value="1987">1987</option> 1281 <option value="1988">1988</option> 1282 <option value="1989">1989</option> 1283 <option value="1990">1990</option> 1284 <option value="1991">1991</option> 1285 <option value="1992">1992</option> 1286 <option value="1993">1993</option> 1287 <option value="1994">1994</option> 1288 <option value="1995">1995</option> 1289 <option value="1996">1996</option> 1290 <option value="1997">1997</option> 1291 <option value="1998">1998</option> 1292 <option value="1999">1999</option> 1293 <option value="2000">2000</option> 1294 <option value="2001">2001</option> 1295 <option value="2002">2002</option> 1296 <option value="2003">2003</option> 1297 <option value="2004">2004</option> 1298 <option value="2005">2005</option> 1299 <option value="2006">2006</option> 1300 <option value="2007">2007</option> 1301 <option value="2008">2008</option> 1302 <option value="2009">2009</option> 1303 <option value="2010">2010</option> 1304 <option value="2011">2011</option> 1305 <option value="2012">2012</option> 1306 <option value="2013">2013</option> 1307 <option value="2014">2014</option> 1308 <option value="2015">2015</option> 1309 <option value="2016">2016</option> 1310 <option value="2017">2017</option> 1311 <option value="2018">2018</option> 1312 <option value="2019">2019</option> 1313 <option value="2020">2020</option> 1314 <option value="2021">2021</option> 1315 <option value="2022">2022</option> 1316 <option value="2023">2023</option> 1317 <option value="2024">2024</option> 1318 <option value="2025">2025</option> 1319 <option value="2026">2026</option> 1320 <option value="2027">2027</option> 1321 <option value="2028">2028</option> 1322 <option value="2029">2029</option> 1323 <option value="2030">2030</option> 1324</select> 1325</div> 1326 <div class="field-validation-messages"><label class="validation-msg hide"></label></div> </div> 1327 1328 <div class="field-control-group" data-field-name="mx_Program" data-field-type="select" data-seq="6"> <label class="field-label" for="mx_Program">Program Interested In </label> <div class="field-control"> <select id="mx_Program" name="mx_Program"> 1329 <option value=""> 1330 <option value="Complete Automotive Technology">Complete Automotive Technology 1331 <option value="Collision Repair & Refinishing Technology">Collision Repair & Refinishing Technology 1332 <option value="Diesel Equipment Technology">Diesel Equipment Technology 1333 <option value="High Performance & Racing Technology">High Performance & Racing Technology 1334 <option value="Welding & Fabrication Technology">Welding & Fabrication Technology 1335 <option value="PowerSport Technology">PowerSport Technology 1336 <option value="Generator Power Systems">Generator Power Systems 1337 <option value="All Programs - None Specified">All Programs - None Specified</select> </div> <div class="field-validation-messages"><label class="validation-msg hide"></label></div> </div> 1338 <div class="field-control-group" data-field-name="EmailAddress" data-field-type="email" data-seq="2"> <label class="field-label" for="EmailAddress">
1338Email <span class="mandatory" style="color:#787676;font-family:Open Sans;font-weight:normal;font-size:12px;">*</span> </label> <div class="field-control"> <input type="text" id="EmailAddress" name="EmailAddress" maxlength="100" value="" autocomplete="off" required="required"> </div> <div class="field-validation-messages"><label class="validation-msg hide"></label></div> </div><div class="field-control-group selected-row column-2" data-field-name="Phone" data-field-type="phone" data-ph-control-type="phone" data-seq="3"> <label class="field-label" for="Phone">Phone Number <span class="mandatory" style="color:#787676;font-family:Open Sans;font-weight:normal;font-size:12px;">*</span> </label> <div class="field-control"> <input type="text" id="Phone" name="Phone" maxlength="10" value="" autocomplete="off" data-ph-style="color:#999999 !important;background-color:#ffffff !important;border:1px solid #dedede !important;border-width:1px !important;border-radius:0px !important;-webkit-border-radius:0px !important;-moz-border-radius:0px !important;-o-border-radius:0px !important;font-family:Open Sans !important;-webkit-box-shadow:rgba(0,0,0,0) 0 0 0, inset rgba(0,0,0,0) 0 0 0 !important;-moz-box-shadow:rgba(0,0,0,0) 0 0 0, inset rgba(0,0,0,0) 0 0 0 !important;box-shadow:rgba(0,0,0,0) 0 0 0, inset rgba(0,0,0,0) 0 0 0 !important;" jqvalidaterange="true" jqmin="10" jqmax="10" required="required"> </div> <div class="field-validation-messages"><label class="validation-msg hide"></label></div> </div> 1339 1340 1341 <div class="field-control-group column-2" data-field-name="mx_Zip" data-field-type="text" data-seq="8"> <label class="field-label" for="mx_Zip">Zip </label> <div class="field-control"> <input type="text" id="mx_Zip" name="mx_Zip" maxlength="20" value="" autocomplete="off"> </div> <div class="field-validation-messages"><label class="validation-msg hide"></label></div> </div> 1342 1343 <div class="field-control-group hidden-field" data-field-name="Source" data-field-type="select" data-seq="12"> <label class="field-label" for="Source">Lead Source </label> <div class="field-control"> <input type="text" value="Website" readonly=""><span class="hidden-field-message">Field will not be visible to web visitor</span><input type="hidden" id="Source" name="Source" value="Website"> </div> <div class="field-validation-messages"><label class="validation-msg hide"></label></div> </div></div></div> 1344 1345<div id="sec-button-wrapper" class="lp-form-section sec-button-wrapper btn-align-center"><button id="form-submit-button" class="form-submit-button fsSubmitButton">Submit</button></div><span class="text-white text-center text-12-14 pb-8 d-block">By submitting this form, you agree to have an advisor from OTC contact you by phone.</span><div id="sec-formdata-wrapper" class="lp-form-section sec-formdata-wrapper" style="display: none;"><textarea id="txtLoadedJson">{"LSQLeadFields":[{"Seq":1,"Name":"First Name","SchemaName":"FirstName","Type":"text","CtrlType":"textbox","IsMandatory":"1","DisplayName":"Name","MinLength":"","MaxLength":"100","DefaultValue":"","MaskText":null,"OptionValues":"","ChildFields":[],"FormLabel":"First Name","Position":"1,1","IsHidden":"0","IsUsedinForm":"1","Height":"0","SMSVerification":"0","AllowOnlyValidData":true,"ParentField":null,"IsUnique":false,"FieldConfiguration":null,"IsSearchKey":false},{"Seq":3,"Name":"Email","SchemaName":"EmailAddress","Type":"email","CtrlType":"email","IsMandatory":"1","DisplayName":"Email","MinLength":"","MaxLength":"100","DefaultValue":"","MaskText":null,"OptionValues":"","ChildFields":[],"FormLabel":"Email","Position":"2,1","IsHidden":"0","IsUsedinForm":"1","Height":"0","SMSVerification":"0","AllowOnlyValidData":true,"ParentField":null,"IsUnique":true,"FieldConfiguration":{"IsDefaultSearchKey":true,"FormatValidationRequired":true,"ValidationRegex":"","ValidationMessage":"","MaxLength":100,"ValidationFor":"","AdditionalConfiguration":{"AllowLeadingZero":false,"DefaultCC":null,"IfCCNotProvided":0,"PhoneNumberFormat":0}},"IsSearchKey":true}
1345,{"Seq":4,"Name":"Phone Number","SchemaName":"Phone","Type":"phone","CtrlType":"phone","IsMandatory":"1","DisplayName":"Phone Number","MinLength":"10","MaxLength":"10","DefaultValue":"","MaskText":null,"OptionValues":"","ChildFields":[],"FormLabel":"Phone Number","Position":"3,1","IsHidden":"0","IsUsedinForm":"1","Height":"0","SMSVerification":"0","AllowOnlyValidData":true,"ParentField":null,"IsUnique":true,"FieldConfiguration":{"IsDefaultSearchKey":false,"FormatValidationRequired":true,"ValidationRegex":"","ValidationMessage":"","MinLength":10,"MaxLength":10,"AdditionalConfiguration":{"AllowLeadingZero":false,"DefaultCC":"1","IfCCNotProvided":1,"PhoneNumberFormat":1}},"IsSearchKey":false},{"Seq":9,"Name":"Lead Source","SchemaName":"Source","Type":"select","CtrlType":"dropdownwithothers","IsMandatory":"0","DisplayName":"Lead Source","MinLength":"","MaxLength":"50","DefaultValue":"Website","MaskText":null,"OptionValues":"[{\"Text\":\"\",\"Value\":\"\",\"IsDefault\":true},{\"Text\":\"Organic Search\",\"Value\":\"Organic Search\",\"IsDefault\":false},{\"Text\":\"Referral Sites\",\"Value\":\"Referral Sites\",\"IsDefault\":false},{\"Text\":\"Direct Traffic\",\"Value\":\"Direct Traffic\",\"IsDefault\":false},{\"Text\":\"Social Media\",\"Value\":\"Social Media\",\"IsDefault\":false},{\"Text\":\"Inbound Email\",\"Value\":\"Inbound Email\",\"IsDefault\":false},{\"Text\":\"Inbound Phone call\",\"Value\":\"Inbound Phone call\",\"IsDefault\":false},{\"Text\":\"Outbound Phone call\",\"Value\":\"Outbound Phone call\",\"IsDefault\":false},{\"Text\":\"Pay per Click Ads\",\"Value\":\"Pay per Click Ads\",\"IsDefault\":false},{\"Text\":\"Trade Show\",\"Value\":\"Trade Show\",\"IsDefault\":false},{\"Text\":\"Customer Referral\",\"Value\":\"Customer Referral\",\"IsDefault\":false},{\"Text\":\"Partner Referral\",\"Value\":\"Partner Referral\",\"IsDefault\":false},{\"Text\":\"Employee Referral\",\"Value\":\"Employee Referral\",\"IsDefault\":false},{\"Text\":\"Internet Search\",\"Value\":\"Internet Search\",\"IsDefault\":false},{\"Text\":\"High School presentation\",\"Value\":\"High School presentation\",\"IsDefault\":false},{\"Text\":\"Instructor\",\"Value\":\"Instructor\",\"IsDefault\":false},{\"Text\":\"Skills competition\",\"Value\":\"Skills competition\",\"IsDefault\":false},{\"Text\":\"Email, call or text from Ohio Technical College\",\"Value\":\"Email, call or text from Ohio Technical College\",\"IsDefault\":false},{\"Text\":\"Friend or family\",\"Value\":\"Friend or family\",\"IsDefault\":false},{\"Text\":\"Other\",\"Value\":\"Other\",\"IsDefault\":false},{\"Text\":\"Patel\",\"Value\":\"Patel\",\"IsDefault\":false},{\"Text\":\"true\",\"Value\":\"true\",\"IsDefault\":false},{\"Text\":\"2022 Fall Open House\",\"Value\":\"2022 Fall Open House\",\"IsDefault\":false},{\"Text\":\"Website\",\"Value\":\"Website\",\"IsDefault\":false},{\"Text\":\"Direct\",\"Value\":\"Direct\",\"IsDefault\":false},{\"Text\":\"Applied Online\",\"Value\":\"Applied Online\",\"IsDefault\":false},{\"Text\":\"Presentation\",\"Value\":\"Presentation\",\"IsDefault\":false},{\"Text\":\"Internet\",\"Value\":\"Internet\",\"IsDefault\":false},{\"Text\":\"Open House\",\"Value\":\"Open House\",\"IsDefault\":false},{\"Text\":\"Current Student\",\"Value\":\"Current Student\",\"IsDefault\":false},{\"Text\":\"You Visit\",\"Value\":\"You Visit\",\"IsDefault\":false},{\"Text\":\"Salesforce Import\",\"Value\":\"Salesforce Import\",\"IsDefault\":false},{\"Text\":\"Google - Ad\",\"Value\":\"Google - Ad\",\"IsDefault\":false},{\"Text\":\"Facebook - Ad\",\"Value\":\"Facebook - Ad\",\"IsDefault\":false},{\"Text\":\"YouTube - Ad\",\"Value\":\"YouTube - Ad\",\"IsDefault\":false}]","ChildFields":[],"FormLabel":"Lead Source","Position":"12,1","IsHidden":"1","IsUsedinForm":"1","Height":"0","SMSVerification":"0","AllowOnlyValidData":true,"ParentField":"","IsUnique":false,"FieldConfiguration":null,"IsSearchKey":false},{"Seq":39,"Name":"State","SchemaName":"mx_State","Type":"text","CtrlType":"textbox","IsMandatory":"0","DisplayName":"State","MinLength":"","MaxLength":"50","DefaultValue":"","MaskText":null,"OptionValues":"","ChildFields":[],"FormLabel":"State","Position":"7,1","IsHidden":"0","IsUsedinForm":"1","Height":"0","SMSVerification":"0","AllowOnlyValidData":true,"ParentField":null,"IsUnique":false,"FieldConfiguration":null,"IsSearchKey":false},{"Seq":41,"Name":"Zip","SchemaName":"mx_Zip","Type":"text","CtrlType":"textbox","IsMandatory":"0","DisplayName":"Zip","MinLength":"","MaxLength":"20","DefaultValue":"","MaskText":null,"OptionValues":"","ChildFields":[],"FormLabel":"Zip","Position":"8,1","IsHidden":"0","IsUsedinForm":"1","Height":"0","SMSVerification":"0","AllowOnlyValidData":true,"ParentField":null,"IsUnique":false,"FieldConfiguration":null,"IsSearchKey":false},{"Seq":213,"Name":"County","SchemaName":"mx_County","Type":"text","CtrlType":"textarea","IsMandatory":"0","DisplayName":"County of Residence (not country)","MinLength":"","MaxLength":"1000","DefaultValue":"","MaskText":null,"OptionValues":"","ChildFields":[],"FormLabel":"County","Position":"9,1","IsHidden":"0","IsUsedinForm":"1","Height":"100","SMSVerification":"0","AllowOnlyValidData":true,"ParentField":"","IsUnique":false,"FieldConfiguration":null,"IsSearchKey":false}
1345,{"Seq":220,"Name":"Program","SchemaName":"mx_Program","Type":"select","CtrlType":"dropdown","IsMandatory":"0","DisplayName":"Program Interested In","MinLength":"","MaxLength":"100","DefaultValue":"","MaskText":null,"OptionValues":"[{\"Text\":\"\",\"Value\":\"\",\"IsDefault\":false},{\"Text\":\"Complete Automotive Technology\",\"Value\":\"Complete Automotive Technology\",\"IsDefault\":false},{\"Text\":\"Auto-Diesel Technology\",\"Value\":\"Auto-Diesel Technology\",\"IsDefault\":false},{\"Text\":\"Classic Car Restoration Technology\",\"Value\":\"Classic Car Restoration Technology\",\"IsDefault\":false},{\"Text\":\"Collision Repair & Refinishing Technology\",\"Value\":\"Collision Repair & Refinishing Technology\",\"IsDefault\":false},{\"Text\":\"Custom Paint and Graphics\",\"Value\":\"Custom Paint and Graphics\",\"IsDefault\":false},{\"Text\":\"Diesel Equipment Technology\",\"Value\":\"Diesel Equipment Technology\",\"IsDefault\":false},{\"Text\":\"High Performance & Racing Technology\",\"Value\":\"High Performance & Racing Technology\",\"IsDefault\":false},{\"Text\":\"Rod and Custom Technology\",\"Value\":\"Rod and Custom Technology\",\"IsDefault\":false},{\"Text\":\"Welding & Fabrication Technology\",\"Value\":\"Welding & Fabrication Technology\",\"IsDefault\":false},{\"Text\":\"PowerSport Technology\",\"Value\":\"PowerSport Technology\",\"IsDefault\":false},{\"Text\":\"Generator Power Systems\",\"Value\":\"Generator Power Systems\",\"IsDefault\":false},{\"Text\":\"All Programs - None Specified\",\"Value\":\"All Programs - None Specified\",\"IsDefault\":false}]","ChildFields":[],"FormLabel":"Program","Position":"6,1","IsHidden":"0","IsUsedinForm":"1","Height":"0","SMSVerification":"0","AllowOnlyValidData":true,"ParentField":"","IsUnique":false,"FieldConfiguration":null,"IsSearchKey":false},{"Seq":235,"Name":"High School Attended","SchemaName":"mx_High_School_Attended","Type":"text","CtrlType":"textarea","IsMandatory":"0","DisplayName":"High School / Tech Center Name / GED","MinLength":"","MaxLength":"1000","DefaultValue":"","MaskText":null,"OptionValues":"","ChildFields":[],"FormLabel":"High School Attended","Position":"4,1","IsHidden":"0","IsUsedinForm":"1","Height":"100","SMSVerification":"0","AllowOnlyValidData":true,"ParentField":"","IsUnique":false,"FieldConfiguration":null,"IsSearchKey":false},{"Seq":237,"Name":"Year Graduated","SchemaName":"mx_Year_Graduated","Type":"text","CtrlType":"textbox","IsMandatory":"0","DisplayName":"Year of High School Graduation or GED","MinLength":"","MaxLength":"50","DefaultValue":"","MaskText":null,"OptionValues":"","ChildFields":[],"FormLabel":"Year Graduated","Position":"5,1","IsHidden":"0","IsUsedinForm":"1","Height":"0","SMSVerification":"0","AllowOnlyValidData":true,"ParentField":"","IsUnique":false,"FieldConfiguration":null,"IsSearchKey":false},{"Seq":245,"Name":"Yes I would like a representative to Contact Me","SchemaName":"mx_Yes_I_would_like_a_representative_to_Contact_Me","Type":"select","CtrlType":"dropdown","IsMandatory":"0","DisplayName":"Yes, I would like a representative to contact me.","MinLength":"","MaxLength":"100","DefaultValue":"","MaskText":null,"OptionValues":"[{\"Text\":\"Phone\",\"Value\":\"Phone\",\"IsDefault\":false},{\"Text\":\"Text\",\"Value\":\"Text\",\"IsDefault\":false},{\"Text\":\"Email\",\"Value\":\"Email\",\"IsDefault\":false}]","ChildFields":[],"FormLabel":"Yes I would like a representative to Contact Me","Position":"10,1","IsHidden":"0","IsUsedinForm":"1","Height":"0","SMSVerification":"0","AllowOnlyValidData":true,"ParentField":"","IsUnique":false,"FieldConfiguration":null,"IsSearchKey":false},{"Seq":246,"Name":"Message","SchemaName":"mx_Message","Type":"text","CtrlType":"textarea","IsMandatory":"0","DisplayName":"Message","MinLength":"","MaxLength":"1000","DefaultValue":"","MaskText":null,"OptionValues":"","ChildFields":[],"FormLabel":"Message","Position":"11,1","IsHidden":"0","IsUsedinForm":"1","Height":"100","SMSVerification":"0","AllowOnlyValidData":true,"ParentField":"","IsUnique":false,"FieldConfiguration":null,"IsSearchKey":false}],"Version":"2.0","FormWidth":"214","FormSize":"","FieldLabelColor":"#787676","FieldLabelFontSize":12,"FieldLabelFontWeight":"normal","FieldLabelFontFamily":"Open Sans","FieldHeight":"30","FieldColor":"#999999","FieldBackgroun
1345dColor":"#ffffff","FieldFontFamily":"Open Sans","FieldBorderColor":"#dedede","FieldBorderWidth":"1","FieldCornerRadius":"0","FieldShadow":"0","ButtonText":"Submit","ButtonTextFontFamily":"Open Sans","ButtonTextFontSize":16,"ButtonTextFontWeight":"bold","ButtonTextColor":"#ffffff","ButtonColor":"#eb6200","ButtonWidth":"148","ButtonHeight":"37","ButtonCornerRadius":"5","ButtonStyle":"gradient","ButtonAlignment":"center","BackgroundColor":"transparent","Layout":"fluid","LabelPlacement":"top","ContainsCaptcha":true,"ContainsGoogleRecaptcha":false,"GoogleRecaptchaVersion":"","GoogleRecaptchaScore":"0.5","ContainsPasswordField":false,"AccountPhoneNumberFormat":"DEFAULT","DefaultCountryCode":"1","ContainsDPR":false,"ContainsDPRDetails":false}</textarea></div></div><input type="hidden" name="MXHOrgCode" value="63410"><input type="hidden" name="MXHLandingPageId" value="740642e9-4653-11ed-bb0f-0af59550b647"><input type="hidden" name="MXHFormBehaviour" value="0"><input type="hidden" name="MXHOutputMessagePosition" value="1"><input type="hidden" name="MXHFormDataTransfer" value="0"><input type="hidden" name="MXHRedirectUrl" value="/thank-you/"><input type="hidden" name="MXHAsc" value="5"><input type="hidden" name="MXHFormName" value="FORM 0"><input type="hidden" name="MXHIsExternallyUsed" value="1"><input type="hidden" name="MXHSecretKey" value="EmailAddress"></form><div class="lp-form-footer-wrapper"><div class="lp-form-footer-content-wrapper" data-hover-bg-color="rgba(0,0,0,0)" data-bg-color-type="none" style="filter: none; min-height: 0px; background: none;padding-bottom: 8px;"><div style="text-align: center;font-size:12px;"></div></div></div></div></div> 1346 1347 <!-- Landing Page Id for Tracking --> 1348 1349
1349<script type="text/javascript"> var MXLandingPageId = '740642e9-4653-11ed-bb0f-0af59550b647'; </script>
1349 1350 1351 <!-- Script --> 1352 1353
1353<script type="text/javascript" src="https://dwmbily8o2kmd.cloudfront.net/common_r11/js/lsq.form.min.js"></script>
1353 1354 1355 </div> </div> 1356
1356<script type='text/javascript' src='/wp-content/themes/OTCTheme/main.js?ver=1.0' id='scriptimport-js'></script>
vendor: 1 bytes, line 1356
1356
1357<script type='text/javascript' src='/wp-content/themes/OTCTheme/js/fancybox.umd.js?ver=1.0' id='fancybox-js'></script>
vendor: 1 bytes, line 1357
1357
1358<script type='text/javascript' src='/wp-content/themes/OTCTheme/js/scripts.js?ver=1.0' id='scripts-js'></script>
vendor: 1 bytes, line 1358
1358
1359<script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=5.8.4' id='wp-embed-js'></script>
vendor: 1 bytes, line 1359
1359
1360<script type='text/javascript'> 1361document.tidioChatCode = "6fqe2aosyytfacpa67tnktjxzgkxooh9"; 1362(function() { 1363 function asyncLoad() { 1364 var tidioScript = document.createElement("script"); 1365 tidioScript.type = "text/javascript"; 1366 tidioScript.async = true; 1367 tidioScript.src = "//code.tidio.co/6fqe2aosyytfacpa67tnktjxzgkxooh9.js"; 1368 document.body.appendChild(tidioScript); 1369 } 1370 if (window.attachEvent) { 1371 window.attachEvent("onload", asyncLoad); 1372 } else { 1373 window.addEventListener("load", asyncLoad, false); 1374 } 1375})(); 1376</script>
1376 1377 </div> 1378</body> 1379 1380</html> 1381
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.