PageSourceSearch

https://colonathletics.com/News

html colonathletics.com collected 2026-10-07 20:03:56 UTC 35,442 bytes, 583 lines download raw bytes

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 &amp; 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 &amp; 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=&quot;page&quot;><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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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;"> &copy; 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.