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> 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's Message</a></li> 374 <li><a class="cs-link cs-item-title" href="https://msrc.mdek12.org/entity?EntityID=1900-000&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&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 & 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' 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&client_id=4c63c1cf623dce82caac&confirmed=true&district_id=5f3c55bc00626b000124c004&redirect_uri=https%3A%2F%2Fclever.com%2Fin%2Fauth_callback&response_type=code&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'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 & 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'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"> </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&x=4&y=231&width=5180&height=2743&aratio=NaN&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'>× </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&x=20&y=64&width=358&height=226&aratio=NaN&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&x=20&y=64&width=358&height=226&aratio=NaN&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 © 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.