PageSourceSearch

https://www.franklincountyschoolsms.com/

html franklincountyschoolsms.com collected 2026-10-07 19:06:23 UTC 129,774 bytes, 3,023 lines download raw bytes

1
2<!DOCTYPE html>
3<html style="min-height: 100%" lang="en">
4<head>
5    <meta charset="utf-8" />
6    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7    
8    
9            <meta property="og:title" content="Home" />
10            <meta property="og:url" content="https://www.franklincountyschoolsms.com/" />
11            <meta property="og:type" content="website" />
12
13            <link rel="icon" type="image/ico" href="https://content.myconnectsuite.com/api/documents/e5f2e5762f46457b963638cf7d2ae48a.ico" />
14
15    <title>
16        
17    Home
18
19    </title>
20
21    <link rel="stylesheet" href="/lib/bootstrap/dist/css/bootstrap.css" />
22    <link rel="stylesheet" href="/lib/fontawesome6.4.2/css/fontawesome.min.css" />
23    <link rel="stylesheet" href="/lib/fontawesome6.4.2/css/brands.min.css" />
24    <link rel="stylesheet" href="/lib/fontawesome6.4.2/css/solid.min.css" />
25    <link rel="stylesheet" href="/lib/fontawesome6.4.2/css/regular.min.css" />
26    <link rel="stylesheet" href="/lib/fontawesome6.4.2/css/v4-shims.min.css" />
27
28    <link rel="stylesheet" href="/css/animations.css" />
29    <link rel="stylesheet" href="/css/common.css" />
30    <link rel="stylesheet" href="/css/custom-icons.css?v=0nvJki9gQnLR8cy7OQ62gyocqslU3-0UC4caTS3-zns" />
31    <link rel="stylesheet" href="/css/core/components.css?v=Vf-NAdeZjGYJj_koruCkkng_0snGh_WkiAEkx7MV1Fw" />
32    <link rel="stylesheet" href="/css/core/dialog.css?v=1ZqiCMDGL9AayDJeEOQRt9Q0kxP5vn7z7uOhyK3OqBI" />
33    <link rel="stylesheet" href="/css/toolbar.css?v=VwnbxHzktDLVXaVPyZXQYOir4v0G7gYmu2topYebOvo" />
34    <link rel="stylesheet" href="/css/audioplayer.css?v=oOVrPQm5jqukq_n6Qusjiltm60L5DqgmllxnDadm5yc" />
35
36
37    <!-- Load FullCalendar -->
38    
38<script src='/lib/fullCalendarV6/moment/moment.min.js'></script>
38
39    
39<script src="/lib/fullCalendarV6/index.global.min.js"></script>
39
40    
40<script src="/lib/fullCalendarV6/moment/index.global.min.js"></script>
40
41
42    
43    <link rel="stylesheet" href="/css/jquery-ui/jquery-ui-1.13.2.css" />
44    <link rel="stylesheet" href="/css/public.css?v=rwVB8ctwhKk5zO6mQUqPDn9fLsa6nSLJhsnTw1lodek" />
45
46
47    <style name="site-css">
48        @import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');
49
50
51/*-------- Search Placeholder Text --------*/
52
53::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
54  color: #ffffff;
55  opacity: 1; /* Firefox */}
56:-ms-input-placeholder { /* Internet Explorer 10-11 */
57  color: #ffffff;}
58::-ms-input-placeholder { /* Microsoft Edge */
59  color: #ffffff;}
60
61/* focus visualization for ADA Compliance */
62a:focus {outline: 2px dotted #666666 !important;} 
63
64.fa-search::before {color: #fff;}
65
66/*-------- Theatrics Template CSS --------*/ 
67/* fonts */
68body {background: #cccccc url(https://content.schoolinsites.com/api/download/lowResImage?id=36450f546f6c43a9bfaab75e7aed62c2) top center repeat;    margin: 0px;  font-family: "Roboto", Arial, "Helvetica Neue", Helvetica, "sans-serif";}
69h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 300;  letter-spacing: 0.4px;  font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;}
70
71/* navigation menu */
72.navbar {  border-radius: 0;}
73.navbar .navbar-default {margin-bottom: 0 }
74.navbar-default { border: none;background-color: transparent;}  
75.nav > li > a { font-family: color: #333;}
76.navbar-default .navbar-nav > li > a {  color: #fff;}
77.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #ccc;}
78.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {color: #fff; background-color: #222222;}  
79.navbar-default .navbar-nav > li > a {color: #000;}
80.navbar-default .navbar-nav > li > a:hover {color: #222;}
81.dropdown-menu {background: #eaeaea;color: #000;}
82.dropdown-menu > li > a {color: #000;} 
83.navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #222;}
84.navbar-nav .open .dropdown-menu {background-color:#ffffff;}
85.cs-topmenu .navbar-default .navbar-nav > li > a {color: #fff;}
86.cs-topmenu .navbar-submenu {color: #222;}
87.navbar-toggle {background-color: #fff;} 
88
89.cs-nametitle {color:#ffffff; font-size:90px; font-weight:bold; letter-spacing: 0.4px;  font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;}
90.cs-namescript {color:#cccccc; font-size:70px; font-weight:bold; letter-spacing: 0px; font-family: 'Great Vibes', cursive;}
91.cs-scriptfont {color:#cccccc; font-size:35px; letter-spacing: 0px; font-family: 'Great Vibes', cursive;}
92
93/* padding */
94.cs-nopadding {padding: 0; margin: 0 -15px 0 0;}
95.cs-row-nopadding > .content-widget > .content-layout > .row > div:not(:first-child){ padding: 0 !important }
96.cs-row-nopadding > .content-widget > .content-layout > .row > div:not(:last-child){ padding: 0 !important }
97
98/* footer */
99.cs-footer{ margin-top: 0px; background: #383838; color:#fff;}
100.cs-footer a {color:#fff;}
101.copyright {color: #ffffff;}
102.cs-footer-info {text-align: center}
103
104/* misc */
105.cs-fullwidthheaderbar {width: 100%; height: 56px; padding:10px;} 
106.text-muted {color: #575757;}
107.table-striped > tbody > tr:nth-of-type(2n+1) {background-color: #f9f9f9;color: #000;} 
108.jumbotron, .jumbotron h1, .jumbotron .h1 {color: #000;}
109.cs-motto { padding: 10px; }
110.cs-slideshow { border-top-right-radius: 50px;  }
111.cs-address {font-size: 17px;text-align: center;font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif; color: #ffffff;} 
112.cs-borders {border: 10px solid #363636;  border-bottom: none; border-top: none;}
113.cs-text-white {color: #ffffff;}
114.alert-info { background-color: #eaeaea; border-color: #eaeaea; color: #000000;}
115.fc-toolbar button {font-size: 11px;}
116
117/* social media */ 
118.cs-circle-icon {
119    background: #383838;
120    width: 40px;
121    height: 40px;
122    border-radius: 50%;
123    text-align: center;
124    line-height: 30px;
125    vertical-align: middle;
126    padding: 5px;
127    border: 2px solid #ffffff;
128    color: #ffffff;
129    font-size: 20px;
130    margin: 5px 2px;
131}
132.cs-circle-icon a {  color:#ffffff;}
133
134/*toolbar */
135.cs-toolbar{padding: 5px 15px 0 15px;  background: #000;
135  color: #fff; }
136.cs-toolbar,
137.cs-toolbar a { color: #8bb9ee;}
138
139/* carousel */        
140.cs-carousel-widget-title {font-size:20px;padding:5px; text-transform: uppercase;}
141.cs-carousel-widget-description {padding:5px; font-size:14px;font-weight: normal;}
142.cs-carousel-widget-link {color:#ffffff;padding:5px;font-weight: bold; }   
143.bg-default .cs-carousel-widget-link a,   .bg-contrast .cs-carousel-widget-link a,  .bg-dark  .cs-carousel-widget-link a,  .bg-danger  .cs-carousel-widget-link a {color: #ffffff;}
144
145/*-------- Site CSS --------*/ 
146button, input, optgroup, select, textarea {background-color: #383838; border: 1px solid; color: #ffffff; } 
147
148/* header */
149.cs-header-navbar { background: #222222;    font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;  font-size: 16px; font-weight: 400;   color: #fff; } 
150
151.cs-whitelinks a:link, .cs-whitelinks a:hover, .cs-whitelinks a:active, .cs-whitelinks a:visited {color:#fff;}
152.cs-blacklinks a:link, .cs-blacklinks a:hover, .cs-blacklinks a:active, .cs-blacklinks a:visited {color:#000;}
153
154/* colors */
155/* blue color preset */
156.bg-default {background: #0F1E8A; color: #ffffff;}  
157a.bg-default:hover, a.bg-default:focus {background: #0F1E8A; color: #ffffff;}  
158.bg-contrast {background: #595959; color: #ffffff;} 
159a.bg-contrast:hover, a.bg-default:focus {background: #595959; color: #ffffff;}
160.bg-muted {background: #eaeaea; color: #000000;}
161.bg-clean {background: #ffffff; color: #000000;}
162.bg-dark {background: #222222; color: #ffffff;} 
163a.bg-dark:hover, a.bg-default:focus {background: #222222; color: #ffffff;}
164.bg-success {background: #ffffff url(https://content.schoolinsites.com/api/documents/fc50d8a72f6e4e29bf24b6059d8fb6e9.png) no-repeat right center;}
165a.bg-success:hover, a.bg-success:focus {background: #fff; color: #000;} 
166.bg-info {background: #5567ea; color: #FFFFFF;} 
167a.bg-info:hover, a.bg-info:focus {background: #5567ea; color: #FFFFFF;} 
168.bg-warning {background: #EED37C; color: #000000;}  
169a.bg-warning:hover, a.bg-warning:focus {background: #EED37C; color: #000000;}  
170.bg-danger {background: #E2AB00; color: #000000;} 
171a.bg-danger:hover, a.bg-danger:focus  {background: #E2AB00; color: #000000;} 
172
173/*-------- Beginning Color Adjustments --------*/
174
175.panel-title a:link, .panel-title a:hover, .panel-title a:visited, .panel-title a:active {color: #000;}
176.list-group a:link, .list-group a:hover, .list-group a:visited, .list-group a:active {color: #000;} 
177.fc th, .fc td {color: inherit;}
178
179a.bg-success:hover, a.bg-success:focus {background: #fff; color: #000;}
180
181/*-------- Default --------*/ 
182.bg-default .h1, .bg-default .h2, .bg-default .h3, .bg-default .h4, .bg-default .h5, .bg-default .h6,
183.bg-default h1, .bg-default h2,.bg-default h3, .bg-default h4, .bg-default h5, .bg-default h6 {color: #ffffff;}
184.bg-default .panel-title a {color: #000;}
185.bg-default a:link, .bg-default a:hover, .bg-default a:active, .bg-default a:visited {color: #ffffff;}
186.bg-default .table-striped > tbody > tr:nth-of-type(2n+1) a:link {color: #000000;}
187.bg-default .text-muted {color: #ffffff !important;}
188.bg-default .fc-day-number {color: #ffffff;}
189.bg-default .panel-title a {color: #000;}
190.bg-default .list-group-item  a:link, .bg-default .list-group-item a:hover, .bg-default .list-group-item a:active, .bg-default .list-group-item a:visited {color: #000000;}
191.bg-default .cs-carousel-widget-link a:link {color: #ffffff;} 
192.bg-default .cs-card-carousel .title {color: #000000;} 
193.bg-default .cs-card-horizontal2 .title {color: #000000;} 
194.bg-default .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {color: #fff;}
195.bg-default .fc th {color: #fff;}
196.bg-default .fc-list-heading a {color: #000;}
197
198/*-------- Contrast --------*/ 
199.bg-contrast .h1, .bg-contrast .h2, .bg-contrast .h3, .bg-contrast .h4, .bg-contrast .h5, .bg-contrast .h6,
200.bg-contrast h1, .bg-contrast h2,.bg-contrast h3, .bg-contrast h4, .bg-contrast h5, .bg-contrast h6 {color: #ffffff;}
201.bg-contrast .panel-title a {color: #000;}
202.bg-contrast a:link, .bg-contrast a:hover, .bg-contrast a:active, .bg-contrast a:visited {color: #ffffff;}
203.bg-contrast .table-striped > tbody > tr:nth-of-type(2n+1) a:link {color: #000000;}
204.bg-contrast .text-muted {color: #ffffff !important;}
205.bg-contrast .fc-day-number {color: #ffffff;}
206.bg-contrast .panel-title a {color: #000;}
207.bg-contrast .list-group-item  a:link, .bg-contrast .list-group-item a:hover, .bg-contrast .list-group-item a:active, .bg-contrast .list-group-item a:visited {color: #000000;}
208.bg-contrast .cs-carousel-widget-link a:link {color: #ffffff;} 
209.bg-contrast .cs-card-carousel .title {color: #000000;} 
210.bg-contrast .cs-card-horizontal2 .title {color: #000000;} 
211.bg-contrast .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {color: #fff;}
212.bg-contrast .fc th {color: #fff;}
213.bg-contrast .fc-list-heading a {color: #000;}
214 
215/*-------- Dark --------*/ 
216.bg-dark .h1, .bg-dark .h2, .bg-dark .h3, .bg-dark .h4, .bg-dark .h5, .bg-dark .h6,
217.bg-dark h1, .bg-dark h2,.bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6 {color: #ffffff;}
218.bg-dark .panel-title a {color: #000;}
219.bg-dark a:link, .bg-dark a:hover, .bg-dark a:active, .bg-dark a:visited {color: #ffffff;}
220.bg-dark .table-striped > tbody > tr:nth-of-type(2n+1) a:link {color: #000000;}
221.bg-dark .text-muted {color: #ffffff !important;}
222.bg-dark .fc-day-number {color: #ffffff;}
223.bg-dark .panel-title a {color: #000;}
224.bg-dark .list-group-item  a:link, .bg-dark .list-group-item a:hover, .bg-dark .list-group-item a:active, .bg-dark .list-group-item a:visited {color: #000000;}
225.bg-dark .cs-carousel-widget-link a:link {color: #ffffff;} 
226.bg-dark .cs-card-carousel .title {color: #000000;} 
227.bg-dark .cs-card-horizontal2 .title {color: #000000;} 
228.bg-dark .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {color: #fff;}
229.bg-dark .fc th {color: #fff;}
230.bg-dark .fc-list-heading a {color: #000;}
231
232/*-------- Info --------*/ 
233.bg-info .h1, .bg-info .h2, .bg-info .h3, .bg-info .h4, .bg-info .h5, .bg-info .h6,
234.bg-info h1, .bg-info h2,.bg-info h3, .bg-info h4, .bg-info h5, .bg-info h6 {color: #ffffff;}
235.bg-info .panel-title a {color: #000;}
236.bg-info a:link, .bg-info a:hover, .bg-info a:active, .bg-info a:visited {color: #ffffff;}
237.bg-info .table-striped > tbody > tr:nth-of-type(2n+1) a:link {color: #000000;}
238.bg-info .text-muted {color: #ffffff !important;}
239.bg-info .text-info {color: #ffffff !important;}
240.bg-info .fc-day-number {color: #ffffff;}
241.bg-info .panel-title a {color: #000;}
242.bg-info .list-group-item  a:link, .bg-info .list-group-item a:hover, .bg-info .list-group-item a:active, .bg-info .list-group-item a:visited {color: #000000;}
243.bg-info .cs-carousel-widget-link a:link {color: #ffffff;} 
244.bg-info .cs-card-carousel .title {color: #000000;} 
245.bg-info .cs-card-horizontal2 .title {color: #000000;} 
246.bg-info .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {color: #fff;}
247.bg-info .fc th {color: #fff;}
248.bg-info .fc-list-heading a {color: #000;}
249
250/*-------- End Color Adjustments --------*/
251 
252
253a.bg-clean:link, a.bg-muted:link, a.bg-info:link, a.bg-success:link, a.bg-warning:link, a.bg-fancy:link, a.bg-danger:link {color: #000000 !important;}
254 
255
256.bg-fancy {background: #cccccc url(https://content.schoolinsites.com/api/download/lowResImage?id=36450f546f6c43a9bfaab75e7aed62c2) top center repeat;}
257
258.cs-header {background: #cccccc url(https://content.schoolinsites.com/api/documents/961d51cd11ab4acc9e4b8712c208f5ad.jpg) top center repeat; padding: 0; }
259.cs-logoback {background: transparent url(https://content.schoolinsites.com/api/documents/c09cf7b8d2bd4153a979ed1c15604f3f.jpg) top center no-repeat; margin-top: -20px;}
260.cs-graystripe {background: #383838 url(https://content.schoolinsites.com/api/documents/48130c710fe0463aa39c22784b379741.png) top center repeat-x;  height: 9px;} 
261.cs-mascotback { background: #383838 url(https://content.schoolinsites.com/api/documents/2960fbc4299c45bfb1396b1aaddd7a43.png) bottom center repeat-x;}
262.cs-divider1 {background: transparent url(https://content.schoolinsites.com/api/documents/49ae2a34a49342689e91f675c4289589.jpg) repeat-x top center;height: 58px;} 
263 
264.cs-calendar-widget .btn {padding: 6px;font-size: 11px;}
265 
266.cs-homequicklinks .cs-quicklinks-iconslist .cs-link {background: #0F1E8A;}
267.cs-homequicklinks .cs-quicklinks-iconslist .cs-item-title {font-size: 16px;}
268    </style>
269
270    <style name="site-fonts">
271        
272
273
274    </style>
275
276    <style name="site-colors">
277        
278    </style>
279
280    
281
282
283
284    <!-- load these scripts first -->
285    
286
287    
288        
288<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous">
289        </script>
vendor: 2 bytes, line 289
289
290<script>(window.jQuery||document.write("\u003Cscript src=\u0022/lib/jquery3.5.1/jquery.min.js\u0022 crossorigin=\u0022anonymous\u0022\u003E\u003C/script\u003E"));</script>
290
291    
292
293    
293<script>let __isMobile = window.matchMedia("only screen and (max-width: 760px)").matches;</script>
293
294
295    <!-- Put JW Player scripts here for now.  TO DO: Update widget framework to allow for adding javascripts dependencies. -->
296    
296<script src="/js/jwplayer/jwplayer.js"></script>
296
297    
297<script>jwplayer.key = "e2ENuQrC9eoMFbWWNz3dxcI6mkbnbK5iF070aGKXo28=";</script>
297
298
299
300    
301
302    
302<script>
303        window.setTimeout(function () { document.title = "Home - Franklin County School District"; }, 500);
304    </script>
304
305
306    
307
308</head>
309<body class="">
310
311    
312    <a class="skip-main" href="#maincontent">Skip to main content</a>
313    
314
315
316
317
318
319    <div class="cs-body cs-master-layout cs-master-layout-fullwidth csc-content-tree">
320<div class="cs-toolbar clearfix" role="region" aria-label="User Toolbar">
321    <div class="pull-left">
322        <div></div>
323    </div>
324    <div class="pull-right text-right">
325        <div>
326<div class="csc-usertools">
327    <ul class="csc-list-inline">
328        <li class="csc-usertools-login">
329            <a href="/sys/account/login">
330                <i class="fa fa-sign-in"></i> &nbsp;
331                Login
332            </a>
333        </li>
334        <li class="csc-usertools-register">
335            <a href="/sys/account/register">
336                Register
337            </a>
338        </li>
339    </ul>
340</div>
341
342</div>
343    </div>
344</div>
345
346<header class="cs-header">
347    <div class="cs-header-navbar">
348        <div class="content-zone csc-content-zone" name="site-nav">
349
350
351    <div class="content-node csc-content-node cs-topmenu">
352        <div class="csc-content-widget" style="">
353            
354
355
356
357    <div class="navbar navbar-default cs-navbar-default cs-nav-sticky" role="navigation" aria-labelledby="navMenuTitle_2849fc5ee64b41a0b6ad0da8b096f946">
358        <div class="navbar-header cs-navbar-header">
359            <button class="navbar-toggle cs-navbar-toggle" type="button" id="navMenuButton_2849fc5ee64b41a0b6ad0da8b096f946" data-toggle="collapse" data-target="#2849fc5ee64b41a0b6ad0da8b096f946">
360                <span id="navMenuTitle_2849fc5ee64b41a0b6ad0da8b096f946" class="sr-only cs-text">Main Navigation Menu</span>
361                <i class="fa fa-bars"></i>
362            </button>
363        </div>
364        <div id="2849fc5ee64b41a0b6ad0da8b096f946" class="collapse navbar-collapse cs-navbar-collapse">
365            <ul class="navbar-nav nav scrollable-nav-menu cs-navbar-list">
366                        <li><a class="cs-link cs-item-title" href="/" target="_self">Home</a></li>
367                        <li class="cs-navbar cs-navbar-item">
368                            <a class="dropdown-toggle cs-link cs-item-title" href="#" data-toggle="dropdown">
369                                About Us
370                                <b class="caret"></b>
371                            </a>
372                            <ul class="dropdown-menu cs-navbar-submenu cs-navbar-item-submenu">
373                                        <li><a class="cs-link cs-item-title" href="/superintendentsmessage" target="_self">Superintendent&#x27;s Message</a></li>
374                                        <li><a class="cs-link cs-item-title" href="https://msrc.mdek12.org/entity?EntityID=1900-000&amp;SchoolYear=2024" target="_blank">District Rating</a></li>
375                                        <li><a class="cs-link cs-item-title" href="/history" target="_self">History</a></li>
376                                        <li><a class="cs-link cs-item-title" href="/directions" target="_self">Directions</a></li>
377                                        <li><a class="cs-link cs-item-title" href="/videogallery" target="_self">Video Gallery</a></li>
378                                        <li><a class="cs-link cs-item-title" href="/websiteaccessibility" target="_self">Website Accessibility</a></li>
379                                        <li><a class="cs-link cs-item-title" href="https://msrc.mdek12.org/entity?EntityID=1900-000&amp;SchoolYear=2024" target="_blank">District Report Card</a></li>
380                                        <li><a class="cs-link cs-item-title" href="/studentpopulation" target="_self">Student Population</a></li>
381                                        <li><a class="cs-link cs-item-title" href="/missionvision" target="_self">Mission &amp; Vision</a></li>
382                                        <li><a class="cs-link cs-item-title" href="/staffdirectory" target="_self">Staff Directory</a></li>
383                                        <li><a class="cs-link cs-item-title" href="/3rdgradereadingassessment" target="_self">3rd Grade Reading Assessment</a></li>
384                            </ul>
385                        </li>
386                        <li class="cs-navbar cs-navbar-item">
387                            <a class="dropdown-toggle cs-link cs-item-title" href="#" data-toggle="dropdown">
388                                Schools
389                                <b class="caret"></b>
390                            </a>
391                            <ul class="dropdown-menu cs-navbar-submenu cs-navbar-item-submenu">
392                                        <li><a class="cs-link cs-item-title" href="https://fce.franklincountyschoolsms.com" target="_blank">Franklin County Elementary</a></li>
393                                        <li><a class="cs-link cs-item-title" href="https://fcms.franklincountyschoolsms.com" target="_blank">Franklin County Middle School</a></li>
394                                        <li><a class="cs-link cs-item-title" href="https://fchs.franklincountyschoolsms.com" target="_blank">Franklin County High School</a></li>
395                                        <li><a class="cs-link cs-item-title" href="https://fcctc.franklincountyschoolsms.com" target="_blank">Franklin County Career and Technical Center</a></li>
396                                        <li><a class="cs-link cs-item-title" href="https://www.franklincountyschoolsms.com" target="_self">Franklin County School District</a></li>
397                            </ul>
398                        </li>
399                        <li class="cs-navbar cs-navbar-item">
400                            <a class="dropdown-toggle cs-link cs-item-title" href="#" data-toggle="dropdown">
401                                Departments 
402                                <b class="caret"></b>
403                            </a>
404                            <ul class="dropdown-menu cs-navbar-submenu cs-navbar-item-submenu">
405                                        <li><a class="cs-link cs-item-title" href="/businessoffice" target="_self">Business Office</a></li>
406                                        <li><a class="cs-link cs-item-title" href="/cafeteria" target="_self">Cafeteria</a></li>
407                                        <li><a class="cs-link cs-item-title" href="/federalprograms" target="_self">Federal Programs</a></li>
408                                        <li><a class="cs-link cs-item-title" href="/healthservices" target="_self">Health Services</a></li>
409                                        <li><a class="cs-link cs-item-title" href="/specialservices" target="_self">Special Services</a></li>
410                                        <li><a class="cs-link cs-item-title" href="/technology" target="_self">Technology</a></li>
411                                        <li><a class="cs-link cs-item-title" href="/transportation" target="_self">Transportation</a></li>
412                            </ul>
413                        </li>
414                        <li class="cs-navbar cs-navbar-item">
415                            <a class="dropdown-toggle cs-link cs-item-title" href="#" data-toggle="dropdown">
416                                Staff
417                                <b class="caret"></b>
418                            </a>
419                            <ul class="dropdown-menu cs-navbar-submenu cs-navbar-item-submenu">
420                                        <li><a class="cs-link cs-item-title" href="https://outlook.office.com/mail" target="_blank">Staff Email Login </a></li>
421                                        <li><a class="cs-link cs-item-title" href="https://apps.k12els.com/login/login.php" target="_blank">EZ Test Tracker</a></li>
422                                        <li><a class="cs-link cs-item-title" href="https://Franklin.activeresources.net" target="_blank">
422Active Resources </a></li>
423                                        <li><a class="cs-link cs-item-title" href="https://ms1900.activeschool.net/Login.aspx" target="_blank">SAM</a></li>
424                                        <li><a class="cs-link cs-item-title" href="https://mecca.mdek12.org/" target="_blank">MECCA</a></li>
425                            </ul>
426                        </li>
427                        <li class="cs-navbar cs-navbar-item">
428                            <a class="dropdown-toggle cs-link cs-item-title" href="#" data-toggle="dropdown">
429                                Resources 
430                                <b class="caret"></b>
431                            </a>
432                            <ul class="dropdown-menu cs-navbar-submenu cs-navbar-item-submenu">
433                                        <li><a class="cs-link cs-item-title" href="https://ms1900.activestudent.net/Login.aspx?ReturnUrl=%2f" target="_blank">Active Student</a></li>
434                                        <li><a class="cs-link cs-item-title" href="https://ms1900.activeparent.net/Login.aspx?ReturnUrl=%2f" target="_blank">Active Parent </a></li>
435                                        <li><a class="cs-link cs-item-title" href="/calendar" target="_self">Calendar</a></li>
436                                        <li><a class="cs-link cs-item-title" href="https://global-zone52.renaissance-go.com/welcomeportal/93257" target="_blank">Renaissance Place </a></li>
437                                        <li><a class="cs-link cs-item-title" href="/bullyingprocedures" target="_self">Bullying Procedures</a></li>
438                                        <li><a class="cs-link cs-item-title" href="https://msparentscampaign.org/" target="_blank">Parents&#x27; Campaign </a></li>
439                                        <li><a class="cs-link cs-item-title" href="https://studentaid.gov/h/apply-for-aid/fafsa" target="_blank">FAFSA</a></li>
440                                        <li><a class="cs-link cs-item-title" href="http://www.act.org/content/act/en/products-and-services/the-act.html" target="_blank">ACT</a></li>
441                                        <li><a class="cs-link cs-item-title" href="https://content.schoolinsites.com/api/documents/8e7b804d02114ceca75882105c8ed6ad.pdf" target="_blank">School Attendance Law </a></li>
442                                        <li><a class="cs-link cs-item-title" href="https://content.myconnectsuite.com/api/documents/aa605e4e1d6a4e2996c6e4690ced0949" target="_blank">Drop Out Prevention</a></li>
443                                        <li><a class="cs-link cs-item-title" href="https://login.i-ready.com/login" target="_blank">I-Ready</a></li>
444                                        <li><a class="cs-link cs-item-title" href="https://clever.com/oauth/authorize?channel=clever&amp;client_id=4c63c1cf623dce82caac&amp;confirmed=true&amp;district_id=5f3c55bc00626b000124c004&amp;redirect_uri=https%3A%2F%2Fclever.com%2Fin%2Fauth_callback&amp;response_type=code&amp;state=46e4e4febdb9f59c4c0321efa68de609df2266b6f57f2f5e39ddcfab7eb1a973" target="_blank">Clever</a></li>
445                            </ul>
446                        </li>
447                        <li><a class="cs-link cs-item-title" href="/employment" target="_self">Employment</a></li>
448                        <li class="cs-navbar cs-navbar-item">
449                            <a class="dropdown-toggle cs-link cs-item-title" href="#" data-toggle="dropdown">
450                                Board
451                                <b class="caret"></b>
452                            </a>
453                            <ul class="dropdown-menu cs-navbar-submenu cs-navbar-item-submenu">
454                                        <li><a class="cs-link cs-item-title" href="/members" target="_self">Members</a></li>
455                                        <li><a class="cs-link cs-item-title" href="/meetings" target="_self">Meetings</a></li>
456                                        <li><a class="cs-link cs-item-title" href="/schoolboardpolicy" target="_self">School Board Policy</a></li>
457                                        <li><a class="cs-link cs-item-title" href="/titleix" target="_self">Title IX</a></li>
458                            </ul>
459                        </li>
460                        <li><a class="cs-link cs-item-title" href="/rfps" target="_blank">Request For Proposals</a></li>
461                        <li><a class="cs-link cs-item-title" href="/websiteaccessibility" target="_self">Website Accessibility</a></li>
462                        <li><a class="cs-link cs-item-title" href="/sys/notifyme/start" target="_self">NotifyMe</a></li>
463                        <li><a class="cs-link cs-item-title" href="https://login.i-ready.com/login" target="_blank">i-Ready</a></li>
464                        <li><a class="cs-link cs-item-title" href="https://content.myconnectsuite.com/api/documents/6d07c8d0b124449b9bfdf4f7800e2fa1" target="_blank">Title IX Training</a></li>
465                        <li><a class="cs-link cs-item-title" href="/deptdirectory" target="_blank">Department Directory</a></li>
466            </ul>
467        </div>
468    </div>
469<script type="text/javascript">
470    $("#navMenuButton_2849fc5ee64b41a0b6ad0da8b096f946").click(function () {
471        $("i", this).toggleClass("fa-bars");
472        $("i", this).toggleClass("fa-times");
473    });
474</script>
474
475        </div>
476    </div>
477</div>
478    </div>
479    <div class="cs-header-content">
480        <div class=" content-zone csc-content-zone" name="header">
481    
482
483
484    <div class="content-node csc-content-node cs-logoback" style="padding-top:15px;padding-right:None;padding-bottom:15px;padding-left:None;border-width:None;border-style:None;border-color:#000000;border-radius:None;">
485        <div class="content-widget csc-content-widget csc-force-center" style="">
486            
487
488    <div class="cs-image-widget">
489        <a href="/" target="_self"><img src="https://content.schoolinsites.com/api/documents/5134ed77523a4c9ea20a737c5e4a04fc.png" class="img-responsive" alt="home" title="home" style="border-radius: 0px;max-width: 100%;max-height: auto" /></a>
490    </div>
491
492        </div>
493    </div>
494
495    
496
497
498    <div class="content-node csc-content-node cs-graystripe" style="padding-top:0;padding-bottom:0;">
499        <div class="content-widget csc-content-widget container" style="">
500            
501<div class="content-layout">
502    <div class="row content-cell-group">
503        <div class="col-sm-12">
504            <div class=" content-zone csc-content-zone" name="cell-1">
505
506</div>
507        </div>
508    </div>
509</div>
510
511        </div>
512    </div>
513
514    
515
516
517    <div class="content-node csc-content-node cs-mascotback" style="padding-top:0;padding-bottom:0;">
518        <div class="content-widget csc-content-widget container" style="">
519            
520<div class="content-layout">
521    <div class="row content-cell-group">
522        <div class="col-sm-4">
523            <div class=" content-zone csc-content-zone" name="cell-1">
524    
525
526
527    <div class="content-node csc-content-node" style="padding-top:15px;padding-bottom:15px;">
528        <div class="content-widget csc-content-widget" style="">
529            
530<div class="content-layout">
531    <div class="row content-cell-group">
532        <div class="col-sm-12">
533            <div class=" content-zone csc-content-zone" name="cell-1">
534    
535
536
537    <div class="content-node csc-content-node cs-scriptfont" style="padding-top:None;padding-right:None;padding-bottom:None;padding-left:None;border-width:None;border-style:None;border-color:#000000;border-radius:None;">
538        <div class="content-widget csc-content-widget csc-force-center" style="">
539            <div class="cs-html-widget">
540    <div style="text-align:center;"><div style="text-align:center;"><span style="color:#ffffff;">Educating Today's Students for Tomorrow's World<br /></span></div></div>
541</div>
542        </div>
543    </div>
544
545
546</div>
547        </div>
548    </div>
549</div>
550
551        </div>
552    </div>
553
554
555</div>
556        </div>
557        <div class="col-sm-4">
558            <div class=" content-zone csc-content-zone" name="cell-2">
559    
560
561
562    <div class="content-node csc-content-node" style="padding-top:None;padding-right:None;padding-bottom:None;padding-left:None;border-width:None;border-style:None;border-color:#000000;border-radius:None;">
563        <div class="content-widget csc-content-widget csc-force-center" style="">
564            <div class="cs-html-widget">
565    <div style="text-align:center;padding:5px 0 10px 0;"><img src="https://content.schoolinsites.com/api/documents/cf7967d8aee4403e882600c930947180.png" alt="Home" height="110" /></div>
566</div>
567        </div>
568    </div>
569
570
571</div>
572        </div>
573        <div class="col-sm-4">
574            <div class=" content-zone csc-content-zone" name="cell-3">
575    
576
577
578    <div class="content-node csc-content-node" style="padding-top:15px;padding-right:None;padding-bottom:15px;padding-left:None;border-width:None;border-style:None;border-color:#000000;border-radius:None;">
579        <div class="content-widget csc-content-widget" style="">
580            
581<div class="content-layout">
582    <div class="row content-cell-group">
583        <div class="col-sm-12">
584            <div class=" content-zone csc-content-zone" name="cell-1">
585    
586
587
588    <div class="content-node csc-content-node" style="padding-top:30px;padding-right:None;padding-bottom:30px;padding-left:None;border-width:None;border-style:None;border-color:#000000;border-radius:None;">
589        <div class="content-widget csc-content-widget" style="">
590            <div class="cs-html-widget">
591    <p style="text-align:center;"><span style="color:#ffffff;">P.O. Box 605, 41 First Street, Meadville, MS 39653</span><span style="color:#ffffff;"><br />PH: 601-384-2340 | FX: 601-384-2393<br /></span></p>
592</div>
593        </div>
594    </div>
595
596
597</div>
598        </div>
599    </div>
600</div>
601
602        </div>
603    </div>
604
605
606</div>
607        </div>
608    </div>
609</div>
610
611        </div>
612    </div>
613
614
615</div>
616    </div>
617</header>
618
619<div class="cs-page-bg">
620    <div class="cs-page">
621        <div class="cs-page-layout cs-page-layout-1">
622            <div class="cs-page-content">
623                <div class="page-content cs-main-content csc-content-tree" id="maincontent" role="main"><div class=" content-zone csc-content-zone" name="body">
624    
625
626
627    <div class="content-node csc-content-node bg-default" style="padding-top:15px;padding-right:None;padding-bottom:15px;padding-left:None;border-width:None;border-style:None;border-color:#000000;border-radius:None;">
628        <div class="content-widget csc-content-widget container" style="">
629            
630    <div class="row carousel-row cs-carousel-widget-container">
631        <div class="col-md-10 col-md-offset-1">
632            <div id="carousel_5234070173a3404b86b5d7315e635fd3" class="carousel slide" data-ride="carousel">
633                <div class="carousel-inner">
634                        <div class="item active cs-carousel-widget-slide-container">
635                            <div class="">
636                                <div class="cs-carousel-widget-title cs-item-title">
637                                    Franklin County Lower Elementary
638                                </div>
639                                <div class="cs-carousel-widget-description cs-text">
640                                    
641                                </div>
642                                    <div class="cs-carousel-widget-link cs-link">
643                                        <a href="https://fcle.franklincountyschoolsms.com/sys/notifyme/subscribe" target="_self">
644                                            RECEIVE NOTIFICATIONS
645                                        </a>
646                                    </div>
647                            </div>
648                        </div>
649                        <div class="item  cs-carousel-widget-slide-container">
650                            <div class="">
651                                <div class="cs-carousel-widget-title cs-item-title">
652                                    Welcome to The Franklin County School District Website
653                                </div>
654                                <div class="cs-carousel-widget-description cs-text">
655                                    Have a look around...
656                                </div>
657                            </div>
658                        </div>
659                        <div class="item  cs-carousel-widget-slide-container">
660                            <div class="">
661                                <div class="cs-carousel-widget-title cs-item-title">
662                                    Superintendent&#x27;s Messages
663                                </div>
664                                <div class="cs-carousel-widget-description cs-text">
665                                    
666                                </div>
667                                    <div class="cs-carousel-widget-link cs-link">
668                                        <a href="https://www.franklincountyschoolsms.com/sys/notifyme/subscribe" target="_self">
669                                            RECEIVE NOTIFICATIONS
670                                        </a>
671                                    </div>
672                            </div>
673                        </div>
674                        <div class="item  cs-carousel-widget-slide-container">
675                            <div class="">
676                                <div class="cs-carousel-widget-title cs-item-title">
677                                    Franklin County Upper Elementary
678                                </div>
679                                <div class="cs-carousel-widget-description cs-text">
680                                    
681                                </div>
682                                    <div class="cs-carousel-widget-link cs-link">
683                                        <a href="https://fcue.franklincountyschoolsms.com/sys/notifyme/subscribe" target="_self">
684                                            RECEIVE NOTIFICATIONS
685                                        </a>
686                                    </div>
687                            </div>
688                        </div>
689                        <div class="item  cs-carousel-widget-slide-container">
690                            <div class="">
691                                <div class="cs-carousel-widget-title cs-item-title">
692                                    Franklin County Career &amp; Technical Center
693                                </div>
694                                <div class="cs-carousel-widget-description cs-text">
695                                    
696                                </div>
697                                    <div class="cs-carousel-widget-link cs-link">
698                                        <a href="https://fcctc.franklincountyschoolsms.com/sys/notifyme/subscribe" target="_self">
699                                            RECEIVE NOTIFICATIONS
700                                        </a>
701                                    </div>
702                            </div>
703                        </div>
704                        <div class="item  cs-carousel-widget-slide-container">
705                            <div class="">
706                                <div class="cs-carousel-widget-title cs-item-title">
707                                    Receive the latest updates and information
708                                </div>
709                                <div class="cs-carousel-widget-description cs-text">
710                                    Click on the name of the school for which you would like to receive information.  Choose one or all.  Also, be sure to sign up for Superintendent&#x27;s Messages to receive emergency notifications.  
711                                </div>
712                            </div>
713                        </div>
714                        <div class="item  cs-carousel-widget-slide-container">
715                            <div class="">
716                                <div class="cs-carousel-widget-title cs-item-title">
717                                    Franklin County Middle School
718                                </div>
719                                <div class="cs-carousel-widget-description cs-text">
720                                    
721                                </div>
722                                    <div class="cs-carousel-widget-link cs-link">
723                                        <a href="https://fcms.franklincountyschoolsms.com/sys/notifyme/subscribe" target="_self">
724                                            RECEIVE NOTIFICATIONS
725                                        </a>
726                                    </div>
727                            </div>
728                        </div>
729                        <div class="item  cs-carousel-widget-slide-container">
730                            <div class="">
731                                <div class="cs-carousel-widget-title cs-item-title">
732                                    Franklin County High School
733                                </div>
734                                <div class="cs-carousel-widget-description cs-text">
735                                    
736                                </div>
737                                    <div class="cs-carousel-widget-link cs-link">
738                                        <a href="https://fchs.franklincountyschoolsms.com/sys/notifyme/subscribe" target="_self">
739                                            RECEIVE NOTIFICATIONS
740                                        </a>
741                                    </div>
742                            </div>
743                        </div>
744                </div>
745            </div>
746        </div>
747   
748        <div class="col-md-1">
749            <div class="carousel-controls cs-carousel-widget-controls" aria-label="carousel buttons">
750
751                <a href="#" id="pauseButton_5234070173a3404b86b5d7315e635fd3" class="carousel-pause" aria-label="pause carousel"><i class="fa fa-pause"></i></a>
752
753                <a class="left carousel-control cs-carousel-widget-left-btn" href="#carousel_5234070173a3404b86b5d7315e635fd3" data-slide="prev" role="button" aria-label="carousel previous">
754                    <span class="fa fa-chevron-left">&nbsp;</span>
755                </a>
756
757                <a class="right carousel-control cs-carousel-widget-right-btn" href="#carousel_5234070173a3404b86b5d7315e635fd3" data-slide="next"  role="button" aria-label="carousel next">
758                    <span class="fa fa-chevron-right"></span>
759                </a>
760            </div>
761           
762        </div>
763    </div>
764
765<script type="text/javascript">
766    $(document).ready(function () {
767
768        var carouselId = '5234070173a3404b86b5d7315e635fd3';
769
770        $("#carousel_" + carouselId).carousel({
771            pause: false
772        }).carousel();
773
774
775        $('#pauseButton_' + carouselId).click(function (event) {
776            event.preventDefault();
777            if ($(this).find("i").hasClass("fa-play")) {
778                $('#carousel_' + carouselId).carousel('cycle');
779                $(this).find("i").removeClass("fa-play").addClass("fa-pause");
780            } else {
781                $('#carousel_' + carouselId).carousel('pause');
782                $(this).find("i").removeClass("fa-pause").addClass("fa-play");
783            }
784        });
785    });
786</script>
786
787
788<style>
789    .carousel-row {
790        display: table;
791        width: 100%
792    }
793    .carousel-row [class*="col-"] {
794        float: none;
795        display: table-cell;
796        vertical-align: top;
797    }
798    .cs-carousel-widget-controls .carousel-control.left {
799        background-image: none !important;
800        left: -16px;
801    }
802    .cs-carousel-widget-controls .carousel-control.right {
803        background-image: none !important;
804    }
805    .cs-carousel-widget-controls{
806        text-align: center;
807    }
808
809
810    .carousel-pause {
811        font-size: 14px !important;
812        color: white;
813        margin-left: -10px;
814        position: absolute;
815        top: 4px;
816        opacity: 0.5;
817        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
818        background-color: rgba(0, 0, 0, 0);
819    }
820    .carousel-pause:hover, .carousel-pause:focus {
821        color: #ffffff;
822        outline: 0;
823        opacity: 0.9;
824    }
825</style>
826        </div>
827    </div>
828
829    
830
831
832    <div class="content-node csc-content-node bg-info" style="padding-top:15px;padding-bottom:15px;">
833        <div class="content-widget csc-content-widget container" style="">
834            
835<div class="content-layout">
836    <div class="row content-cell-group">
837        <div class="col-sm-6">
838            <div class=" content-zone csc-content-zone" name="cell-1">
839    
840
841
842    <div class="content-node csc-content-node" style="">
843        <div class="content-widget csc-content-widget" style="">
844            
845
846
847<div class="cs-quicklinks cs-quicklinks-cards">
848
849
850    <div class="row display-flex cs-card-group">
851    </div>
852</div>
853        </div>
854    </div>
855
856
857</div>
858        </div>
859        <div class="col-sm-6">
860            <div class=" content-zone csc-content-zone" name="cell-2">
861
862</div>
863        </div>
864    </div>
865</div>
866        </div>
867    </div>
868
869    
870
871
872    <div class="content-node csc-content-node bg-info" style="padding-top:15px;padding-bottom:15px;">
873        <div class="content-widget csc-content-widget container csc-force-center" style="">
874            
875<div class="content-layout">
876    <div class="row content-cell-group">
877        <div class="col-sm-12">
878            <div class=" content-zone csc-content-zone" name="cell-1">
879
880</div>
881        </div>
882    </div>
883</div>
884
885        </div>
886    </div>
887
888    
889
890
891    <div class="content-node csc-content-node bg-default" style="padding-top:None;padding-right:None;padding-bottom:None;padding-left:None;border-width:None;border-style:None;border-color:#000000;border-radius:None;">
892        <div class="content-widget csc-content-widget" style="">
893            
894
895
896<link rel="stylesheet" href="../../../css/widgets/slideshow/animate.css">
897
898<div id="angelo_slideshow_56d59e877bb14c49a88498254c66aa42" class="carousel slide carousel-fade cs-slideshow-widget" data-ride="carousel">
899    <ol class="carousel-indicators">
900                <li data-target="#angelo_slideshow_56d59e877bb14c49a88498254c66aa42" data-slide-to="0" class='active'></li>
901                <li data-target="#angelo_slideshow_56d59e877bb14c49a88498254c66aa42" data-slide-to="1" class=''></li>
902                <li data-target="#angelo_slideshow_56d59e877bb14c49a88498254c66aa42" data-slide-to="2" class=''></li>
903                <li data-target="#angelo_slideshow_56d59e877bb14c49a88498254c66aa42" data-slide-to="3" class=''></li>
904                <li data-target="#angelo_slideshow_56d59e877bb14c49a88498254c66aa42" data-slide-to="4" class=''></li>
905    </ol>
906
907    <ol class="cs-slideshow-buttons" aria-label="carousel buttons">
908            <li id="pauseButton_angelo_slideshow_56d59e877bb14c49a88498254c66aa42">
909                <a href="#" tabindex="0" aria-label="pause"><i class="fa fa-pause-circle"></i></a>
910            </li>
911    </ol>
912    <div class="carousel-inner fadeInUp cs-slideshow-slides" style="height: 100% ;">
913            <div class="item active customSlideShowBackground animated" style="background-color:#ffffff">
914
915                        <img src="https://content.schoolinsites.com/api/documents/ad136af7492041bc92a7866b40372dfe.jpg" class="img-responsive cs-auto-scale" alt="slide" />
916
917                <div class="carousel-caption">
918
919
920                    <div class="row" style="height:100%;">
921                        <div class="col-md-12" style="height:100%;">
922                            <div class="row layertop">
923                                <div class="col-md-4 contenttop contentleft"></div>
924                                <div class="col-md-4 contenttop contentcenter"></div>
925                                <div class="col-md-4 contenttop contentright"></div>
926                            </div>
927                            <div class="row layermiddle">
928                                <div class="col-md-4 contentmiddle contentleft"></div>
929                                <div class="col-md-4 contentmiddle contentcenter"></div>
930                                <div class="col-md-4 contentmiddle contentright"></div>
931                            </div>
932                            <div class="row layerbottom">
933                                <div class="col-md-4 contentbottom contentleft"></div>
934                                <div class="col-md-4 contentbottom contentcenter"></div>
935                                <div class="col-md-4 contentbottom contentright"></div>
936                            </div>
937                        </div>
938                    </div>
939                </div>
940            </div>
941            <div class="item  customSlideShowBackground animated" style="background-color:#ffffff">
942
943                        <img src="https://content.myconnectsuite.com/api/documents/bf29f1cfd0a445438ed1722687b8a311.jpg" class="img-responsive cs-auto-scale" alt="elementary students" />
944
945                <div class="carousel-caption">
946
947
948                    <div class="row" style="height:100%;">
949                        <div class="col-md-12" style="height:100%;">
950                            <div class="row layertop">
951                                <div class="col-md-4 contenttop contentleft"></div>
952                                <div class="col-md-4 contenttop contentcenter"></div>
953                                <div class="col-md-4 contenttop contentright"></div>
954                            </div>
955                            <div class="row layermiddle">
956                                <div class="col-md-4 contentmiddle contentleft"></div>
957                                <div class="col-md-4 contentmiddle contentcenter"></div>
958                                <div class="col-md-4 contentmiddle contentright"></div>
959                            </div>
960                            <div class="row layerbottom">
961                                <div class="col-md-4 contentbottom contentleft"></div>
962                                <div class="col-md-4 contentbottom contentcenter"></div>
963                                <div class="col-md-4 contentbottom contentright"></div>
964                            </div>
965                        </div>
966                    </div>
967                </div>
968            </div>
969            <div class="item  customSlideShowBackground animated" style="background-color:#ffffff">
970
971                        <img src="https://content.myconnectsuite.com/api/download/crop?id=2beb698151d245f3bffeddaceb87d9b4&amp;x=4&amp;y=231&amp;width=5180&amp;height=2743&amp;aratio=NaN&amp;ext=" class="img-responsive cs-auto-scale" alt="cheerleaders in a row" />
972
973                <div class="carousel-caption">
974
975
976                    <div class="row" style="height:100%;">
977                        <div class="col-md-12" style="height:100%;">
978                            <div class="row layertop">
979                                <div class="col-md-4 contenttop contentleft"></div>
980                                <div class="col-md-4 contenttop contentcenter"></div>
981                                <div class="col-md-4 contenttop contentright"></div>
982                            </div>
983                            <div class="row layermiddle">
984                                <div class="col-md-4 contentmiddle contentleft"></div>
985                                <div class="col-md-4 contentmiddle contentcenter"></div>
986                                <div class="col-md-4 contentmiddle contentright"></div>
987                            </div>
988                            <div class="row layerbottom">
989                                <div class="col-md-4 contentbottom contentleft"></div>
990                                <div class="col-md-4 contentbottom contentcenter"></div>
991                                <div class="col-md-4 contentbottom contentright"></div>
992                            </div>
993                        </div>
994                    </div>
995                        <a href="https://content.myconnectsuite.com/api/documents/2beb698151d245f3bffeddaceb87d9b4" target="_self" class="carousel-link"></a>
996                </div>
997            </div>
998            <div class="item  customSlideShowBackground animated" style="background-color:#ffffff">
999
1000                        <img src="https://content.myconnectsuite.com/api/documents/0de03d4ca50d4b69b2a61e7ea10d2711.jpg" class="img-responsive cs-auto-scale" alt="..." />
1001
1002                <div class="carousel-caption">
1003
1004
1005                    <div class="row" style="height:100%;">
1006                        <div class="col-md-12" style="height:100%;">
1007                            <div class="row layertop">
1008                                <div class="col-md-4 contenttop contentleft"></div>
1009                                <div class="col-md-4 contenttop contentcenter"></div>
1010                                <div class="col-md-4 contenttop contentright"></div>
1011                            </div>
1012                            <div class="row layermiddle">
1013                                <div class="col-md-4 contentmiddle contentleft"></div>
1014                                <div class="col-md-4 contentmiddle contentcenter"></div>
1015                                <div class="col-md-4 contentmiddle contentright"></div>
1016                            </div>
1017                            <div class="row layerbottom">
1018                                <div class="col-md-4 contentbottom contentleft"></div>
1019                                <div class="col-md-4 contentbottom contentcenter"></div>
1020                                <div class="col-md-4 contentbottom contentright"></div>
1021                            </div>
1022                        </div>
1023                    </div>
1024                </div>
1025            </div>
1026            <div class="item  customSlideShowBackground animated" style="background-color:#ffffff">
1027
1028                        <img src="https://content.myconnectsuite.com/api/documents/ffbde8a9dc1e49708fbbc702369d177a.jpg" class="img-responsive cs-auto-scale" alt="ROTC Comp Team group photo" />
1029
1030                <div class="carousel-caption">
1031
1032
1033                    <div class="row" style="height:100%;">
1034                        <div class="col-md-12" style="height:100%;">
1035                            <div class="row layertop">
1036                                <div class="col-md-4 contenttop contentleft"></div>
1037                                <div class="col-md-4 contenttop contentcenter"></div>
1038                                <div class="col-md-4 contenttop contentright"></div>
1039                            </div>
1040                            <div class="row layermiddle">
1041                                <div class="col-md-4 contentmiddle contentleft"></div>
1042                                <div class="col-md-4 contentmiddle contentcenter"></div>
1043                                <div class="col-md-4 contentmiddle contentright"></div>
1044                            </div>
1045                            <div class="row layerbottom">
1046                                <div class="col-md-4 contentbottom contentleft"></div>
1047                                <div class="col-md-4 contentbottom contentcenter"></div>
1048                                <div class="col-md-4 contentbottom contentright"></div>
1049                            </div>
1050                        </div>
1051                    </div>
1052                        <a href="https://content.myconnectsuite.com/api/documents/ffbde8a9dc1e49708fbbc702369d177a.jpg" target="_self" class="carousel-link"></a>
1053                </div>
1054            </div>
1055    </div>
1056        <a class="left carousel-control" href="#angelo_slideshow_56d59e877bb14c49a88498254c66aa42" role="button" aria-label="slideshow previous" data-slide="prev">
1057            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
1058            <span class="sr-only">Previous</span>
1059        </a>
1060        <a class="right carousel-control" href="#angelo_slideshow_56d59e877bb14c49a88498254c66aa42" role="button" aria-label="slideshow next" data-slide="next">
1061            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
1062            <span class="sr-only">Next</span>
1063        </a>
1064</div>
1065
1066
1067<script type="text/javascript">
1068    /* Demo Scripts for Bootstrap Carousel and Animate.css article
1069    * on SitePoint by Maria Antonietta Perna
1070    */
1071    (function ($) {
1072        $(document).ready(function () {
1073
1074            var slideshowID = 'angelo_slideshow_56d59e877bb14c49a88498254c66aa42';
1075            var duration = 9000;
1076            var aspectRatio = '3:1';
1077
1078            //Function to animate slider captions
1079            function doAnimations(elems) {
1080                //Cache the animationend event in a variable
1081                var animEndEv = 'webkitAnimationEnd animationend';
1082
1083                elems.each(function () {
1084                    var $this = $(this),
1085                        $animationType = $this.data('animation');
1086                    $this.addClass($animationType).one(animEndEv, function () {
1087                        $this.removeClass($animationType);
1088                    });
1089                });
1090            }
1091
1092            //Variables on page load
1093            var $myCarousel = $('#' + slideshowID),
1094                $firstAnimatingElems = $myCarousel.find('.item:first').find("[data-animation ^= 'animated']");
1095
1096            //Initialize carousel
1097            $myCarousel.carousel({
1098                interval: duration,
1099                pause: false
1100            }).carousel();
1101
1102
1103            function setAutoScaling() {
1104                if (aspectRatio != "") {
1105                    var slideShowWidth = $myCarousel.width();
1106                    var slideShowHeight = "";
1107                    var ratioParts = aspectRatio.split(":");
1108
1109                    if (ratioParts.length == 2) {
1110                        slideShowHeight = Math.ceil(slideShowWidth / (ratioParts[0] / ratioParts[1]));
1111
1112                        $myCarousel.find(".item img").each(function () {
1113                            $(this).height(slideShowHeight);
1114                            $(this).width(slideShowWidth);
1115                        });
1116                        $myCarousel.find(".item").each(function () {
1117                            $(this).height(slideShowHeight);
1118                        });
1119                    }
1120                }
1121            }
1122
1123            setAutoScaling();
1124
1125            //Animate captions in first slide on page load
1126            doAnimations($firstAnimatingElems);
1127
1128            //Pause carousel
1129            // $myCarousel.carousel('pause');
1130
1131            //Other slides to be animated on carousel slide event
1132            $myCarousel.on('slide.bs.carousel', function (e) {
1133                var $animatingElems = $(e.relatedTarget).find("[data-animation ^= 'animated']");
1134                doAnimations($animatingElems);
1135            });
1136
1137            $('#pauseButton_' + slideshowID).click(function (event) {
1138                event.preventDefault();
1139                if ($(this).find("i").hasClass("fa-play-circle")) {
1140                    $('#' + slideshowID).carousel('cycle');
1141                    $(this).find("i").removeClass("fa-play-circle").addClass("fa-pause-circle");
1142                    $(this).find("a").attr("aria-label", "pause slideshow");
1143                } else {
1144                    $('#' + slideshowID).carousel('pause');
1145                    $(this).find("i").removeClass("fa-pause-circle").addClass("fa-play-circle");
1146                    $(this).find("a").attr("aria-label", "play slideshow");
1147                }
1148            });
1149
1150            $(".customSlideShowBackground button").click(function (e) {
1151                e.preventDefault();
1152            })
1153
1154            var $widget = $("div[id=angelo_slideshow_56d59e877bb14c49a88498254c66aa42]").parent();
1155
1156            $widget.on("resize", setAutoScaling);
1157        });
1158    })(jQuery);
1159</script>
1159
1160
1161<style type="text/css">
1162
1163    .contentbottom {
1164        position: absolute;
1165        bottom: 0;
1166    }
1167    .contentmiddle {
1168        position: absolute;
1169        bottom: 0;
1170        top: 0;
1171        margin: auto;
1172    }
1173    .contenttop {
1174        position: absolute;
1175        top: 0;
1176    }
1177
1178    .carousel-caption {
1179        transform: unset;
1180        padding-top: 0px;
1181        padding-bottom: 5px;
1182        bottom: 0;
1183    }
1184    .layertop {
1185        height: 40%;
1186        position: relative;
1187    }
1188    .layermiddle {
1189        height: 30%;
1190        position: relative;
1191    }
1192    .layerbottom {
1193        height: 30%;
1194        position: relative;
1195    }
1196
1197    .layertop .contenttop.contentcenter,
1198    .layermiddle .contentmiddle.contentcenter,
1199    .layerbottom .contentbottom.contentcenter {
1200        left: 0;
1201        right: 0;
1202        margin: auto;
1203    }
1204
1205    .layertop .contenttop.contentright,
1206    .layermiddle .contentmiddle.contentright,
1207    .layerbottom .contentbottom.contentright {
1208        left: 65%;
1209    }
1210
1211    .layerbottom .contentbottom.contentcenter{
1212        bottom: 15px;
1213    }
1214
1215    /* Extra small devices (phones, 600px and down) */
1216    @media only screen and (max-width: 600px) {
1217        .carousel-caption div[class*="content"] {
1218            transform: scale(0.40);
1219        }
1220    }
1221
1222    /* Small devices (phones, 600px and up) */
1223    @media only screen and (min-width: 600px) {
1224        .carousel-caption div[class*="content"] {
1225            transform: scale(0.50);
1226        }
1227    }
1228
1229    /* Medium devices (landscape tablets, 768px and up) */
1230    @media only screen and (min-width: 768px) {
1231        .carousel-caption div[class*="content"] {
1232            transform: scale(0.60);
1233        }
1234    }
1235
1236    /* Large devices (laptops/desktops, 992px and up) */
1237    @media only screen and (min-width: 992px) {
1238        .carousel-caption div[class*="content"] {
1239            transform: scale(0.75);
1240        }
1241    }
1242
1243    @media only screen and (min-width: 1200px) {
1244        .carousel-caption div[class*="content"] {
1245            transform: unset;
1246        }
1247    }
1248
1249    .main-container {
1250      padding: 10px 15px;
1251    }
1252    .skyblue {
1253	    background-color: #22c8ff;
1254    }
1255    .deepskyblue {
1256	    background-color: #00bfff;
1257    }
1258    .darkerskyblue {
1259	    background-color: #00a6dd;
1260    }
1261    .customSlideShowBackground{
1262        background-color: #ffffff
1263    }
1264    .customSlideShowHeight{
1265        max-height: 100px;
1266    }
1267    .carousel-indicators {
1268	    bottom: 12px;
1269    }
1270    .carousel-indicators > li {
1271        box-shadow: 2px 2px 3px black;
1272    }
1273    .carousel .item {
1274	    min-height: 100px;
1275	    height: 100%;
1276	    width:100%;
1277    }
1278
1279
1280
1281    .carousel-caption h3 {
1282        padding: .5em;
1283    }
1284    .carousel .icon-container {
1285	    display: inline-block;
1286	    font-size: 25px;
1287	    line-height: 25px;
1288	    padding: 1em;
1289	    text-align: center;
1290	    border-radius: 50%;
1291    }
1292    .carousel-caption button {
1293        /*border-color: #00bfff;*/
1294        margin-top: 1em;
1295    }
1296
1297    .carousel-caption {
1298        height: 100%;
1299        width: 100%;
1300        left: 0;
1301    }
1302
1303    /* Animation delays */
1304    .slideShowDelay0{
1305        animation-delay: 0s;
1306    }
1307    .slideShowDelay1{
1308        animation-delay: 1s;
1309    }
1310    .slideShowDelay2{
1311        animation-delay: 2s;
1312    }
1313    .slideShowDelay3{
1314        animation-delay: 3s;
1315    }
1316    .slideShowDelay4{
1317        animation-delay: 4s;
1318    }
1319    .slideShowDelay5{
1320        animation-delay: 5s;
1321    }
1322    .slideShowDelay6{
1323        animation-delay: 6s;
1324    }
1325    .slideShowDelay7{
1326        animation-delay: 7s;
1327    }
1328    .slideShowDelay8{
1329        animation-delay: 8s;
1330    }
1331    .slideShowDelay9{
1332        animation-delay: 9s;
1333    }
1334    .slideShowDelay10{
1335        animation-delay: 10s;
1336    }
1337
1338
1339    .p {
1340        padding-top: 125px;
1341        text-align: center;
1342    }
1343    .p a {
1344        text-decoration: underline;
1345    }
1346
1347
1348    .carousel-fade .carousel-inner .item {
1349      opacity: 0;
1350      -webkit-transition-property: opacity;
1351      -moz-transition-property: opacity;
1352      -o-transition-property: opacity;
1353      transition-property: opacity;
1354    }
1355    .carousel-fade .carousel-inner .active {
1356      opacity: 1;
1357    }
1358    .carousel-fade .carousel-inner .active.left,
1359    .carousel-fade .carousel-inner .active.right {
1360      left: 0;
1361      opacity: 0;
1362      z-index: 1;
1363    }
1364    .carousel-fade .carousel-inner .next.left,
1365    .carousel-fade .carousel-inner .prev.right {
1366      opacity: 1;
1367    }
1368    .carousel-fade .carousel-control {
1369      z-index: 11;
1370    }
1371
1372    .carousel-inner > .item > img,
1373    .carousel-inner > .item > a > img {
1374        margin: 0 auto;
1375    }
1376
1377    .carousel-inner > .item > img.cs-auto-scale,
1378    .carousel-inner > .item > a > img.cs-auto-scale{
1379        position: absolute;
1380        object-fit:cover;
1381        top: 0;
1382        left: 0;
1383    }
1384
1385    .carousel-link,
1386    .carousel-link:hover {
1387        color: unset;
1388        font-size: unset;
1389        position: absolute;
1390        height: 100%;
1391        width: 100%;
1392        margin: auto;
1393        top: 40px;
1394        left: 0;
1395        bottom: 0;
1396        right: 0;
1397    }
1398
1399    .slideshow_video_layer{
1400		     background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
1401             height: 100%;
1402
1403    }
1404</style>
1405
1406
1407
1408        </div>
1409    </div>
1410
1411    
1412
1413
1414    <div class="content-node csc-content-node bg-default" style="padding-top:15px;padding-right:None;padding-bottom:15px;padding-left:None;border-width:None;border-style:None;border-color:#000000;border-radius:None;">
1415        <div class="content-widget csc-content-widget container" style="">
1416            
1417
1418    <div class="cs-image-widget">
1419        <a href="https://www.myschoolapps.com/Home/DistrictRedirect/FRANKLINCS_MS?langid=1" target="_blank"><img src="https://content.myconnectsuite.com/api/documents/19201b614290449ba87caca028688fc6.jpg" class="img-responsive" alt="Free an Reduced Meal Application" title="Free an Reduced Meal Application" style="border-radius: 0px;max-width: 100%;max-height: auto" /></a>
1420    </div>
1421
1422        </div>
1423    </div>
1424
1425    
1426
1427
1428    <div class="content-node csc-content-node bg-contrast" style="padding-top:15px;padding-bottom:15px;">
1429        <div class="content-widget csc-content-widget container" style="">
1430            
1431
1432
1433
1434<style>
1435
1436    /* Extra small devices (phones, 600px and down) */
1437    @media only screen and (max-width: 600px) {
1438        .gallery-image {
1439            max-height: 200px;
1440        }
1441    } 
1442
1443    /* Medium devices (landscape tablets, 768px and up) */
1444    @media only screen and (min-width: 768px) {
1445        .gallery-image {
1446            max-height: 300px;
1447        }
1448    } 
1449
1450    /* Large devices (laptops/desktops, 992px and up) */
1451    @media only screen and (min-width: 992px) {
1452        .gallery-image {
1453            max-height: 500px;
1454        }
1455    } 
1456
1457    /* Extra large devices (large laptops and desktops, 1200px and up) */
1458    @media only screen and (min-width: 1200px) {
1459        .gallery-image {
1460            max-height: 700px;
1461        }
1462    }
1463
1464    .gallery-body {
1465        padding: 5px;
1466    }
1467
1468    .gallery-footer {
1469        padding: 10px;
1470    }
1471
1472    .modal-dialog.modal-center{
1473        position: absolute;
1474        top: 50%;
1475        left: 50%;
1476        transform: translate(-50%, -50%) !important;
1477        height: auto;
1478        width: auto;
1479    }
1480    
1481    .gallery-thumbnail > img {
1482        height: 110px;
1483        /*width: 100%;*/
1484    }
1485
1486    .gallery-caption {
1487        text-align: center;
1488        overflow-wrap: break-word;
1489    }
1490    
1491
1492    li.photo_album{
1493	    margin:10px;
1494	    padding:5px;
1495	    float: left;
1496	    list-style: none; 
1497	    height: 100px;
1498	    text-align: center;
1499    }
1500
1501    ul.photo_album{
1502	    padding-left: 0;
1503    }
1504
1505    .photo_album_thumb{
1506	    height:100px;
1507	    overflow:hidden; 
1508	    text-align:center;
1509    }
1510    
1511</style>
1512
1513<div class="container-fluid cs-gallery-widget">
1514    <ul class="photo_album">
1515    </ul>
1516</div>
1517
1518
1519
1520<script>
1521
1522    function ShowGallery(item) {
1523        new BstrapModal(item.dataset.title).Show();
1524
1525    }
1526
1527
1528    var BstrapModal = function (title, body, buttons) {
1529        var title = title || "";
1530        var body = body || "";
1531        var GetModalStructure = function () {
1532            var that = this;
1533            that.Id = BstrapModal.Id = "myModalLabel_204b65b1-1592-46f2-b4d0-ea668fa9f6e9";  //Math.random();
1534            return "<div class='modal fade cs-modal' name='dynamiccustommodal' id='" + that.Id + "' tabindex='-1' role='dialog'  data-backdrop='static' data-keyboard='false' aria-labelledby='image-gallery-caption' aria-modal='true'>" +
1535                    "<div class='modal-center modal-dialog' style='z-index:1300;'>" +
1536                        "<div class='modal-content'>" +
1537                            "<div class='modal-body gallery-body'>" +
1538                                    "<button type='button' class='close' data-dismiss='modal'><span aria-hidden='true'><span aria-hidden='true'>&times;  </span></button>" +
1539                                    "<img id='image-gallery-image' class='img-responsive gallery-image' src='' alt=''>" + //body +
1540                            "</div>" +
1541                            "<div class='modal-footer gallery-footer'>" +
1542                                "<div class='col-md-2 text-left'>" +
1543                                    "<a href='#' id='show-previous-image' aria-label='Previous image'><i class='fa fa-chevron-left fa-2x'></i></a>" +
1544                                "</div>" +
1545                                "<div class='col-md-8 text-justify gallery-caption' id='image-gallery-caption'>" +
1546                                    "." +
1547                                "</div>" +
1548                                "<div class='col-md-2 text-right'>" +
1549                                    "<a href='#' id='show-next-image' aria-label='Next image'><i class='fa fa-chevron-right fa-2x'></i></a>" +
1550                                "</div>" +
1551                            "</div>" +
1552                        "</div>" +
1553
1554                    "</div>" +
1555                "</div>"
1556        }();
1557        BstrapModal.Delete = function () {
1558            var modals = document.getElementsByName("dynamiccustommodal");
1559            if (modals.length > 0) document.body.removeChild(modals[0]);
1560        };
1561        BstrapModal.Close = function () {
1562            $(document.getElementById(BstrapModal.Id)).modal('hide');
1563            BstrapModal.Delete();
1564        };
1565        this.Show = function () {
1566            //var btns = document.querySelectorAll("button[name='btn" + BstrapModal.Id + "']");
1567            //for (var i = 0; i < btns.length; i++) {
1568            //    btns[i].addEventListener("click", buttons[i].Callback || BstrapModal.Close);
1569            //}
1570            $(document.getElementById(BstrapModal.Id)).modal('show');
1571        };
1572        this.Load = function () {
1573            BstrapModal.Delete();
1574            document.body.appendChild($(GetModalStructure)[0]);
1575
1576            modalFocusTrap($("#myModalLabel_204b65b1-1592-46f2-b4d0-ea668fa9f6e9"));
1577        };
1578    };
1579
1580
1581
1582
1583    $(document).ready(function () {
1584        new BstrapModal().Load();
1585
1586
1587        loadGallery(true, 'a.gallery-thumbnail');
1588
1589        //This function disables buttons when needed
1590        function disableButtons(counter_max, counter_current) {
1591            //debugger;
1592            $('#show-previous-image, #show-next-image').show();
1593            if (counter_max == counter_current) {
1594                $('#show-next-image').hide();
1595            } else if (counter_current == 1) {
1596                $('#show-previous-image').hide();
1597            }
1598        }
1599
1600        function loadGallery(setIDs, setClickAttr) {
1601            var current_image,
1602                selector,
1603                counter = 0;
1604
1605            $('#show-next-image, #show-previous-image').click(function () {
1606                if ($(this).attr('id') == 'show-previous-image') {
1607                    current_image--;
1608                } else {
1609                    current_image++;
1610                }
1611
1612                selector = $('[data-image-id="' + current_image + '"]');
1613                updateGallery(selector);
1614            });
1615/*
1616            //workaround to get links to work with keyboard...
1617            $('#show-next-image, #show-previous-image').keypress(function (e) {
1618                if (e.which == 13) {//Enter key pressed
1619                    changeImage($(this));
1620                }
1621            });
1622
1623
1624            function changeImage(e) {
1625                if (e.attr('id') == 'show-previous-image') {
1626                    current_image--;
1627                } else {
1628                    current_image++;
1629                }
1630
1631                selector = $('[data-image-id="' + current_image + '"]');
1632                updateGallery(selector);
1633            }
1634            */
1635
1636            function updateGallery(selector) {
1637                var $sel = selector;
1638                current_image = $sel.data('image-id');
1639                $('#image-gallery-caption').text($sel.data('caption'));
1640                $('#image-gallery-title').text($sel.data('title'));
1641                $('#image-gallery-image').attr('src', $sel.data('image'));
1642                $('#image-gallery-image').attr('alt', $sel.data('title'));
1643
1644                disableButtons(counter, $sel.data('image-id'));
1645            }
1646
1647            if (setIDs == true) {
1648                $('[data-image-id]').each(function () {
1649                    counter++;
1650                    $(this).attr('data-image-id', counter);
1651                });
1652            }
1653            $(setClickAttr).on('click', function () {
1654                updateGallery($(this));
1655            });
1656        }
1657    });
1658
1659
1660
1661</script>
1661
1662
1663
1664        </div>
1665    </div>
1666
1667    
1668
1669
1670    <div class="content-node csc-content-node bg-contrast" style="padding-top:15px;padding-right:None;padding-bottom:15px;padding-left:None;border-width:None;border-style:None;border-color:#000000;border-radius:None;">
1671        <div class="content-widget csc-content-widget csc-force-center" style="">
1672            
1673
1674    <div class="cs-image-widget">
1675        <img src="https://content.schoolinsites.com/api/documents/20f16247f7614288b5159c8997a258a5.png" class="img-responsive" alt="News" title="News" style="border-radius: 0px;max-width: 100%;max-height: auto" />
1676    </div>
1677
1678        </div>
1679    </div>
1680
1681    
1682
1683
1684    <div class="content-node csc-content-node bg-danger" style="padding-top:15px;padding-right:None;padding-bottom:15px;padding-left:None;border-width:None;border-style:None;border-color:#000000;border-radius:None;">
1685        <div class="content-widget csc-content-widget" style="">
1686            
1687
1688<div class="cs-card-group-carousel cs-news-widget cs-news-widget-carousel" data-module="widgets/cardcarousel">
1689    <div class="row">
1690        <div class="col-md-8 col-md-offset-2 text-center">
1691            <h3 class="cs-widget-title">News</h3>
1692        </div>
1693    </div>
1694    <div class="carousel slide cs-card-carousel cs-card-carousel-full" data-interval="false" id="carousel_5ae4343da8df4c6a8577b33c85a06798">
1695        <div class="carousel-inner cs-card-carousel-inner cs-card-group">
1696                <div class="item cs-card active">
1697                    <a class="text-info cs-link col-md-3" href="/sys/content/newspost/fdccde5da717485cac5e7a1c54250f6d">
1698                        <div class="cs-card-thumbnail">
1699                            <img src="https://content.myconnectsuite.com/api/documents/2e19435eeed24d708b8431bf3a699b52.jpg" alt="Schedule" />
1700                        </div>
1701                        <div class="cs-text">
1702                            Lady Dawgs Volleyball Schedule
1703                        </div>
1704                    </a>
1705                </div>
1706                <div class="item cs-card ">
1707                    <a class="text-info cs-link col-md-3" href="/sys/content/newspost/1fee24b9798e44a8a0d8d67bb251a6e7">
1708                        <div class="cs-card-thumbnail">
1709                            <img src="https://content.myconnectsuite.com/api/documents/2aa10011b23746438d2282d992c9560d.jpg" alt="Cool thing" />
1710                        </div>
1711                        <div class="cs-text">
1712                            All Sports Pass
1713                        </div>
1714                    </a>
1715                </div>
1716                <div class="item cs-card ">
1717                    <a class="text-info cs-link col-md-3" href="/sys/content/newspost/8a80d123d23d45f0bdd49e0a51d42462">
1718                        <div class="cs-card-thumbnail">
1719                            <img src="https://content.myconnectsuite.com/api/documents/862d24c002ad43f7abfd93a0c225fdc1.jpg" alt="Attend policy" />
1720                        </div>
1721                        <div class="cs-text">
1722                            New Attendance Policy
1723                        </div>
1724                    </a>
1725                </div>
1726                <div class="item cs-card ">
1727                    <a class="text-info cs-link col-md-3" href="/sys/content/newspost/de6726133a554ccdb3c72dc6f029c8ca">
1728                        <div class="cs-card-thumbnail">
1729                            <img src="https://content.myconnectsuite.com/api/documents/a1d18280768545058e0f6e1ad2c6678d.jpg" alt="Flyer" />
1730                        </div>
1731                        <div class="cs-text">
1732                            Free and Reduced Application
1733                        </div>
1734                    </a>
1735                </div>
1736                <div class="item cs-card ">
1737                    <a class="text-info cs-link col-md-3" href="/sys/content/newspost/571382c4c5f942c1bd5c205d329897f5">
1738                        <div class="cs-card-thumbnail">
1739                            <img src="https://content.myconnectsuite.com/api/download/crop?id=a6ca3d1b172f4af4b89b1d6b4cf6b68a.jpg&amp;x=20&amp;y=64&amp;width=358&amp;height=226&amp;aratio=NaN&amp;ext=" alt="25-26 District Calendar" />
1740                        </div>
1741                        <div class="cs-text">
1742                            2026 -2027-District Calendar 
1743                        </div>
1744                    </a>
1745                </div>
1746                <div class="item cs-card ">
1747                    <a class="text-info cs-link col-md-3" href="/sys/content/newspost/2f45e867f23249caaef725f5faa78ec7">
1748                        <div class="cs-card-thumbnail">
1749                            <img src="https://content.schoolinsites.com/api/documents/a28991a5c2374ca28f1585571b962611.png" alt="important" />
1750                        </div>
1751                        <div class="cs-text">
1752                            Register Now on Our New Website
1753                        </div>
1754                    </a>
1755                </div>
1756        </div>
1757
1758            <a class="left carousel-control" href="#carousel_5ae4343da8df4c6a8577b33c85a06798" role="button" aria-label="previous" data-sli
1758de="prev">
1759                <i class="glyphicon glyphicon-chevron-left"></i>
1760            </a>
1761            <a class="right carousel-control" href="#carousel_5ae4343da8df4c6a8577b33c85a06798" role="button" aria-label="next" data-slide="next">
1762                <i class="glyphicon glyphicon-chevron-right"></i>
1763            </a>
1764    </div>
1765
1766
1767    <div class="carousel cs-card-carousel cs-card-carousel-single" data-interval="false" id="carousel2_5ae4343da8df4c6a8577b33c85a06798">
1768        <div class="carousel-inner cs-card-carousel-inner cs-card-group">
1769                <div class="item cs-card active">
1770                    <a class="text-info cs-link col-md-3" href="/sys/content/newspost/fdccde5da717485cac5e7a1c54250f6d">
1771                        <div class="cs-card-thumbnail">
1772                            <img src="https://content.myconnectsuite.com/api/documents/2e19435eeed24d708b8431bf3a699b52.jpg" alt="Schedule" />
1773                        </div>
1774                        <div class="cs-text">
1775                            Lady Dawgs Volleyball Schedule
1776                        </div>
1777                    </a>
1778                </div>
1779                <div class="item cs-card ">
1780                    <a class="text-info cs-link col-md-3" href="/sys/content/newspost/1fee24b9798e44a8a0d8d67bb251a6e7">
1781                        <div class="cs-card-thumbnail">
1782                            <img src="https://content.myconnectsuite.com/api/documents/2aa10011b23746438d2282d992c9560d.jpg" alt="Cool thing" />
1783                        </div>
1784                        <div class="cs-text">
1785                            All Sports Pass
1786                        </div>
1787                    </a>
1788                </div>
1789                <div class="item cs-card ">
1790                    <a class="text-info cs-link col-md-3" href="/sys/content/newspost/8a80d123d23d45f0bdd49e0a51d42462">
1791                        <div class="cs-card-thumbnail">
1792                            <img src="https://content.myconnectsuite.com/api/documents/862d24c002ad43f7abfd93a0c225fdc1.jpg" alt="Attend policy" />
1793                        </div>
1794                        <div class="cs-text">
1795                            New Attendance Policy
1796                        </div>
1797                    </a>
1798                </div>
1799                <div class="item cs-card ">
1800                    <a class="text-info cs-link col-md-3" href="/sys/content/newspost/de6726133a554ccdb3c72dc6f029c8ca">
1801                        <div class="cs-card-thumbnail">
1802                            <img src="https://content.myconnectsuite.com/api/documents/a1d18280768545058e0f6e1ad2c6678d.jpg" alt="Flyer" />
1803                        </div>
1804                        <div class="cs-text">
1805                            Free and Reduced Application
1806                        </div>
1807                    </a>
1808                </div>
1809                <div class="item cs-card ">
1810                    <a class="text-info cs-link col-md-3" href="/sys/content/newspost/571382c4c5f942c1bd5c205d329897f5">
1811                        <div class="cs-card-thumbnail">
1812                            <img src="https://content.myconnectsuite.com/api/download/crop?id=a6ca3d1b172f4af4b89b1d6b4cf6b68a.jpg&amp;x=20&amp;y=64&amp;width=358&amp;height=226&amp;aratio=NaN&amp;ext=" alt="25-26 District Calendar" />
1813                        </div>
1814                        <div class="cs-text">
1815                            2026 -2027-District Calendar 
1816                        </div>
1817                    </a>
1818                </div>
1819                <div class="item cs-card ">
1820                    <a class="text-info cs-link col-md-3" href="/sys/content/newspost/2f45e867f23249caaef725f5faa78ec7">
1821                        <div class="cs-card-thumbnail">
1822                            <img src="https://content.schoolinsites.com/api/documents/a28991a5c2374ca28f1585571b962611.png" alt="important" />
1823                        </div>
1824                        <div class="cs-text">
1825                            Register Now on Our New Website
1826                        </div>
1827                    </a>
1828                </div>
1829        </div>
1830
1831        <a class="left carousel-control" href="#carousel2_5ae4343da8df4c6a8577b33c85a06798" role="button" aria-label="previous" data-sli
1831de="prev">
1832            <i class="glyphicon glyphicon-chevron-left"></i>
1833        </a>
1834        <a class="right carousel-control" href="#carousel2_5ae4343da8df4c6a8577b33c85a06798" role="button" aria-label="next" data-slide="next">
1835            <i class="glyphicon glyphicon-chevron-right"></i>
1836        </a>
1837    </div>
1838
1839    <div class="row">
1840        <div class="col-md-2 col-md-offset-5 text-center padded">
1841            <a class="text-info cs-link" aria-label="View all News" href="/sys/content/newspostlist/5ae4343da8df4c6a8577b33c85a06798">
1842                View All
1843            </a>
1844        </div>
1845    </div>
1846
1847</div>
1848
1849
1850
1851<style>
1852    @media only screen and (max-width: 769px) {
1853        .cs-card-carousel-full {
1854            display: none;
1855            visibility: hidden;
1856        }
1857
1858        .cs-card-carousel-single {
1859            display: block;
1860            visibility: visible;
1861        }
1862    }
1863
1864    @media only screen and (min-width: 769px) {
1865        .cs-card-carousel-full {
1866            display: block;
1867            visibility: visible;
1868        }
1869
1870        .cs-card-carousel-single {
1871            display: none;
1872            visibility: visible;
1873        }
1874        /* override position and transform */
1875        .cs-card-carousel-inner .item.left.active {
1876            transform: translateX(-25%);
1877        }
1878
1879        .cs-card-carousel-inner .item.right.active {
1880            transform: translateX(25%);
1881        }
1882
1883        .cs-card-carousel-inner .item.next {
1884            transform: translateX(25%)
1885        }
1886
1887        .cs-card-carousel-inner .item.prev {
1888            transform: translateX(-25%)
1889        }
1890
1891        .cs-card-carousel-inner .item.right,
1892        .cs-card-carousel-inner .item.left {
1893            transform: translateX(0);
1894        }
1895    }
1896</style>
1897        </div>
1898    </div>
1899
1900    
1901
1902
1903    <div class="content-node csc-content-node bg-danger" style="padding-top:15px;padding-right:None;padding-bottom:15px;padding-left:None;border-width:None;border-style:None;border-color:#000000;border-radius:None;">
1904        <div class="content-widget csc-content-widget csc-force-center" style="">
1905            
1906
1907    <div class="cs-image-widget">
1908        <a href="/athleticschedules" target="_blank"><img src="https://content.myconnectsuite.com/api/documents/e2a04059c50a4f38b2cce56d8b447a74.jpg" class="img-responsive" alt="Athletic Schedules" title="Athletic Schedules" style="border-radius: 0px;max-width: 100%;max-height: auto" /></a>
1909    </div>
1910
1911        </div>
1912    </div>
1913
1914    
1915
1916
1917    <div class="content-node csc-content-node bg-danger" style="padding-top:15px;padding-bottom:15px;">
1918        <div class="content-widget csc-content-widget csc-force-center" style="">
1919                <div class="clearfix cs-title-widget">
1920<h1 class="cs-page-title">     Athletic Schedules</h1>    </div>
1921
1922        </div>
1923    </div>
1924
1925    
1926
1927
1928    <div class="content-node csc-content-node bg-danger" style="padding-top:15px;padding-bottom:15px;">
1929        <div class="content-widget csc-content-widget container" style="">
1930            
1931
1932
1933<div class="cs-panels cs-panels-tabstrip">
1934
1935    <ul class="nav nav-tabs" role="tablist">
1936    </ul>
1937
1938    <div class="tab-content">
1939    </div>
1940    <br />
1941</div>
1942
1943
1944
1945
1946
1947
1948
1949        </div>
1950    </div>
1951
1952    
1953
1954
1955    <div class="content-node csc-content-node bg-danger" style="padding-top:15px;padding-bottom:15px;">
1956        <div class="content-widget csc-content-widget container" style="">
1957            
1958<div class="content-layout">
1959    <div class="row content-cell-group">
1960        <div class="col-sm-3">
1961            <div class=" content-zone csc-content-zone" name="cell-1">
1962    
1963
1964
1965    <div class="content-node csc-content-node" style="padding-top:None;padding-right:None;padding-bottom:None;padding-left:None;border-width:None;border-style:None;border-color:#000000;border-radius:None;">
1966        <div class="content-widget csc-content-widget" style="">
1967            
1968
1969    <div class="cs-image-widget">
1970        <a href="https://content.myconnectsuite.com/api/documents/c89e4226e0f544ce9cbfbd3c99d2f658.pdf" target="_self"><img src="https://content.myconnectsuite.com/api/documents/400a1c2fed9843b0a845f8c02d31781e.png" class="img-responsive" alt="Dropout Prevention" title="Dropout Prevention" style="border-radius: 0px;max-width: 100%;max-height: auto" /></a>
1971    </div>
1972
1973        </div>
1974    </div>
1975
1976
1977</div>
1978        </div>
1979        <div class="col-sm-3">
1980            <div class=" content-zone csc-content-zone" name="cell-2">
1981    
1982
1983
1984    <div class="content-node csc-content-node" style="padding-top:None;padding-right:None;padding-bottom:None;padding-left:None;border-width:None;border-style:None;border-color:#000000;border-radius:None;">
1985        <div class="content-widget csc-content-widget" style="">
1986            
1987
1988    <div class="cs-image-widget">
1989        <a href="https://www.franklincountyschoolsms.com/cafeteria" target="_self"><img src="https://content.myconnectsuite.com/api/documents/f8831144b79e40e4b2805a6b698bd0f1.png" class="img-responsive" alt="school menus" title="school menus" style="border-radius: 10px;max-width: 100%;max-height: auto" /></a>
1990    </div>
1991
1992        </div>
1993    </div>
1994
1995
1996</div>
1997        </div>
1998        <div class="col-sm-3">
1999            <div class=" content-zone csc-content-zone" name="cell-3">
2000    
2001
2002
2003    <div class="content-node csc-content-node" style="padding-top:None;padding-right:None;padding-bottom:None;padding-left:None;border-width:None;border-style:None;border-color:#000000;border-radius:None;">
2004        <div class="content-widget csc-content-widget" style="">
2005            
2006
2007    <div class="cs-image-widget">
2008        <a href="https://outlook.office.com/mail/" target="_self"><img src="https://content.myconnectsuite.com/api/documents/3ddb65a8cd1c435a9e46059f6ee03897.png" class="img-responsive" alt="email" title="email" style="border-radius: 10px;max-width: 100%;max-height: auto" /></a>
2009    </div>
2010
2011        </div>
2012    </div>
2013
2014
2015</div>
2016        </div>
2017        <div class="col-sm-3">
2018            <div class=" content-zone csc-content-zone" name="cell-4">
2019    
2020
2021
2022    <div class="content-node csc-content-node" style="padding-top:None;padding-right:None;padding-bottom:None;padding-left:None;border-width:None;border-style:None;border-color:#000000;border-radius:None;">
2023        <div class="content-widget csc-content-widget" style="">
2024            
2025
2026    <div class="cs-image-widget">
2027        <a href="/humanresources" target="_self"><img src="https://content.myconnectsuite.com/api/documents/c622df3fd4e644ad9f6bdb7ecb32bb4c.jpg" class="img-responsive" alt="Human resources" title="Human resources" style="border-radius: 0px;max-width: 100%;max-height: auto" /></a>
2028    </div>
2029
2030        </div>
2031    </div>
2032
2033
2034</div>
2035        </div>
2036    </div>
2037</div>
2038
2039        </div>
2040    </div>
2041
2042    
2043
2044
2045    <div class="content-node csc-content-node bg-success" style="padding-top:60px;padding-right:None;padding-bottom:60px;padding-left:None;border-width:None;border-style:None;border-color:#000000;border-radius:None;">
2046        <div class="content-widget csc-content-widget container" style="">
2047            <div class="cs-html-widget">
2048    <h2 style="box-sizing:border-box;color:#000000;text-align:center;">The Franklin County School District exists to provide a quality education for the children and youth of the community. The mission of the Franklin County School District is to provide a superior, well-rounded education within a safe learning environment that enables and inspires students to achieve academic excellence and to be successful, productive, and responsible citizens.</h2><p></p>
2049</div>
2050        </div>
2051    </div>
2052
2053    
2054
2055
2056    <div class="content-node csc-content-node cs-divider1" style="padding-top:15px;padding-bottom:15px;">
2057        <div class="content-widget csc-content-widget container" style="">
2058            
2059<div class="content-layout">
2060    <div class="row content-cell-group">
2061        <div class="col-sm-12">
2062            <div class=" content-zone csc-content-zone" name="cell-1">
2063
2064</div>
2065        </div>
2066    </div>
2067</div>
2068
2069        </div>
2070    </div>
2071
2072    
2073
2074
2075    <div class="content-node csc-content-node bg-contrast" style="padding-top:15px;padding-bottom:15px;">
2076        <div class="content-widget csc-content-widget container" style="">
2077            
2078<div class="content-layout">
2079    <div class="row content-cell-group">
2080        <div class="col-sm-6">
2081            <div class=" content-zone csc-content-zone" name="cell-1">
2082    
2083
2084
2085    <div class="content-node csc-content-node" style="">
2086        <div class="content-widget csc-content-widget" style="">
2087            
2088<div class="content-layout">
2089    <div class="row content-cell-group">
2090        <div class="col-sm-9">
2091            <div class=" content-zone csc-content-zone" name="cell-2">
2092    
2093
2094
2095    <div class="content-node csc-content-node" style="padding-top:None;padding-right:None;padding-bottom:None;padding-left:None;border-width:None;border-style:None;border-color:#000000;border-radius:None;">
2096        <div class="content-widget csc-content-widget" style="">
2097            
2098
2099    <div class="cs-image-widget">
2100        <img src="https://content.schoolinsites.com/api/documents/911d3b8a26ea4ea081f53bdf91b8b00b.png" class="img-responsive" alt="News" title="News" style="border-radius: 0px;max-width: 100%;max-height: auto" />
2101    </div>
2102
2103        </div>
2104    </div>
2105
2106    
2107
2108
2109    <div class="content-node csc-content-node cs-homequicklinks" style="padding-top:30px;padding-right:15px;padding-bottom:30px;padding-left:15px;border-width:None;border-style:None;border-color:#000000;border-radius:None;">
2110        <div class="content-widget csc-content-widget" style="">
2111            
2112
2113
2114
2115<div class="cs-quicklinks cs-quicklinks-iconslist">
2116
2117    <div class="cs-card-group">
2118            <div class="cs-card">
2119                <a class="cs-link " href="https://content.myconnectsuite.com/api/documents/36772154ac1740979fa3ea741d953271" target="_blank" title="Student Handbook">
2120                            <span class="cs-quicklinks-icon">
2121                                <i class="fa fa-fw fa-regular fa-book"></i>
2122                            </span>
2123                        <span class="cs-item-title">Student Handbook</span>
2124                </a>
2125            </div>
2126            <div class="cs-card">
2127                <a class="cs-link " href="https://content.myconnectsuite.com/api/documents/21a7242766284b4a8823f5e608776f85.pdf" target="_blank" title="District Calendar">
2128                            <span class="cs-quicklinks-icon">
2129                                <i class="fa fa-fw fa-regular fa-calendar"></i>
2130                            </span>
2131                        <span class="cs-item-title">District Calendar</span>
2132                </a>
2133            </div>
2134            <div class="cs-card">
2135                <a class="cs-link " href="https://ms1900.activeparent.net/Login.aspx?ReturnUrl=%2f" target="_blank" title="Active Parent">
2136                            <span class="cs-quicklinks-icon">
2137                                <i class="fa fa-fw fa-regular fa-users"></i>
2138                            </span>
2139                        <span class="cs-item-title">Active Parent</span>
2140                </a>
2141            </div>
2142            <div class="cs-card">
2143                <a class="cs-link " href="https://suicidepreventionlifeline.org/" target="_blank" title="Suicide Prevention">
2144                            <span class="cs-quicklinks-icon">
2145                                <i class="fa fa-fw fa-regular fa-ban"></i>
2146                            </span>
2147                        <span class="cs-item-title">Suicide Prevention</span>
2148                </a>
2149            </div>
2150            <div class="cs-card">
2151                <a class="cs-link " href="https://www.mdek12.org/" target="_self" title="Mississippi Dep. of Education">
2152                            <span class="cs-quicklinks-icon">
2153                                <i class="fa fa-fw fa-regular fa-graduation-cap"></i>
2154                            </span>
2155                        <span class="cs-item-title">Mississippi Dep. of Education</span>
2156                </a>
2157            </div>
2158            <div class="cs-card">
2159                <a class="cs-link " href="https://content.myconnectsuite.com/api/documents/e962122c7bae463da3c8ae300cd23598" target="_self" title="Registration Documents">
2160                            <span class="cs-quicklinks-icon">
2161                                <i class="fa fa-fw fa-regular fa-pen-to-square"></i>
2162                            </span>
2163                        <span class="cs-item-title">Registration Documents</span>
2164                </a>
2165            </div>
2166    </div>
2167</div>
2168        </div>
2169    </div>
2170
2171
2172</div>
2173        </div>
2174        <div class="col-sm-3">
2175            <div class=" content-zone csc-content-zone" name="cell-1">
2176
2177</div>
2178        </div>
2179    </div>
2180</div>
2181
2182        </div>
2183    </div>
2184
2185
2186</div>
2187        </div>
2188        <div class="col-sm-6">
2189            <div class=" content-zone csc-content-zone" name="cell-2">
2190    
2191
2192
2193    <div class="content-node csc-content-node" style="">
2194        <div class="content-widget csc-content-widget" style="">
2195            
2196<div class="content-layout">
2197    <div class="row content-cell-group">
2198        <div class="col-sm-3">
2199            <div class=" content-zone csc-content-zone" name="cell-1">
2200
2201</div>
2202        </div>
2203        <div class="col-sm-9">
2204            <div class=" content-zone csc-content-zone" name="cell-2">
2205    
2206
2207
2208    <div class="content-node csc-content-node" style="padding-top:None;padding-right:None;padding-bottom:None;padding-left:None;border-width:None;border-style:None;border-color:#000000;border-radius:None;">
2209        <div class="content-widget csc-content-widget" style="">
2210            
2211
2212    <div class="cs-image-widget">
2213        <img src="https://content.schoolinsites.com/api/documents/05bf3c2d823d462b9d381fe4073096e5.png" class="img-responsive" alt="Events" title="Events" style="border-radius: 0px;max-width: 100%;max-height: auto" />
2214    </div>
2215
2216        </div>
2217    </div>
2218
2219    
2220
2221
2222    <div class="content-node csc-content-node cs-blacklinks" style="padding-top:30px;padding-right:5px;padding-bottom:30px;padding-left:5px;border-width:None;border-style:None;border-color:#000000;border-radius:None;">
2223        <div class="content-widget csc-content-widget" style="max-height: 400px; overflow-x: hidden; overflow-x: scroll;">
2224            
2225    <div class="cs-calendar-widget">
2226            <div class="cs-calendar-search-link" style="visibility: hidden;">
2227                <a href="/sys/calendar/searchlinks/a59cf817fcd74a68a6c0b0fccbf55516/Calendar" data-follow>Calendar Links</a>
2228            </div>
2229        <div id="calendarHeader_a59cf817fcd74a68a6c0b0fccbf55516" class="cs-cal-header">
2230            <div class="cs-cal-header-left">
2231                <div id="GroupSelector_a59cf817fcd74a68a6c0b0fccbf55516" class="cs-calButton dropdown groupSelector">
2232                    <button id="groupSelectorBtn" class="btn btn-default dropdown-toggle pull-left" type="button" aria-label="group selection" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
2233                        <i class="fa fa-calendar-check-o"></i>
2234                        <span class="caret"></span>
2235                    </button>
2236                    <ul class="dropdown-menu checkbox-menu allow-focus" role="menu" aria-labelledby="groupSelectorBtn">
2237                            <li>
2238                                <label for="0fe9cb995c8a4dd08ca029794ad585ff">
2239                                    <input type="checkbox" name="selectedEventGroup_a59cf817fcd74a68a6c0b0fccbf55516" value="0fe9cb995c8a4dd08ca029794ad585ff" id="0fe9cb995c8a4dd08ca029794ad585ff" checked role="menuitemcheckbox" style="outline-offset:5px;" />
2240                                    Central Office
2241                                </label>
2242                            </li>
2243                            <li>
2244                                <label for="2cc8a28711ea46b4909d7e21eddf1d4f">
2245                                    <input type="checkbox" name="selectedEventGroup_a59cf817fcd74a68a6c0b0fccbf55516" value="2cc8a28711ea46b4909d7e21eddf1d4f" id="2cc8a28711ea46b4909d7e21eddf1d4f" checked role="menuitemcheckbox" style="outline-offset:5px;" />
2246                                    Holidays
2247                                </label>
2248                            </li>
2249                            <li>
2250                                <label for="9176261ec52d4ed48ca0faef4d1e68ab">
2251                                    <input type="checkbox" name="selectedEventGroup_a59cf817fcd74a68a6c0b0fccbf55516" value="9176261ec52d4ed48ca0faef4d1e68ab" id="9176261ec52d4ed48ca0faef4d1e68ab" checked role="menuitemcheckbox" style="outline-offset:5px;" />
2252                                    School Board Meetings
2253                                </label>
2254                            </li>
2255                            <li>
2256                                <label for="2b00b135e9184b629d3963e2253ae0ef">
2257                                    <input type="checkbox" name="selectedEventGroup_a59cf817fcd74a68a6c0b0fccbf55516" value="2b00b135e9184b629d3963e2253ae0ef" id="2b00b135e9184b629d3963e2253ae0ef" checked role="menuitemcheckbox" style="outline-offset:5px;" />
2258                                    School Dates
2259                                </label>
2260                            </li>
2261                            <li>
2262                                <label for="f44312584e7043d7bd1e1768fa8bcc65">
2263                                    <input type="checkbox" name="selectedEventGroup_a59cf817fcd74a68a6c0b0fccbf55516" value="f44312584e7043d7bd1e1768fa8bcc65" id="f44312584e7043d7bd1e1768fa8bcc65" checked role="menuitemcheckbox" style="outline-offset:5px;" />
2264                                    Sports
2265                                </label>
2266                            </li>
2267                    </ul>
2268                </div>
2269                <button id="prev_a59cf817fcd74a68a6c0b0fccbf55516" class="cal-btn-prev btn btn-default" aria-label="previous"><i class="fa fa-chevron-left"></i></button>
2270                <button id="next_a59cf817fcd74a68a6c0b0fccbf55516" class="cal-btn-next btn btn-default" aria-label="next"><i class="fa fa-chevron-right"></i></button>
2271            </div>
2272            <div id="CalendarHeaderRight_a59cf817fcd74a68a6c0b0fccbf55516" class="cs-cal-header-right">
2273                <button id="iCalExport_a59cf817fcd74a68a6c0b0fccbf55516" class="cal-btn-ical btn btn-default dropdown-toggle" type="button" aria-label="export" onclick="$.dialog('/sys/calendar/ical?widgetId=a59cf817fcd74a68a6c0b0fccbf55516&type=Calendar')" title="iCal Export" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
2274                    <i class="fa fa-calendar-plus-o"></i> Export
2275                </button>
2276                <button id="calPrint_a59cf817fcd74a68a6c0b0fccbf55516" class="cal-btn-print btn btn-default dropdown-toggle" type="button" title="Print" aria-label="print">
2277                    <i class="fa fa-print"></i>
2278                </button>
2279                <div id="ViewSelector_a59cf817fcd74a68a6c0b0fccbf55516" class="cs-calButton dropdown viewSelector">
2280                    <button id="calViewsBtn" class="btn btn-default dropdown-toggle" type="button" aria-label="calendar views" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
2281                        <span id="viewButtonTxt_a59cf817fcd74a68a6c0b0fccbf55516" class="viewButtonTxt"></span>
2282                        <span class="caret"></span>
2283                    </button>
2284                    <ul class="dropdown-menu allow-focus dropdown-menu-right" role="menu" aria-labelledby="calViewsBtn">
2285                                                                        <li>
2286                                                                            <a href="#" class="calChangeMonthView" data-view="dayGridMonth" role="menuitem">Month</a>
2287                                                                        </li>
2288                                                                        <li>
2289                                                                            <a href="#" id="calChangeWeekView" data-view="timeGridWeek" role="menuitem">Week</a>
2290                                                                        </li>
2291                                                                        <li>
2292                                                                            <a href="#" id="calChangeDayView" data-view="timeGridDay" role="menuitem">Day</a>
2293                                                                        </li>
2294                                                                        <li>
2295                                                                            <a href="#" id="calChangeListViewThirty" data-view="listThirty" role="menuitem">List</a>
2296                                                                        </li>
2297                    </ul>
2298                </div>
2299            </div>
2300            <div class="cs-cal-header-center">
2301                <h2 id="CalendarTitle_a59cf817fcd74a68a6c0b0fccbf55516" class="cal-header-title text-center">[date]</h2>
2302            </div>
2303            <div style="clear: both;"></div>
2304        </div>
2305        <div id='calendar_a59cf817fcd74a68a6c0b0fccbf55516'></div>
2306    </div>
2307    
2308
2309    
2309<script>
2310
2311    (function($) {
2312
2313        var authenticatedUser = false;
2314        var showWeekends = true;
2315        var views = 'dayGridMonth,timeGridWeek,timeGridDay,listThirty';
2316        var widgetId = 'a59cf817fcd74a68a6c0b0fccbf55516';
2317        var defaultView = 'dayGridMonth';
2318        var printView = false;
2319        var today = new Date();
2320        var dd = today.getDate();
2321        var mm = today.getMonth() + 1; //January is 0!
2322        var yyyy = today.getFullYear();
2323        var widgetTimeFormat = 'H(:mm)'; //24hrs vs 12hrs format
2324        var type = '1';
2325
2326        if (dd < 10) {
2327            dd = '0' + dd;
2328        }
2329
2330        if (mm < 10) {
2331            mm = '0' + mm;
2332        }
2333
2334        today = yyyy + '-' + mm + '-' + dd;
2335
2336        window.reloadCalendarEvents = function () {
2337            $(".fc").each(function () {
2338                $(this).fullCalendar('refetchEvents');
2339            })
2340        }
2341        
2342
2343        $(document).ready(function() {
2344
2345            if(printView)
2346                $("#calendar_" + widgetId).css("width", "775");
2347
2348            var calendar_a59cf817fcd74a68a6c0b0fccbf55516 = new FullCalendar.Calendar(document.getElementById('calendar_a59cf817fcd74a68a6c0b0fccbf55516'), {
2349                themeSystem: 'bootstrap',
2350                headerToolbar: false,
2351                views: {
2352                    listThirty: {
2353                        type: 'listWeek',
2354                        duration: { days: 30 }
2355                    }
2356                },
2357aspectRatio: 1.1,dayMaxEvents: true,                initialDate: today,
2358                initialView: defaultView,
2359                editable: false,
2360                weekNumbers: false,
2361                weekends: showWeekends,
2362                firstDay: Number(0),
2363                eventBorderColor: "#00000000",
2364                
2365                moreLinkClick: function (info) {
2366                    $("#viewButtonTxt_" + widgetId).text("Day");
2367                    return "day";
2368                },
2369                events: {
2370                    url: '/sys/widgets/calendar/events',
2371                    startParam: "from",
2372                    endParam: "to",
2373                    extraParams: {
2374                        widgetId: widgetId,
2375                        type: type
2376                    },
2377                    borderColor: "#00000000"
2378                },
2379                eventDataTransform: function (eventData) {
2380                    if (typeof eventData.url == 'undefined' || eventData.url == null)
2381                        eventData.url = "#";
2382
2383                    // Note: End date is 'exclusive'. If all day event (no time), increment end date by one day.
2384                    if (eventData.allDay) {
2385                        var endDateMoment = FullCalendar.Moment.toMoment(eventData.end, calendar_a59cf817fcd74a68a6c0b0fccbf55516);
2386                        var newDate = endDateMoment.add(1, 'days').format("YYYY[-]MM[-]DD");
2387                        eventData.end = newDate;
2388                    }
2389                },
2390                eventDidMount: function (info) {
2391                    filterEvent(info.event, info.view);
2392                    setEventColor(info);
2393                    initEventDetailsTooltip(info.event, info.el, calendar_a59cf817fcd74a68a6c0b0fccbf55516);
2394
2395                    var $dot = $(info.el).find(".fc-list-event-dot");
2396                    if($dot)
2397                        $dot.hide();
2398                },
2399                eventClick: function(info) {
2400                    info.jsEvent.preventDefault();
2401                    showEventModal(info.event, calendar_a59cf817fcd74a68a6c0b0fccbf55516);
2402                },
2403                eventMouseEnter: function(info){
2404
2405                },
2406                viewDidMount: function(info){
2407                    setCustomViewRendering();
2408
2409                    $(".fc-list-event-dot").each(function(item) {
2410                        $(this).hide();
2411                    });
2412                },
2413                loading: function(isLoading){
2414                    if(!isLoading){
2415                        $(".fc-list-event-dot").each(function(item) {
2416                            $(this).hide();
2417                        });
2418                    }
2419                }
2420            });
2421
2422            calendar_a59cf817fcd74a68a6c0b0fccbf55516.render();
2423
2424            // handle size issue when calendar is hidden in panel app
2425            $("#calendar_" + widgetId).closest("[id^=panel]").onClassChange(function (el, newClass) {
2426                calendar_a59cf817fcd74a68a6c0b0fccbf55516.updateSize();
2427            });
2428
2429            $.get("/sys/calendar/security/canaddevents",
2430                function (result) {
2431                    authenticatedUser = result.isAuthenticated;
2432
2433                    if (printView) {
2434                        printViewSetup();
2435                    } else {
2436                        if (result.isAuthorized) {
2437                            showAddEventsButton();
2438                        }
2439                    }
2440                });
2441
2442
2443            //custom header setup
2444            updateCalendarTitle(calendar_a59cf817fcd74a68a6c0b0fccbf55516.view.title);
2445
2446            $('#prev_' + widgetId).on('click', function () {
2447                calendar_a59cf817fcd74a68a6c0b0fccbf55516.prev();
2448                updateCalendarTitle(calendar_a59cf817fcd74a68a6c0b0fccbf55516.view.title);
2449            });
2450
2451            $('#next_' + widgetId).on('click', function () {
2452                calendar_a59cf817fcd74a68a6c0b0fccbf55516.next();
2453                updateCalendarTitle(calendar_a59cf817fcd74a68a6c0b0fccbf55516.view.title);
2454            });
2455
2456            $('#calPrint_' + widgetId).on('click', function () {
2457                if (printView) {
2458                    window.print();
2459                } else {
2460                    window.open('/sys/content/calendar/print/' + type + '/a59cf817fcd74a68a6c0b0fccbf55516', '_blank')
2461                }
2462            });
2463
2464            $("#ViewSelector_" + widgetId + " ul li a").on('click', function () {
2465                var view = $(this).data("view");
2466                calendar_a59cf817fcd74a68a6c0b0fccbf55516.changeView(view);
2467
2468                $("#viewButtonTxt_" + widgetId).text($(this).text());
2469                updateCalendarTitle(calendar_a59cf817fcd74a68a6c0b0fccbf55516.view.title);
2470                return false;
2471            });
2472
2473            $('#GroupSelector_' + widgetId).on('change', function () {
2474                var events = calendar_a59cf817fcd74a68a6c0b0fccbf55516.getEvents();
2475
2476                for (var i = 0; i < events.length; i++) {
2477                    filterEvent(events[i], null);
2478                }
2479                calendar_a59cf817fcd74a68a6c0b0fccbf55516.render();
2480            });
2481
2482            if (defaultView == "listCustom")
2483                defaultView = "List";
2484
2485            $('#viewButtonTxt_' + widgetId).html("Month");
2486        });
2487
2488
2489        function setEventColor(thisObj) {
2490            var $thisEvent = $(thisObj.el);
2491            var classes = $thisEvent.attr("class").split(" ");
2492            var colorClass = "";
2493
2494            for (var i = 0; i < classes.length; i++) {
2495                if (classes[i].slice(0, 3) != "fc-") {
2496                    colorClass = classes[i];
2497                    break;
2498                }
2499            }
2500
2501            if (colorClass.length > 0) {
2502                $thisEvent.find(".fc-event-main-frame").each(function () {
2503                    $(this).addClass(colorClass);
2504                });
2505            }
2506            else {
2507                $thisEvent.css("border-color", "#3a87ad");
2508            }
2509
2510            if(printView){
2511                $thisEvent.css("border-color", "#000000");
2512                $thisEvent.css("background-color", "#ffffff");
2513                $thisEvent.css("color", "#000000");
2514                $thisEvent.find(".fc-event-main-frame").css("background-color", "#ffffff");
2515                $thisEvent.find(".fc-event-main-frame").css("color", "#000000");
2516            }
2517        }
2518
2519        function filterEvent(event, view) {
2520            var showEvent = false;
2521            var groupIds = event.extendedProps.EventGroups;
2522            $("input[name=selectedEventGroup_" + widgetId + "]:checked").each(function () {
2523                var result = false;
2524                var index = 0
2525                while (index < groupIds.length) {
2526                    result = this.value == groupIds[index].EventGroupId;
2527                    if (result == true)
2528                        break;
2529                    index++;
2530                }
2531                showEvent = showEvent || result;
2532            });
2533
2534            if(showEvent){
2535                if(view){
2536                    if(view.type == "listThirty")
2537                        event.setProp("display", "auto");
2538                    else
2539                        event.setProp("display", "block");
2540                }
2541                else
2542                    event.setProp("display", "block");
2543            }
2544            else
2545                event.setProp("display", "none");
2546        }
2547
2548        function setCustomViewRendering() {
2549            var $gridAxis = $(".fc-timegrid-axis-frame").first();
2550
2551            //<th> requires text for ADA compliance
2552            $gridAxis.css("visibility", "hidden");
2553            $gridAxis.text("Time");
2554        }
2555
2556        function updateCalendarTitle(title) {
2557            $("#CalendarTitle_" + widgetId).html(title);
2558        }
2559
2560        function initEventDetailsTooltip(event, thisObj, calendar) {
2561
2562            var allDayHeader = "";
2563            var startDate = "";
2564            var endDate = "";
2565            var startMoment = "";
2566            var endMoment = "";
2567            if (event.start != null) {
2568                startMoment = FullCalendar.Moment.toMoment(event.start, calendar);
2569                startDate = event.allDay ? startMoment.format("MMM D") : startMoment.format("MMM D h:mm a");
2570            }
2571            if (event.end != null) {
2572                endMoment = FullCalendar.Moment.toMoment(event.end, calendar);
2573                if (event.allDay && event.start < event.end) {
2574                    event.end = endMoment.add(-1, 'days');
2575                }
2576                endDate =  event.allDay ? endMoment.format("MMM D") : endMoment.format("MMM D h:mm a");
2577            }
2578            if (event.allDay) {
2579                allDayHeader = "<div style='text-align: center;'><b>All Day</b></div>";
2580            }
2581
2582            var location = "";
2583            if (event.location) {
2584                location = "<p>" + event.location + "</p>";
2585            }
2586
2587            var phone = "";
2588            if (event.phone && event.showPhoneNumber) {
2589                phone = "<p>" + event.phone + "</p>";
2590            }
2591
2592            var organizerName = "";
2593            if (event.organizer && event.showOrganizerName) {
2594                organizerName = "<p>" + event.organizer + "</p>";
2595            }
2596
2597            var desc = "";
2598            if (event.description) {
2599                desc = event.summary;
2600            }
2601
2602            var endText = "";
2603            if (endDate != "") {
2604                endText = " - " + endDate;
2605            }
2606
2607            var display = allDayHeader +
2608                "<div style='text-align: left;'><p><b>" +
2609                event.title +
2610                "</b></p><p>" +
2611                startDate +
2612                endText
2613                "</p><p>" +
2614                decodeURI(desc) +
2615                "</p>" +
2616                location +
2617                organizerName +
2618                phone +
2619                "</div>";
2620
2621            $(thisObj).tooltip({
2622                title: display,
2623                html: true,
2624                container: 'body'
2625            });
2626        }
2627
2628        function showAddEventsButton() {
2629            //hide if in b/n/a
2630            if ($('#CalendarHeaderRight_' + widgetId).parents('.csc-console-host').length == 0) {
2631                $('#CalendarHeaderRight_' + widgetId).prepend('<button type="button" id="CalendarAddButton_' + widgetId + '" class="cs-cal-add-btn btn btn-default ">Add</button>');
2632
2633                $('#CalendarAddButton_' + widgetId).on('click', function () {
2634                    showAddEventModal();
2635                });
2636            }
2637        }
2638
2639
2640        var showEventModal = function (event, calendar) {
2641            var id = event.id;
2642            var start = event.start;
2643            var end = event.end;
2644
2645            if (end == null) {
2646                end = start;
2647            }
2648            startMoment = FullCalendar.Moment.toMoment(start, calendar);
2649            endMoment = FullCalendar.Moment.toMoment(end, calendar);
2650
2651            // Undo day increment for all day events
2652            if (event.allDay) {
2653                endMoment.add(-1, "days");
2654            }
2655
2656            $.dialog("/sys/calendar/event/modal", { id: id, start: startMoment.format("L LT"), end: endMoment.format("L LT")});
2657        }
2658
2659        var showAddEventModal = function () {
2660            $.console("calendar", "/sys/console/calendar/event/create");
2661        }
2662
2663        var printViewSetup = function () {
2664            $(".cal-btn-print").css("background-color", "#5cb85c");
2665            $(".fc-add-button, .cal-btn-ical").css("display", "none");
2666            $(".cs-cal-header").css("width", "775");
2667            $(".cs-calendar-widget").css("max-width", "fit-content");
2668            $(".cs-calendar-widget").css("margin-left", "auto");
2669            $(".cs-calendar-widget").css("margin-right", "auto");
2670        }
2671
2672        $(".checkbox-menu").on("change", "input[type='checkbox']", function () {
2673            $(this).closest("li").toggleClass("active", this.checked);
2674        });
2675
2676   })(jQuery);
2677    </script>
2677
2678
2679<style>
2680    .eventError{
2681        border-color: red;
2682        border-width: 1px;
2683        border-style: solid;
2684    }
2685
2686    .cs-cal-header{
2687        padding-bottom: 15px;
2688        text-align: center;
2689    }
2690
2691    .cs-cal-header-left{
2692        float: left;
2693    }
2694
2695    .cs-cal-header-center {
2696        display: inline-block;
2697    }
2698
2699    .cs-cal-header-center h2{
2700        margin: 0;
2701    }
2702
2703    .cs-cal-header-right {
2704        float: right;
2705    }
2706
2707    .groupSelector {
2708        float: left;
2709    }
2710
2711    .viewSelector {
2712        display: inline-block;
2713    }
2714
2715    .groupSelector button, .cal-btn-prev {
2716        margin-right: 10px;
2717    }
2718
2719    .viewSelector button, .cal-btn-print, .cal-btn-ical {
2720        margin-left: 10px;
2721    }
2722
2723    .cs-calButton > ul {
2724        top: 33px;
2725    }
2726
2727    .cs-calButton > ul > li > a > i {
2728        padding: 8px;
2729    }
2730
2731    #calendar_ a59cf817fcd74a68a6c0b0fccbf55516 {
2732        max-width: 900px;
2733        margin: 0 auto;
2734    }
2735
2736    .checkbox-menu li label {
2737        display: block;
2738        padding: 3px 10px;
2739        clear: both;
2740        font-weight: normal;
2741        white-space: nowrap;
2742        margin: 0;
2743    }
2744
2745    .checkbox-menu li input {
2746        margin: 0px 5px;
2747        top: 2px;
2748        position: relative;
2749    }
2750
2751    .checkbox-menu li label:hover,
2752    .checkbox-menu li label:focus {
2753        color: #262626;
2754        background-color: #f5f5f5;
2755    }
2756
2757    .checkbox-menu li.active label:hover,
2758    .checkbox-menu li.active label:focus {
2759        background-color: #b8b8ff;
2760    }
2761
2762    .fc-event { 
2763        border-color: transparent; 
2764    }
2765
2766    .fc-h-event .fc-time {
2767        overflow: unset;
2768    }
2769
2770    @media print {
2771        .cal-btn-print, .fc-add-button, .cal-btn-ical, .cs-cal-header-left, .cs-calButton, .cs-calendar-search-link {
2772            display: none !important;
2773        }
2774    }
2775</style>
2776
2777 
2778        </div>
2779    </div>
2780
2781
2782</div>
2783        </div>
2784    </div>
2785</div>
2786
2787        </div>
2788    </div>
2789
2790
2791</div>
2792        </div>
2793    </div>
2794</div>
2795        </div>
2796    </div>
2797
2798
2799</div></div>
2800            </div>
2801        </div>
2802    </div>
2803</div>
2804
2805<footer class="cs-footer">
2806    <div class="cs-footer-content">
2807        <div class=" content-zone csc-content-zone" name="footer">
2808    
2809
2810
2811    <div class="content-node csc-content-node cs-graystripe" style="padding-top:0;padding-bottom:0;">
2812        <div class="content-widget csc-content-widget container" style="">
2813            
2814<div class="content-layout">
2815    <div class="row content-cell-group">
2816        <div class="col-sm-12">
2817            <div class=" content-zone csc-content-zone" name="cell-1">
2818
2819</div>
2820        </div>
2821    </div>
2822</div>
2823
2824        </div>
2825    </div>
2826
2827    
2828
2829
2830    <div class="content-node csc-content-node" style="padding-top:15px;padding-right:None;padding-bottom:15px;padding-left:None;border-width:None;border-style:None;border-color:#000000;border-radius:None;">
2831        <div class="content-widget csc-content-widget container" style="">
2832            <div class="cs-html-widget">
2833    <p style="text-align:center;"><span style="color:#ffffff;font-family:Roboto, Arial, 'Helvetica Neue', Helvetica, sans-serif;text-align:center;">The Franklin County School District does not discriminate on the basis of race, color, national origin, sex, disability, age or any other classification protected by law in its education programs, activities or employment practices. The following person has been designated to handle inquiries or reports regarding the nondiscrimination policies:
2834</span></p><p style="text-align:center;"><span style="color:#ffffff;font-family:Roboto, Arial, 'Helvetica Neue', Helvetica, sans-serif;text-align:center;">Franklin County School District
2835<br>Title IX Coordinator
2836<br>41 First Street, Meadville MS 39653
2837<br>601-384-2340 
2838
2839</span></p><p style="text-align:center;"><span style="color:#ffffff;font-family:Roboto, Arial, 'Helvetica Neue', Helvetica, sans-serif;text-align:center;">504 Coordinator
2840<br>
2840Sarah Stebbins
2841<br>340 Edison Street South, Meadville, MS 39653
2842<br></span><span style="color:#ffffff;font-family:Roboto, Arial, 'Helvetica Neue', Helvetica, sans-serif;text-align:center;"><a href="mailto:[email protected]"><span style="color:#ffffff;">[email protected]</span></a>
2843</span><span style="color:#ffffff;font-family:Roboto, Arial, 'Helvetica Neue', Helvetica, sans-serif;text-align:center;"><br>601-384-2133
2844</span></p>
2845</div>
2846        </div>
2847    </div>
2848
2849    
2850
2851
2852    <div class="content-node csc-content-node" style="padding-top:15px;padding-bottom:15px;">
2853        <div class="content-widget csc-content-widget container" style="">
2854            
2855<div class="content-layout">
2856    <div class="row content-cell-group">
2857        <div class="col-sm-4">
2858            <div class=" content-zone csc-content-zone" name="cell-1">
2859    
2860
2861
2862    <div class="content-node csc-content-node" style="padding-top:15px;padding-bottom:15px;">
2863        <div class="content-widget csc-content-widget csc-force-center" style="">
2864            <googletranslate> 
2865
2866<div id='google_translate_element'></div>
2867<script>
2868        function googleTranslateElementInit()
2869        {
2870            new google.translate.TranslateElement({
2871                pageLanguage: 'en',
2872                includedLanguages: 'ar,hy,bg,zh-CN,zh-TW,hr,cs,da,nl,fil,fi,fr,de,el,haw,he,hi,hu,is,id,ga,it,ja,kk,ko,la,mi,my,no,fa,pl,pt,ro,ru,sr,sl,so,es,sv,th,tr,uk,ur,vi,cy,yi',
2873                autoDisplay: false,
2874                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
2875            }, 'google_translate_element');
2876
2877            function changeGoogleStyles() {
2878                if($('.goog-te-menu-frame').contents().find('.goog-te-menu2').length) {
2879                    $('.goog-te-menu-frame').contents().find('.goog-te-menu2').css({
2880                        'max-width':'100%',
2881                        'overflow-x':'auto',
2882                        'box-sizing':'border-box',
2883                        'height':'auto'
2884                    });
2885                } else {
2886                    setTimeout(changeGoogleStyles, 50);
2887                }
2888                $('.goog-te-gadget-simple > span > a > span').first().css('color', 'black' );
2889                $('.goog-te-gadget-simple > span > a > span').first().css('background-color', 'white' );
2890            }
2891            function customGoogleTranslateBehaviour() {
2892                $('.goog-te-gadget-simple').on('click', function(e) {
2893                    e.preventDefault();
2894                });
2895                $('#goog-gt-votingHiddenPane').empty();
2896            }
2897            changeGoogleStyles();
2898            customGoogleTranslateBehaviour();
2899        }
2900</script>
vendor: 2 bytes, line 2900
2900
2901<script src='//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'></script>
2901
2902</googletranslate>
2903<style>
2904    .goog-te-banner-frame.skiptranslate {
2905        display: none !important;
2906    }
2907
2908    .goog-te-menu-frame {
2909        max-width: 100% !important;
2910    }
2911
2912    .goog-te-menu2 {
2913        max-width: 100% !important;
2914        overflow-x: scroll !important;
2915        box-sizing: border-box !important;
2916        height: auto !important;
2917    }
2918</style>
2919        </div>
2920    </div>
2921
2922
2923</div>
2924        </div>
2925        <div class="col-sm-4">
2926            <div class=" content-zone csc-content-zone" name="cell-2">
2927    
2928
2929
2930    <div class="content-node csc-content-node" style="padding-top:15px;padding-right:None;padding-bottom:15px;padding-left:None;border-width:None;border-style:None;border-color:#000000;border-radius:None;">
2931        <div class="content-widget csc-content-widget csc-force-center" style="">
2932            
2933
2934    <div class="cs-image-widget">
2935        <a href="https://www.schoolinsites.com/" target="_blank"><img src="https://content.schoolinsites.com/api/documents/1536a33f166240af9c3ef504396bff37.png" class="img-responsive" alt="SCHOOLinSITES " title="SCHOOLinSITES " style="border-radius: 0px;max-width: 100%;max-height: auto" /></a>
2936    </div>
2937
2938        </div>
2939    </div>
2940
2941
2942</div>
2943        </div>
2944        <div class="col-sm-4">
2945            <div class=" content-zone csc-content-zone" name="cell-3">
2946    
2947
2948
2949    <div class="content-node csc-content-node" style="padding-top:15px;padding-bottom:15px;">
2950        <div class="content-widget csc-content-widget csc-force-center" style="">
2951            
2952<div class="search-field search-field-lucene  " data-module="widgets/search">
2953    <label for="q" class="hidden-sc">Search</label>
2954    <input id="q" type="text" name="searchInput" placeholder="Search" />
2955    <i name="searchGo" class="fa fa-search"></i>
2956</div>
2957
2958        </div>
2959    </div>
2960
2961
2962</div>
2963        </div>
2964    </div>
2965</div>
2966
2967        </div>
2968    </div>
2969
2970
2971</div>
2972    </div>
2973    <div class="cs-footer-info">
2974        <div class="copyright">Copyright &copy; 2026 Franklin County School District MS
2975</div>
2976    </div>
2977</footer>    </div>
2978
2979
2980
2981
2982
2983
2984
2985
2986<script>
2987    $(document).ready(function () {
2988    });
2989</script>
2989
2990
2991
2992
2993    
2994
2995    
2996        
2996<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous">
2997        </script>
vendor: 2 bytes, line 2997
2997
2998<script>(window.jQuery.fn.modal||document.write("\u003Cscript src=\u0022/lib/bootstrap/dist/js/bootstrap.min.js\u0022 crossorigin=\u0022anonymous\u0022\u003E\u003C/script\u003E"));</script>
2998
2999    
3000
3001    
3001<script src="/js/site.js?v=SkBRGN1zKlr7I0XLYBhUxqVMJLRNhIC9PVzm86RqF18"></script>
3001
3002
3003    <!-- MVC View Scripts-->
3004    
3005    
3005<script src="/js/jquery-ui/jquery-ui-1.13.2.min.js"></script>
3005
3006    
3006<script src="/js/jquery-ui/jquery.ui.touch-punch.js"></script>
3006
3007    
3007<script src="/js/content.js?v=RFt2nsbRsk7ODh7fPKmVZRIRORp7F8xv1QG4MWVMed8"></script>
3007
3008
3009
3010    
3011
3012
3013
3014    <!-- Site Components: Render after MVC View Scripts -->
3015    
3015<script src="/js/dialog.js?v=U7x_P-RGJm34ojdh0-PjAyhUrO4K1c6FUIthBHbRHag"></script>
3015
3016    
3016<script src="/js/toolbar.js?v=yA54fWzDkZnO2v4n0iJHqYZSPjpMOvJUc9HZIYnmthA"></script>
3016
3017    
3017<script src="/js/siteform.js?v=OIo5tXKXkmF1uzC1k8prQNvijeHmO47G-G1lL8Jr2pI"></script>
3017
3018
3019    <!-- Require Js -->
3020    
3020<script src="/lib/requirejs/require.js" data-main="/js/app001"></script>
3020
3021
3022</body>
3023</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.