1 2<!DOCTYPE html> 3<html lang="en"> 4<head> 5 <meta charset="utf-8" /> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 7 <title>News - COLON ATHLETICS</title> 8 <meta name="description" content="" /> 9 <meta property="og:image" content="https://static.eventlink.com/public/global/de66ee60-7165-4bfe-90dd-120181b22be9/blob" /> 10 <meta name="twitter:image" content="https://static.eventlink.com/public/global/de66ee60-7165-4bfe-90dd-120181b22be9/blob" /> 11 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous"> 12 <link rel="stylesheet" href="/lib/mobiscroll/css/mobiscroll.jquery.min.css?v=_hDjU0bS-9Af_yN-psDaKyTWMWbW_pKiuvq3iNJPeq4"> 13 14 <link rel="shortcut icon" type="image/x-icon" href="https://static.eventlink.com/public/5cbff09a-1575-4942-92ce-bc07fc82f872/c1b8f0c8-fa9d-4ec9-81f4-8482dd866942/blob" /> 15 <style> 16 :root { 17 --primary-color: #f21426; 18 --tinted10-color: #F32B3BFF; 19 --tinted15-color: #F33746FF; 20 --tinted20-color: #F44351FF; 21 --tinted60-color: #F9A1A8FF; 22 --tinted90-color: #FDE7E9FF; 23 --shaded-color: #D91222FF; 24 --shaded30-color: #A90E1AFF; 25 --secondary-color: #000000; 26 --secondary-tinted10-color: #191919FF; 27 --averageGrey: #5E5E5EFF; 28 --primarySaturationCap: #CD3945FF; 29 30 --primary-gallery-gradient-start: #f2142677; 31 --primary-gallery-gradient-end: #f2142699; 32 } 33 </style> 34 35 36
36<script>window.onContentReady = function (callback) { if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', callback); } else { callback(); } }</script>
36 37 <link rel="stylesheet" href="/css/site.css?v=5s6XBYYnMEY2eoetZbnMQkmVLCcbpbPMQtWGYM9Bwr4" /> 38 39 <link rel="stylesheet" href="/css/photos-template-overrides.css?v=rflXYUOwns01b5cwRgBS6Ab4fL4xbQjp2vz8ohlg5SI" /> 40 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"> 41 42 <link rel="stylesheet" href="/css/fontawesome.css"> 43 <link rel="stylesheet" href="/css/brands.css"> 44 <link rel="stylesheet" href="/css/solid.css"> 45 <link rel="stylesheet" href="/css/regular.css"> 46 <link rel="stylesheet" href="/css/all.css"> 47 48 <link rel="preconnect" href="https://fonts.googleapis.com"> 49 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 50 <link href="https://fonts.googleapis.com/css2?family=Oswald:[email protected]&display=swap" rel="stylesheet"> 51 <link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet"> 52 <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> 53 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@latest/dist/css/splide.min.css"> 54 <link href="//cdn.jsdelivr.net/npm/[email protected]/release/featherlight.min.css" type="text/css" rel="stylesheet"/> 55 <link href="//cdn.jsdelivr.net/npm/[email protected]/release/featherlight.gallery.min.css" type="text/css" rel="stylesheet"/> 56
56<script async defer data-domain="5cbff09a-1575-4942-92ce-bc07fc82f872" src="https://plausible.io/js/plausible.outbound-links.js"></script>
56 57
57<script> 58 (function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/' + "p0b1hik6";var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s, x);};if(document.readyState==='complete'){l();}else if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})(); 59 </script>
59 60 61</head> 62<body> 63 <div class="custom-flex overflow-hidden"> 64 <div class="d-flex flex-column flex-grow-1 min-vh-100"> 65 <div class="d-flex flex-column"> 66 <header class="d-print-none"> 67 68 69 70 <a class="visually-hidden-focusable text-dark" href="#end-of-navigation">Skip Navigation Menu</a> 71 <!-- Mobile Menu --> 72 <nav class="navbar navbar-expand-custom navbar-toggleable-lg navbar-dark gradient-navbar"> 73 <div class="container"> 74 <div class="row align-items-center"> 75 <div class="col-2"> 76 <div class="navbar-brand" style="height:auto; width:100%"> 77 <a class="d-flex mx-auto" href="/"> 78 <img src="https://static.eventlink.com/public/5cbff09a-1575-4942-92ce-bc07fc82f872/c1b8f0c8-fa9d-4ec9-81f4-8482dd866942/blob" alt="COLON ATHLETICS Logo" class="img-fluid site-logo-header header-photo-size"/> 79 </a> 80 </div> 81 </div> 82 <div class="col-auto ps-3 pe-2"> 83 <span class="f4 text-light">COLON ATHLETICS</span> 84 </div> 85 <div class="row justify-content-end col"> 86 <div class="col-auto ps-2 pe-2"> 87 <a role="button" class="btn custom-none rounded" href="/Tickets"> 88 <i class="bi bi-ticket-perforated larger"></i><span class="d-none d-sm-block ps-2"> BUY TICKETS</span> 89 </a> 90 </div> 91 <div class="col-auto ps-2 pe-2"> 92 <a href="/Announcements"> 93 <span id="ring-mobile" class="ring-mobile ping d-none"></span> 94 <i id="notification-bell" class="bi bi-bell-fill bell-size bell-icon-mobile d-none position-relative"> 95 <span id="announcements-count" class="position-absolute top-0 start-120 translate-middle badge rounded-pill bg-secondary"> 96 <span class="visually-hidden">announcements</span> 97 </span> 98 </i> 99 </a> 100 </div> 101 <button class="navbar-toggler col-auto ms-4 ps-2 pe-2" type="button" data-bs-toggle="collapse" data-bs-target=".navbar-collapse" aria-controls="navbarSupportedContent" 102 aria-expanded="false" aria-label="Toggle navigation"> 103 <span class="navbar-toggler-icon"></span> 104 </button> 105 </div> 106 <nav id="navbarSupportedContent" class="navbar-collapse collapse"> 107 <ul class="navbar-nav f2 mobile-view-menu"> 108 109 <li class="nav-item"> 110 <a class="nav-link text-light" href="/">HOME</a> 111 </li> 112 <li class="nav-item"> 113 <a class="nav-link text-light" href="/Events">EVENTS</a> 114 </li> 115 <li class="nav-item"> 116 <a class="nav-link text-light" href="/Tickets">TICKETS & PASSES</a> 117 </li> 118 119 120 121 <li class="nav-item dropend info-menu"> 122 <a href="#" aria-haspopup="true" class="nav-link text-light dropdown-toggle text-light" aria-controls="sports-menu" data-bs-toggle="dropdown" aria-expanded="false">SPORTS</a> 123 <div id="sports-menu" role="menu" class="dropdown-menu bg-dropend"> 124 <a role="menuitem" class="dropdown-item text-light" href="/Teams/Fall">Fall</a> 125 <a role="menuitem" class="dropdown-item text-light" href="/Teams/Winter">Winter</a> 126 <a role="menuitem" class="dropdown-item text-light" href="/Teams/Spring">Spring</a> 127 128 </div> 129 </li> 130 <li class="nav-item"> 131 <a class="nav-link text-light" href="/News">NEWS</a> 132 </li> 133 <li class="nav-item"> 134 <a class="nav-link text-light" href="/AthleticDepartment">ATHLETIC DEPARTMENT</a> 135 </li> 136 137 138 <li class="nav-item"> 139 <a class="nav-link text-light" href="/Sponsors">SPONSORS</a> 140 </li> 141 142 <style> 143 @media (max-width: 768px) { 144 .col-lg-30-percent { 145 width: 100%; 146 margin-left: 0; 147 } 148 149 .big-menu-container { 150 max-width: 100%; 151 } 152 } 153 </style> 154 155 156 </ul> 157 </nav> 158 </div> 159 </div> 160 </nav> 161 <!-- / Full View Menu --> 162 <div class="container-fluid p-0 d-lg-block d-none"> 163 <div class="row" style="height: 32px; background-color: var(--primary-color); position: relative; z-index: 9;"> 164 <div class="d-flex align-items-center justify-content-end pe-2 text-light" style="width: 45%"> 165 <div><span class="f4">COLON ATHLETICS</span> <span class="f5 ps-1">Home of the Magi</span></div> 166 </div> 167 </div> 168 <div class=""> 169 <style> 170 :root { 171 --header-background-height: 168px; 172 } 173 </style> 174 <div id="header-background" style="background-color: var(--secondary-color); position: absolute; height: var(--header-background-height); width: 100%; top: 30px; left: 0; z-index: -10; border-radius: 0 0 0 60px; overflow: hidden; box-shadow: 0 6px 12px #00000045;"> 175 176 </div> 177 <!-- nav --> 178 <nav class="container text-light fw-bold"> 179 <div class="row" style="position: relative; top: -24px;"> 180 <ul class="col d-flex align-items-center justify-content-evenly mb-0" style="list-style: none;"> 181 <li class="nav-item"> 182 <a class="nav-link text-light" href="/">HOME</a> 183 </li> 184 <li class="nav-item"> 185 <a class="nav-link text-light" href="/Events">EVENTS</a> 186 </li> 187 <li class="nav-item dropend info-menu"> 188 <a href="#" aria-haspopup="true" class="nav-link dropdown-toggle text-light" aria-controls="sports-menu" data-bs-toggle="dropdown" aria-expanded="false">SPORTS</a> 189 <div id="sports-menu" role="menu" class="dropdown-menu bg-dropend"> 190 <a role="menuitem" class="dropdown-item text-light" href="/Teams/Fall">Fall</a> 191 <a role="menuitem" class="dropdown-item text-light" href="/Teams/Winter">Winter</a> 192 <a role="menuitem" class="dropdown-item text-light" href="/Teams/Spring">Spring</a> 193 194 </div> 195 </li> 196 <li class="nav-item"> 197 <a class="nav-link text-light" href="/News">NEWS</a> 198 </li> 199 200 </ul> 201 <div class="col-auto"> 202 <a href="/"> 203 <img src="https://static.eventlink.com/public/5cbff09a-1575-4942-92ce-bc07fc82f872/c1b8f0c8-fa9d-4ec9-81f4-8482dd866942/blob" alt="COLON ATHLETICS Logo" class="img-fluid header-photo-size" style="z-index: 10; position: relative;"/> 204 </a> 205 </div> 206 <ul class="col d-flex align-items-center justify-content-evenly mb-0" style="list-style: none;"> 207 208 209 <li class="nav-item"> 210 <a class="nav-link text-light" href="/Tickets">TICKETS & PASSES</a> 211 </li> 212 <li class="nav-item"> 213 <a class="nav-link text-light" href="/AthleticDepartment">ATHLETIC DEPARTMENT</a> 214 </li> 215 <li class="nav-item"> 216 <a class="nav-link text-light" href="/Sponsors">SPONSORS</a> 217 </li> 218 219 </ul> 220 </div> 221 <div id="photos-announcements" class="position-absolute" style="top: 62px; right: 71px;"> 222 223 224 </div> 225 </nav> 226 </div> 227 228 <div style="position: fixed; right: 0; top: 30vh; z-index: 100;"> 229 <a class="photos-social-icon" style="background-color:#ffffff;" href="https://eventlink.com/login" target="_blank"> 230 <img src="/el-favicon.ico" alt="Eventlink Logo"/> 231 </a> 232 </div> 233 </div> 234 <div id="end-of-navigation"></div> 235
235<script type="text/javascript"> 236 document.addEventListener('show.bs.dropdown', function () { 237 CreateMoreMenu(0); 238 }); 239 240 function CreateMoreMenu(numberOfLinks) { 241 var menu = document.getElementById('moreMenu'); 242 243 if (menu.childNodes[0].childNodes.length < 3 || numberOfLinks <= 10 || window.matchMedia("(max-width: 768px)").matches) { 244 menu.classList.add('bg-dropend'); 245 menu.classList.remove('big-menu-container') 246 Array.from(menu.children[0].children).forEach(function (child) { 247 child.classList.remove('col-lg-30-percent'); 248 }); 249 return; 250 } 251 252 menu.classList.remove('bg-dropend'); 253 menu.classList.add('big-menu-container'); 254 Array.from(menu.children[0].children).forEach(function (child) { 255 child.classList.add('col-lg-30-percent'); 256 }); 257 } 258 </script>
258 259
260<script> 261window.onContentReady(() => { 262 if (document.getElementById('score-ticker')) { 263 var splide = new Splide('#score-ticker', { 264 type: 'loop', 265 perPage: 1, 266 perMove: 1, 267 //rewind: true, 268 autoWidth: true, 269 pagination: false, 270 pauseOnHover: true, 271 pauseOnFocus: true, 272 autoplay: false, 273 interval: 4000 274 }); 275 276 let headerTop = document.getElementById('header-background'); 277 headerTop.style.top = '112px'; 278 279 splide.on('overflow', function (isOverflowing) { 280 splide.go(0); 281 282 splide.options = { 283 arrows: isOverflowing, 284 drag: isOverflowing, 285 clones: isOverflowing ? undefined : 0, 286 autoplay: isOverflowing 287 }; 288 }); 289 290 splide.mount(); 291 } 292}); 293</script>
293 294 295 </header> 296 </div> 297 298 <div class="d-flex flex-column flex-grow-1"> 299 <main class="d-flex flex-column flex-grow-1 justify-content-between"> 300 301<div class="container px-0 mb-4"> 302 303<nav aria-label="breadcrumb" class="d-print-none"> 304 <ol class="breadcrumb mx-2 mt-2"> 305 <li class="breadcrumb-item " ><a href="/" class="link breadcrumb-link">Home</a></li> 306 <li class="breadcrumb-item active" aria-current="page"><a class="faded-text">News</a></li> 307 </ol> 308</nav> 309 <div id="news" class="mx-4"> 310 <div class="d-flex justify-content-between align-items-center mb-2"> 311 <h2 class="m-0">NEWS</h2> 312 <nav aria-label="News Paging" class="float-end"> 313 <ul class="pagination m-0"> 314 <li class="page-item"> 315 <a class="page-link btn rounded" aria-label="Next" href="/News?pageNumber=2"> 316 <span aria-hidden="true">Next »</span> 317 </a> 318 </li> 319 </ul> 320 </nav> 321 </div> 322 <form method="GET" action="/News"> 323 <div class="row mb-3"> 324 <label class="col-sm-2 col-form-label visually-hidden" for="CalendarID">Calendar</label> 325 <div class="col-auto me-3"> 326 <div class="input-group py-1"> 327 <div class="input-group-prepend"> 328 <div class="input-group-text"><i class="bi bi-calendar2"></i></div> 329 </div> 330 <select name="for" class="form-control custom-select" id="CalendarID"> 331 <option value="">ALL</option> 332 <option value="0449f662-bbbe-46e6-b21a-91024b34a908">Baseball (V)</option> 333 <option value="ea24ceb2-9714-4146-a0b2-9fabe5135fca">Basketball (Boys V)</option> 334 <option value="d43af444-1ac5-4157-a08c-d68d4402faf5">Basketball (Girls V)</option> 335 <option value="aaddd49e-979d-485c-b5c9-01668324e839">Colon Junior Senior High School</option> 336 <option value="3706b5a1-740c-4a03-8101-08ae919de86b">Cross Country (Coed V)</option> 337 <option value="9ccdf6c7-5189-47e4-b581-c80b0432ae39">Football (V)</option> 338 <option value="e006be89-ea6c-482f-a0c8-b47811b2151f">Softball (V)</option> 339 <option value="4ac67689-8844-4c57-bdd7-7553231d0c07">Track (Coed V)</option> 340 <option value="126df79d-05fc-48c2-be00-26cb54488ea0">Track (Coed V) Practice</option> 341 <option value="6c26ac1a-755a-493d-8032-77e184bea791">Volleyball (V)</option> 342 <option value="f193b631-1216-48c5-8733-8f01706c5ec7">Wrestling (V)</option> 343 </select> 344 </div> 345 </div> 346 347 <label class="col-sm-2 col-form-label visually-hidden" for="ArticleName">ArticleName</label> 348 <div class="col-auto me-3"> 349 <div class="input-group py-1"> 350 <div class="input-group-prepend"> 351 <div class="input-group-text"><i class="bi bi-journal"></i></div> 352 </div> 353 <input name="title" type="text" placeholder="Article Title" class="form-control" id="ArticleName" value="" /> 354 </div> 355 </div> 356 357 <button type="submit" class="btn col-auto f4 rounded my-auto">Search</button> 358 </div> 359 </form> 360 <hr/> 361 362 363<div> 364 <a class="visually-hidden-focusable text-dark" href="#end-of-news">Skip News</a> 365 <div class="container px-0"> 366 <div class="row"> 367 <div class="col-lg-6 col-md-6 col-xs-12 p-2 position-relative mb-2"> 368 <div class="h-100" style="background-image: url('https://static.eventlink.com/public/5cbff09a-1575-4942-92ce-bc07fc82f872/c1b8f0c8-fa9d-4ec9-81f4-8482dd866942/blob'); aspect-ratio: 1;"> 369 <div class="d-flex h-100 justify-content-center align-items-center" style="backdrop-filter: blur(8px) grayscale(.5);"> 370 <img class="size-img-news" src="https://static.eventlink.com/public/5cbff09a-1575-4942-92ce-bc07fc82f872/c1b8f0c8-fa9d-4ec9-81f4-8482dd866942/blob" alt="Site logo"> 371 </div> 372 </div> 373 374 <div class="h-auto p-3 news-title" style="display: inline; position: absolute; right: 0; bottom: 0; background-color: var(--secondary-color); box-shadow: 5px 6px 12px #00000045;
374 opacity: 0.9; width: 95%; left: 2.5%;"> 375 <div class="p-2 text-light fw-bold">Magi Monthly- Inside Colon Athletics</div> 376 <div class="p-2" style="text-align: end;"> 377 <a class="btn rounded align-items-center d-inline f4" href="/Article/160011"><i class="bi-book me-1"></i> READ MORE »</a> 378 </div> 379 </div> 380 </div> 381 <div class="col-lg-6 col-md-6 col-xs-12 p-2 position-relative mb-2"> 382 <div class="h-100" style="background-image: url('https://static.eventlink.com/public/5cbff09a-1575-4942-92ce-bc07fc82f872/0153c6bb-f1fe-43e8-af2f-c938492c330c/Athletics%209-7.png'); aspect-ratio: 1;"> 383 <div class="d-flex h-100 justify-content-center align-items-center" style="backdrop-filter: blur(8px) grayscale(.5);"> 384 <img class="size-img-news" src="https://static.eventlink.com/public/5cbff09a-1575-4942-92ce-bc07fc82f872/0153c6bb-f1fe-43e8-af2f-c938492c330c/Athletics%209-7.png" alt="GAME WEEK: MAGI ATHLETICS SET FOR FULL SLATE OF COMPETITION cover photo"> 385 </div> 386 </div> 387 388 <div class="h-auto p-3 news-title" style="display: inline; position: absolute; right: 0; bottom: 0; background-color: var(--secondary-color); box-shadow: 5px 6px 12px #00000045; opacity: 0.9; width: 95%; left: 2.5%;"> 389 <div class="p-2 text-light fw-bold">GAME WEEK: MAGI ATHLETICS SET FOR FULL SLATE OF COMPETITION</div> 390 <div class="p-2" style="text-align: end;"> 391 <a class="btn rounded align-items-center d-inline f4" href="/Article/150012"><i class="bi-book me-1"></i> READ MORE »</a> 392 </div> 393 </div> 394 </div> 395 <div class="col-lg-6 col-md-6 col-xs-12 p-2 position-relative mb-2"> 396 <div class="h-100" style="background-image: url('https://static.eventlink.com/public/5cbff09a-1575-4942-92ce-bc07fc82f872/0e04342a-f826-4b8c-b88c-d66f3742b72b/studioImage.png'); aspect-ratio: 1;"> 397 <div class="d-flex h-100 justify-content-center align-items-center" style="backdrop-filter: blur(8px) grayscale(.5);"> 398 <img class="size-img-news" src="https://static.eventlink.com/public/5cbff09a-1575-4942-92ce-bc07fc82f872/0e04342a-f826-4b8c-b88c-d66f3742b72b/studioImage.png" alt="Magi Athletics 8/24-8/30"> 399 </div> 400 </div> 401 402 <div class="h-auto p-3 news-title" style="display: inline; position: absolute; right: 0; bottom: 0; background-color: var(--secondary-color); box-shadow: 5px 6px 12px #00000045; opacity: 0.9; width: 95%; left: 2.5%;"> 403 <div class="p-2 text-light fw-bold">This Week in Mag Athletics</div> 404 <div class="p-2" style="text-align: end;"> 405 <a class="btn rounded align-items-center d-inline f4" href="/Article/144169"><i class="bi-book me-1"></i> READ MORE »</a> 406 </div> 407 </div> 408 </div> 409 <div class="col-lg-6 col-md-6 col-xs-12 p-2 position-relative mb-2"> 410 <div class="h-100" style="background-image: url('https://static.eventlink.com/public/5cbff09a-1575-4942-92ce-bc07fc82f872/855565c2-7695-4639-83f9-53d938e62e5a/SV%20pic%201.jpg'); aspect-ratio: 1;"> 411 <div class="d-flex h-100 justify-content-center align-items-center" style="backdrop-filter: blur(8px) grayscale(.5);"> 412 <img class="size-img-news" src="https://static.eventlink.com/public/5cbff09a-1575-4942-92ce-bc07fc82f872/855565c2-7695-4639-83f9-53d938e62e5a/SV%20pic%201.jpg" alt="Vinson Steps Down After Historic Run as Magi Head Coach cover photo"> 413 </div> 414 </div> 415 416 <div class="h-auto p-3 news-title" style="display: inline; position: absolute; right: 0; bottom: 0; background-color: var(--secondary-color); box-shadow: 5px 6px 12px #00000045;
416 opacity: 0.9; width: 95%; left: 2.5%;"> 417 <div class="p-2 text-light fw-bold">Vinson Steps Down After Historic Run as Magi Head Coach</div> 418 <div class="p-2" style="text-align: end;"> 419 <a class="btn rounded align-items-center d-inline f4" href="/Article/131248"><i class="bi-book me-1"></i> READ MORE »</a> 420 </div> 421 </div> 422 </div> 423 <div class="col-lg-6 col-md-6 col-xs-12 p-2 position-relative mb-2"> 424 <div class="h-100" style="background-image: url('https://static.eventlink.com/public/5cbff09a-1575-4942-92ce-bc07fc82f872/5db110b6-8ae6-4bdf-80ce-6094843f9012/IMG_5852.jpeg'); aspect-ratio: 1;"> 425 <div class="d-flex h-100 justify-content-center align-items-center" style="backdrop-filter: blur(8px) grayscale(.5);"> 426 <img class="size-img-news" src="https://static.eventlink.com/public/5cbff09a-1575-4942-92ce-bc07fc82f872/5db110b6-8ae6-4bdf-80ce-6094843f9012/IMG_5852.jpeg" alt="Colon Magi Boys Basketball Prepares for District Tournament After Historic Year cover photo"> 427 </div> 428 </div> 429 430 <div class="h-auto p-3 news-title" style="display: inline; position: absolute; right: 0; bottom: 0; background-color: var(--secondary-color); box-shadow: 5px 6px 12px #00000045; opacity: 0.9; width: 95%; left: 2.5%;"> 431 <div class="p-2 text-light fw-bold">Colon Magi Boys Basketball Prepares for District Tournament After Historic Year</div> 432 <div class="p-2" style="text-align: end;"> 433 <a class="btn rounded align-items-center d-inline f4" href="/Article/121083"><i class="bi-book me-1"></i> READ MORE »</a> 434 </div> 435 </div> 436 </div> 437 <div class="col-lg-6 col-md-6 col-xs-12 p-2 position-relative mb-2"> 438 <div class="h-100" style="background-image: url('https://static.eventlink.com/public/5cbff09a-1575-4942-92ce-bc07fc82f872/406da31f-150f-4326-9158-1b508a6e0a5c/Colon%20bbb%20pic.jpg'); aspect-ratio: 1;"> 439 <div class="d-flex h-100 justify-content-center align-items-center" style="backdrop-filter: blur(8px) grayscale(.5);"> 440 <img class="size-img-news" src="https://static.eventlink.com/public/5cbff09a-1575-4942-92ce-bc07fc82f872/406da31f-150f-4326-9158-1b508a6e0a5c/Colon%20bbb%20pic.jpg" alt="Colon Boys Basketball Set for High-Stakes Rematch with Mendon - Coach Vinson Eyeing 100 Wins cover photo"> 441 </div> 442 </div> 443 444 <div class="h-auto p-3 news-title" style="display: inline; position: absolute; right: 0; bottom: 0; background-color: var(--secondary-color); box-shadow: 5px 6px 12px #00000045; opacity: 0.9; width: 95%; left: 2.5%;"> 445 <div class="p-2 text-light fw-bold">Colon Boys Basketball Set for High-Stakes Rematch with Mendon - Coach Vinson Eyeing 100 Wins</div> 446 <div class="p-2" style="text-align: end;"> 447 <a class="btn rounded align-items-center d-inline f4" href="/Article/113154"><i class="bi-book me-1"></i> READ MORE »</a> 448 </div> 449 </div> 450 </div> 451 <div class="col-lg-6 col-md-6 col-xs-12 p-2 position-relative mb-2"> 452 <div class="h-100" style="background-image: url('https://static.eventlink.com/public/5cbff09a-1575-4942-92ce-bc07fc82f872/29b4751f-9533-4a42-9212-52d7a5036511/vball%20girls.jpg'); aspect-ratio: 1;"> 453 <div class="d-flex h-100 justify-content-center align-items-center" style="backdrop-filter: blur(8px) grayscale(.5);"> 454 <img class="size-img-news" src="https://static.eventlink.com/public/5cbff09a-1575-4942-92ce-bc07fc82f872/29b4751f-9533-4a42-9212-52d7a5036511/vball%20girls.jpg" alt="Volleyball District Preview: Colon Magi Set to Defend Home Court cover photo"> 455 </div> 456 </div> 457 458 <div class="h-auto p-3 news-title" style="display: inline; position: absolute; right: 0; bottom: 0; background-color: var(--secondary-color); box-shadow: 5px 6px 12px #00000045;
458 opacity: 0.9; width: 95%; left: 2.5%;"> 459 <div class="p-2 text-light fw-bold">Volleyball District Preview: Colon Magi Set to Defend Home Court</div> 460 <div class="p-2" style="text-align: end;"> 461 <a class="btn rounded align-items-center d-inline f4" href="/Article/99729"><i class="bi-book me-1"></i> READ MORE »</a> 462 </div> 463 </div> 464 </div> 465 </div> 466 </div> 467 <div id="end-of-news"></div> 468</div> 469 470 <div class="mb-2"> 471 <nav aria-label="News Paging" class="float-end"> 472 <ul class="pagination m-0"> 473 <li class="page-item"> 474 <a class="page-link btn rounded" aria-label="Next" href="/News?pageNumber=2"> 475 <span aria-hidden="true">Next »</span> 476 </a> 477 </li> 478 </ul> 479 </nav> 480 </div> 481 </div> 482</div> 483 484 485 <div id="support-banner" class="text-center py-5 px-4 d-print-none"> 486 <div class="row justify-content-center align-items-center h-100"> 487 <h2 class="text-uppercase my-auto text-primary-dynamic mx-3 w-auto">SHOW SUPPORT FOR COLON ATHLETICS</h2> 488 <a role="button" class="btn btn-lg rounded primary-btn f4 mx-3 w-auto" style="max-width: 200px;" href="/Tickets"> 489 <i class="bi bi-ticket-perforated primary-btn me-2" style="font-size:larger"></i>BUY TICKETS 490 </a> 491 </div> 492 </div> 493 494 </main> 495 </div> 496 497 <div class="d-flex flex-column"> 498 <footer> 499 500<a class="visually-hidden-focusable text-dark" href="#end-of-footer">Skip Footer</a> 501<div id="footer" class="p-4 gradient-footer"> 502 <div class="container text-primary-dynamic"> 503 <div class="row justify-content-between pb-2"> 504 <div class="col-auto px-0"> 505 <h2 class="text-uppercase">COLON ATHLETICS</h2> 506 </div> 507 <div class="col-auto px-0"> 508 <p class="text-xs-start text-md-end"> Powered By <img class="el-logo-footer" src="/images/EL-logo-white.png" alt="Eventlink logo"/></p> 509 </div> 510 </div> 511 <div class="row justify-content-between pb-2"> 512 <div class="w-auto"> 513 <div>400 Dallas Street</div> 514 <div></div> 515 <div>Colon, MI 49040</div> 516 <div>2694323231</div> 517 </div> 518 <div class="text-xs-start text-sm-end w-auto"> 519 <div> 520 <a class="clickable-area text-primary-dynamic" target="_blank" rel="noopener" href="https://eventlink.com/privacy-policy/">Privacy Policy</a> 521 </div> 522 <div> 523 <a class="clickable-area text-primary-dynamic" target="_blank" rel="noopener" href="https://eventlink.com/terms-and-conditions/">Terms Of Service</a> 524 </div> 525 <div> 526 <div class="gtranslate_wrapper"></div> 527
527<script class="text-primary-dynamic">window.gtranslateSettings = {"default_language":"en","native_language_names":true,"detect_browser_language":true,"languages":["en","es"],"wrapper_selector":".gtranslate_wrapper"}</script>
527 528
528<script class="text-primary-dynamic" src="https://cdn.gtranslate.net/widgets/latest/ln.js" defer></script>
528 529 </div> 530 <button class="button-to-link" onclick="ToggleHighContrast()" type="submit" aria-pressed="false" aria-label="Toggle high contrast mode for better visibility">Toggle High Contrast Mode</button> 531 </div> 532 </div> 533 <div class="row pt-3 justify-content-center" style="font-size:12px;"> © 2026 - COLON ATHLETICS All Rights Reserved</div> 534 </div> 535</div> 536<div id="end-of-footer"></div> 537
538<script type="text/javascript"> 539 function ToggleHighContrast() { 540 if (HasCookie("highContrast=true")) { 541 document.cookie = "highContrast=; path=/;"; 542 } else { 543 document.cookie = "highContrast=true; path=/;"; 544 } 545 546 location.reload(); 547 } 548 549 function HasCookie(cookieName) { 550 return document.cookie.match(cookieName); 551 } 552</script>
552 553 </footer> 554 </div> 555 </div> 556 </div> 557 558
558<script src="/lib/jquery/dist/jquery.min.js?v=9_aliU8dGd2tb6OSsuzixeV4y_faTqgFtohetphbbj0"></script>
558 559
559<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
559 560
560<script src="/lib/mobiscroll/js/mobiscroll.jquery.min.js?v=B4DGrceAFRPDdc1EkyOLSqqHd1xZ_FJRuMyIygweosE"></script>
560 561
561<script src="/js/site.js?v=U-j0AZeU7k_atMe-9VL0pMo3iiIbI9ZOIG9drHbrwTw"></script>
561 562
562<script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@latest/dist/js/splide.min.js"></script>
562 563
563<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.7/handlebars.min.js"></script>
563 564
564<script src="https://unpkg.com/[email protected]/dist/masonry.pkgd.min.js"></script>
564 565
565<script src="https://unpkg.com/imagesloaded@5/imagesloaded.pkgd.min.js"></script>
565 566
566<script src="//cdn.jsdelivr.net/npm/[email protected]/release/featherlight.min.js" type="text/javascript" charset="utf-8"></script>
566 567
567<script src="//cdn.jsdelivr.net/npm/[email protected]/release/featherlight.gallery.min.js" type="text/javascript" charset="utf-8"></script>
567 568
568<script src="//cdnjs.cloudflare.com/ajax/libs/detect_swipe/2.1.1/jquery.detect_swipe.min.js"></script>
568 569
569<script src="/js/pagination.min.js?v=c3ZuGOHCmmMhPJlzMcCMogPfs0n1-cpQLeSD4rZTylg"></script>
569 570 571
571<script> 572 $(function () { 573 $('[data-bs-toggle="tooltip"]').tooltip() 574 }) 575 576 eventlink = { 577 organizationID: '5cbff09a-1575-4942-92ce-bc07fc82f872' 578 } 579 </script>
579 580 581 582</body> 583</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.