1 2 3<!DOCTYPE html> 4<html lang="en"> 5 6<head> 7 <meta charset="utf-8"/> 8 <meta http-equiv="x-ua-compatible" content="ie=edge"/> 9 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 10 11 <meta name="description" content=""> 12 <meta name="author" content=""> 13 <link rel="icon" type="image/png" href="images/sitelook/favicon.png" /> 14 <link rel="apple-touch-icon" type="image/png" href="images/content/apple-touch-icon.png" /> 15 16 <!-- Global - Bootstrap v4.3.1 CSS... --> 17 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css"> 18 19 <!-- Global - Font Awesome Free 5.9.0 CSS --> 20 <!-- Commented out for now as Ami is loading both in page setup --> 21 22 23 <!-- Global - Owl Carousel v2.3.4 CSS --> 24 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.css"> 25 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.css"> 26 27 <!-- Global - eShow CSS --> 28 <link rel="stylesheet" href="/templates/eshow/css/eshow_color.css"> 29 30 31 <!-- Web Fonts --> 32 33 34 35 <!-- Local - Old eShow CSS --> 36 37 <link rel="stylesheet" href="css/modules.css" type="text/css"> 38 <link rel="stylesheet" href="css/forms.css" type="text/css"> 39 40 <!-- Local - Website/Sitelook and Navigation custom CSS --> 41 <link rel="stylesheet" href="css/owl_overrides.css" type="text/css"> 42 <link rel="stylesheet" href="css/fonts.css"> 43 <link rel="stylesheet" href="css/siteVariables.css"> 44 <link rel="stylesheet" href="css/nav_top_responsive.css"> 45 <link rel="stylesheet" href="css/templateStyles.css"> 46 <link rel="stylesheet" href="css/style.css"> 47 48 49 50 <!-- ******** Ami's page setup is loading fontawesome again - will need to look into it. --> 51 <!--Current page setup - programming to look and clean up unnecessary css and js--> 52 53
53<script>
vendor: 347 bytes, lines 53-59
53 54 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'}); 55 var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:''; 56 j.async=true; 57 j.src='//www.googletagmanager.com/gtm.js?id='+i+dl; 58 f.parentNode.insertBefore(j,f); 59 })(window,document,'script','dataLayer','
59GTM-MF6LP93
vendor: 7 bytes, lines 59-60
59'); 60
60</script>
60 61 62
63<script type="application/javascript"> 64 document.addEventListener("DOMContentLoaded", function() { 65 window.loadGTM = function(containerId) { 66 window.dataLayer = window.dataLayer || []; 67 window.dataLayer.push({ 68 'gtm.start': new Date().getTime(), 69 event: 'gtm.js' 70 }); 71 72 var f = document.getElementsByTagName('script')[0]; 73 var j = document.createElement('script'); 74 j.async = true; 75 j.src = 'https://www.googletagmanager.com/gtm.js?id=' + containerId; 76 77 if (f && f.parentNode) { 78 f.parentNode.insertBefore(j, f); 79 } else { 80 document.head.appendChild(j); // Fallback if no script tag exists yet 81 } 82 }; 83 }); 84</script>
84 85 86 87 88 89 90 <title>TechLearn 2026 Conference | AI, Learning Tech & L&D Innovation </title> 91 92 <link rel="canonical" href=""/> 93 94 <meta name="description" content="Join Training magazine's TechLearn 2026, the premier learning tech conference for learning and development professionals. Explore AI, instructional design, learning technologies, gamification, virtual learning, hands-on clinics, and expert-led sessions. This training industry conference is for professionals in training and development, e-learning, L&D and instructional designers."/> 95 96
96<script type="text/javascript"> 97 var google_conversion_id = 996472788; 98 var google_conversion_language = "en"; 99 var google_conversion_format = "3"; 100 var google_conversion_color = "ffffff"; 101 var google_conversion_label = "fWpeCIqLi9MbENTvk9sD"; 102 var google_conversion_value = 0; 103 var google_custom_params = window.google_tag_params; 104 var google_remarketing_only = true; 105 </script>
105 106
106<script type="text/javascript" src="https://www.googleadservices.com/pagead/conversion.js"> 107 </script>
107 108 <noscript> 109 <div style="display:inline;"> 110 <img height="1" width="1" style="border-style:none;" alt="" src="https://www.googleadservices.com/pagead/conversion/996472788/?value=0&label=fWpeCIqLi9MbENTvk9sD&guid=ON&script=0"/> 111 </div> 112 <div style="display:inline;"> 113 <img height="1" width="1" style="border-style:none;" alt="" src="http://googleads.g.doubleclick.net/pagead/viewthroughconversion/996472788/?value=0&label=fWpeCIqLi9MbENTvk9sD&guid=ON&script=0"/> 114 </div> 115 </noscript> 116 117
117<script type="text/javascript" src="https://d2jcgs2q1pxn84.cloudfront.net/_javascripts/dynamicdrive/dhtmltooltip.js?version=2"></script>
117 118
118<script type="text/javascript" src="https://d2jcgs2q1pxn84.cloudfront.net/_javascripts/eshow/common.js?version=6"></script>
118 119
119<script type="text/javascript" src="https://d2jcgs2q1pxn84.cloudfront.net/_javascripts/jsmx/engine.js"></script>
119 120 <style type="text/css">@import url(https://d2jcgs2q1pxn84.cloudfront.net/_javascripts/jscalendar-1.0/calendar-win2k-1.css);</style> 121
121<script type="text/javascript" src="https://d2jcgs2q1pxn84.cloudfront.net/_javascripts/jscalendar-1.0/calendar.js"></script>
121 122
122<script type="text/javascript" src="https://d2jcgs2q1pxn84.cloudfront.net/_javascripts/jscalendar-1.0/lang/calendar-en.js"></script>
122 123
123<script type="text/javascript" src="https://d2jcgs2q1pxn84.cloudfront.net/_javascripts/jscalendar-1.0/calendar-setup.js"></script>
123 124 125 126 <link rel="stylesheet" href="https://d2jcgs2q1pxn84.cloudfront.net/_javascripts/dhtmlmodal/windowfiles/dhtmlwindow.css" type="text/css" /> 127 <link rel="stylesheet" href="https://d2jcgs2q1pxn84.cloudfront.net/_javascripts/dhtmlmodal/modalfiles/modal.css" type="text/css" /> 128
128<script type="text/javascript" src="https://d2jcgs2q1pxn84.cloudfront.net/_javascripts/dhtmlmodal/windowfiles/dhtmlwindow.js"></script>
128 129
129<script type="text/javascript" src="https://d2jcgs2q1pxn84.cloudfront.net/_javascripts/dhtmlmodal/modalfiles/modal.js"></script>
129 130 131 132 133 134 135 136 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"> 137 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/v4-shims.min.css"> 138 139 140 141 <link rel="stylesheet" href="https://d2jcgs2q1pxn84.cloudfront.net/_templates/eshow/css/eshow_style.css?version=10032026" type="text/css" /> 142 143 144 145 146<!-- start: global assets configured by the show level --> 147 148 149 150<!-- end: global assets configured by the show level --> 151 152 153 154 155 156 157 <!--end Current page setup--> 158 159 160 <!-- Global - Font Awesome Free 5.15.4 CSS --> 161 <!-- adding after page setup so new icons work--> 162 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"> 163 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/v4-shims.min.css"> 164 165 166 167 <!-- Global - Necessary JS ******* Are all of these staying on the head section?????? --> 168
168<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
168 169
169<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.4/popper.min.js "></script>
169 170
170<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
170 171
171<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
171 172 173 <!-- Global - Datatables --> 174 <link rel="stylesheet" href="/templates/assets/vendor/datatables/css/datatables.min.css"> 175
175<script type="text/javascript" src="/templates/assets/vendor/datatables/js/dataTables.min.js"></script>
175 176 177</head> 178 179 180<body class="body-index"> 181 182 183<!-- Custom website (after body tag) - page_header custom programming includes code -->
vendor: 81 bytes, lines 183-186
183 184 185 <noscript> 186 <iframe src="https://www.googletagmanager.com/ns.html?id=
186GTM-MF6LP93
vendor: 100 bytes, lines 186-192
186" 187 height="0" width="0" style="display:none;visibility:hidden"></iframe> 188 </noscript> 189 190 191 192
192<!-- TOP NOTIFICATION BAR ============================================ --> 193 194 195 196 <!-- HEADER ============================================ --> 197 198 199 200<style> 201 202/* HEADER SECTION 203===========================================================================================================*/ 204#header-section { 205 background-color: #4570B6; 206 padding: 2.1rem 0 0 0; 207 /*background: url(images/sitelook/header_back.png);*/ 208 background-position: center center; 209 background-repeat:no-repeat; 210 background-size: cover; 211 -webkit-background-size: cover; 212 -moz-background-size: cover; 213 -o-background-size: cover; 214} 215.header-container { 216 background-color: transparent; 217 padding: 0; 218} 219.header-logo { 220 max-width: 70%; 221} 222 223 .header-text{ 224 color: #fff; 225 font-family: var(--siteFont-headings); 226 font-size:22px; 227 font-weight:800; 228 text-align: right; 229 text-transform: uppercase; 230 } 231 232 233 .header-subtext{ 234 color:#fff; 235 text-align: center; 236 font-weight:800; 237 font-size: 18px; 238 margin-left:10rem; 239 margin-bottom: 0; 240 } 241 242 243 244 .header-sub a:hover{ 245 text-transform: none; 246 } 247 248 249 250 251 .divider { 252 margin: 0 .35rem; 253} 254 255 256.header-button { 257 text-align: right; 258} 259 260 261.button-row{ 262 text-align:right; 263} 264.button-row a, 265.button a { 266 color: var(--secondaryColor-text); 267 display: inline-block; 268 font-size: 17px; 269 font-weight: 800; 270 line-height: 1.65; 271 text-align: center; 272 letter-spacing: 0.05em; 273 text-decoration: none; 274 /*border: solid 2px #DBCEAC;*/ 275 min-width: 130px; 276 padding: .7rem 1.5rem; 277 278} 279 .button-row .color1, 280 .button .color1 { 281 background-color: var(--secondaryColor); 282 font-family: var(--siteFont-headings); 283} 284.button-row a:hover, 285.button a:hover { 286 background-color: #68C5F0; 287 color: var(--primaryColor-text); 288 text-decoration: none; 289} 290.button-row ul { 291 display: list-item; 292 list-style-type: none; 293 padding-left: 0; 294} 295.button-row ul li { 296 padding: 0.3rem .5rem; 297 display: inline-block; 298} 299 /*Large devices (desktops, less than 1200px)*/ 300@media (max-width: 1199.98px) { 301 .button-row a, 302 .button a { 303 font-size: 14px;} 304 } 305 306 307 308 /*Medium devices (tablets, less than 992px)*/ 309@media (max-width: 991.98px) { 310 .header-logo{ 311 max-width:90%; 312 } 313 314 .header-text{ 315 font-size:19px; 316 } 317 318 .button-row a, 319 .button a { 320 font-size: 10px; 321 padding: .7rem 1rem; 322 min-width: 180px;} 323 324 .button-row ul li { 325 padding: 0.30rem 0; 326 } 327 328} 329 330 331 332/* Small devices (landscape phones, less than 768px) */ 333@media (max-width: 767.98px) { 334 .header-logo { 335 max-width: 320px; 336 margin: 0 auto; 337 } 338 339 .header-text{ 340 text-align: center; 341 } 342 343 .header-subtext{ 344 margin-left:0; 345 } 346 347 .button-row{ 348 text-align: center; 349 padding:30px 0 0 0;} 350 351 .button-row ul li { 352 padding: 0.30rem 0.20rem;} 353 354 .button-row a, 355 .button a { 356 font-size: 10px; 357 min-width: 130px; 358 359 } 360 361 362 363 364 365/*Extra small devices (portrait phones, less than 576px)*/ 366@media (max-width: 575.98px) { 367 368 .header-text{ 369 font-size:18px; 370 text-align: center;} 371 } 372 373 374 375</style> 376 377 378 379 380<header id="header-section"> 381 382 <div class="container header-container"> 383 <div class="row align-items-center"> 384 385 <div class="col-md-7"> 386 <div class="header-logo"> 387 <a href="https://www.techlearnconference.com"> 388 <img class="img-fluid img-svg" src="images/sitelook/logo_header.png" alt="Conference Logo" border="0" /> 389 </a> 390 <!--<p class="header-sub"><i>by TRAINING MAGAZINE</i></p>--> 391 392 </div> 393 </div><!-- col --> 394 395 <div class="col-md-5"> 396 <div class="button-row"> 397 398 399 400 <ul> 401 <!--<li><a class="color1" href="https://www.techlearnconference.com/pdf/brochure.pdf">BROCHURE</a></li>--> 402 <li><a class="color1" href="discounts.cfm">REGISTER</a></li> 403 404 <!--<li><a class="color1" href="discounts.cfm">REGISTER</a></li>--> 405 406 407 <!--<li><a class="color1" href="sponsor.cfm">BECOME A SPONSOR</a></li>--> 408 </ul> 409 </div> 410 411 412 413 414 415 </div><!-- col --> 416 417 </div> <!-- end row --> 418 </div> <!-- end container --> 419 420</header> <!-- end section --> 421 422 423 424 425 <!-- TOP NAVIGATION ====================================== --> 426 427 428 429 430 431<style> 432 433/* TOP NAV (use this nav section or the one below) 434===========================================================================================================*/ 435#nav-section {background-color: #4570B6; 436 padding: 0; 437 /*border-bottom: 3px solid #000;*/ 438 } 439 440 441/*All other navigation styles are in nav_top_responsive.css*/ 442 443 444</style> 445 446 447<section id="nav-section"> 448 449 450 451 452 <div id="main-nav" class="container main-nav-container"> 453 <div class="row"> 454 <div class="col"> 455 456 457 <nav id="top-res-nav" class="navbar navbar-expand-lg navbar-color"> 458
459 <button class="navbar-toggler nav-align-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" 460 aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> 461 <span class="navbar-toggler-icon"></span> 462 </button> 463 464 <div id="navbarNav" class="collapse navbar-collapse nav-align-items"> 465 <div class='row-fluid'> 466<div class='span12'> 467<div id='flyout_top_nav'> 468<nav id='main_top_nav'> 469<ul id='top_nav_menu' class='clearfix'> 470 471 <li class="nav_lvl_1"><A HREF="index.cfm" TARGET="" class="nav_lvl_1 nav_group_00 current_page current_group" onmouseover="window.status='Home'; return true;" onmouseout="window.status=''; return true;">Home</A> 472 473 <ul class="nav_group_00"> 474 475</ul> 476</li> 477 478 <li class="nav_lvl_1"><A HREF="about.cfm" TARGET="" class="nav_lvl_1 nav_group_00" onmouseover="window.status='About'; return true;" onmouseout="window.status=''; return true;">About</A> 479 480 <ul class="nav_group_05"> 481 482<li class="nav_level_0502"><A HREF="https://www.techlearnconference.com/welcome.cfm" TARGET="" class="nav_lvl_2 nav_group_05 nav_level_0502">Welcome to TechLearn 2026</A></li><li class="nav_level_0504"><A HREF="https://www.techlearnconference.com/attend.cfm" TARGET="" class="nav_lvl_2 nav_group_05 nav_level_0504">Who Should Attend</A></li><li class="nav_level_0510"><A HREF="https://www.techlearnconference.com/attendee_testimonials.cfm" TARGET="" class="nav_lvl_2 nav_group_05 nav_level_0510">Testimonials</A></li><li class="nav_level_0512"><A HREF="https://www.techlearnconference.com/about.cfm" TARGET="" class="nav_lvl_2 nav_group_05 nav_level_0512">About Us</A></li><li class="nav_level_0516"><A HREF="https://www.techlearnconference.com/Contact.cfm" TARGET="" class="nav_lvl_2 nav_group_05 nav_level_0516">Contact Us</A></li></ul> 483</li> 484 485 <li class="nav_lvl_1"><A HREF="schedule_at_a_glance.cfm" TARGET="" class="nav_lvl_1 nav_group_00" onmouseover="window.status='Conference'; return true;" onmouseout="window.status=''; return true;">Conference</A> 486 487 <ul class="nav_group_12"> 488 489<li class="nav_level_1203"><A HREF="https://www.techlearnconference.com/schedule_at_a_glance.cfm" TARGET="" class="nav_lvl_2 nav_group_12 nav_level_1203">Schedule-at-a-Glance</A></li><li class="nav_level_1204"><A HREF="https://www.techlearnconference.com/agenda.cfm" TARGET="" class="nav_lvl_2 nav_group_12 nav_level_1204">Agenda</A></li><li class="nav_level_1205"><A HREF="https://www.techlearnconference.com/app.cfm" TARGET="" class="nav_lvl_2 nav_group_12 nav_level_1205">TechLearn 2026 App</A></li><li class="nav_level_1207"><A HREF="https://www.techlearnconference.com/keynotes.cfm" TARGET="" class="nav_lvl_2 nav_group_12 nav_level_1207">Keynotes</A></li><li class="nav_level_1209"><A HREF="https://www.techlearnconference.com/braindate.cfm" TARGET="" class="nav_lvl_2 nav_group_12 nav_level_1209">Braindate: Start Conversations That Matter</A></li><li class="nav_level_1211"><A HREF="https://www.techlearnconference.com/training_test_kitchen.cfm" TARGET="" class="nav_lvl_2 nav_group_12 nav_level_1211">Innovations in Training Test Kitchen</A></li><li class="nav_level_1213"><A HREF="https://www.techlearnconference.com/frontline.cfm" TARGET="" class="nav_lvl_2 nav_group_12 nav_level_1213">Learning in Frontline and High-Risk Environments</A></li><li class="nav_level_1216"><A HREF="https://www.techlearnconference.com/startup-spotlight.cfm" TARGET="" class="nav_lvl_2 nav_group_12 nav_level_1216">Startup Spotlight & Shark Tanks</A></li><li class="nav_level_1217"><A HREF="https://www.techlearnconference.com/speakers.cfm" TARGET="" class="nav_lvl_2 nav_group_12 nav_level_1217">Meet Our Speakers</A></li><li class="nav_level_1218"><A HREF="https://www.techlearnconference.com/sponsors.cfm" TARGET="" class="nav_lvl_2 nav_group_12 nav_level_1218">Meet Our Sponsors and Partners</A></li><li class="nav_level_1245"><A HREF="https://www.techlearnconference.com/brochure.cfm" TARGET="" class="nav_lvl_2 nav_group_12 nav_level_1245">TechLearn 2026 Brochure</A></li></ul> 490</li> 491 492 <li class="nav_lvl_1"><A HREF="certificate_programs.cfm" TARGET="" class="nav_lvl_1 nav_group_00" onmouseover="window.status='Pre-Conference'; return true;" onmouseout="window.status=''; return true;">Pre-Conference</A> 493 494 <ul class="nav_group_20"> 495 496<li class="nav_level_2000"><A HREF="https://www.techlearnconference.com/certificate_programs.cfm" TARGET="" class="nav_lvl_3 nav_group_20 nav_level_2000">Certificate Programs</A></li><li class="nav_level_2000"><A HREF="https://www.techlearnconference.com/learning_leaders_summit.cfm" TARGET="" class="nav_lvl_3 nav_group_20 nav_level_2000">Learning Leaders Summit</A></li></ul> 497</li> 498 499 <li class="nav_lvl_1"><A HREF="gamicon.cfm" TARGET="" class="nav_lvl_1 nav_group_00" onmouseover="window.status='GamiCon'; return true;" onmouseout="window.status=''; return true;">GamiCon</A> 500 501 <ul class="nav_group_22"> 502 503<li class="nav_level_2200"><A HREF="https://www.techlearnconference.com/gamicon.cfm" TARGET="" class="nav_lvl_3 nav_group_22 nav_level_2200">GamiCon</A></li><li class="nav_level_2200"><A HREF="https://www.techlearnconference.com/gamification.cfm" TARGET="" class="nav_lvl_3 nav_group_22 nav_level_2200">Value of Gamification</A></li><li class="nav_level_2200"><A HREF="https://www.techlearnconference.com/gamicon_testimonials.cfm" TARGET="" class="nav_lvl_3 nav_group_22 nav_level_2200">Why Come to GamiCon?</A></li></ul> 504</li> 505 506 <li class="nav_lvl_1"><A HREF="https://admin.mobilecoach.com/web_chats/Training_Magazine/d63a" TARGET="" class="nav_lvl_1 nav_group_00" onmouseover="window.status='Ask the Bot'; return true;" onmouseout="window.status=''; return true;">Ask the Bot</A> 507 508 <ul class="nav_group_23"> 509 510</ul> 511</li> 512 513 <li class="nav_lvl_1"><A HREF="discounts.cfm" TARGET="" class="nav_lvl_1 nav_group_00" onmouseover="window.status='Registration'; return true;" onmouseout="window.status=''; return true;">Registration</A> 514 515 <ul class="nav_group_35"> 516 517<li class="nav_level_3501"><A HREF="https://www.techlearnconference.com/discounts.cfm" TARGET="" class="nav_lvl_2 nav_group_35 nav_level_3501">Registration Fees & Discounts</A></li><li class="nav_level_3520"><A HREF="https://www.techlearnconference.com/faq.cfm" TARGET="" class="nav_lvl_2 nav_group_35 nav_level_3520">FAQs and Policies</A></li><li class="nav_level_3525"><A HREF="https://www.techlearnconference.com/convince.cfm" TARGET="" class="nav_lvl_2 nav_group_35 nav_level_3525">Convince Your Boss</A></li><li class="nav_level_3540"><A HREF="https://www.techlearnconference.com/atd_initial_eligibility_and_recertification.cfm" TARGET="" class="nav_lvl_2 nav_group_35 nav_level_3540">ATD Initial Eligibility & Recertification</A></li><li class="nav_level_3550"><A HREF="https://www.techlearnconference.com/certificate_and_eBadge_access.cfm" TARGET="" class="nav_lvl_2 nav_group_35 nav_level_3550">Digital Certificate of Completion and eBadge</A></li></ul> 518</li> 519 520 <li class="nav_lvl_1"><A HREF="Servicecenter.cfm" TARGET="" class="nav_lvl_1 nav_group_00" onmouseover="window.status='Service Ctrs'; return true;" onmouseout="window.status=''; return true;">Service Ctrs</A> 521 522 <ul class="nav_group_55"> 523 524<li class="nav_level_5550"><A HREF="https://www.techlearnconference.com/registration_update.cfm" TARGET="" class="nav_lvl_2 nav_group_55 nav_level_5550">Attendee Service Center</A></li><li class="nav_level_5560"><A HREF="https://www.techlearnconference.com/speak_serv_center.cfm" TARGET="" class="nav_lvl_2 nav_group_55 nav_level_5560">Speaker Service Center</A></li></ul> 525</li> 526</ul> <!-- End of id=top_nav_menu --> 527</nav> <!-- End of id=main_top_nav --> 528</div> <!-- End of id=flyout_top_nav --> 529</div> <!-- End of class span12 inside row-fluid --> 530</div> <!-- End of class row-fluid --> 531 532 </div> 533 534 </nav> 535 536 </div> <!-- end col --> 537 </div> <!-- end row --> 538 </div> <!-- end container --> 539 540 541</section> <!-- end section --> 542 543 544 545 546 <!-- HERO CAROUSEL / MAIN SLIDESHOW ============================================ --> 547 <style> 548 549 #hero-section{ 550 551 background-color: var(--siteBkgColor); 552 background-position: center center; 553 background-repeat:no-repeat; 554 background-size: cover; 555 -webkit-background-size: cover; 556 -moz-background-size: cover; 557 -o-background-size: cover; 558 559 } 560 561 .hero-logo{ 562 margin: 0 auto; 563 } 564 565 .hero-logo-mobile{ 566 display: none; 567 } 568 569 570 571 572/*Small devices (landscape phones, less than 768px)*/ 573@media (max-width: 767.98px) { 574 .hero-logo{ 575 display: none; 576 } 577 578 579 .hero-logo-mobile{ 580 display:block; 581 } 582 583 584 } 585 586 587 588 589</style> 590 591 592 593 594 595 596<section id="hero-section"> 597 598 599 600 601 <div class="hero-container"> 602 <div class="row no-gutters"> 603 604 605 <div class="hero-logo"> 606 <img class="img-responsive" src="images/hero/hero_logo.png" alt="Hero Image"> 607 608 </div> 609 610 611 <div class="hero-logo-mobile"> 612 <img class="img-responsive" src="images/hero/hero_mobile.jpg" alt="Hero Image"> 613 614 </div> 615 616 617 </div> <!-- end row --> 618 </div> <!-- end container --> 619 620 621 622</section> <!-- end section --> 623 624 625 <!-- PAGE CONTENT ============================================ --> 626 627 <style> #content-section {display: none;} </style> 628 629 <section id="content-section"> 630 <div class="container"> 631 <div class="row"> 632 633 634 <!-- ADMIN CONTROLLED CONTENT ======================================= -->
635 <div id="admin-page-content" class="col-lg-12"> 636 <div class="admincontent12"> 637 638 <!--Content from Admin and modules starts here --> 639 640 <h1 class="pageTitle"><SUPRESS></h1> 641 642 643 <!--Content from Admin and modules ends here --> 644 645 </div> <!-- end admincontent12 --> 646 </div> <!-- end col-lg-12 --> 647 <!--END ADMIN CONTROLLED CONTAINER================================================== --> 648 649 650 </div> <!-- end row --> 651 </div> <!-- end container --> 652 </section> <!--end section --> 653 <!-- END PAGE CONTENT ============================================ --> 654 655 656 657 658 <!-- INFO-SUMMARY ============================================ --> 659 660 661 662<style> 663 664/* CUSTOM CONTENT - ONE COLUMN 665===========================================================================================================*/ 666#info-summary-section { 667 padding: .5rem 0 .2rem 0; 668 background-color: #4570B6; 669 /*background: url(images/sitelook/summary_back.jpg);*/ 670 background-position: center center; 671 background-repeat:no-repeat; 672 background-size: cover; 673 -webkit-background-size: cover; 674 -moz-background-size: cover; 675 -o-background-size: cover; 676 677 678 } 679 680 681 682 683.info-summary-section-container { background-color: #FFF; } 684 685#info-summary-section .section-title-container { background-color: transparent; } 686#info-summary-section .section-title-container h3 { 687 color: var(--primaryColor-text); 688 font-size: 40px; 689 text-align: center; 690} 691 692.info-summary-area { 693 padding: 1rem 0; 694 text-align: center; 695} 696 697.info-summary-text { 698 font-size: 29px; 699 line-height: 1.5em; 700 padding: 0.5em 0; 701 font-weight:700; 702 text-transform: uppercase; 703 color:#fff; 704} 705 706 707 .info-summary-subtext{ 708 font-size:20px; 709 } 710 711 .info-summary-text-list li{ 712 list-style-type: none; 713 text-align: center; 714 font-size: 22px; 715 font-weight:600; 716 color:#fff; 717 } 718 719.topics-button { 720 text-align: center; 721 width: 100%; 722 padding:1.5em 0;} 723 724.topics-button .custom-button{ 725 background-color: #12B1B5; 726 padding: 1rem 1.5rem; 727 border-radius: 1px; 728 display: inline-block; 729 font-weight: 900; 730 font-size:1rem;} 731 732.topics-button .custom-button:hover, 733.topics-button .custom-button:focus { 734 color: var(--thirdColor-text); 735 text-decoration: none; 736 background-color: #68C5F0; 737} 738 739 740 .summary_img{ 741 width:95%; 742 margin:0 auto; 743 } 744 745 /*Small devices (landscape phones, less than 768px)*/ 746@media (max-width: 767.98px) { 747 748 .info-summary-text-list ul{ 749 padding:0; 750} 751 752 753 .summary_img{ 754 width:100%;} 755 756 } 757 758</style> 759 760 761 762 763 764 <section id="info-summary-section"> 765 766 767<!--<div class="container section-title-container"> 768 <div class="row"> 769 <div class="col-12"> 770 <h3>ENGAGE WITH EXPERTS AND PEERS <br/> TO SOLVE YOUR TRAINING CHALLENGES </h3> 771 </div> 772 </div> 773 </div> --> 774 775 <div class="container info-summary-container"> 776 <div class="row"> 777 778 <div class="col-12 col-md-10 offset-md-1"> 779 <div class="info-summary-area"> 780 781 <p class="info-summary-text"> 782 The perfect-size conference designed to help L&D professionals cultivate new skills, knowledge, and connections around learning tech and design:</p> 783 784 785 786 </div> 787 </div><!-- col --> 788 789 </div> <!-- end row --> 790 791 792 <div class="row"> 793 794 <div class="col-12 col-md-6 col-lg-6"> 795 <div class="info-summary-text-list"> 796 <ul> 797 798 <li>Elearning Design & Implementation</li> 799 <li>Artificial Intelligence</li> 800 <li>Learning Evaluation & Assessment</li> 801 <li>Virtual & Hybrid Learning</li> 802 <li>Adaptive Learning</li> 803 <li>Game-Based Learning</li> 804 <li>Augmented & Virtual Reality</li> 805 <li>Simulations & More</li> 806 807 </ul> 808 </div> 809 810 </div> 811 812 813 814 <div class="col-12 col-md-6 col-lg-6"> 815 816 <img class="summary_img img-fluid" src="images/sitelook/summary-img.gif" alt="Summary image" border="0"> 817 818 819 </div> 820 821 822 823 824 </div> 825 826 827 <div class="topics-button"> 828 <a class="custom-button" href="https://www.techlearnconference.com/pdf/brochure.pdf">DOWNLOAD BROCHURE</a> 829 </div> 830 831 832 833 </div> <!-- end container --> 834 835 836 </section> <!--end section --> 837 838 839 840 841 842 <!-- CO-LOCATED ============================================ --> 843 844 845 846<style> 847 848/* CUSTOM CONTENT - THREE COLUMNS 849===========================================================================================================*/ 850#co-located-section { 851 background-color: #fff; 852 padding: 2.5rem 0 3rem 0; 853 background-image:url(images/sitelook/colocated_back.jpg); 854 background-position: center center; 855 background-size: cover; 856 background-repeat: no-repeat;} 857 858 859 860 .co-located-section-container { background-color: transparent;} 861 862#co-located-section .section-title-container { background-color: transparent; } 863#co-located-section .section-title-container h3 { 864 color: var(--primaryColor); 865 font-size: 24px; 866 text-align: center; 867} 868 869.co-located-area { 870 padding: .5rem; 871 height:170px; 872} 873 874 .co-border-area{ 875 background-color: #005ba9; 876 border-radius: 15px; 877 filter: drop-shadow(-7px 10px 5px rgba(0, 0, 0, 0.8)); 878 } 879 880 881 882.co-located-logo{ 883 width:220px; 884 margin:0 auto; 885} 886 887 888 889 .co-text{ 890 font-size: 24px; 891 text-transform: uppercase; 892 font-weight:800; 893 line-height: 2rem; 894 color:#fff; 895 896} 897 898 .gamicon{ 899 width:260px; 900 } 901 902 903 .learning-logo{ 904 width:260px; 905 } 906 907/* .cert-prog{ 908 padding-top:30px; 909 }*/ 910 911.co-located-title { 912 font-size: 19px; 913 line-height: 1.4em; 914 text-align: center; 915 padding-bottom: 2em; 916 font-weight:bold; 917 918} 919 920 921.co-date a{ 922 color:#fff; 923 text-decoration: none; 924} 925 926 .co-text1{ 927 padding-top:1rem; 928 } 929 930 .co-date1{ 931 padding-top: .8rem; 932 933} 934 935 936.co-located-sub{ 937 text-align: center; 938 padding-top: 3rem; 939} 940 941 942.co-text1 a{ 943 color: #fff; 944 text-decoration: none; 945 } 946 947 948 949.colocated-button { 950 text-align: center; 951 width: 100%; 952 padding:1.5em 0;} 953 954.colocated-button .custom-button{ 955 color:#fff; 956 background-color: transparent; 957 padding: .5rem 2rem; 958 border: 2px solid #fff; 959 border-radius: 10px; 960 display: inline-block; 961 font-weight: 900; 962 font-size:1.3rem;} 963 964.colocated-button .custom-button:hover, 965.colocated-button .custom-button:focus { 966 color: var(--thirdColor-text); 967 text-decoration: none; 968 background-color: var(--thirdColor); 969} 970 971/*Medium devices (tablets, less than 992px)*/ 972@media (max-width: 991.98px) { 973 .co-text{ 974 font-size: 18px; 975 line-height:1.4rem;} 976 977 .learning-logo{ 978 width:190px;} 979 980 .gamicon{ 981 width:190px;} 982} 983 984 985 986@media (max-width: 767.98px) { 987 .co-border-area{ 988 margin-top: 2rem;} 989 990 .co-text{ 991 font-size: 24px; 992 line-height:2rem; 993 text-align: center;} 994 995 .learning-logo{ 996 width:300px;} 997 998 .gamicon{ 999 width:300px;} 1000} 1001 1002 1003 1004 1005 } 1006 1007 1008 1009</style> 1010 1011 1012 1013 1014 1015 <section id="co-located-section"> 1016 1017
1018 <div class="co-located-title"> 1019 <img class="title-img img-fluid" src="images/sitelook/colocated_title.png" alt="Info Image"> 1020 1021 </div> 1022 1023 1024 <div class="container co-located-container"> 1025 <div class="row"> 1026 1027 <div class="col-12 col-md-4 col-lg-4"> 1028 <div class="co-located-area co-border-area"> 1029 1030 <div class="cert-prog co-text co-text1"> 1031 <a href="certificate_programs.cfm"> 1032 Pre-Conference Certificate Programs 1033 <br/> 1034 <div class="co-date1">SEPTEMBER 14-15</div> 1035 1036 </a> 1037 </div> 1038 1039 1040 1041 1042 1043 1044 </div> 1045 </div><!-- col --> 1046 1047 <div class="col-12 col-md-4 col-lg-4"> 1048 <div class="co-located-area co-border-area"> 1049 1050 <div class="co-located-logo gamicon co-text"> 1051 <a href="gamicon.cfm"> 1052 <img class="img-fluid" src="images/sitelook/co-img-gamicon.png" alt="Co-Located Logo" border="0" /> 1053 </a> 1054 <div class="co-date"><a href="gamicon.cfm">SEPTEMBER 14-15</a></div> 1055 1056 1057 </div> 1058 1059 </div> 1060 </div><!-- col --> 1061 1062 <div class="col-12 col-md-4 col-lg-4"> 1063 <div class="co-located-area co-border-area"> 1064 <div class="co-located-logo learning-logo co-text"> 1065 <a href="learning_leaders_summit.cfm"> 1066 <img class="img-fluid" src="images/sitelook/learningleaders.png" alt="Co-Located Logo" border="0" /> 1067 </a> 1068 1069 <div class="co-date"><a href="learning_leaders_summit.cfm">SEPTEMBER 15</a></div> 1070 1071 1072 </div> 1073 1074 1075 1076 </div> 1077 </div><!-- col --> 1078 1079 </div> <!-- end row --> 1080 1081 <div class="co-located-sub"> 1082 <img class="subtext-img img-fluid" src="images/sitelook/colocated_subtext.png" alt="Info Image"> 1083 1084 </div> 1085 1086 <div class="colocated-button"> 1087 <a class="custom-button" href="agenda.cfm">SEE FULL AGENDA</a> 1088 </div> 1089 1090 1091 </div> <!-- end container --> 1092 1093 1094 </section> <!--end section --> 1095 1096 1097 1098 1099 <!-- SPEAKERS ============================================ --> 1100 1101 1102<style> 1103 1104/* SPEAKER SECTION - CUSTOM CONTENT - four COLUMNS 1105===========================================================================================================*/ 1106#carousel-speakers-section { 1107 background-color: #041431; 1108 padding: 2rem 0 2rem 0; 1109 1110 1111 } 1112.carousel-speakers-container { background-color: transparent; padding: 0; } 1113 1114#carousel-speakers-section .section-title-container { background-color: transparent; } 1115#carousel-speakers-section .section-title-container h3 { 1116 color: var(--primaryColor-text); 1117 font-size: 36px; 1118 text-align: center; 1119 text-transform: none; 1120 font-weight: 900; 1121} 1122 1123 .speaker_subtitle{ 1124 font-size:30px; 1125 text-align: center; 1126 color:#00b5b6; 1127 /*padding: 1em;*/ 1128 font-weight: 800; 1129} 1130 1131 1132 .speaker-subnote{ 1133 color:#00b5b6; 1134 font-size:22px; 1135 line-height: 1.9rem; 1136 padding-top:1.5rem; 1137 font-weight:600; 1138 letter-spacing: .1rem; 1139 1140 } 1141 1142#carousel-speakers-section .speaker-box { 1143 padding: 0 1.5rem 1rem 1.5rem; 1144 text-align: center; 1145 width:65%; 1146} 1147#carousel-speakers-section .speaker-image { 1148 border-radius:8%; 1149 /*border: solid #FFF 2px;*/ 1150} 1151#carousel-speakers-section .speaker-box .speaker-thumb-overlay { 1152 position: relative; 1153} 1154#carousel-speakers-section .speaker-box .speaker-overlay-content { 1155 border-radius:50%; 1156 position: absolute; 1157 top: 0; 1158 bottom: 0; 1159 left: 0; 1160 right: 0; 1161 height: 100%; 1162 width: 100%; 1163 opacity: 0; 1164 transition: .5s ease; 1165 background-color: var(--primaryColor); 1166} 1167#carousel-speakers-section .speaker-box .speaker-thumb-overlay:hover .speaker-image { 1168 -webkit-filter: blur(1px); /* Safari 6.0 - 9.0 */ 1169 filter: blur(1px); 1170 opacity: 0.5; 1171} 1172#carousel-speakers-section .speaker-box .speaker-thumb-overlay:hover .speaker-overlay-content { 1173 border-radius:10%; 1174 opacity: 0.60; 1175} 1176#carousel-speakers-section .speaker-box .speaker-overlay-text { 1177 color: #FFF; 1178 font-size: 20px; 1179 position: relative; 1180 top: 50%; 1181 left: 50%; 1182 -ms-transform: translate(-50%, -0%); 1183 transform: translate(-50%, -0%); 1184} 1185 1186#carousel-speakers-section .speaker-name { 1187 font-size: 19px; 1188 color: var(--primaryColor-text); 1189 font-weight: bold; 1190 padding: 0.15rem 0; 1191 text-transform: uppercase; 1192 letter-spacing: .07rem; 1193} 1194#carousel-speakers-section .speaker-title { 1195 font-size: 18px; 1196 color: var(--secondaryColor-text); 1197 font-weight: bold; 1198 padding: 0 0 0.25rem 0; 1199 letter-spacing: .07rem; 1200} 1201 1202 1203.speaker-button .button { 1204 text-transform: uppercase; 1205 font-weight: bold; 1206 text-align: center; 1207 padding-top: 2.5rem; 1208 font-family: var(--siteFont-headings); 1209 1210} 1211.speaker-button .button a { 1212 font-size: 18px; 1213 color: var(--thirdColor-text); 1214 line-height: 29px; 1215 background-color: #00B5B6; 1216 padding:11px 20px; 1217 text-decoration: none; 1218 transition: .2s; 1219 font-weight: 800; 1220 } 1221 1222.speaker-button .button a:hover { 1223 background-color: #68C5F0; 1224} 1225 1226 1227 1228 1229</style> 1230 1231 1232 1233 1234 1235 1236<section id="carousel-speakers-section"> 1237 1238 <div class="container section-title-container"> 1239 <div class="row"> 1240 <div class="col-12"> 1241 <h3>IT'S THE HUMANS</h3> 1242 <h2 class="speaker_subtitle">ENGAGING KEYNOTES #ONLYATTECHLEARN2026</h2> 1243 </div> 1244 </div> 1245 </div> 1246 1247 <div class="container carousel-speakers-container"> 1248 <div class="row"> 1249 <div class="col-12 px-lg-5"> 1250 1251 <div id="carousel-speakers" class="owl-carousel owl-theme"> 1252 1253 <div class="item"> 1254 <div class="speaker-box"> 1255 1256 <div class="speaker-subnote"><i>Seeing Through <br/> the Noise</i></div> 1257 1258 <div class="speaker-thumb-overlay"> 1259 <a href="keynotes.cfm"> 1260 <img class="img-fluid speaker-image" src="images/speakers/amy_herman.jpg" alt="Speaker"> 1261 </a> 1262 </div> 1263 <div class="speaker-name"><i>Amy Herman</i></div> 1264 <div class="speaker-title"><i>Author, Visual Intelligence</i></div> 1265 </div> 1266 </div> 1267 1268 <div class="item"> 1269 <div class="speaker-box"> 1270 <div class="speaker-subnote"><i>Co-Designing With AI: <br/> What Really Matters</i></div> 1271 1272 <div class="speaker-thumb-overlay"> 1273 <a href="keynotes.cfm"> 1274 <img class="img-fluid speaker-image" src="images/speakers/rory_o'connor.jpg" alt="Speaker"> 1275 </a> 1276 </div> 1277 <div class="speaker-name"><i>Rory O'Connor</i></div> 1278 <div class="speaker-title"><i>Inventor of Rory's Story Cubes</i></div> 1279 </div> 1280 </div> 1281 1282 1283 1284 </div> 1285 1286 1287 <div class="speaker-button"> 1288 <div class="button"> 1289 <a href="speakers.cfm">MEET ALL THE SPEAKERS</a> 1290 </div> 1291 </div> 1292 1293 </div> <!-- end col --> 1294 </div> <!-- end row --> 1295 </div> <!-- end container --> 1296 1297</section> <!--end section --> 1298 1299 1300 1301 1302 1303 1304 1305 1306 1307 1308 1309 1310
1311 <!-- REGISTER-SAVE ============================================ --> 1312 1313 1314 1315<style> 1316 1317/* CUSTOM registerNTENT - THREE registerLUMNS 1318===========================================================================================================*/ 1319#register-save-section { 1320 background-color: #6e094a; 1321 padding: 2.5rem 0 4rem 0; 1322 1323 } 1324.register-save-section-registerntainer { background-color: #FFF; } 1325.register-save-registerntainer{padding-top:1.5em;} 1326 1327#register-save-section .section-title-registerntainer { background-color: transparent; } 1328#register-save-section .section-title-registerntainer h3 { 1329 color: var(--primarycolor); 1330 font-size: 24px; 1331 text-align: center; 1332} 1333 1334.register-save-area { 1335 padding: .5rem; 1336} 1337 1338 1339 .register-save-area a{ 1340 text-decoration: none; 1341 } 1342 1343 1344.border-area{ 1345 background-color: #005ba9; 1346 border-radius: 15px; 1347 height:300px; 1348 } 1349 1350 1351 .red-box{ 1352 background-color: #45022d; 1353 } 1354 1355 1356 .dblue-box{ 1357 background-color: #041431; 1358 } 1359 1360 1361 1362.register-save-logo{ 1363 /*width:220px;*/ 1364 margin:0 auto; 1365} 1366 1367.register-save-logo-2{ 1368 width:300px; 1369 margin:0 auto; 1370} 1371 1372.register-save-title { 1373 color:#fff; 1374 font-size: 36px; 1375 line-height: 1.4em; 1376 text-align: center; 1377 padding: 0 4em; 1378 font-weight:900; 1379 text-transform: uppercase; 1380 1381} 1382 1383 1384 .register-save-subtitle { 1385 color:#fff; 1386 font-size: 24px; 1387 line-height: 1.4em; 1388 text-align: center; 1389 padding: .1em 7em; 1390 font-weight:700; 1391 text-transform: uppercase; 1392 padding-bottom: 2rem; 1393 1394} 1395 1396.register-text{ 1397 font-size: 35px; 1398 text-transform: uppercase; 1399 font-weight: 900; 1400 padding:.5rem; 1401 color: #fff; 1402 text-align: center; 1403 padding-top:2.5rem; 1404 1405} 1406 1407.register-price{ 1408 font-size:45px; 1409 color:#fff; 1410 font-weight:700; 1411 text-align: center; 1412 1413} 1414 1415 .save-price{ 1416 font-size:26px; 1417 color:#fff; 1418 font-weight:900; 1419 text-align: center; 1420 1421} 1422 1423.register-date{ 1424 font-size:24px; 1425 color:#fff; 1426 font-weight:700; 1427 text-align: center; 1428 line-height: 1rem; 1429} 1430.register-button .button { 1431 text-transform: uppercase; 1432 font-weight: bold; 1433 text-align: center; 1434 padding-top: 2.5rem; 1435 font-family: var(--siteFont-headings); 1436 1437} 1438.register-button .button a { 1439 font-size: 18px; 1440 color: #fff; 1441 line-height: 29px; 1442 background-color: #00b5b6; 1443 text-decoration: none; 1444 transition: .2s; 1445 font-weight:800; 1446 1447 } 1448.register-button .button a:hover { 1449 background-color: #68C5F0; 1450} 1451 1452 1453 1454 .grey-out{ 1455 color: #939799; 1456 } 1457 1458 1459 @media (max-width: 991.98px) { 1460 .register-save-title { padding: .3em 1em;} 1461 1462 1463 .register-save-subtitle { 1464 padding: .5em 2em; 1465 padding-bottom: 0;} 1466 1467 } 1468 1469 .border-area { margin-top:20px;} 1470 1471 1472 @media (max-width: 767.98px) { 1473 .border-area{ 1474 border-right: none;} 1475 1476 } 1477 1478 1479</style> 1480 1481 1482 1483 1484 1485 <section id="register-save-section"> 1486 1487 <h3 class="register-save-title">IT'S THE VALUE</h3> 1488 1489 <h2 class="register-save-subtitle"><i>Register early and save!</i> TechLearn 2026 is even better with your team, so bring a group to save even more — and check out our organizational discounts, too.</h2> 1490 1491 1492 <div class="container register-save-container"> 1493 <div class="row"> 1494 1495 1496 <div class="col-12 col-md-6 col-lg-4"> 1497 <div class="register-save-area border-area blue-box"> 1498 1499 <a href="discounts.cfm"> 1500 1501 <div class="register-save-logo register-text"> 1502 1503 1504 SUPER EARLY BIRD 1505 <div class="register-date">ENDS JULY 24</div> 1506 <div class="register-price">$1,595</div> 1507 <div class="save-price">SAVE $300 </div> 1508 1509 1510 1511 1512 </div> 1513 1514 </a> 1515 </div> 1516 </div><!-- registerl --> 1517 1518 <div class="col-12 col-md-6 col-lg-4"> 1519 <div class="register-save-area border-area red-box"> 1520 <a href="discounts.cfm"> 1521 <div class="register-save-logo register-text"> 1522 EARLY BIRD 1523 <div class="register-date">ENDS AUGUST 21</div> 1524 <div class="register-price">$1,745</div> 1525 <div class="save-price">SAVE $150</div> 1526 1527 1528 </div> 1529 </a> 1530 </div> 1531 </div><!-- registerl --> 1532 1533 1534 <div class="col-12 col-md-6 col-lg-4"> 1535 <div class="register-save-area border-area dblue-box"> 1536 <a href="discounts.cfm"> 1537 <div class="register-save-logo register-text"> 1538 1539 REGULAR 1540 <div class="register-date">AFTER AUG 21</div> 1541 <div class="register-price">$1,895</div> 1542 1543 1544 </div> 1545 1546 1547 </a> 1548 </div> 1549 </div> 1550 </div><!-- register --> 1551 1552 1553 1554 </div> <!-- end row --> 1555 1556 <div class="registerntainer"> 1557 1558 1559 <div class="register-button"> 1560 <div class="button"> 1561 <a href="discounts.cfm">REGISTER NOW</a> 1562 </div> 1563 </div> 1564 1565 1566 1567 1568 1569 1570 </div> <!-- end registerntainer --> 1571 1572 1573 </section> <!--end section --> 1574 1575 1576 1577 1578 1579 1580 <!-- TESTIMONIALS CAROUSEL ============================================ --> 1581 1582 1583 <!-- HOTEL ============================================ --> 1584 1585 1586<style> 1587 1588/* CUSTOM CONTENT - THREE COLUMNS 1589===========================================================================================================*/ 1590#hotel-section { 1591 background-color: #a04546; 1592 padding: 3.5rem 0 3rem 0; 1593 } 1594 1595.hotel-section-container { background-color: #FFF; } 1596 1597#hotel-section .section-title-container { background-color: transparent; } 1598#hotel-section .section-title-container h3 { 1599 color: var(--primaryColor-text); 1600 font-size: 36px; 1601 text-align: center; 1602 font-weight:900; 1603} 1604 1605.hotel-photo{ 1606 max-width:100%; 1607 margin:0 auto; 1608 text-align: center; 1609 1610 1611} 1612 1613 1614.hotel-photo img{ 1615 border-radius:15px !important; 1616} 1617 1618 1619 .hotel-text{ 1620 color:#fff; 1621 text-align: center; 1622 font-size:23px; 1623 line-height:1.4em; 1624 padding:20px 0; 1625 } 1626 1627 1628.hotel-button .button { 1629 text-transform: uppercase; 1630 text-align: center; 1631 padding-top: 1.5rem; 1632 1633 1634} 1635.hotel-button .button a { 1636 font-size: 18px; 1637 color: var(--thirdColor-text); 1638 line-height: 29px; 1639 background-color: #00b5b6; 1640 padding:11px 30px; 1641 text-decoration: none; 1642 transition: .2s; 1643 font-weight:800; 1644 } 1645 1646.hotel-button .button a:hover { 1647 background-color: #68C5F0; 1648} 1649 1650/*Medium devices (tablets, less than 992px)*/ 1651@media (max-width: 991.98px) { 1652 .hotel-button .button { 1653 padding-top: 1rem; 1654 } 1655 1656} 1657 1658/*Small devices (landscape phones, less than 768px)*/ 1659@media (max-width: 767.98px) { 1660 1661 .hotel-button .button { 1662 padding: 1.5rem; 1663 } 1664 1665} 1666 1667</style> 1668 1669 1670 1671 1672 1673 <section id="hotel-section"> 1674 1675 1676 <div class="container section-title-container"> 1677 <div class="row"> 1678 <div class="col-12"> 1679 <h3>IT'S THE LOCATION</h3> 1680 </div> 1681 </div> 1682 </div> 1683 1684 <div class="container hotel-container"> 1685 <div class="row"> 1686 1687 <div class="col-12 col-md-10 offset-md-1"> 1688 1689 <div class="hotel-photo"> 1690 <img class="img-fluid" src="images/sitelook/hotel.png" alt="Hotel"> 1691 </div> 1692 1693 1694 <div class="hotel-text">Connect to a world of innovation, technology, and comfort when you stay and learn at the <strong>AT&T Hotel and Conference Center</strong>, the grand hotel of the University of Texas at Austin. And create a soundtrack of your own in the Live Music Capital of the World – when you explore Austin's iconic music, Texas cuisine, scenic outdoors, and premier museums! 1695 1696 1697 <div class="hotel-button"> 1698 <div class="button"> 1699 <a href="travel.cfm">BOOK ROOM NOW</a> 1700 </div> 1701 </div> 1702 1703 1704 1705 1706 1707 </div><!-- col --> 1708 1709 </div> <!-- end row --> 1710 </div> <!-- end container --> 1711 1712 1713 </section> <!--end section --> 1714 1715 1716 1717 1718 1719 1720 1721 1722 1723 1724 1725 1726 1727 1728 1729 1730 1731 1732 1733 1734 1735 <!-- SPONSORS CAROUSEL ============================================ --> 1736 1737 1738 1739<style> 1740 1741 1742/* SPONSOR WIDE CAROUSEL OWL 1743===========================================================================================================*/ 1744#carousel-wide-section { background-color: #071635; padding: 2.5rem 0 3.5rem 0;} 1745.carousel-wide-container { background-color: #FFF; border-radius: 20px; } 1746 1747#carousel-wide-title-section .section-title-container { background-color: transparent; } 1748#carousel-wide-title-section .section-title-container h3 { 1749 color: var(--primaryColor); 1750 font-size: 39px; 1751 text-align: center; 1752} 1753 1754 1755 1756 .spon-title{ 1757 text-align: center; 1758 color: #fff; 1759 font-size: 39px; 1760 } 1761 1762 .spon-subhead{ 1763 font-size:25px; 1764 text-align: center; 1765 color:#fff; 1766 padding:2rem 0; 1767 } 1768 1769 1770 1771</style> 1772 1773 1774<section id="carousel-wide-section"> 1775 1776 <div class="container section-title-container"> 1777 <div class="row"> 1778 <div class="col-12"> 1779 <h3 class="spon-title">IT'S THE PARTNERSHIPS</h3> 1780 <div class="spon-subhead">With gratitude to our TechLearn 2026 Sponsors and Partners!</div> 1781 1782 1783 </div> 1784 </div> 1785 </div> 1786 1787 1788<div class="container carousel-wide-container"> 1789 <div class="row"> 1790 <div class="col-12 px-lg-5"> 1791
1792 <div id="carousel-sponsor-wide" class="owl-carousel owl-theme"> 1793 1794 1795 1796 1797 1798 1799 <div class="item"> 1800 <a href="https://www.360learning.com"> 1801 <img src="images/sponsors/360learning.png" alt="360learning" /> 1802 </a> 1803 </div> 1804 1805 <div class="item"> 1806 <a href="https://www.7taps.com/"> 1807 <img src="images/sponsors/7taps.png" alt="7taps" /> 1808 </a> 1809 </div> 1810 1811<div class="item"> 1812 <a href="https://saracanaday.com/"> 1813 <img src="images/sponsors/ai_booster.png" alt="AI booster" /> 1814 </a> 1815 </div> 1816 1817 1818<div class="item"> 1819 <a href="https://www.bluewaterlearning.com"> 1820 <img src="images/sponsors/bluewater.png" alt="Bluewater" /> 1821 </a> 1822 </div> 1823 1824 <div class="item"> 1825 <a href="https://www.braindate.com"> 1826 <img src="images/sponsors/braindate.png" alt="Braindate" /> 1827 </a> 1828 </div> 1829 1830<div class="item"> 1831 <a href="https://datango.com/"> 1832 <img src="images/sponsors/datango.png" alt="Datango" /> 1833 </a> 1834 </div> 1835 1836 1837<div class="item"> 1838 <a href="https://docebo.com"> 1839 <img src="images/sponsors/docebo.png" alt="Datango" /> 1840 </a> 1841 </div> 1842 1843 1844<div class="item"> 1845 <a href="https://www.echo360.com"> 1846 <img src="images/sponsors/echo.png" alt="echo" /> 1847 </a> 1848 </div> 1849 1850<div class="item"> 1851 <a href="https://educegroup.com"> 1852 <img src="images/sponsors/educe.png" alt="echo" /> 1853 </a> 1854 </div> 1855 1856<div class="item"> 1857 <a href="https://www.mentorcliq.com"> 1858 <img src="images/sponsors/mentocliq.png" alt="MentorCliQ" /> 1859 </a> 1860 </div> 1861 1862<div class="item"> 1863 <a href="https://www.mobilecoach.com"> 1864 <img src="images/sponsors/mobilecoach.png" alt="mobilecoach" /> 1865 </a> 1866 </div> 1867 1868<div class="item"> 1869 <a href="https://www.seertechsolutions.com/"> 1870 <img src="images/sponsors/seertech.png" alt="seertech" /> 1871 </a> 1872 </div> 1873 1874 1875<div class="item"> 1876 <a href="https://www.sententiagamification.com/gamicon"> 1877 <img src="images/sponsors/sententia.png" alt="sententia" /> 1878 </a> 1879 </div> 1880 1881 1882 1883<div class="item"> 1884 <a href="https://www.wearelearning.com/"> 1885 <img src="images/sponsors/we-are.png" alt="we are learning" /> 1886 </a> 1887 </div> 1888 1889 1890 1891<div class="item"> 1892 <a href="https://wearehubgames.com"> 1893 <img src="images/sponsors/hub.png" alt="hub" /> 1894 </a> 1895 </div> 1896 1897 1898 1899<div class="item"> 1900 <a href="https://www.wellsaid.io"> 1901 <img src="images/sponsors/wellsaid.png" alt="wellsaid" /> 1902 </a> 1903 </div> 1904 1905 1906 1907 1908 1909 1910 1911 1912 1913 1914 1915 1916 1917 1918 1919 1920 1921 1922 1923 1924 </div> 1925 1926 </div> <!-- end col --> 1927 </div> <!-- end row --> 1928 </div> <!-- end container --> 1929 1930</section> <!--end section --> 1931 1932 1933 1934 <!-- FOOTER ============================================ --> 1935 1936 1937 1938 1939<style> 1940 1941/* FOOTER 1942===========================================================================================================*/ 1943#footer-section { 1944 background-color: #fff; 1945 padding: 0; 1946 1947} 1948.footer-container { 1949 background-color: transparent; 1950 padding: 1.5rem 0; 1951} 1952 1953.footer-logo { 1954 max-width: 290px; 1955 padding: 1rem 0; 1956} 1957 1958.footer-social{ 1959 padding-bottom:10px; 1960} 1961 1962.footer-logo-2 { 1963 max-width: 200px; 1964 /*padding: 4rem 0 1rem 0;*/ 1965} 1966 1967 1968.footer-title{ 1969 color:#212529; 1970 font-size: 18px; 1971 font-weight: 700; 1972 1973} 1974 1975 1976.footer-text { 1977 color: var(--textColor); 1978 color: #212529; 1979 text-align: left; 1980 font-weight:600; 1981} 1982.footer-text a { 1983 color: #212529; 1984 text-decoration: underline; 1985 text-decoration: none; 1986 1987} 1988.footer-text a:hover, 1989.footer-text a:focus { 1990 color: var(--thirdColor); 1991} 1992 1993 1994.footer-end{ 1995 padding-top:.4em !important; 1996} 1997 1998 1999 2000.footer-links { 2001 color: #212529; 2002 text-align: left; 2003 padding-top: .5em; 2004 2005} 2006.footer-links-title { 2007 font-weight: 700; 2008 font-size: 18px; 2009 2010} 2011.footer-links ul { 2012 margin: 0; 2013 padding: 0; 2014 list-style-type: none; 2015} 2016.footer-links a { 2017 color: #212529; 2018 text-decoration: none; 2019} 2020.footer-links a:hover, 2021.footer-links a:focus { 2022 color: var(--thirdColor); 2023} 2024 2025 .privacy-link { 2026 font-size:16px; 2027 font-weight:700; 2028 padding:2px 0; 2029 2030} 2031 2032 .footer-time{ 2033 font-size:12px; 2034 text-align: left; 2035 } 2036 .footer-sub{ 2037 color:#000; 2038 text-align: right; 2039 font-size:11px; 2040 2041 } 2042 2043 2044 .footer-rights{ 2045 font-size: 13px; 2046 font-weight:600; 2047 padding-top:20px; 2048 } 2049 2050.eshow-logo{ 2051 width:150px; 2052} 2053 2054 2055/* Small devices (landscape phones, less than 768px) */ 2056@media (max-width: 767.98px) { 2057 .footer-logo { 2058 margin: 0 auto; 2059 padding: 1.25rem 0; 2060 } 2061 2062 .privacy-link { 2063 text-align: center; 2064 } 2065 2066 .eshow-logo{ 2067 margin:0 auto; 2068 } 2069} 2070 2071</style> 2072 2073 2074 2075 2076 2077 <footer id="footer-section"> 2078 2079 2080 <div class="container footer-container"> 2081 <div class="row align-items-start"> 2082 2083 <div class="col-12 col-md-6 col-lg-4 d-flex justify-content-center"> 2084 <div class="footer-logo"> 2085 2086 <div class="footer-social"> 2087 2088 2089 2090 2091<style> 2092 2093/*====== Header social media styles ======*/ 2094#header-section .social-media-links { 2095 text-align: right; 2096 padding: 0.25rem 0 1.5rem 0; 2097} 2098#header-section .social-media-links a { 2099 font-size: 0.6rem; 2100 color: var(--primaryColor); 2101 text-decoration: none; 2102 padding: 0; 2103} 2104 2105/* These apply ONLY if using plain icons */ 2106#header-section .social-media-links a.plain-social-icons { 2107 font-size: 0.85rem; 2108 color: var(--primaryColor); 2109 text-decoration: none; 2110 padding: 0 0.35rem; 2111} 2112#header-section .plain-social-icons i { 2113 margin-bottom: 0.5rem; 2114} 2115 2116#header-section .social-media-links a:hover, 2117#header-section .social-media-links a:focus { color: var(--thirdColor); } 2118 2119#header-section .social-media-links i.fa-inverse { color: var(--primaryColor-text); } 2120#header-section .social-media-links i.fa-inverse:hover { color: var(--thirdColor-text); } 2121 2122/* Small devices (landscape phones, less than 768px) */ 2123@media (max-width: 767.98px) { 2124 #header-section .social-media-links { 2125 text-align: center; 2126 padding: 1.25rem 0; 2127 } 2128} 2129 2130 2131/*====== Footer social media styles =======*/ 2132#footer-section .social-media-links { 2133 text-align: left; 2134 /*padding: 1rem 0;*/ 2135} 2136#footer-section .social-media-links a { 2137 font-size: 0.6rem; 2138 color: #4570B6; 2139 text-decoration: none; 2140 padding: 0 0.07rem; 2141} 2142#footer-section .social-icons span { 2143 margin-bottom: 0.5rem; 2144} 2145 2146/* These apply ONLY if using plain icons */ 2147#footer-section .social-media-links a.plain-social-icons { 2148 font-size: 0.85rem; 2149 color: var(--secondaryColor); 2150 text-decoration: none; 2151 padding: 0 0.35rem; 2152} 2153#footer-section .plain-social-icons i { 2154 margin-bottom: 0.5rem; 2155} 2156 2157#footer-section .social-media-links a:hover, 2158#footer-section .social-media-links a:focus { color: var(--thirdColor); } 2159 2160#footer-section .social-media-links i.fa-inverse { color: var(--primaryColor-text); } 2161#footer-section .social-media-links i.fa-inverse:hover { color: var(--thirdColor-text); } 2162 2163/* Small devices (landscape phones, less than 768px) */ 2164@media (max-width: 767.98px) { 2165 #footer-section .social-media-links { 2166 text-align: left; 2167 padding: 1.25rem 0; 2168 } 2169} 2170 2171</style> 2172 2173 2174 2175 2176 2177 2178 2179 2180 2181 2182 2183 2184<div class="social-media-links"> 2185 2186 <a class="social-icons" href="https://www.facebook.com/TrainingMagazine" target="_blank" aria-label="Facebook"> 2187 <span class="fa-stack fa-2x"> 2188 <i class="fas fa-circle fa-stack-2x"></i> 2189 <i class="fab fa-facebook-f fa-stack-1x fa-inverse" aria-hidden="true" title="Facebook"></i> 2190 </span> 2191 </a> 2192<!-- <a class="social-icons" href="https://twitter.com/trainingmagus" target="_blank" aria-label="Twitter"> 2193 <span class="fa-stack fa-2x"> 2194 <i class="fas fa-circle fa-stack-2x"></i> 2195 <i class="fab fa-twitter fa-stack-1x fa-inverse" aria-hidden="true" title="Twitter"></i> 2196 </span> 2197 </a>--> 2198 <a class="social-icons" href="https://www.linkedin.com/company/lakewood-media-group-llc/" target="_blank" aria-label="LinkedIn"> 2199 <span class="fa-stack fa-2x"> 2200 <i class="fas fa-circle fa-stack-2x"></i> 2201 <i class="fab fa-linkedin-in fa-stack-1x fa-inverse" aria-hidden="true" title="LinkedIn"></i> 2202 </span> 2203 </a> 2204 <a class="social-icons" href="https://www.youtube.com/user/TrainingMagUS" target="_blank" aria-label="YouTube"> 2205 <span class="fa-stack fa-2x"> 2206 <i class="fas fa-circle fa-stack-2x"></i> 2207 <i class="fab fa-youtube fa-stack-1x fa-inverse" aria-hidden="true" title="YouTube"></i> 2208 </span> 2209 </a> 2210 2211 2212</div> 2213 2214 2215 2216 2217 2218 2219 </div> 2220 <div class="footer-links-title">Registration Questions</div> 2221 <div class="footer-text"> 2222 2223 Phone 1.847.620.4483 Ext 2
2224 2225 </div> 2226 2227 2228 <div class="footer-time">Monday-Friday: 9 am to 6 pm (ET)</div> 2229 2230 2231 <div class="footer-text"> 2232 <a href="mailto:[email protected]?subject=TechLearn Conference">[email protected]</a> 2233 2234 <br> 2235 2236 <div class="footer-rights">©2026 Training Magazine</div> 2237 2238 <div class="footer-text a privacy-link"> 2239 <a href="https://trainingmag.com/privacy-statement/">Privacy</a> 2240 </div> 2241 2242 </div> 2243 </div> 2244 </div><!-- col --> 2245 2246 2247 2248 <div class="col-12 col-md-6 col-lg-4 d-flex justify-content-center"> 2249 <div class="footer-links"> 2250 <div class="footer-links-title">Details</div> 2251 <ul> 2252 <li><a href="attend.cfm">Who Should Attend</a></li> 2253 <li><a href="discounts.cfm">Fees & Discounts</a></li> 2254 <li><a href="travel.cfm">Venue & Hotel </a></li> 2255 <li><a href="faq.cfm">FAQs and Policies</a></li> 2256 <li><a href="sponsor.cfm">Become A Sponsor</a></li> 2257 <li><a href="https://lakewood.activehosted.com/f/7">Become A Presenter</a></li> 2258 <li><a href="about.cfm">About Us </a></li> 2259 </ul> 2260 </div> 2261 </div><!-- col --> 2262 2263 <div class="col-12 col-md-6 col-lg-4 d-flex justify-content-center"> 2264 2265 <div class="footer-links footer-end"> 2266 2267 2268 <!-- <div class="footer-logo-2"> 2269 <a href="https://www.TrainingMag.com"> 2270 <img class="img-fluid" src="images/sitelook/training-logo_footer.png" alt="Logo" border="0"> 2271 </a> 2272 </div--> 2273 2274 2275 <div class="footer-links-title">Resources</div> 2276 <ul> 2277 <li><a href="https://trainingmag.com/"><i>Training</i> magazine</a></li> 2278 <li><a href="https://www.trainingmagnetwork.com">Training Magazine Network</a></li> 2279 <li><a href="https://www.trainingconference.com">Training Conference & Expo</a></li> 2280 <li><a href="https://www.trainingliveandonline.com">Training Live + Online</a></li> 2281 <li><a href="https://trainingmag.com/awardprograms/">Training Award Programs</a></li> 2282 </ul> 2283 2284 2285 2286 <!-- <div class="eshow-logo"> 2287 <a href="https://goeshow.com/" target="_blank"> 2288 <img class="eshow-footer-logo img-fluid img-svg" src="images/sitelook/eshow-powered-black.svg" alt="Powered by eShow" /> 2289 </a> 2290 </div> --> 2291
2292 </div> 2293 2294 2295 2296 </div> <!-- end row --> 2297 </div> <!-- end container --> 2298 2299 2300 </footer> <!--end footer --> 2301 2302 2303 2304 2305 2306 2307 2308 2309 2310 2311<p id="back-top"><a href="#top">Back to Top</a></p> 2312 2313 2314 2315
2316<script src="/templates/eshow/js/responsive_imagemap.js"></script>
2316 2317 2318 2319<!--start override javascripts--> 2320 2321 2322<!-- OWL CAROUSEL SCRIPTS ==================================================================== --> 2323 2324 2325 2326 2327 2328
2328<script> 2329 $(document).ready(function() { 2330 $('#carousel-hero').owlCarousel({ 2331 autoplay: true, 2332 nav: true, 2333 dots: true, 2334 loop: true, 2335 singleItem:true, 2336 items:1, 2337 autoplayTimeout: 2000, 2338 //animateOut: 'fadeOut', //fade in and out animation instead of slide 2339 margin: 0, 2340 navText: ['<span class="fas fa-chevron-left fa-2x"></span>','<span class="fas fa-chevron-right fa-2x"></span>'], 2341 }) 2342 }) 2343 </script>
2343 2344 2345
2345<script> 2346 $(document).ready(function() { 2347 $('#carousel-banners-col').owlCarousel({ 2348 autoplay: true, 2349 nav: true, 2350 dots: false, 2351 loop: true, 2352 singleItem:true, 2353 items:1, 2354 autoplayTimeout: 3800, 2355 margin: 10, 2356 navText: ['<span class="fas fa-chevron-left fa-2x"></span>','<span class="fas fa-chevron-right fa-2x"></span>'], 2357 animateIn: 'fadeIn', 2358 animateOut: 'fadeOut' 2359 }) 2360 }) 2361 </script>
2361 2362 2363
2363<script> 2364 $(document).ready(function() { 2365 $('#carousel-sponsor-col').owlCarousel({ 2366 autoplay: true, 2367 nav: true, 2368 dots: false, 2369 loop: true, 2370 singleItem:true, 2371 items:1, 2372 autoplayTimeout: 3300, 2373 margin: 10, 2374 navText: ['<span class="fas fa-chevron-left fa-2x"></span>','<span class="fas fa-chevron-right fa-2x"></span>'], 2375 animateIn: 'fadeIn', 2376 animateOut: 'fadeOut' 2377 }) 2378 }) 2379 </script>
2379 2380 2381
2381<script> 2382 $(document).ready(function() { 2383 $('#carousel-sponsor-wide').each(function(i) { 2384 var ifMultiple = false; 2385 $thisSponsor = $(this); 2386 if($thisSponsor.children('.item').length > 4) { 2387 ifMultiple = true; 2388 } 2389 $thisSponsor.owlCarousel({ 2390 loop: ifMultiple, 2391 autoplay: true, 2392 nav: true, 2393 dots: true, 2394 autoplayTimeout: 1500, 2395 margin: 20, 2396 navText: ['<span class="fas fa-chevron-left fa-2x"></span>','<span class="fas fa-chevron-right fa-2x"></span>'], 2397 responsiveClass: true, 2398 responsive: { 2399 0: { 2400 items: 1, 2401 dots: false, 2402 nav: true 2403 }, 2404 576: { 2405 items: 2, 2406 dots: false, 2407 nav: true 2408 }, 2409 768: { 2410 items: 3, 2411 dots: false, 2412 nav: true 2413 }, 2414 992: { 2415 items: 4, 2416 dots: true, 2417 nav: true 2418 }, 2419 1200: { 2420 items: 4, 2421 dots: true, 2422 nav: true 2423 } 2424 } 2425 }) 2426 }) 2427 }) 2428 </script>
2428 2429 2430
2430<script> 2431 $(document).ready(function() { 2432 $('#carousel-speakers').each(function(i) { 2433 var ifMultiple = false; 2434 $thisSponsor = $(this); 2435 if($thisSponsor.children('.item').length > 5) { 2436 ifMultiple = true; 2437 } 2438 $thisSponsor.owlCarousel({ 2439 loop: ifMultiple, 2440 autoplay: true, 2441 nav: true, 2442 dots: true, 2443 autoplayTimeout: 1500, 2444 margin: 20, 2445 navText: ['<span class="fas fa-chevron-left fa-2x"></span>','<span class="fas fa-chevron-right fa-2x"></span>'], 2446 responsiveClass: true, 2447 responsive: { 2448 0: { 2449 items: 1, 2450 dots: false, 2451 nav: true 2452 }, 2453 576: { 2454 items: 1, 2455 dots: false, 2456 nav: true 2457 }, 2458 768: { 2459 items: 1, 2460 dots: false, 2461 nav: true 2462 }, 2463 992: { 2464 items: 2, 2465 dots: true, 2466 nav: true 2467 }, 2468 1200: { 2469 items: 2, 2470 dots: true, 2471 nav: true 2472 } 2473 } 2474 }) 2475 }) 2476 }) 2477 </script>
2477 2478 2479 2480 2481 2482<!-- COUNTDOWN SCRIPT ==================================================================== --> 2483 2484 2485 2486<!-- end override javascripts--> 2487 2488<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements --> 2489<!--[if lt IE 9]>
2490<script src="/templates/eshow/js/html5.js"></script>
2490 2491<![endif]--> 2492 2493 2494 2495 2496 2497 2498 2499 2500 2501<!-- Custom website (before closing body tag) - page_footer custom programming includes code --> 2502 2503 2504 </body> 2505</html> 2506 2507>
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.