<!doctype html>
<html>
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-45216310-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-45216310-1');
</script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Memphis Shelby County Schools</title>
<!-- ANGULARJS -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.11/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.11/angular-animate.min.js" integrity="sha512-dlrwHsAkyyqS02613auj/QXOpOLOAQCF8kTjQNoeqRSpAarJGafc4sHLlXTf2ANsYggJnl6ZAKwmncXGc1Eusw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.11/angular-route.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.11/angular-sanitize.js"></script>
<!--<script type="text/javascript" src="./app/22.js"></script>-->
<!--<script type="text/javascript" src="./app/23b.js"></script>-->
<!-- <script type="text/javascript" src="./app/23b.js"></script> -->
<script type="text/javascript" src="./app/25.js"></script>
<!-- <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script> -->
<!-- END ANGULARJS -->
<!-- FONT AWESOME -->
<!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> -->
<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" /> -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- END FONT AWESOME -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
<link href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.3.3/css/swiper.css" rel="stylesheet" crossorigin="anonymous">
<link href="/css/25.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdn.plyr.io/3.6.12/plyr.css" />
<style>
#MSCSHP-videoplayer {
width: 100%;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
border-radius: 8px;
}
button.hp-video-btns {
background: none;
color: #FFF;
border: none;
font-size: 2em;
}
.hp-video-controls-container {
display:block;
text-align:center;
font-size:150%;
width:100%;
height:10%;
margin:3em auto;
bottom:0;
left:0;
position:absolute;
}
#HP_YT_Video {
display: none;
}
#HP_YT_Video.embed {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
}
#HP_YT_Video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
// Disable ability to click video to pause if used as a background
}
#ytplayer {
/* pointer-events: none; */
}
h3.slider-intro-text.aos-init {
margin-top: 1.5em;
}
.temp-rotate {
margin-top: 1em;
margin-left: 10%;
width: 50%;
transform: rotate(355deg);
box-shadow: 0.25em 0.25em 1em #616161;
}
button#readEnglish {
background: #3F51B5;
border: none;
display: block;
color: #FFF;
width: 100%;
padding: 0.25em;
transition: .2s;
margin: 0 auto 2% auto;
width: 90%;
border-radius: 1em;
}
button#readEnglish:hover {
background: #333;
}
div#hpPopupModal p {
font-size: 1.2em;
}
#schoolchoice {
background: #dddddd;
margin: 2% 0;
}
#schoolchoice h2 {
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
#schoolchoice .img-fluid {
max-width: 60%;
height: auto;
border-radius: 50%;
/* border: 2px solid #007bff; */
}
#schoolchoice .btn-primary {
background-color: #007bff;
border: none;
transition: background-color 0.3s;
}
#schoolchoice .btn-primary:hover {
background-color: #0056b3;
}
#schoolchoice .btn-primary:hover {
background-color: #0056b3;
transform: scale(1.05);
transition: all 0.3s ease-in-out;
}
</style>
</head>
<body onload="checkCookie()" lang="en">
<div id="content" class="animate fadeInDown">
<div ng-app="scsApp" ng-controller="searchCTRL">
<!-- HEADER SECTION -->
<div class="">
<div class="promo-container">
<div class="containerD">
</div>
</div>
<div class="nav-bar-locked-on-scroll-bg"></div>
<link rel="stylesheet" href="../css/25translate.css" />
<!-- Flag Icons CSS -->
<link href="https://cdn.jsdelivr.net/npm/flag-icon-css@4.1.7/css/flag-icons.min.css" rel="stylesheet">
<div class="floating-translator">
<button class="translate-toggle" aria-label="Translate">
<i class="fas fa-globe-americas"></i>
</button>
<div class="translate-panel">
<div class="panel-header">Select Language</div>
<button class="ctw-btn active" data-lang="en">
<span class="flag-icon flag-icon-us"></span> English
</button>
<button class="ctw-btn" data-lang="es">
<span class="flag-icon flag-icon-es"></span> Español
</button>
<button class="ctw-btn" data-lang="fr">
<span class="flag-icon flag-icon-fr"></span> Français
</button>
<button class="ctw-btn" data-lang="ar">
<span class="flag-icon flag-icon-sa"></span> العربية
</button>
<button class="ctw-btn" data-lang="vi">
<span class="flag-icon flag-icon-vn"></span> Tiếng Việt
</button>
</div>
</div>
<!-- Google Translate snippet -->
<div id="google_translate_element"></div>
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en'
}, 'google_translate_element');
}
</script>
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<!-- Behavior: set cookie + reload -->
<script>
document.addEventListener('DOMContentLoaded', function() {
const toggle = document.querySelector('.translate-toggle');
const panel = document.querySelector('.translate-panel');
const buttons = document.querySelectorAll('.ctw-btn');
// toggle panel
toggle.addEventListener('click', e => {
e.stopPropagation();
panel.classList.toggle('open');
});
document.addEventListener('click', e => {
if (!panel.contains(e.target) && !toggle.contains(e.target)) {
panel.classList.remove('open');
}
});
// cookie helper
function setCookie(name, value, days) {
let expires = "";
if (days) {
const d = new Date();
d.setTime(d.getTime() + days * 24 * 60 * 60 * 1000);
expires = ";expires=" + d.toUTCString();
}
document.cookie = name + "=" + (value || "") + expires + ";path=/";
}
// attach language buttons
buttons.forEach(btn => {
btn.addEventListener('click', () => {
buttons.forEach(b => b.classList.remove('active'));
btn.classList.add('active');
const lang = btn.getAttribute('data-lang');
setCookie('googtrans', `/en/${lang}`, 365);
window.location.reload();
});
});
});
</script>
<!-- GOOGLE TRANSLATE -->
<!--
<div class="hp-google-translate hptranslate theme22a">
<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: "en,es,fr,ar,vi", layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<script>
$(document).ready(function(){
$('#google_translate_element').bind('DOMNodeInserted', function(event) {
$('.goog-te-menu-value span:first').html('Translate');
$('.goog-te-menu-frame.skiptranslate').load(function(){
setTimeout(function(){
$('.goog-te-menu-frame.skiptranslate').contents().find('.goog-te-menu2-item-selected .text').html('LANGUAGE');
}, 100);
});
});
});
</script>
</div>
-->
<!-- END GOOGLE TRANSLATE -->
<div class="site-header-section">
<div class="hp-top-bar">
<div class="containerD">
<div class="row">
<div class="col-lg-4"></div>
<div class="col-lg-4">
<!-- <div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({ pageLanguage: 'en' }, 'google_translate_element');
}
</script>
<script type="text/javascript"
src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<div class="flag">
<a href="#" class="flag_link eng" data-lang="en">English<img class="img-fluid" src="./img/flag-eng.png" alt=""></a>
<a href="#" class="flag_link taj" data-lang="es">Español<img class="img-fluid" src="./img/flag-taj.png" alt=""></a>
<a href="#" class="flag_link rus" data-lang="ru">RS<img class="img-fluid" src="./img/flag-rus.png" alt=""></a>
</div>
<script>
var flags = document.getElementsByClassName('flag_link');
Array.prototype.forEach.call(flags, function(e){
e.addEventListener('click', function(){
var lang = e.getAttribute('data-lang');
var languageSelect = document.querySelector("select.goog-te-combo");
languageSelect.value = lang;
languageSelect.dispatchEvent(new Event("change"));
});
});
</script> -->
<!-- AOS -->
<link rel="stylesheet" type="text/css" href="https://unpkg.com/aos@2.3.0/dist/aos.css">
<!-- END AOS -->
</div>
<div class="col-lg-4">
<!-- <div class="hp-social-btns">
<a href=""><i class="fa-brands fa-facebook"></i></a>
<a href=""><i class="fa-brands fa-twitter"></i></a>
<a href=""><i class="fa-brands fa-instagram"></i></a>
<a href=""><i class="fa-brands fa-youtube"></i></a>
</div> -->
</div>
</div>
</div>
</div>
</div>
<!-- END HEADER SECTION -->
<style type="text/css">
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
opacity: 1;
transform: translateY(0);
}
}
.dropdown-menu.hp-dropdown-menu-style.show, .dropdown-menu.shadow.hp-dropdown-menu-style.show {
animation: fadeIn 0.5s ease-out;
}
</style>
<!-- SEARCH APP -->
<!-- <div ng-app="scsApp" ng-controller="searchCTRL"> -->
<div class="hp-navbar-section theme22 shadow-sm">
<span class="hp-social-btns">
<a href="https://www.facebook.com/MSCSK12" target="_blank"><i class="fa-brands fa-facebook"></i></a>
<a href="https://twitter.com/MSCSK12" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
<a href="https://www.instagram.com/mscsk12/" target="_blank"><i class="fa-brands fa-instagram"></i></a>
<a href="https://www.youtube.com/user/SCSK12Unified" target="_blank"><i class="fa-brands fa-youtube"></i></a>
<a href="https://www.linkedin.com/company/memphis-shelby-county-schools" target="_blank"><i class="fa-brands fa-linkedin"></i></a>
<!-- <a href="#" target="_blank"><i class="fa-brands fa-tiktok"></i></a> -->
</span>
<div class="container hp-nav-container">
<nav class="navbar navbar-expand-xl navbar-dark">
<div class="container-fluid">
<!-- <a class="navbar-brand" href="#">Bootstrap <span class="badge bg-primary">v5.2.0-beta1</span></a> -->
<!-- <button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-content">
<div class="hamburger-toggle">
<div class="hamburger">
<span></span>
<span></span>
<span></span>
</div>#collapsearch22panel
</div>
</button> -->
<div class="collapse navbar-collapse" id="navbar-content">
<a href="/" style="text-decoration: none;" class="navbar-brand SCS-logo-focus" id="SCS-logo-focus">
<img id="SCSlogoRound" src="/img/2022/MSCS website logo 10922.png" class="SCS-logo-round marg-r4" alt="Memphis-Shelby County Schools Logo">
</a>
<ul class="navbar-nav mr-auto mb-2 mb-lg-1 hp-top-navbar">
<li class="nav-item hp-nav-hover-effect">
<a class="nav-link active" aria-current="page" href="/"><i class="fa-solid fa-house"></i></a>
</li>
<!-- <li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Home
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="/">Old Homepage</a></li>
</ul>
</li> -->
<li class="nav-item hp-nav-hover-effect dropdown dropdown-mega position-static">
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown" data-bs-auto-close="outside">About</a>
<div class="dropdown-menu hp-dropdown-menu-style">
<div class="mega-content px-4 mega-submenu-style hp-board-menu-nav-section">
<div class="container-fluid">
<div class="row">
<div class="col-12 col-sm-4 col-md-4 py-4 gx-4">
<h5>Our Mission & Vision</h5>
<a class="list-group-item" href="/about" target="_blank"><img src="/img/2022/22/hp-menu-mission-vision.png" alt="MSCS School Board Members" class="margin-bottom-soft"></a>
<div class="nav22-about-box">
<p><strong class="gold-text">MISSION</strong><br />
Preparing all students for success in learning, leadership, and life.</p>
<p>
<strong class="gold-text">VISION</strong><br />
Our District will be the premier school district attracting a diverse student population and effective teachers, leaders, and staff all committed to excellence.</p>
</div>
<br>
<div class="list-group">
<a class="list-group-item" href="/about" target="_blank">About Us <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
</div>
</div>
<div class="col-12 col-sm-4 col-md-4 py-4 gx-4">
<h5>Board of Education</h5>
<a class="list-group-item" href="/board/index?PN=44" target="_blank"><img src="/img/2022/22/hp-board-menu-pic.png" alt="MSCS School Board Members"></a>
<div class="list-group">
<a class="list-group-item" href="/board" target="_blank">School Board <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="/board/index?PN=44" target="_blank">Board Members <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="http://www.boarddocs.com/tn/scsk12/Board.nsf/Public" target="_blank">Board Meeting Documents <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://livestream.com/accounts/25133520/events/9076172" target="_blank">Board Meeting Broadcast <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="/policy?PID=659">Board Policy <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://voiceofmscs.com/" target="_blank">The Voice of MSCS/88.5FM/C19TV <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="/board/audio.php?PID=1610" target="_blank">Board Meeting Audio <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="/policy">Office of Governmental Affairs & Compliance <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
</div>
</div>
<div class="col-12 col-sm-4 col-md-4 py-4 gx-4">
<h5>Superintendent</h5>
<!-- <a class="list-group-item" href="/superintendent" target="_blank"><img src="/feagins/imgs/Feagins_headshotgrey.png" alt="Superintendent " class="margin-bottom-soft"></a> -->
<div class="nav22-supbox" style="display:none;">
</div>
<div class="list-group">
<a class="list-group-item" href="/superintendent" target="_blank">Superintendent <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="http://www.scsk12.org/seniorleaders" target="_blank">Senior Leadership <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<!-- <a class="list-group-item" href="http://www.scsk12.org/seniorleaders/files/24/Org%20Chart.pdf" target="_blank">Org Chart <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a> -->
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item hp-nav-hover-effect dropdown dropdown-mega position-static">
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown" data-bs-auto-close="outside">Schools</a>
<div class="dropdown-menu shadow hp-dropdown-menu-style">
<div class="mega-content px-4">
<div class="container-fluid">
<div class="row">
<div class="col-12 col-sm-12 col-md-3 py-2">
<h5>Elementary</h5>
<div class="row">
<div class="col-md-12 col-sm-12">
<a class="list-group-item" href="https://schools.scsk12.org/abhill-es" target="_blank">A. B. Hill Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/alcy-es" target="_blank">Alcy Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="http://aspirepublicschools.org/" target="_blank">Aspire East Academy <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/balmoralridgeway-es" target="_blank">Balmoral-Ridgeway Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/barretschapel-k8" target="_blank">Barret's Chapel School <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/belleforest-es" target="_blank">Belle Forest Community School <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/berclair-es" target="_blank">Berclair Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/bethelgrove-es" target="_blank">Bethel Grove Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/brownsvilleroad-es" target="_blank">Brownsville Road Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/bruce-es" target="_blank">Bruce Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://tn50000520.schoolwires.net/caldwell-guthrie-k8" target="_blank">Caldwell-Guthrie School <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/cherokee-es" target="_blank">Cherokee Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/chimneyrock-es" target="_blank">Chimneyrock Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/cordova-es" target="_blank">Cordova Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/cromwell-es" target="_blank">Cromwell Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/crump-es" target="_blank">Crump Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/cummings-k8" target="_blank">Cummings School <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/delano-es" target="_blank">Delano Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/dexter-es" target="_blank">Dexter Elementary K-8 <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/doubletree-es" target="_blank">Double Tree Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/douglass-k8" target="_blank">Douglass K-8 <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/downtown-es" target="_blank">Downtown Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/dunbar-es" target="_blank">Dunbar Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/eejeter-k8" target="_blank">E.E. Jeter School <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/egypt-es" target="_blank">Egypt Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/evans-es" target="_blank">Evans Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/fordroad-es" target="_blank">Ford Road Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/foxmeadows-es" target="_blank">Fox Meadows Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/fraysercorning-es" target="_blank">Frayser/Corning Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/gardenview-es" target="_blank">Gardenview Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/geeter-k8" target="_blank">Geeter K-8 School <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://tn50000520.schoolwires.net/georgianhills-es" target="_blank">Georgian Hills Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/germanshire-es" target="_blank">Germanshire Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/germantown-es" target="_blank">Germantown Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/getwell-es" target="_blank">Getwell Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/gordonachievement-k8" target="_blank">Gordon Achievement Academy <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/grahamwood-es" target="_blank">Grahamwood Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/hamilton-k8" target="_blank">Hamilton K-8 <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://tn50000520.schoolwires.net/site/Default.aspx?PageID=335" target="_blank">Hanley K-8 <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/hawkinsmill-es" target="_blank">Hawkins Mill Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/hickoryridge-es" target="_blank">Hickory Ridge Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/highlandoaks-es" target="_blank">Highland Oaks Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/holmesroad-es" target="_blank">Holmes Road Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/idabwells-k8" target="_blank">Ida B. Wells Academy <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/idlewild-es" target="_blank">Idlewild Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/johnpfreeman-k8" target="_blank">J. P. Freeman K-8 <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/jackson-es" target="_blank">Jackson Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/katebond-es" target="_blank">Kate Bond Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/keystone-es" target="_blank">Keystone Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/kingsbury-es" target="_blank">Kingsbury Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/larose-es" target="_blank">LaRose Community School <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/levi-es" target="_blank">Levi Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/lowrance-k8" target="_blank">Lowrance K-8 <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/lucieecampbell-es" target="_blank">Lucie E. Campbell Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/lucy-es" target="_blank">Lucy Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/maconhall-es" target="_blank">Macon-Hall Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/newberry-es" target="_blank">Newberry Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/airwaysachievement-k8" target="_blank">Norris Achievement Academy <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/northaven-es" target="_blank">Northaven Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/oakforest-es" target="_blank">Oak Forest Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/oakhaven-es" target="_blank">Oakhaven Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/oakshire-es" target="_blank">Oakshire Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/parkwayvillage-es" target="_blank">Parkway Village Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/peabody-es" target="_blank">Peabody Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/raleighbartlettmeadows-es" target="_blank">Raleigh-Bartlett Meadows <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/richland-es" target="_blank">Richland Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/ridgewayearlylearning" target="_blank">Ridgeway Early Learning Center <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/riverview-k8" target="_blank">Riverview K-8 <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/riverwood-es" target="_blank">Riverwood Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/robertrchurch-es" target="_blank">Robert R. Church Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/ross-es" target="_blank">Ross Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/rozelle-es" target="_blank">Rozelle Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/scenichills-es" target="_blank">Scenic Hills Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/seaIsle-es" target="_blank">Sea Isle Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/sharpe-es" target="_blank">Sharpe Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/sheffield-es" target="_blank">Sheffield Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/shelbyoaks-es" target="_blank">Shelby Oaks Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/sherwood-es" target="_blank">Sherwood Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/shrineschool" target="_blank">Shrine School <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/snowden-k8" target="_blank">Snowden School <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/southpark-es" target="_blank">South Park Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/southwind-es" target="_blank">Southwind Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/springdalememphis-es" target="_blank">Springdale Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/treadwell-es" target="_blank">Treadwell Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/vollentine-es" target="_blank">Vollentine Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/wellsstation-es" target="_blank">Wells Station Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/westhaven-es" target="_blank">Westhaven Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/westside-es" target="_blank">Westside Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/whitestation-es" target="_blank">White Station Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/whitehaven-es" target="_blank">Whitehaven Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://tn50000520.schoolwires.net/whitney-es" target="_blank">Whitney Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/whbrewster-es" target="_blank">William H. Brewster Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/willowoaks-es" target="_blank">Willow Oaks Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/winchester-es" target="_blank">Winchester Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/winridge-es" target="_blank">Winridge Elementary <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/woodstock-ms" target="_blank">Woodstock Middle School <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
</div>
</div>
</div>
<div class="col-12 col-sm-12 col-md-3 py-2 gx-5">
<h5>Middle</h5>
<a class="list-group-item" href="https://schools.scsk12.org/amaceowalker-ms" target="_blank">A. Maceo Walker Middle <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/americanway-ms" target="_blank">American Way Middle <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/barretschapel-k8" target="_blank">Barret's Chapel School <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/bellevue-ms" target="_blank">Bellevue Middle <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/btwashington-hs" target="_blank">Booker T. Washington Middle & High <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://tn50000520.schoolwires.net/caldwell-guthrie-k8" target="_blank">Caldwell-Guthrie School <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/chickasaw-ms" target="_blank">Chickasaw Middle <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/colonial-ms" target="_blank">Colonial Middle <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/cordova-ms" target="_blank">Cordova Middle <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/craigmont-ms" target="_blank">Craigmont Middle <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/cummings-k8" target="_blank">Cummings School <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/dexter-es" target="_blank">Dexter Elementary K-8 <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/douglass-k8" target="_blank">Douglass K-8 <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/eejeter-k8" target="_blank">E.E. Jeter School <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/geeter-k8" target="_blank">Geeter K-8 School <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/georgianhills-ms" target="_blank">Georgian Hills Middle <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/germantown-ms" target="_blank">Germantown Middle <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/gordonachievement-k8" target="_blank">Gordon Achievement Academy <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/grandviewheights-ms" target="_blank">Grandview Heights Middle <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/hamilton-k8" target="_blank">Hamilton K-8 <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://tn50000520.schoolwires.net/site/Default.aspx?PageID=335" target="_blank">Hanley K-8 <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/havenview-ms" target="_blank">Havenview Middle <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/hickoryridge-ms" target="_blank">Hickory Ridge Middle <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/highlandoaks-ms" target="_blank">Highland Oaks Middle <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/hopeacademy" target="_blank">Hope Academy <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/idabwells-k8" target="_blank">Ida B. Wells Academy <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/johnpfreeman-k8" target="_blank">J. P. Freeman K-8 <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/katebond-ms" target="_blank">Kate Bond Middle <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/kingsbury-ms" target="_blank">Kingsbury Middle <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/lowrance-k8" target="_blank">Lowrance K-8 <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/maxinesmith-ms" target="_blank">Maxine Smith STEAM Academy <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://www.memphisvirtualschool.com" target="_blank">Memphis Virtual School <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/mtpisgah-ms" target="_blank">Mt. Pisgah Early College Middle and High <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/airwaysachievement-k8" target="_blank">Norris Achievement Academy <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/oakhaven-ms" target="_blank">Oakhaven Middle <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/raleighegypt-ms" target="_blank">Raleigh Egypt Middle <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/ridgeway-ms" target="_blank">Ridgeway Middle <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/riverview-k8" target="_blank">Riverview K-8 <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/sherwood-ms" target="_blank">Sherwood Middle <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/snowden-k8" target="_blank">Snowden School <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/treadwell-ms" target="_blank">Treadwell Middle <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/westside-es" target="_blank">Westside Middle School <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/whitestation-ms" target="_blank">White Station Middle <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/woodstock-ms" target="_blank">Woodstock Middle School <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
</div>
<div class="col-12 col-sm-12 col-md-3 py-2">
<h5>High</h5>
<a class="list-group-item" href="https://schools.scsk12.org/avonlenox-hs" target="_blank">Avon Lenox School <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/bolton-hs" target="_blank">Bolton High <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/btwashington-hs" target="_blank">Booker T. Washington Middle & High <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/central-hs" target="_blank">Central High <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/cordova-hs" target="_blank">Cordova High <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/craigmont-hs" target="_blank">Craigmont High <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/frederickdouglass-hs" target="_blank">Douglass High <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/east-hs" target="_blank">East High <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://tn50000520.schoolwires.net/fairley-hs" target="_blank">Fairley High <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/gwcarveracademy" target="_blank">G.W.Carver College and Career Academy <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/germantown-hs" target="_blank">Germantown High <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/hamilton-hs" target="_blank">Hamilton High <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/hollisfprice-hs" target="_blank">Hollis F. Price Middle College High <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/hopeacademy" target="_blank">Hope Academy <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/northwestprepacademy" target="_blank">Invictus Academy <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/kingsbury-ctc" target="_blank">Kingsbury Career & Technology Center <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/kingsbury-hs" target="_blank">Kingsbury High <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/kirby-hs" target="_blank">Kirby High <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/manassas-hs" target="_blank">Manassas High <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/MemphisMDHS" target="_blank">Medical District HS <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/melrose-hs" target="_blank">Melrose High <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://goodwillmemphis.org/excel-center" target="_blank">Memphis Goodwill Excel Center <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://www.memphisvirtualadulths.org" target="_blank">Memphis Virtual ADULT High School <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://www.memphisvirtualschool.com" target="_blank">Memphis Virtual School <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/middlecollege-hs" target="_blank">Middle College High <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/mitchell-hs" target="_blank">Mitchell High <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://tn50000520.schoolwires.net/nic" target="_blank">Newcomer International Center <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/northeastprepacademy" target="_blank">Northeast Prep Academy <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/oakhaven-hs" target="_blank">Oakhaven High <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/overton-hs" target="_blank">Overton High <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/raleighegypt-hs" target="_blank">Raleigh-Egypt High <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/ridgeway-hs" target="_blank">Ridgeway High <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/sheffield-ctc" target="_blank">Sheffield Career & Technology Center <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/sheffield-hs" target="_blank">Sheffield High <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/southwest-ctc" target="_blank">Southwest Career & Technology Center <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/southwind-hs" target="_blank">Southwind High <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/trezevant-ctc" target="_blank">Trezevant Career & Technology Center <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/trezevant-hs" target="_blank">Trezevant High <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/westwood-hs" target="_blank">Westwood High <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/whitestation-hs" target="_blank">White Station High <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/whitehaven-hs" target="_blank">Whitehaven High <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://schools.scsk12.org/wooddale-hs" target="_blank">Wooddale High <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
</div>
<div class="col-12 col-sm-12 col-md-3 py-2 gx-5">
<h5>Related Links</h5>
<ul class="pad-l-0">
<li><a class="list-group-item" class="list-group-item" href="/schools" target="_blank"><i class="fa-solid fa-star color-red"></i> School Directory <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="/alternative" target="_blank">Alternative Schools <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="/calendar" target="_blank">Calendars <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="/ccte" target="_blank">CCTE Programs <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="http://www.scsk12.org/charter/" target="_blank">Charter Schools <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="https://www.memphisvirtualadulths.org/" target="_blank">Memphis Virtual Adult HS <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="https://www.schoolsitelocator.com/apps/shelbycounty/" target="_blank">Find Your School <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="/schools/files/2022/mscs%20schools%2022-23%2042x42.pdf" target="_blank">Full Disrict Map <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="/optional" target="_blank">Optional Schools <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="https://scstn.powerschool.com/public/home.html" target="_blank">PowerSchool <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="/prek" target="_blank">Pre-K <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="/registration" target="_blank">Register for School <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="http://www.scsk12.org/safety/" target="_blank">Safety & Security <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="/backtoschool/files/2022/Bell%20Times%202022-23.pdf" target="_blank">School Bell Times <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="/schoolchoice" target="_blank">School Choice Options <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="/schools" target="_blank">School Directory <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="/exceptional/?PID=995" target="_blank">Special Education <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="/studentaffairs" target="_blank">Student Affairs <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="/accessforall/" target="_blank">Student Device Info <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="http://www.scsk12.org/health/index?PN=489" target="_blank">Student Health Clinics <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="/nutrition/" target="_blank">Student Meals <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="/policy/?p=students" target="_blank">Student Policies <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="https://scstn.scriborder.com/" target="_blank">Transcripts & Records <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="/transportation" target="_blank">Transportation & Find my Bus <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="https://goodwillmemphis.org/excel-center" target="_blank">Memphis Goodwill Excel Center <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item hp-nav-hover-effect">
<!--<a class="nav-link" href="#" href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#findItFastModal">-->
<a class="nav-link" href=" #"data-bs-toggle="modal" data-bs-target="#staticBackdrop">Find It Fast</a>
<!-- <ul class="dropdown-menu shadow hp-dropdown-menu-style">
<a class="dropdown-item" href="" target="_blank"></a>
</li>
</ul> -->
</li>
<li class="nav-item hp-nav-hover-effect">
<a class="nav-link" target="_blank" id="hpspbtn">Students & Parents</a>
</li>
<script>
$(document).ready(function() {
$('#hpspbtn').on('click', function(event) {
event.preventDefault();
window.location.href = 'http://www.scsk12.org/#studentsparents';
});
});
</script>
<li class="nav-item hp-nav-hover-effect dropdown dropdown-mega position-static">
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown" data-bs-auto-close="outside">Community</a>
<div class="dropdown-menu shadow hp-dropdown-menu-style">
<div class="mega-content px-4D mega-submenu-style">
<div class="container-fluid">
<div class="row">
<div class="col-12 col-sm-4 col-md-4 py-4 gx-4">
<h5>Family & Community Engagement</h5>
<img src="/img/2022/22/22face-nav-pic.jpg" alt="MSCS FACE" class=""><br />
<div class="list-group">
<a class="list-group-item" href="http://www.scsk12.org/face2/" target="_blank">Family Engagement <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="/face2/?pn=Family%20Resources&sm=2" target="_blank">Family Resources <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="/face2/?pn=Volunteers&sm=3" target="_blank">Volunteer <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
</div>
</div>
<div class="col-12 col-sm-4 col-md-4 py-4 gx-4">
<h5>Doing Business with MSCS</h5>
<img src="/dbmscs/img/2022/22-doing-business-pic.jpg" alt="Doing Business with MSCS">
<div class="list-group">
<a class="list-group-item" href="/procurement25/?PN=886/" target="_blank">Get Involved <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="/oeo/" target="_blank">Office of Economic Opportunity <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="/procurement" target="_blank">Procurement Services <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="/fp/">Facilities Planning & Property <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="/face2/?pn=Volunteers&sm=3" target="_blank">Volunteering <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
</div>
</div>
<div class="col-12 col-sm-4 col-md-4 py-4 gx-4">
<h5>Community</h5>
<img src="/img/2022/22/hp-community-3.png" alt="MSCS Kids">
<div class="list-group">
<a class="list-group-item" href="/farm/" target="_blank">Farm To School <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://www.homeworkhotline.info/?PID=1649" target="_blank">Homework Hotline <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="/ourboys/" target="_blank">Our Boys Need Us <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="/espanol" target="_blank">Spanish Hub <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="/truancy" target="_blank">Truancy/Homebound <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="/homeless" target="_blank">Homeless Education Program <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
</div>
</div>
<!-- <div class="col-12 col-sm-4 col-md-3 py-4 gx-4">
<a href="/face" target="_blank">
<img src="/img/hp-slider/ADOPTASCHOOL%20WEB%20BANNER.jpg" style="margin: 1em 0;" alt="Adopt-A-School"style="margin: 0.1em 0;transform: scale(1);"></a>
</div> -->
</div>
</div>
</li>
<li class="nav-item hp-nav-hover-effect">
<a class="nav-link" href="/hr25">Employees</a>
</li>
<li class="nav-item hp-nav-hover-effect">
<a class="nav-link" href="/newsroom" target="_blank">Newsroom</a>
</li>
<li class="nav-item hp-nav-hover-effect">
<a class="nav-link" href="/hr25/page.php?id=23" target="_blank">Careers</a>
</li>
<li class="nav-item hp-nav-hover-effect">
<a class="nav-link" href="/calendar25/" target="_blank">Calendars</a>
</li>
<!-- <li class="nav-item hp-nav-hover-effect">
<a class="nav-link" href="/" target="_blank">Change Homepage</a>
</li> -->
<!-- <li class="nav-item hp-nav-hover-effect">
<a class="nav-link" href="https://sciaa.digitalsports.com/" target="_blank">Athletics</a>
</li> -->
<li class="nav-item hp-nav-hover-effect">
<a id="search-top3" class="nav-link" data-bs-toggle="collapse" data-bs-target="#collapsearch22panel" role="button" aria-expanded="false" aria-controls="search22panel"><i class="fa-solid fa-magnifying-glass"></i> </a>
</li>
</ul>
<!-- <form class="d-flex ms-auto">
<div class="input-group"> -->
<!-- <input ng-model="searchtxt" class="form-control border-0 mr-2 form-control empty" type="search" placeholder=" search" aria-label="Search" id="search-input" ng-change="query1(searchtxt)"> -->
<!-- <div class="form-row hp-search-input-spacer">
<input type="text" ng-model="searchtxt" class="form-control search-page-input" id="search-input" value="" placeholder="Search Website" ng-change="query1(searchtxt)">
</div> -->
<!-- <button class="btn btn-primary border-0" type="submit">Search</button> -->
<!-- </div>
</form> -->
<p>
<script>
$('#search-input').on('keyup', function() {
var input = $(this);
if(input.val().length === 0) {
input.addClass('empty');
} else {
input.removeClass('empty');
}
});
// const myCollapsible = document.getElementById('collapsearch22panel')
// myCollapsible.addEventListener('show.bs.collapse', event => {
// alert(44);
// })
// const myOffcanvas = document.getElementById('offcanvasDarkNavbar')
// myOffcanvas.addEventListener('hidden.bs.offcanvas', event => {
// alert(45);
// })
</script>
</div>
</div>
</nav>
<script>
document.addEventListener('click',function(e){
// Hamburger menu
if(e.target.classList.contains('hamburger-toggle')){
e.target.children[0].classList.toggle('active');
}
})
</script>
</div>
<!-- END CONTAINER FLUID -->
</div>
<!-- NAVBAR FIXED ON SCROLL -->
<script>
var $ = jQuery.noConflict();
$(document).ready(function() {
});
</script>
<!-- Back to top button -->
<!-- <a id="buttontotop" class="theme22af"></a> -->
<script>
$(window).scroll(function(){
if ($(this).scrollTop() > 250) {
$('.navbar-toggler').addClass('.navbar-toggler-margin-on-scroll');
} else {
$('.navbar-toggler').removeClass('.navbar-toggler-margin-on-scroll');
}
});
var header = $(".hp-navbar-section");
$(window).scroll(function() {
var scroll = $(window).scrollTop();
if (scroll >= 100 && $(this).width() > 769) {
header.addClass("fixed-top");
} else {
header.removeClass('fixed-top');
}
});
// var navbart = $(".navbar-toggler");
// $(window).scroll(function() {
// var scroll = $(window).scrollTop();
// if (scroll >= 100 && $(this).width() > 769) {
// console.log('hi');
// navbart.addClass(".navbar-toggler-margin-on-scroll");
// } else {
// navbart.removeClass(".navbar-toggler-margin-on-scroll");
// }
// });
var announcements = $(".announcements");
$(window).scroll(function() {
var scroll2 = $(window).scrollTop();
if (scroll2 >= 100 && $(this).width() > 769) {
announcements.addClass(".announcements-margin-on-scroll");
} else {
announcements.removeClass(".announcements-margin-on-scroll");
}
});
var hptranslate = $(".hptranslate");
$(window).scroll(function() {
var scroll2 = $(window).scrollTop();
if (scroll2 >= 100 && $(this).width() > 769) {
hptranslate.addClass("hp-translate-margin-on-scroll");
} else {
hptranslate.removeClass('hp-translate-margin-on-scroll');
}
});
$(window).scroll(function() {
var scroll = $(window).scrollTop();
if (scroll >= 100 && $(this).width() > 769) {
header.addClass("fixed-top");
// navbartoggler.addClass("fixed-top");
} else {
header.removeClass('fixed-top');
}
});
var hpsearch = $(".hpsearch");
$(window).scroll(function() {
var scroll2 = $(window).scrollTop();
if (scroll2 >= 100 && $(this).width() > 769) {
hpsearch.addClass("hp-search-margin-on-scroll");
} else {
hpsearch.removeClass('hp-search-margin-on-scroll');
}
});
var btn4 = $('#buttontotop');
// var header = $(".hp-navbar-section");
$(window).scroll(function() {
if ($(window).scrollTop() > 300) {
btn4.addClass('show');
// header.addClass("fixed-top");
} else {
btn4.removeClass('show');
}
});
btn4.on('click', function(e) {
e.preventDefault();
$('html, body').animate({scrollTop:0}, '300');
});
</script>
</div>
<!-- <div id="hpPopupModal" class="modal fade" role="dialog" style="display:none;">
<div class="modal-dialog modal-lg modal-dialog-centered">
<div class="modal-content">
<div class="modal-body" role="alert" aria-live="assertive" style="padding: 4%;">
<h3 style="text-align: center; font-weight: bold; background: #F44336; color: #FFF; padding: .2em; margin-bottom: 1em;">
<i class="fa-solid fa-snowflake" aria-hidden="true"></i> Winter Weather Update
</h3>
<p><span data-olk-copy-source="MessageBody">Dear MSCS Families, Teachers, and Staff,</span></p>
<p><strong>All District schools & offices are opened tomorrow Friday 2/21.</strong> Please ensure students dress warmly. We look forward to seeing you!</p>
</div>
</div>
</div>
</div>
<script>
$(window).load(function(){
$('#hpPopupModal').modal('show');
});
</script> -->
<!-- NAV -->
<link rel="stylesheet" type="text/css" href="/search/css/style.css">
<!-- Toggle link (magnifier) -->
<a id="search-top3"
class="nav-link"
data-bs-toggle="collapse"
href="#collapsearch22panel"
role="button">
<i class="fa-solid fa-magnifying-glass"></i>
</a>
<!-- Collapsible search panel -->
<div class="collapse" id="collapsearch22panel"
ng-controller="searchCTRL as searchCTRL"
ng-app="scsApp">
<section id="searchSection" class="hp-search">
<div class="container py-4 position-relative">
<!-- Search box -->
<div class="input-group mb-3">
<span class="input-group-text"><i class="fa fa-search"></i></span>
<input type="text"
class="form-control"
placeholder="Start your search here…"
ng-model="searchCTRL.searchText"
ng-model-options="{ debounce: 300 }"
ng-change="searchCTRL.onSearchChange()"
ng-blur="searchCTRL.suggestions=[]"
autocomplete="off">
<button class="btn btn-outline-secondary"
type="button"
ng-click="searchCTRL.clear()"
data-bs-toggle="collapse"
data-bs-target="#collapsearch22panel">
<i class="fa fa-times"></i>
</button>
</div>
<!-- Type-ahead suggestions -->
<!-- <ul id="hpSearchSuggest" class="list-group position-absolute w-100"
ng-if="searchCTRL.suggestions.length"
style="top:3.5rem; z-index:1000">
<li class="list-group-item list-group-item-action"
ng-repeat="s in searchCTRL.suggestions"
ng-mousedown="searchCTRL.selectSuggestion(s)">
{{ s.title }}
</li>
</ul> -->
<!-- Loading spinner -->
<div ng-if="searchCTRL.loading" class="text-center my-4">
<div class="spinner-border" role="status">
<span class="visually-hidden">Loading…</span>
</div>
</div>
<!-- Full results -->
<div ng-if="!searchCTRL.loading && searchCTRL.results.length"
class="search-results-list">
<div class="scrollable-results">
<div class="search-result"
ng-repeat="item in searchCTRL.results track by $index">
<div class="result-content d-flex">
<!-- Thumbnail -->
<img ng-if="item.image"
ng-src="{{item.image}}"
alt="{{item.title}}"
class="search-result-thumb me-3">
<div class="search-result-body">
<!-- Title/link -->
<a ng-if="item.url"
class="search-result-title d-flex align-items-center"
ng-href="{{item.url}}"
target="_blank">
<i ng-if="item.fontawesomeIcon"
class="{{item.fontawesomeIcon}} searchpageicons me-1"></i>
<span class="searchpageicons me-1"
ng-if="item.url | fileIconIMAGE"
ng-bind-html="item.url | fileIconIMAGE"></span>
{{ item.title }}
</a>
<span ng-if="!item.url"
class="search-result-title d-flex align-items-center">
<i ng-if="item.fontawesomeIcon"
class="{{item.fontawesomeIcon}} searchpageicons me-1"></i>
{{ item.title }}
</span>
<!-- <div class="search-result-url text-success"
ng-if="item.url"
ng-bind="item.url"></div> -->
<p class="search-result-snippet"
ng-if="item.snippet"
ng-bind-html="item.snippet | halfText"></p>
<a ng-if="item.url"
ng-href="{{item.url}}"
target="_blank"
class="btn btn-sm btn-primary mt-2">
View Page
</a>
<!-- <p class="search-result-snippet"
ng-if="item.snippet"
ng-bind-html="item.snippet"></p> -->
<div ng-if="item.last_updated" class="text-muted small">
Updated on: {{ item.last_updated | formattedDate }}
</div>
</div>
</div>
</div>
</div>
</div>
<!-- No matches -->
<p ng-if="!searchCTRL.loading && !searchCTRL.results.length && searchCTRL.searchText"
class="text-muted text-center mt-4">
No results found for “<strong>{{searchCTRL.searchText}}</strong>.”
</p>
</div>
</section>
</div>
<script>
window.addEventListener('scroll', function () {
var searchBar = document.querySelector('.hp-search');
if (!searchBar) return;
if (window.scrollY >= 100) {
searchBar.classList.add('fixed');
} else {
searchBar.classList.remove('fixed');
}
});
</script>
<!-- END FIND IT FAST MODAL -->
<!-- <video class="fullscreen" src="/video/22/" playsinline autoplay muted loop>
</video> -->
<!-- /dist/img/home-page/ -->
<!--/901/img/2019/slides/-->
<span id="" class="hp-hoz-bg" alt="Shelby County School Students" style="background-image: url('/img/23/july/');" alt="We Are 901 Slides">
<div class="finditfastmodal modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true" style="background-image:url(/img/23/july/18);
/* --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); */
--bs-modal-bg: none;
/* --bs-modal-bg: rgb(255 255 255 / 90%) */
">
<div class="modal-dialog modal-fullscreen">
<div class="modal-content">
<div class="modal-header no-border">
<button type="button" class="btn-close fif-close-btn" data-bs-dismiss="modal" aria-label="Close"><i class="fa-solid fa-xmark"></i></button>
</div>
<div class="modal-body">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-12">
<p> </p>
</div>
<div class="col-md-6 col-sm-12 white-bg fifwidthfix">
<h1 class="modal-title fs-5 fif-title " id="staticBackdropLabel">Find It Fast</h1>
<ul style="padding: 5%;text-align: left;">
<li>
<a class="dropdown-item fif-links" href="http://www.scsk12.org/about" target="_blank">ABOUT MSCS <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
</li>
<li>
<a class="dropdown-item fif-links" href="http://www.scsk12.org/superintendent" target="_blank">SUPERINTENDENT & CABINET <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
</li>
<li>
<a class="dropdown-item fif-links" href="http://www.scsk12.org/board" target="_blank">SCHOOL BOARD <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
</li>
<li>
<a class="dropdown-item fif-links" href="/sitemap" target="_blank">Web Directory A-Z (sitemap) <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
</li>
<li>
<a class="dropdown-item fif-links" href="/dbmscs" target="_blank">DOING BUSINESS WITH MSCS <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
</li>
<li>
<a class="dropdown-item fif-links" href="http://www.scsk12.org/esser" target="_blank">ELEMENTARY AND SECONDARY SCHOOL EMERGENCY RELIEF (ESSER) <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
</li>
<li>
<a class="dropdown-item fif-links" href="/calendar" target="_blank">CALENDAR <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
</li>
<li>
<a class="dropdown-item fif-links" href="/health" target="_blank">HEALTH SERVICES <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
</li>
<li>
<a class="dropdown-item fif-links" href="http://www.scsk12.org/accessforall/" target="_blank">STUDENT DEVICE INFORMATION <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
</li>
<li>
<a class="dropdown-item fif-links" href="http://www.scsk12.org/registration/powerschoolparents.php" target="_blank">POWERSCHOOL FOR PARENTS <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
</li>
<li>
<a class="dropdown-item fif-links" href="/elop" target="_blank">EXTENDED LEARNING PROGRAMS AND BEFORE- CARE AND AFTER-CARE <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
</li>
<li>
<a class="dropdown-item fif-links" href="http://www.scsk12.org/transportation/" target="_blank">TRANSPORTATION SERVICES <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
</li>
<li>
<a class="dropdown-item fif-links" href="http://www.scsk12.org/policy/?PN=313" target="_blank">RECENTLY REVISED DISTRICT POLICIES <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
</li>
<li>
<a class="dropdown-item fif-links" href="/ci" target="_blank">CURRICULUM & INSTRUCTION <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
</li>
<li>
<a class="dropdown-item fif-links" href="/optional" target="_blank">OPTIONAL SCHOOLS <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
</li>
<li>
<a class="dropdown-item fif-links" href="http://www.scsk12.org/attendance" target="_blank">ATTENDANCE <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
</li>
<li>
<a class="dropdown-item fif-links" href="http://www.scsk12.org/hr2/page?PN=Choose%20MSCS&PID=1712&DID=244" target="_blank">BECOME A TEACHER <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
</li>
<li>
<a class="dropdown-item fif-links" href="/federal/files/23/Memphis-Shelby_County_Schools_2023_-_2024_annual_plan.pdf" target="_blank">2023-24 LEA IMPROVEMENT PLAN <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
</li>
</ul>
</div>
<div class="col-md-3 col-sm-12">
</div>
</div>
</div>
</div>
<div class="modal-footer no-border">
<!-- <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> -->
<!-- <button type="button" class="btn btn-primary">Understood</button> -->
</div>
</div>
</div>
</div>
<!-- END FIND IT FAST -->
<!-- CLOSES FINDITFAST MODAL IF USER CLICKS OUT SIDE OF THE DIV-->
<script>
$(document).ready(function() {
// Close modal when clicking on the .finditfastmodal but not .fifwidthfix
$('.finditfastmodal').on('click', function(event) {
if (!$(event.target).closest('.fifwidthfix').length) {
$(this).modal('hide');
}
});
});
</script>
<!-- <div id="hpPopupModal" class="modal fade" role="dialog">
<div class="modal-dialog modal-lg modal-dialog-centered" style="font-size: 1.5em;padding: 4%;">
<div class="modal-content">
<div id="textToRead" class="modal-body">
<div style="font-weight: bold;margin-bottom: 0;background: #951010;color: #FFF;padding: .4em;text-align: center;font-weight: bold;">
<img src="/nr/img/2023/MSCS-Logo-White-Circle.png" style="
width: 60px;
"> MSCS UPDATE</div>
<p style="padding:2% 5% 0 5%;font-size: .9em;">MSCS is committed to ensuring fair and equitable access to the General Choice and Optional Schools application processes. <span style="color: #ff9d09;">Due to unforeseen technical difficulties, the application process will be postponed to a later date, and we will notify you in advance of that date.</span> Thank you for your patience and understanding.</p>
</div>
<button id="readEnglish"><i class="fa-solid fa-circle-play"></i></button>
<div class="row">
<img src="/img/24/Most Schools Open Some Closed .png" style="width: 100%;" alt="Most Schools Open Some Closed">
<img src="/newsroom/ckfinder/userfiles/files/SPA-WATER%20ISSUES%20-%20Sunday.png" style="width: 100%;" alt="">
</div>
</div>
</div>
</div> -->
</div>
<!-- JavaScript to handle text-to-speech -->
<script>
const textToRead = document.getElementById('textToRead');
const readEnglishBtn = document.getElementById('readEnglish');
const readSpanishBtn = document.getElementById('readSpanish');
// Function to read text aloud in the specified language
function speakText(language) {
const text = textToRead.textContent;
const utterance = new SpeechSynthesisUtterance(text);
utterance.lang = language;
// Use the Web Speech API to read the text
speechSynthesis.speak(utterance);
}
// Event listeners for the buttons
readEnglishBtn.addEventListener('click', () => {
speakText('en-US'); // English
});
readSpanishBtn.addEventListener('click', () => {
speakText('es-ES'); // Spanish
});
</script>
<script>
$(window).load(function(){
$('#hpPopupModal').modal('show');
});
</script>
<!-- HP HERO IMAGE SECTION -->
<style>
.hp-video-container {
position: relative;
width: 100%;
overflow: visible; /* allow the logo to peek out */
background: #FFF;
margin-top: -2em;
padding-bottom: clamp(0px, 0vw, 80px); /* space for the overlapped logo */
}
.hp-slider {
position: relative;
width: 100%;
min-height: 80vh;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.hp-slider .slide {
position: absolute;
inset: 0;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
transition: opacity 1s ease-in-out;
will-change: opacity, transform;
}
.hp-slider .slide.active {
opacity: 1;
animation: zoomslow 20s ease-in-out infinite alternate;
}
@keyframes zoomslow {
0% { transform: scale(1); }
100% { transform: scale(1.05); }
}
.hp-slider::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg,
rgba(0,0,0,0.5) 0%,
rgba(0,0,0,0.15) 100%
);
z-index: 1;
}
.hp-promo-content {
position: relative;
z-index: 2;
text-align: center;
color: white;
padding: 1rem;
animation: fadeIn 2s ease-out forwards;
opacity: 0;
max-width: 90%;
display: none;
}
@keyframes fadeIn { to { opacity: 1; } }
.hp-promo-content h1 {
font-size: 3rem;
font-weight: 800;
margin-bottom: 0rem;
text-shadow: 2px 2px 8px rgba(0,0,0,0.8);
}
.hp-promo-content p {
font-size: 1.55rem;
font-weight: 400;
text-shadow: 2px 2px 5px rgba(0,0,0,0.6);
}
span.gold { color: #f2b55b; }
.logo-under-slider {
position: absolute;
bottom: 0; /* align to bottom edge */
left: 50%; /* center horizontally */
transform: translate(-50%, 50%); /* shift half its own height below */
width: clamp(80px, 12vw, 160px); /* responsive size */
height: clamp(80px, 12vw, 160px);/* keep it square */
object-fit: contain;
z-index: 1; /* above all slider layers */
}
/* Responsive tweaks */
@media (max-width: 1100px) {
.hp-video-container {
margin-top: 2em;
}
}
@media (max-width: 1030px) {
.hp-slider { aspect-ratio: 16/9;
min-height: auto;z-index: 1; }
.logo-under-slider {
width: clamp(60px, 15vw, 140px);
height: clamp(60px, 15vw, 140px);
}
.hp-promo-content {
margin-top: 4em;
}
}
@media (max-width: 768px) {
.hp-promo-content h1 { font-size: 2.2rem; }
.hp-promo-content p { font-size: 1rem; }
}
@media (max-width: 576px) {
.hp-promo-content h1 { font-size: 1.8rem; }
.hp-promo-content p { font-size: 0.95rem; }
}
</style>
<div class="hp-video-container">
<div class="hp-slider" data-images='[2,3,8,11,13,16,20,21,23,25,26,28,29,34,35,37,39,42,43,46,47,52,53,54,55,60,40,38,22,51,4]'>
<div class="slide active"></div>
<div class="slide"></div>
<div class="hp-promo-content">
<h1>Welcome to MSCS</h1>
<p>Greatness Grows <span class="gold">Here!</span></p>
</div>
</div>
<img src="/img/template/footer-logo-sm.png"
alt="MSCS Logo"
class="logo-under-slider">
</div>
<script>
(function(){
var slider = document.querySelector('.hp-slider');
if (!slider) return;
var slides = slider.querySelectorAll('.slide');
var images = JSON.parse(slider.getAttribute('data-images'));
var interval = 21000;
var idx = -1;
function nextIdx(){
if (images.length < 2) return 0;
var n;
do { n = Math.floor(Math.random()*images.length); }
while (n === idx);
return n;
}
function setSlide(el, imgNum){
el.style.backgroundImage =
"url('/img/25/hp/" + imgNum + ".jpg')";
}
// init
idx = nextIdx();
setSlide(slides[0], images[idx]);
function swapSlides(){
var active = slider.querySelector('.slide.active');
var hidden = (active === slides[0] ? slides[1] : slides[0]);
idx = nextIdx();
setSlide(hidden, images[idx]);
active.classList.remove('active');
hidden.classList.add('active');
}
setInterval(swapSlides, interval);
})();
</script>
<!-- END HOMEPAGE HERO IMAGE SECTION -->
<nav class="navbar navbar-dark bg-dark fixed-top off-canvas-menu offcanvas-start theme22">
<div class="container-fluid">
<a href="/" class="navbar-brand offcanvas-logo">
<img src="/img/2022/MSCS website logo 10922.png" class="off-canvas-nav-logo" alt="Memphis-Shelby County Schools Logo">
</a>
<a class="navbar-brand" href="#"></a>
<button class="navbar-toggler hpnbt" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasDarkNavbar" aria-controls="offcanvasDarkNavbar">
<span class="offcanvas-menu-title">MENU</span>
<span class="navbar-toggler-icon"></span>
</button>
<div class="offcanvas offcanvas-end text-bg-dark theme22" data-bs-scroll="true" tabindex="-1" id="offcanvasDarkNavbar" aria-labelledby="offcanvasDarkNavbarLabel" data-bs-backdrop="false">
<div class="offcanvas-header">
<!-- <h5 class="offcanvas-title" id="offcanvasDarkNavbarLabel">Menu</h5> -->
<img id="SCSlogoRound" src="/img/2022/MSCS website logo 10922.png" class="SCS-logo-round off-canvas" alt="Memphis-Shelby County Schools Logo">
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<ul class="navbar-nav justify-content-end flex-grow-1 pe-1">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="./"><i class="fa-solid fa-house"></i></a>
</li>
<li class="nav-item dropdown dropdown-mega position-static">
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown" data-bs-auto-close="outside">About</a>
<div class="dropdown-menu shadow hp-dropdown-menu-style width100">
<div class="mega-content px-1 mega-submenu-style">
<div class="container-fluid">
<div class="row">
<div class="col-12 py-1">
<h5>Our Mission & Vision</h5>
<!-- <img src="/img/2022/22/hp-menu-mission-vision.png" alt="MSCS School Board Members" class="margin-bottom-soft" >
<p><strong>MISSION</strong><br />
Preparing all students for success in learning, leadership, and life.</p>
<p>
<strong>VISION</strong><br />
Our District will be the premier school district attracting a diverse student population and effective teachers, leaders, and staff all committed to excellence.</p> -->
<div class="list-group">
<a class="list-group-item" href="/about">About Us <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
</div>
</div>
<div class="col-12 py-1 gx-1">
<h5>Board of Education</h5>
<a class="list-group-item" href="/board" target="_blank"><img src="/img/2022/22/hp-board-menu-pic.png" alt="MSCS School Board Members"></a><br>
<div class="list-group">
<a class="list-group-item" href="/board" target="_blank">School Board <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="/board/maps?PID=654" target="_blank">Board Members <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="http://www.boarddocs.com/tn/scsk12/Board.nsf/Public" target="_blank">Board Member Documents <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="/policy?PID=659">Board Policy <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://voiceofmscs.com/" target="_blank">The Voice of MSCS/88.5FM/C19TV <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="/board/audio.php?PID=1610" target="_blank">Board Meeting Audio <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="/policy">Office of Governmental Affairs & Compliance <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
</div>
</div>
<div class="col-12 py-1">
<h5>Superintendent</h5>
<!-- <a class="list-group-item" href="/superintendent" target="_blank"><img src="/feagins/imgs/Feagins_headshotgrey.png" alt="Superintendent " class="margin-bottom-soft"></a> -->
<br />
<!-- <p><strong>Memphis-Shelby County Schools (MSCS) Interim Superintendent and Chief Financial Officer Tutonial ‘Toni’ Williams</strong> has successfully managed the fiscal operations of the second largest employer in Shelby County and the largest public school district in Tennessee.</p> -->
<div class="list-group">
<a class="list-group-item" href="/superintendent">Superintendent</a>
<a class="list-group-item" href="http://www.scsk12.org/seniorleaders/">Senior Leadership</a>
<a class="list-group-item" href="http://www.scsk12.org/seniorleaders/files/24/Org%20Chart.pdf">Org Chart</a>
<!--</div>-->
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item dropdown dropdown-mega position-static">
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown" data-bs-auto-close="outside">Schools</a>
<div class="dropdown-menu shadow hp-dropdown-menu-style">
<div class="mega-content px-1">
<div class="container-fluid">
<div class="row">
<div class="col-12 col-sm-12 col-md-12 py-1">
<h5>Elementary</h5>
<div class="row">
<div class="col-md-12 col-sm-12">
<a class="list-group-item" href="https://schools.scsk12.org/abhill-es" target="_blank">A. B. Hill Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/alcy-es" target="_blank">Alcy Elementary</a>
<a class="list-group-item" href="http://aspirepublicschools.org/" target="_blank">Aspire East Academy</a>
<a class="list-group-item" href="https://schools.scsk12.org/balmoralridgeway-es" target="_blank">Balmoral-Ridgeway Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/barretschapel-k8" target="_blank">Barret's Chapel School</a>
<a class="list-group-item" href="https://schools.scsk12.org/belleforest-es" target="_blank">Belle Forest Community School</a>
<a class="list-group-item" href="https://schools.scsk12.org/berclair-es" target="_blank">Berclair Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/bethelgrove-es" target="_blank">Bethel Grove Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/brownsvilleroad-es" target="_blank">Brownsville Road Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/bruce-es" target="_blank">Bruce Elementary</a>
<a class="list-group-item" href="https://tn50000520.schoolwires.net/caldwell-guthrie-k8" target="_blank">Caldwell-Guthrie School</a>
<a class="list-group-item" href="https://schools.scsk12.org/cherokee-es" target="_blank">Cherokee Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/chimneyrock-es" target="_blank">Chimneyrock Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/cordova-es" target="_blank">Cordova Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/cromwell-es" target="_blank">Cromwell Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/crump-es" target="_blank">Crump Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/cummings-k8" target="_blank">Cummings School</a>
<a class="list-group-item" href="https://schools.scsk12.org/delano-es" target="_blank">Delano Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/dexter-es" target="_blank">Dexter Elementary K-8</a>
<a class="list-group-item" href="https://schools.scsk12.org/doubletree-es" target="_blank">Double Tree Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/douglass-k8" target="_blank">Douglass K-8</a>
<a class="list-group-item" href="https://schools.scsk12.org/downtown-es" target="_blank">Downtown Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/dunbar-es" target="_blank">Dunbar Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/eejeter-k8" target="_blank">E.E. Jeter School</a>
<a class="list-group-item" href="https://schools.scsk12.org/egypt-es" target="_blank">Egypt Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/evans-es" target="_blank">Evans Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/fordroad-es" target="_blank">Ford Road Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/foxmeadows-es" target="_blank">Fox Meadows Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/fraysercorning-es" target="_blank">Frayser/Corning Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/gardenview-es" target="_blank">Gardenview Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/geeter-k8" target="_blank">Geeter K-8 School</a>
<a class="list-group-item" href="https://tn50000520.schoolwires.net/georgianhills-es" target="_blank">Georgian Hills Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/germanshire-es" target="_blank">Germanshire Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/germantown-es" target="_blank">Germantown Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/getwell-es" target="_blank">Getwell Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/gordonachievement-k8" target="_blank">Gordon Achievement Academy</a>
<a class="list-group-item" href="https://schools.scsk12.org/grahamwood-es" target="_blank">Grahamwood Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/hamilton-k8" target="_blank">Hamilton K-8</a>
<a class="list-group-item" href="https://tn50000520.schoolwires.net/site/Default.aspx?PageID=335" target="_blank">Hanley K-8</a>
<a class="list-group-item" href="https://schools.scsk12.org/hawkinsmill-es" target="_blank">Hawkins Mill Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/hickoryridge-es" target="_blank">Hickory Ridge Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/highlandoaks-es" target="_blank">Highland Oaks Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/holmesroad-es" target="_blank">Holmes Road Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/idabwells-k8" target="_blank">Ida B. Wells Academy</a>
<a class="list-group-item" href="https://schools.scsk12.org/idlewild-es" target="_blank">Idlewild Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/johnpfreeman-k8" target="_blank">J. P. Freeman K-8</a>
<a class="list-group-item" href="https://schools.scsk12.org/jackson-es" target="_blank">Jackson Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/katebond-es" target="_blank">Kate Bond Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/keystone-es" target="_blank">Keystone Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/kingsbury-es" target="_blank">Kingsbury Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/larose-es" target="_blank">LaRose Community School</a>
<a class="list-group-item" href="https://schools.scsk12.org/levi-es" target="_blank">Levi Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/lowrance-k8" target="_blank">Lowrance K-8</a>
<a class="list-group-item" href="https://schools.scsk12.org/lucieecampbell-es" target="_blank">Lucie E. Campbell Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/lucy-es" target="_blank">Lucy Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/maconhall-es" target="_blank">Macon-Hall Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/newberry-es" target="_blank">Newberry Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/airwaysachievement-k8" target="_blank">Norris Achievement Academy</a>
<a class="list-group-item" href="https://schools.scsk12.org/northaven-es" target="_blank">Northaven Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/oakforest-es" target="_blank">Oak Forest Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/oakhaven-es" target="_blank">Oakhaven Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/oakshire-es" target="_blank">Oakshire Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/parkwayvillage-es" target="_blank">Parkway Village Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/peabody-es" target="_blank">Peabody Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/raleighbartlettmeadows-es" target="_blank">Raleigh-Bartlett Meadows</a>
<a class="list-group-item" href="https://schools.scsk12.org/richland-es" target="_blank">Richland Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/ridgewayearlylearning" target="_blank">Ridgeway Early Learning Center</a>
<a class="list-group-item" href="https://schools.scsk12.org/riverview-k8" target="_blank">Riverview K-8</a>
<a class="list-group-item" href="https://schools.scsk12.org/riverwood-es" target="_blank">Riverwood Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/robertrchurch-es" target="_blank">Robert R. Church Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/ross-es" target="_blank">Ross Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/rozelle-es" target="_blank">Rozelle Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/scenichills-es" target="_blank">Scenic Hills Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/seaIsle-es" target="_blank">Sea Isle Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/sharpe-es" target="_blank">Sharpe Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/sheffield-es" target="_blank">Sheffield Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/shelbyoaks-es" target="_blank">Shelby Oaks Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/sherwood-es" target="_blank">Sherwood Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/shrineschool" target="_blank">Shrine School</a>
<a class="list-group-item" href="https://schools.scsk12.org/snowden-k8" target="_blank">Snowden School</a>
<a class="list-group-item" href="https://schools.scsk12.org/southpark-es" target="_blank">South Park Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/southwind-es" target="_blank">Southwind Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/springdalememphis-es" target="_blank">Springdale Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/treadwell-es" target="_blank">Treadwell Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/vollentine-es" target="_blank">Vollentine Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/wellsstation-es" target="_blank">Wells Station Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/westhaven-es" target="_blank">Westhaven Elementary </a>
<a class="list-group-item" href="https://schools.scsk12.org/westside-es" target="_blank">Westside Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/whitestation-es" target="_blank">White Station Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/whitehaven-es" target="_blank">Whitehaven Elementary</a>
<a class="list-group-item" href="https://tn50000520.schoolwires.net/whitney-es" target="_blank">Whitney Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/whbrewster-es" target="_blank">William H. Brewster Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/willowoaks-es" target="_blank">Willow Oaks Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/winchester-es" target="_blank">Winchester Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/winridge-es" target="_blank">Winridge Elementary</a>
<a class="list-group-item" href="https://schools.scsk12.org/woodstock-ms" target="_blank">Woodstock Middle School</a>
</div>
</div>
</div>
<div class="col-12 col-sm-12 col-md-12 py-1">
<h5>Middle</h5>
<a class="list-group-item" href="https://schools.scsk12.org/amaceowalker-ms" target="_blank">A. Maceo Walker Middle</a>
<a class="list-group-item" href="https://schools.scsk12.org/americanway-ms" target="_blank">American Way Middle</a>
<a class="list-group-item" href="https://schools.scsk12.org/barretschapel-k8" target="_blank">Barret's Chapel School</a>
<a class="list-group-item" href="https://schools.scsk12.org/bellevue-ms" target="_blank">Bellevue Middle</a>
<a class="list-group-item" href="https://schools.scsk12.org/btwashington-hs" target="_blank">Booker T. Washington Middle & High</a>
<a class="list-group-item" href="https://tn50000520.schoolwires.net/caldwell-guthrie-k8" target="_blank">Caldwell-Guthrie School</a>
<a class="list-group-item" href="https://schools.scsk12.org/chickasaw-ms" target="_blank">Chickasaw Middle</a>
<a class="list-group-item" href="https://schools.scsk12.org/colonial-ms" target="_blank">Colonial Middle</a>
<a class="list-group-item" href="https://schools.scsk12.org/cordova-ms" target="_blank">Cordova Middle</a>
<a class="list-group-item" href="https://schools.scsk12.org/craigmont-ms" target="_blank">Craigmont Middle</a>
<a class="list-group-item" href="https://schools.scsk12.org/cummings-k8" target="_blank">Cummings School</a>
<a class="list-group-item" href="https://schools.scsk12.org/dexter-es" target="_blank">Dexter Elementary K-8</a>
<a class="list-group-item" href="https://schools.scsk12.org/douglass-k8" target="_blank">Douglass K-8</a>
<a class="list-group-item" href="https://schools.scsk12.org/eejeter-k8" target="_blank">E.E. Jeter School</a>
<a class="list-group-item" href="https://schools.scsk12.org/geeter-k8" target="_blank">Geeter K-8 School</a>
<a class="list-group-item" href="https://schools.scsk12.org/georgianhills-ms" target="_blank">Georgian Hills Middle</a>
<a class="list-group-item" href="https://schools.scsk12.org/germantown-ms" target="_blank">Germantown Middle</a>
<a class="list-group-item" href="https://schools.scsk12.org/gordonachievement-k8" target="_blank">Gordon Achievement Academy</a>
<a class="list-group-item" href="https://schools.scsk12.org/grandviewheights-ms" target="_blank">Grandview Heights Middle</a>
<a class="list-group-item" href="https://schools.scsk12.org/hamilton-k8" target="_blank">Hamilton K-8</a>
<a class="list-group-item" href="https://tn50000520.schoolwires.net/site/Default.aspx?PageID=335" target="_blank">Hanley K-8</a>
<a class="list-group-item" href="https://schools.scsk12.org/havenview-ms" target="_blank">Havenview Middle</a>
<a class="list-group-item" href="https://schools.scsk12.org/hickoryridge-ms" target="_blank">Hickory Ridge Middle</a>
<a class="list-group-item" href="https://schools.scsk12.org/highlandoaks-ms" target="_blank">Highland Oaks Middle</a>
<a class="list-group-item" href="https://schools.scsk12.org/hopeacademy" target="_blank">Hope Academy</a>
<a class="list-group-item" href="https://schools.scsk12.org/idabwells-k8" target="_blank">Ida B. Wells Academy</a>
<a class="list-group-item" href="https://schools.scsk12.org/johnpfreeman-k8" target="_blank">J. P. Freeman K-8</a>
<a class="list-group-item" href="https://schools.scsk12.org/katebond-ms" target="_blank">Kate Bond Middle</a>
<a class="list-group-item" href="https://schools.scsk12.org/kingsbury-ms" target="_blank">Kingsbury Middle</a>
<a class="list-group-item" href="https://schools.scsk12.org/lowrance-k8" target="_blank">Lowrance K-8</a>
<a class="list-group-item" href="https://schools.scsk12.org/maxinesmith-ms" target="_blank">Maxine Smith STEAM Academy</a>
<a class="list-group-item" href="https://www.memphisvirtualschool.com" target="_blank">Memphis Virtual School</a>
<a class="list-group-item" href="https://schools.scsk12.org/mtpisgah-ms" target="_blank">Mt. Pisgah Early College Middle and High</a>
<a class="list-group-item" href="https://schools.scsk12.org/airwaysachievement-k8" target="_blank">Norris Achievement Academy</a>
<a class="list-group-item" href="https://schools.scsk12.org/oakhaven-ms" target="_blank">Oakhaven Middle</a>
<a class="list-group-item" href="https://schools.scsk12.org/raleighegypt-ms" target="_blank">Raleigh Egypt Middle</a>
<a class="list-group-item" href="https://schools.scsk12.org/ridgeway-ms" target="_blank">Ridgeway Middle</a>
<a class="list-group-item" href="https://schools.scsk12.org/riverview-k8" target="_blank">Riverview K-8</a>
<a class="list-group-item" href="https://schools.scsk12.org/sherwood-ms" target="_blank">Sherwood Middle</a>
<a class="list-group-item" href="https://schools.scsk12.org/snowden-k8" target="_blank">Snowden School</a>
<a class="list-group-item" href="https://schools.scsk12.org/treadwell-ms" target="_blank">Treadwell Middle</a>
<a class="list-group-item" href="https://schools.scsk12.org/westside-es" target="_blank">Westside Middle School</a>
<a class="list-group-item" href="https://schools.scsk12.org/whitestation-ms" target="_blank">White Station Middle</a>
<a class="list-group-item" href="https://schools.scsk12.org/woodstock-ms" target="_blank">Woodstock Middle School</a>
</div>
<div class="col-12 col-sm-12 col-md-12 py-1">
<h5>High</h5>
<a class="list-group-item" href="https://schools.scsk12.org/avonlenox-hs" target="_blank">Avon Lenox School</a>
<a class="list-group-item" href="https://schools.scsk12.org/bolton-hs" target="_blank">Bolton High</a>
<a class="list-group-item" href="https://schools.scsk12.org/btwashington-hs" target="_blank">Booker T. Washington Middle & High</a>
<a class="list-group-item" href="https://schools.scsk12.org/central-hs" target="_blank">Central High</a>
<a class="list-group-item" href="https://schools.scsk12.org/cordova-hs" target="_blank">Cordova High</a>
<a class="list-group-item" href="https://schools.scsk12.org/craigmont-hs" target="_blank">Craigmont High</a>
<a class="list-group-item" href="https://schools.scsk12.org/frederickdouglass-hs" target="_blank">Douglass High</a>
<a class="list-group-item" href="https://schools.scsk12.org/east-hs" target="_blank">East High</a>
<a class="list-group-item" href="https://tn50000520.schoolwires.net/fairley-hs" target="_blank">Fairley High</a>
<a class="list-group-item" href="https://schools.scsk12.org/gwcarveracademy" target="_blank">G.W.Carver College and Career Academy</a>
<a class="list-group-item" href="https://schools.scsk12.org/germantown-hs" target="_blank">Germantown High</a>
<a class="list-group-item" href="https://schools.scsk12.org/hamilton-hs" target="_blank">Hamilton High</a>
<a class="list-group-item" href="https://schools.scsk12.org/hollisfprice-hs" target="_blank">Hollis F. Price Middle College High</a>
<a class="list-group-item" href="https://schools.scsk12.org/hopeacademy" target="_blank">Hope Academy</a>
<a class="list-group-item" href="https://schools.scsk12.org/northwestprepacademy" target="_blank">Invictus Academy</a>
<a class="list-group-item" href="https://schools.scsk12.org/kingsbury-ctc" target="_blank">Kingsbury Career & Technology Center</a>
<a class="list-group-item" href="https://schools.scsk12.org/kingsbury-hs" target="_blank">Kingsbury High</a>
<a class="list-group-item" href="https://schools.scsk12.org/kirby-hs" target="_blank">Kirby High</a>
<a class="list-group-item" href="https://schools.scsk12.org/manassas-hs" target="_blank">Manassas High</a>
<a class="list-group-item" href="https://schools.scsk12.org/MemphisMDHS" target="_blank">Medical District HS</a>
<a class="list-group-item" href="https://schools.scsk12.org/melrose-hs" target="_blank">Melrose High</a>
<a class="list-group-item" href="https://goodwillmemphis.org/excel-center" target="_blank">Memphis Goodwill Excel Center</a>
<a class="list-group-item" href="https://www.memphisvirtualadulths.org" target="_blank">Memphis Virtual ADULT High School</a>
<a class="list-group-item" href="https://www.memphisvirtualschool.com" target="_blank">Memphis Virtual School</a>
<a class="list-group-item" href="https://schools.scsk12.org/middlecollege-hs" target="_blank">Middle College High</a>
<a class="list-group-item" href="https://schools.scsk12.org/mitchell-hs" target="_blank">Mitchell High</a>
<a class="list-group-item" href="https://tn50000520.schoolwires.net/nic" target="_blank">Newcomer International Center</a>
<a class="list-group-item" href="https://schools.scsk12.org/northeastprepacademy" target="_blank">Northeast Prep Academy</a>
<a class="list-group-item" href="https://schools.scsk12.org/oakhaven-hs" target="_blank">Oakhaven High</a>
<a class="list-group-item" href="https://schools.scsk12.org/overton-hs" target="_blank">Overton High</a>
<a class="list-group-item" href="https://schools.scsk12.org/raleighegypt-hs" target="_blank">Raleigh-Egypt High</a>
<a class="list-group-item" href="https://schools.scsk12.org/ridgeway-hs" target="_blank">Ridgeway High</a>
<a class="list-group-item" href="https://schools.scsk12.org/sheffield-ctc" target="_blank">Sheffield Career & Technology Center</a>
<a class="list-group-item" href="https://schools.scsk12.org/sheffield-hs" target="_blank">Sheffield High</a>
<a class="list-group-item" href="https://schools.scsk12.org/southwest-ctc" target="_blank">Southwest Career & Technology Center</a>
<a class="list-group-item" href="https://schools.scsk12.org/southwind-hs" target="_blank">Southwind High</a>
<a class="list-group-item" href="https://schools.scsk12.org/trezevant-ctc" target="_blank">Trezevant Career & Technology Center</a>
<a class="list-group-item" href="https://schools.scsk12.org/trezevant-hs" target="_blank">Trezevant High</a>
<a class="list-group-item" href="https://schools.scsk12.org/westwood-hs" target="_blank">Westwood High</a>
<a class="list-group-item" href="https://schools.scsk12.org/whitestation-hs" target="_blank">White Station High</a>
<a class="list-group-item" href="https://schools.scsk12.org/whitehaven-hs" target="_blank">Whitehaven High</a>
<a class="list-group-item" href="https://schools.scsk12.org/wooddale-hs" target="_blank">Wooddale High</a>
</div>
<div class="col-12 col-sm-12 col-md-12 py-1">
<h5>Related Links</h5>
<ul>
<li><a class="list-group-item" class="list-group-item" href="/schools" target="_blank">School Directory <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="/alternative" target="_blank">Alternative Schools <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="/calendar" target="_blank">Calendars <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="/ccte" target="_blank">CCTE Programs <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="/charter/schools" target="_blank">Charter Schools <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="http://apps.schoolsitelocator.com/?districtcode=70300" target="_blank">Find Your School <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="/schools/files/2022/mscs%20schools%2022-23%2042x42.pdf" target="_blank">Full Disrict Map <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="/optional" target="_blank">Optional Schools <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="https://scstn.powerschool.com/public/home.html" target="_blank">PowerSchool <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="/prek" target="_blank">Pre-K <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="/registration" target="_blank">Register for School <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="/safe" target="_blank">Safety & Security <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="/backtoschool/files/2022/Bell%20Times%202022-23.pdf" target="_blank">School Bell Times <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="/schoolchoice" target="_blank">School Choice Options <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="/schools" target="_blank">School Directory <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="/exceptional/?PID=995" target="_blank">Special Education <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="/studentaffairs" target="_blank">Student Affairs <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="/accessforall/" target="_blank">Student Device Info <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="/health/clinics?PID=1570" target="_blank">Student Health Clinics <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="/nutrition/" target="_blank">Student Meals <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="/policy/?p=students" target="_blank">Student Policies <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="https://scstn.scriborder.com/" target="_blank">Transcripts & Records <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
<li><a class="list-group-item" class="list-group-item" href="/transporation" target="_blank">Transporation & Find my Bus <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link" href=" #"data-bs-toggle="modal" data-bs-target="#staticBackdrop">Find It Fast</a>
<!-- <ul class="dropdown-menu shadow hp-dropdown-menu-style width100">
<a class="dropdown-item" href="" target="_blank"></a>
</li>
</ul> -->
</li>
<li class="nav-item">
<a href="#studentsparents" id="hpspbtn" class="nav-link" target="_blank">Students & Parents</a>
</li>
<li class="nav-item dropdown dropdown-mega position-static">
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown" data-bs-auto-close="outside">Community</a>
<div class="dropdown-menu shadow hp-dropdown-menu-style width100">
<div class="mega-content px-1 mega-submenu-style">
<div class="container-fluid">
<div class="row">
<div class="col-12 col-sm-12 col-md-12 py-1 gx-1">
<h5>Family & Community Engagement</h5>
<img src="/img/2022/22/22face-nav-pic.jpg" alt="MSCS FACE" class=""><br />
<div class="list-group">
<a class="list-group-item" href="/face2/?pn=Adopt-a-School&sm=4" target="_blank">Adopt-A-School <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://www.bit.ly/SCSNecessityDrive" target="_blank">Donate <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="/face2/?pn=Family%20Resource%20Center&sm=2" target="_blank">Family Rescource Center <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="/face2/?pn=Volunteers&sm=3" target="_blank">Volunteer <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
</div>
</div>
<div class="col-12 col-sm-12 col-md-12 py-1 gx-1">
<h5>Doing Business with MSCS</h5>
<img src="/dbmscs/img/2022/22-doing-business-pic.jpg" alt="Doing Business with MSCS">
<div class="list-group">
<a class="list-group-item" href="/dbmscs/" target="_blank">Get Involved <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="/mwbe/" target="_blank">Office of Economic Opportunity <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="/procurement/db?PID=282" target="_blank">Procurement Services <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="/fp/">Facilities Planning & Property <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="/face2/?pn=Volunteers&sm=3" target="_blank">Volunteering <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
</div>
</div>
<div class="col-12 col-sm-12 col-md-12 py-1 gx-1">
<h5>Community</h5>
<img src="/img/2022/22/hp-community-3.png" alt="MSCS Kids">
<div class="list-group">
<a class="list-group-item" href="/farm/" target="_blank">Farm To School <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="https://www.homeworkhotline.info/?PID=1649" target="_blank">Homework Hotline <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="/ourboys/" target="_blank">Our Boys Need Us <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="/espanol" target="_blank">Spanish Hub <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="/truancy" target="_blank">Truancy/Homebound <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
<a class="list-group-item" href="/homeless" target="_blank">Homeless Education Program <i class="fa-solid fa-angle-right sub-nav-arrow-accent-color"></i></a>
</div>
</div>
</div>
</div>
</div>
</li>
<!-- <li class="nav-item">
<a class="nav-link" href="#">Family</a>
</li> -->
<li class="nav-item">
<a class="nav-link" href="/hr" target="_blank">Employees</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/newsroom" target="_blank">Newsroom</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/hr2/page.php?PID=1712&PN=Choose%20MSCS&DID=244" target="_blank">Careers</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/calendar25/" target="_blank">Calendar</a>
</li>
<!-- <li class="nav-item">
<a class="nav-link" href="https://sciaa.digitalsports.com/" target="_blank">Athletics</a>
</li> -->
<li class="nav-item">
<a id="search-top" class="nav-link hp-off-canvas-search-btn" data-bs-toggle="collapse" href="#collapsearch22panel" role="button" aria-expanded="false" aria-controls="search22panel"><i class="fa-solid fa-magnifying-glass"></i> Search</a>
</li>
<script>
$('#search-input').on('keyup', function() {
var input = $(this);
if(input.val().length === 0) {
input.addClass('empty');
} else {
input.removeClass('empty');
}
});
// hides offcanvasDarkNavbar after the user clicks the search link or icon
const myCollapsible = document.getElementById('collapsearch22panel')
myCollapsible.addEventListener('show.bs.collapse', event => {
// alert(44);
// $("#offcanvasDarkNavbar").toggle();
})
// const offcanvasDarkNavbar = document.getElementById('offcanvasDarkNavbar')
// offcanvasDarkNavbar.addEventListener('hide.bs.offcanvas', event => {
// alert(22);
// })
</script>
<!-- PROMO ADD FOR MENU -->
<a href="https://www.scsk12.org/nr/?PN=article&aid=3034">
<img class="promo-banner-size navmenupromo23" src="/img/hp-slider/backtoschool25-970x360.png" class="" alt="Back to School"></a>
<!-- END PROMO ADD FOR MENU -->
</div>
</div>
<!-- <li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Dropdown
</a>
<ul class="dropdown-menu dropdown-menu-dark hp-dropdown-menu-style">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</li>
</ul>
<form class="d-flex mt-3" role="search">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-success" type="submit">Search</button> -->
</div>
</div>
</nav>
<script>
// Select all »a« elements with a parent class »links« and add a function that is executed on click
$( '.offcanvas-body a' ).on( 'click', function(e){
// Define variable of the clicked »a« element (»this«) and get its href value.
var href = $(this).attr( 'href' );
// Run a scroll animation to the position of the element which has the same id like the href value.
$( 'html, body' ).animate({
scrollTop: $( href ).offset().top
}, '100' );
// Prevent the browser from showing the attribute name of the clicked link in the address bar
e.preventDefault();
});
</script>
<!-- HP NEWS SECTION -->
<style>
.hp-news-section {
padding-top: 5em;
}
.hp-section-titles {
text-align: center;
font-size: 2rem;
font-weight: 400;
color: #333333;
margin-bottom: 1.5rem;
position: relative;
}
.hp-section-titles strong {
color: #e63946;
font-weight: 700;
}
.hp-section-titles::after {
content: "";
display: block;
width: 60px;
height: 3px;
background: #2d2d2d;
margin: 0.5rem auto 0;
}
</style>
<div class="hp-news-section">
<div class="container">
<div class="row">
<h3 class="hp-section-titles"><strong>District</strong> News</h3>
<title-line></title-line>
<div class="col-lg-3 col-sm-6 hp-news-small scale-1-2" data-aos="fade-upDISABLED">
<a href="https://www.scsk12.org/nr/?PN=article&aid=3034" target="_blank">
<div class="itn-thumbnail" style="
background: url(/panel/uploader/gallery/thumbnails/backtoschool-thumb-725.jpg);">
</div>
<p class="popular-stories-header">
Back to School: Classes Resume on August 4</p>
<span class="date hide">
<!-- Newsroom -->
</span>
<goarrow><i class="fa-solid fa-angle-right"></i></goarrow>
</a>
</div>
<div class="col-lg-3 col-sm-6 hp-news-small scale-1-2" data-aos="fade-upDISABLED">
<a href="http://www.scsk12.org/nr/?PN=article&aid=3013" target="_blank">
<div class="itn-thumbnail" style="
background: url(/panel/uploader/gallery/thumbnails/rozaward2025.png);">
</div>
<p class="popular-stories-header">
Celebrating Excellence: Rozelle Elementary Honored for Artistic Achievement</p>
<span class="date hide">
<!-- Newsroom -->
</span>
<goarrow><i class="fa-solid fa-angle-right"></i></goarrow>
</a>
</div>
<div class="col-lg-3 col-sm-6 hp-news-small scale-1-2" data-aos="fade-upDISABLED">
<a href="https://www.scsk12.org/nr/?PN=article&aid=3015" target="_blank">
<div class="itn-thumbnail" style="
background: url(/panel/uploader/gallery/thumbnails/2025scholarships.png);">
</div>
<p class="popular-stories-header">
MSCS’ Class of 2025 Awarded $619 Million in Scholarships</p>
<span class="date hide">
<!-- Newsroom -->
</span>
<goarrow><i class="fa-solid fa-angle-right"></i></goarrow>
</a>
</div>
<div class="col-lg-3 col-sm-6 hp-news-small scale-1-2" data-aos="fade-upDISABLED">
<a href="http://www.scsk12.org/nr/?PN=article&aid=2940" target="_blank">
<div class="itn-thumbnail" style="
background: url(/panel/uploader/gallery/thumbnails/1state-ingthefacts.png);">
</div>
<p class="popular-stories-header">
STATE-ing the Facts: Data-Proven Growth</p>
<span class="date hide">
<!-- Newsroom -->
</span>
<goarrow><i class="fa-solid fa-angle-right"></i></goarrow>
</a>
</div>
</div>
<!-- <div class="col-lg-5 col-sm-12">
<img style="width:100%;" src="/panel/uploader/gallery/thumbnails/
" alt="">
<p class="title"></p>
</div> -->
<div class="col-lg-3 col-sm-12">
</div>
</div>
<a href="/news2/" class="btn btn-inline">View All News <i class="fa-solid fa-angle-right"></i>
<!-- <i class="fa-regular fa-chevron-right"></i> -->
</a>
</div>
<!-- END HP NEWS SECTION -->
<!--PROMO ROW 1-->
<style>
/* Promo Banners */
.promo-row1 {
width: 98%;
margin: 4em auto;
padding: 4em 0;
background: linear-gradient(to bottom, #f0f7ff, #eef1f5);
border-radius: .2em;
}
.promo-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 2em;
}
.promo-card {
background: #fff;
border-radius: .25em;
overflow: hidden;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
width: 30%;
min-width: 260px;
text-align: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
display: flex;
flex-direction: column;
}
.promo-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}
.promo-card a {
color: inherit;
text-decoration: none;
display: block;
height: 100%;
}
.promo-banner-img {
width: 100%;
height: auto;
display: block;
border-radius: .25em .25em 0 0;
}
#promo-section1 .promo-title {
font-size: 1.2em;
font-weight: 400;
color: #73787a;
margin: 0em 0 0em;
padding: .25em 1em;
/* display: none; */
}
.promo-desc {
font-size: 1em;
color: #555;
padding: 0 1.5em 1.5em 1.5em;
}
#promo-section1 .promo-card {
min-height: auto;
}
@media (max-width: 992px) {
.promo-card {
width: 45%;
}
}
@media (max-width: 600px) {
.promo-card {
width: 90%;
}
}
</style>
<div id="promo-section1" class="promo-row1">
<div class="promo-grid">
<!-- Card 1 -->
<div class="promo-card">
<a href="https://www.scsk12.org/nr/?PN=article&aid=3034" target="_blank">
<img src="/backtoschool/img/2025/Back-to-School%20Graphic%202025-26%20Banner.png" alt="2025 Summer Camps" class="promo-banner-img">
<div class="promo-title">Back to School!</div>
</a>
</div>
<!-- Card 2 -->
<div class="promo-card">
<a href="/registration" target="_blank">
<img src="/img/hp-slider/Greatness%20At%20Your%20Door%20Banner.png" alt="Greatness Grows" class="promo-banner-img">
<div class="promo-title">Register Now!</div>
</a>
</div>
<!-- Card 3 -->
<div class="promo-card">
<a href="https://bit.ly/3T7vOnN" target="_blank">
<img src="http://www.scsk12.org/img/hp-slider/K-12 Summer Packet 5-25.jpg" alt="K-12 Summer Packet" class="promo-banner-img">
<div class="promo-title">K-12 Summer Literacy Packet</div>
</a>
</div>
</div>
</div><!--END PROMO ROW 1-->
<!-- PROMO COLLAGE -->
<style>
section.promo-collage.container {
padding: 0;
margin: 0 auto;
max-width: 98%;
overflow-x: hidden;
overflow: hidden;
}
#hp-collage-section .promo-card {
background: linear-gradient(to left, #0f467c, #1739b7) repeat-x;
background-size: cover;
width: 100%;
min-height: 350px;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0.5rem;
transition: transform 0.4s ease;
position: relative;
box-sizing: border-box;
border: 0.5em solid white;
}
#hp-collage-section .alignLeft {
position: relative;
z-index: 2;
text-align: left;
padding: 1.5rem 15%;
color: #fff;
}
.promo-card:hover {
transform: scale(1.03);
}
.row.g-0 {
margin-right: 0;
margin-left: 0;
}
.row.g-0 > [class*='col-'] {
padding-right: 0;
padding-left: 0;
box-sizing: border-box;
}
/* overlays */
.overlay-dark {
/* position: absolute; */
inset: 0;
background: rgba(0, 0, 0, 0.1);
z-index: 1;
transition: background 0.3s;
}
.overlay-dark:hover {
background: rgba(0, 0, 0, 0.5);
}
/* content */
.textbox {
position: relative;
z-index: 2;
text-align: center;
padding: 1.5rem;
color: #fff;
}
.textbox h3 {
font-weight: 900;
font-size: 3rem;
color: #ffffff;
filter: drop-shadow(2px 4px 8px black);
}
.textbox p {
font-size: 1rem;
}
/* Counter Box */
.counter-box {
margin-bottom: 2rem;
}
.counter-box span {
font-size: 1.5rem;
font-weight: bold;
color: #FFD700;
display: block;
}
.counter-box h5 {
margin-top: 0.5rem;
font-size: 1rem;
color: #fff;
font-weight: 300;
}
.download-btn {
background: #FFD700;
border: none;
padding: 0.75rem 1.5rem;
margin-top: 1rem;
color: #000;
font-weight: bold;
border-radius: 2rem;
transition: background 0.3s;
}
.download-btn:hover {
background: #ffc107;
}
/* Responsive */
@media (max-width: 767px) {
.promo-card {
min-height: 400px;
}
}
</style>
<div id="hp-collage-section">
<section class="promo-collage container theme22">
<div class="row g-0">
<!-- LEFT -->
<div class="col-lg-7 col-md-12" data-aos="fade-right">
<div class="promo-card">
<div class="overlay-dark"></div>
<div class="textbox alignLeft">
<h3><span class="gold-text">SCHOOL</span> CHOICE</h3>
<p>The Optional Schools and General Choice Transfer application processes will <strong>open</strong> on Tuesday, January 28, 2025, at 10 a.m. online.</p>
<a href="/pickenroll" target="_blank">
<button class="download-btn">Learn More <i class="fa-solid fa-angle-right"></i></button>
</a>
</div>
</div>
</div>
<!-- RIGHT -->
<div class="col-lg-5 col-md-12" data-aos="fade-left">
<div class="promo-card" style="background-image: url('/img/23/supsearch/5.jpg');">
<div class="overlay-dark"></div>
</div>
</div>
</div>
<!-- BOTTOM SECTION -->
<div class="row g-0 promo-section2">
<!-- Image Card -->
<div class="col-lg-4 col" data-aos="fade-up">
<div class="promo-card" style="background-image: url('/img/home-page/23/hp-stats-pic6.jpg');">
<div class="overlay-dark"></div>
</div>
</div>
<!-- Counter Block -->
<div class="col-lg-2 col" data-aos="fade-down">
<div class="promo-card bg-dark">
<div class="textbox">
<div class="counter-box">
<span data-count="200">0</span>+
<h5>SCHOOLS</h5>
</div>
<div class="counter-box">
<span data-count="106100">0</span>
<h5>STUDENTS</h5>
</div>
<div class="counter-box">
<span data-count="13900">0</span>
<h5>EMPLOYEES</h5>
</div>
</div>
</div>
</div>
<!-- Bus App Promo -->
<div class="col-lg-4 col" data-aos="fade-right">
<div class="promo-card" style="background-image: url('/img/24/hp-edulog.jpg');">
<div class="overlay-dark"></div>
<div class="textbox">
<a href="http://www.scsk12.org/transportation/?PN=595" target="_blank">
<button class="download-btn">Download the School Bus App!</button>
</a>
</div>
</div>
</div>
<!-- Counter Block 2 -->
<div class="col-lg-2 col" data-aos="fade-up">
<div class="promo-card bg-dark">
<div class="textbox">
<div class="counter-box">
<h5>Level</h5>
<span data-count="5">0</span>
<h5>DISTRICT</h5>
</div>
<div class="counter-box">
<span data-count="61">0</span>
<h5>REWARD SCHOOLS</h5>
</div>
<div class="counter-box">
<span data-count="4">0</span>
<h5>PERFECT SCORES</h5>
</div>
</div>
</div>
</div>
</div>
<div class="row g-0">
<!-- Teach Inspire Block -->
<div class="col-lg-6 col-md-6 d-flex" data-aos="fade-right">
<div class="promo-card flex-fill" style="background-image: url('/img/2022/22/hoz-22d.jpg');">
<div class="overlay-dark"></div>
<div class="textbox">
<h3>TEACH <i class="fa-solid fa-heart red-text"></i> INSPIRE</h3>
</div>
</div>
</div>
<!-- Video Block -->
<div class="col-lg-6 col-md-6" data-aos="fade-up">
<style>
#MSCSHP-videoplayer {
width: 100%;
height: 100%;
min-height: 350px;
display: flex;
align-items: stretch;
justify-content: center;
background: #000;
overflow: hidden;
position: relative;
}
#my-player {
width: 100% !important;
height: 100% !important;
}
.plyr {
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
aspect-ratio: 16/9;
}
.plyr__video-wrapper,
.plyr__video-embed iframe {
width: 100% !important;
height: 100% !important;
object-fit: cover;
aspect-ratio: 16/9;
}
</style>
<div id="MSCSHP-videoplayer" class="promo-card">
<div id="my-player" data-plyr-provider="youtube" data-plyr-embed-id=""></div>
</div>
<link rel="stylesheet" href="https://cdn.plyr.io/3.6.12/plyr.css" />
<script src="https://cdn.plyr.io/3.6.12/plyr.polyfilled.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
const videos = [
{
id: 'yOyQPJLhs5c',
start: 10
},
{
id: 'x29UBYJoiQk',
start: 10
},
{
id: 'hYe2pTY-oLw',
start: 10
},
{
id: 'W4g2sFErFFk',
start: 10
},
{
id: '_w0ItVJueqI',
start: 10
},
// { id: 'f8YyeRquY9A', start: 10 },
];
const randomVideo = videos[Math.floor(Math.random() * videos.length)];
const playerDiv = document.getElementById('my-player');
playerDiv.setAttribute('data-plyr-embed-id', randomVideo.id);
const player = new Plyr('#my-player', {
autoplay: true,
muted: true,
youtube: {
start: randomVideo.start,
rel: 0,
modestbranding: 1,
noCookie: true
}
});
player.on('ready', () => {
player.play();
});
});
</script> </div>
</div>
</section>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
var counters = document.querySelectorAll('.counter-box span');
var speed = 150;
counters.forEach(function(counter) {
function animate() {
var target = +counter.getAttribute('data-count');
var count = +counter.innerText.replace(/,/g, '');
var inc = target / speed;
if (count < target) {
counter.innerText = Math.ceil(count + inc).toLocaleString();
setTimeout(animate, 20);
} else {
counter.innerText = target.toLocaleString();
}
}
animate();
});
});
</script>
<!-- END PROMO COLLAGE -->
<!-- HP BANNERS SECTION -->
<!-- END HP BANNERS SECTION -->
<!-- SWIPER SLIDER -->
<div class="hp-announcements-section">
<!-- SLIDER -->
<style>
.hp-banner-wrapper {
overflow: hidden;
position: relative;
background: #FFF;
/* padding: 1em 0; */
}
.hp-banner-track {
display: flex;
animation: scrollBanners 50s linear infinite;
}
.hp-banner-item {
flex: 0 0 auto;
margin: 0 5em;
min-width: 140px;
max-width: 300px;
max-width: 700px;
}
.hp-banner-item img {
width: 100%;
height: auto;
border-radius: 8px;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
transition: transform 0.3s ease;
}
.hp-announcements-section {
padding: 5% 2% 5% 2%;
}
.hp-banner-item img:hover {
transform: scale(1.05);
}
@keyframes scrollBanners {
0% { transform: translateX(0); }
100% { transform: translateX(-100%); }
}
/* Responsive tweaks */
@media (max-width: 768px) {
.hp-banner-track {
animation: scrollBanners 80s linear infinite;
}
}
</style>
<div class="containerD">
<h3 class="hp-section-titles"><strong>District</strong> Announcements</h3>
<div class="hp-banner-wrapper">
<div class="hp-banner-track">
<div class="hp-banner-item">
<a href="https://www.scsk12.org/nr/?PN=article&aid=3034" target="_blank">
<img src="/img/hp-slider/backtoschool25-970x360.png" alt="District Banner">
</a>
</div>
<div class="hp-banner-item">
<a href="https://www.scsk12.org/welcome" target="_blank">
<img src="/img/hp-slider/Hotline-970x360.jpg" alt="District Banner">
</a>
</div>
<div class="hp-banner-item">
<a href="/registration" target="_blank">
<img src="/img/hp-slider/Greatness At Your Door Banner.png" alt="District Banner">
</a>
</div>
<div class="hp-banner-item">
<a href="/registration" target="_blank">
<img src="/img/hp-slider/greatness-grows.png" alt="District Banner">
</a>
</div>
</div>
</div>
</div>
<!-- END SLIDER -->
</div>
<!-- END HP NEWS SECTION -->
<!-- HP OWL SLIDER -->
<!-- END HP OWL SLIDER -->
<!-- HP ABOUT SECTION -->
<!--<div class="hp-about-section hp-section-spacer theme22">
<div class="container">
<div class="row">
<div class="col-lg-6 small-12 hp-data-box1 theme22">
<article>
<p> </p><br />
<h3>TCAP Proficiency Rates on the Rise</h3>
<p>
MSCS saw some impressive gains on the TCAP this year. This informative video breaks down the data and the impact on students.
</p>
<p> </p><br />
</article>
<p class="data">
</p>
</div>
<div class="col-lg-6 small-12 hp-data-box2">
<div class="play-button-wrapper">
<div class="hp-play-btn-bg"></div>
<div title="Play video" class="play-gif" id="circle-play-b">-->
<!-- SVG Play Button -->
<!--<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80" data-bs-toggle="modal" data-bs-target="#hpvideoModal">
Play Video
<path d="M40 0a40 40 0 1040 40A40 40 0 0040 0zM26 61.56V18.44L64 40z" />
</svg>
</div>
</div>
</div>-->
<!-- <div class="col hp-data-box3">
<div class="container">
</div>
</div> -->
</div>
</div>
<!-- HP VIDEO MODAL -->
<!-- Modal -->
<!--<div class="modal fade" id="hpvideoModal" tabindex="-1" aria-labelledby="hpvideoModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">-->
<!-- <div class="modal-header">
<h1 class="modal-title fs-5" id="hpvideoModalLabel">Modal title</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div> -->
<!--<div class="modal-body theme22">
<div class="embed-responsive embed-responsive-16by9">
<iframe width="100%" height="500" src="https://www.youtube.com/embed/U13xjH-MkRU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<h4>TCAP Proficiency Rates on the Rise</h4>
</div>
<i class="fa-solid fa-xmark hp-video-close-btn" data-bs-dismiss="modal" aria-label="Close"></i>
</div>
</div>
</div>
</div>-->
<!-- HP VIDEO MODAL -->
</div>
<!-- END HP ABOUT SECTION -->
<!-- HP HOZ SECTION -->
<div class="hp-hoz-section">
<div class="overlay"></div>
<div class="container">
<div class="row">
<div class="col-lg-3 col-sm-4 pz-position">
<div class="p1" data-aos="fade-right" style="background: url(/img/2022/22/p17.png);">
</div>
</div>
<div class="col-lg-7 col-sm-8">
<div class="text1 py-5">
<article>
<h3>BEFORE & AFTER-SCHOOL TUTORING</h3>
<a href="/img/23/august/FOR REVIEW (1).pdf" target="_blank">
<img class="temp-rotate" src="/img/23/august/FOR REVIEW 82223.png" alt="BEFORE &A FTER-SCHOOL TUTORING" />
</a>
</div>
</article>
</div>
</div>
<div class="col">
</div>
</div>
</div>
</div><!-- HP END HOZ SECTION -->
<!-- STUDENTS & PARENTS SECTION -->
<style>
/* Students & Parents New Styles */
#studentsparents {
padding: 5% 0;
background: #f8f9fa;
}
.hp-sp-boxes {
overflow: hidden;
position: relative;
border-radius: .2em;
box-shadow: 0 8px 16px rgba(0,0,0,0.1);
background: #fff;
transition: transform 0.3s, box-shadow 0.3s;
}
.hp-sp-boxes img {
width: 100%;
height: auto;
transition: transform 0.4s ease;
border-top-left-radius: .2em;
border-top-right-radius: .2em;
}
.hp-sp-boxes:hover {
transform: translateY(-5px);
box-shadow: 0 12px 24px rgba(0,0,0,0.15);
}
.hp-sp-boxes:hover img {
transform: scale(1.1);
}
.hp-sp-boxes p {
text-align: center;
font-weight: 400;
text-transform: uppercase;
padding: 1rem;
margin: 0;
color: #333;
background: #fff;
font-family: 'Roboto Condensed', sans-serif;
font-size: 1rem;
}
.hp-sp-boxes a {
text-decoration: none;
}
.hp-sp-boxes .overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.4);
opacity: 0;
transition: opacity 0.3s;
border-radius: .2em;
z-index: 1;
height: 110%;
}
.hp-sp-boxes:hover .overlay {
opacity: 1;
}
.hp-sp-boxes .overlay::after {
content: '\f061';
font-family: 'Font Awesome 6 Free';
font-weight: 900;
font-size: 2rem;
color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding-bottom: 1em;
}
a.hp-sp-boxes.w-100.aos-init.aos-animate {
margin: .4em;
}
@media (max-width: 768px) {
#studentsparents .hp-section-titles {
font-size: 2em;
}
.hp-sp-boxes p {
font-size: 0.9rem;
}
}
</style>
<div class="studentandparents-section" id="studentsparents">
<div class="container">
<h3 class="hp-section-titles"><strong>Students</strong> & Parents</h3>
<div class="row g-4 justify-content-center">
<div class="col-6 col-md-4 col-lg-2 d-flex">
<a href="https://scstn.powerschool.com/public/home.html" target="_blank" class="hp-sp-boxes w-100" data-aos="fade-up" data-aos-delay="100">
<div class="overlay"></div>
<img src="/img/students-parents/PowerSchool.jpg" alt="POWERSCHOOL FOR PARENTS">
<p>POWERSCHOOL FOR PARENTS</p>
</a>
</div>
<div class="col-6 col-md-4 col-lg-2 d-flex">
<a href="http://www.scsk12.org/nutrition/" target="_blank" class="hp-sp-boxes w-100" data-aos="fade-up" data-aos-delay="100">
<div class="overlay"></div>
<img src="/img/students-parents/lunch.jpg" alt="STUDENT MEALS">
<p>STUDENT MEALS</p>
</a>
</div>
<div class="col-6 col-md-4 col-lg-2 d-flex">
<a href="https://scstn.scriborder.com/" target="_blank" class="hp-sp-boxes w-100" data-aos="fade-up" data-aos-delay="100">
<div class="overlay"></div>
<img src="/img/students-parents/Transcript.png" alt="Transcripts & Records">
<p>Transcripts & Records</p>
</a>
</div>
<div class="col-6 col-md-4 col-lg-2 d-flex">
<a href="/prek" target="_blank" class="hp-sp-boxes w-100" data-aos="fade-up" data-aos-delay="100">
<div class="overlay"></div>
<img src="/img/students-parents/PreK.jpg" alt="Pre-K">
<p>Pre-K</p>
</a>
</div>
<div class="col-6 col-md-4 col-lg-2 d-flex">
<a href="/schools?LP=schools" target="_blank" class="hp-sp-boxes w-100" data-aos="fade-up" data-aos-delay="100">
<div class="overlay"></div>
<img src="/img/students-parents/find-your-school.jpg" alt="FIND YOUR SCHOOL">
<p>FIND YOUR SCHOOL</p>
</a>
</div>
<div class="col-6 col-md-4 col-lg-2 d-flex">
<a href="/welcome" target="_blank" class="hp-sp-boxes w-100" data-aos="fade-up" data-aos-delay="100">
<div class="overlay"></div>
<img src="/img/students-parents/parent-welcome-center.jpg" alt="PARENT WELCOME CENTER">
<p>PARENT WELCOME CENTER</p>
</a>
</div>
<div class="col-6 col-md-4 col-lg-2 d-flex">
<a href="/transportation" target="_blank" class="hp-sp-boxes w-100" data-aos="fade-up" data-aos-delay="100">
<div class="overlay"></div>
<img src="/img/students-parents/transportation.jpg" alt="TRANSPORTATION">
<p>TRANSPORTATION</p>
</a>
</div>
<div class="col-6 col-md-4 col-lg-2 d-flex">
<a href="/safety/" target="_blank" class="hp-sp-boxes w-100" data-aos="fade-up" data-aos-delay="100">
<div class="overlay"></div>
<img src="/img/students-parents/saftey.jpg" alt="STUDENT SAFETY & SECURITY">
<p>STUDENT SAFETY & SECURITY</p>
</a>
</div>
<div class="col-6 col-md-4 col-lg-2 d-flex">
<a href="/schoolchoice" target="_blank" class="hp-sp-boxes w-100" data-aos="fade-up" data-aos-delay="100">
<div class="overlay"></div>
<img src="/img/students-parents/choose.png" alt="School Choice Options">
<p>School Choice Options</p>
</a>
</div>
<div class="col-6 col-md-4 col-lg-2 d-flex">
<a href="/optional/" target="_blank" class="hp-sp-boxes w-100" data-aos="fade-up" data-aos-delay="100">
<div class="overlay"></div>
<img src="/img/students-parents/Optional.jpg" alt="Optional Schools">
<p>Optional Schools</p>
</a>
</div>
<div class="col-6 col-md-4 col-lg-2 d-flex">
<a href="/registration" target="_blank" class="hp-sp-boxes w-100" data-aos="fade-up" data-aos-delay="100">
<div class="overlay"></div>
<img src="/img/students-parents/Register.png" alt="Register for School">
<p>Register for School</p>
</a>
</div>
<div class="col-6 col-md-4 col-lg-2 d-flex">
<a href="/ccte/#/home" target="_blank" class="hp-sp-boxes w-100" data-aos="fade-up" data-aos-delay="100">
<div class="overlay"></div>
<img src="/img/students-parents/CCTE2.jpg" alt="CCTE Programs">
<p>CCTE Programs</p>
</a>
</div>
</div>
</div>
</div>
<!-- AOS Library for animations (Optional but recommended) -->
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
AOS.init({
duration: 800,
once: true
});
</script>
<!-- END STUDENTS & PARENTS SECTION -->
<!-- HP EVENTS SECTION -->
<style>
/* HP EVENTS SECTION */
a.btn.btn-inline {
background: #ffffff;
border-radius: 2em;
/* text-align: center; */
display: block;
text-decoration: none;
transition: all .3s;
width: 14em;
margin: 3.5em auto;
border: solid #517ec3;
color: #517ec3;
transition: 1.5s;
}
.hp-events-section {
background: linear-gradient(to bottom, #f0f7ff, #eef1f5);
padding: 4em 0;
position: relative;
overflow-x: hidden;
}
.hp-events-section .overlay {
position: absolute;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0.4);
z-index: 1;
pointer-events: none;
}
.hp-section-titles {
text-align: center;
font-size: 2em;
margin-bottom: 2em;
position: relative;
z-index: 2;
font-weight: bold;
color: #333333;
}
.events-wrapper {
position: relative;
display: flex;
align-items: center;
}
.scrollable-events {
padding: 1em 0;
gap: 8em;
overflow-x: auto;
display: flex;
flex-wrap: nowrap;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
scrollbar-width: none;
/* Firefox */
-ms-overflow-style: none;
/* IE and Edge */
}
.scrollable-events::-webkit-scrollbar {
display: none;
}
.event-card {
background: #ffffff;
border-radius: .5em;
overflow: hidden;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
width: 220px;
flex-shrink: 0;
scroll-snap-align: start;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.event-card:hover {
transform: translateY(-7px);
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}
.event-link {
display: block;
text-decoration: none;
color: inherit;
}
.event-date {
background: linear-gradient(to bottom, #393c3e, #22323a);
color: white;
text-align: center;
padding: 1em 0.05em;
font-weight: bold;
}
.event-date {
background: linear-gradient(to bottom, #E91E63, #F44336);
background: linear-gradient(2deg, #005aa8, #560e62);
color: white;
text-align: center;
padding: .5em 0.5em 0 .5em;
margin: 0 0.01em;
}
.event-month {
font-size: 1.2em;
text-transform: uppercase;
letter-spacing: 1px;
/* color: #ffc900; */
font-weight: 300;
}
.event-day {
font-size: 2.8em;
margin-top: -.3em;
}
.event-info {
padding: 1em;
text-align: center;
font-size: .9em;
}
.event-title {
font-size: 1em;
font-weight: 300;
margin: 0;
margin-top: -0.5em;
color: #333;
padding-left: .2em;
padding-top: 1em;
}
.scroll-btn {
background: rgba(0, 86, 179, 0.6);
color: #fff;
border: none;
position: absolute;
top: 50%;
transform: translateY(-50%);
padding: 0.7em 1em;
border-radius: 50%;
cursor: pointer;
z-index: 3;
transition: background 0.3s ease;
}
.scroll-btn:hover {
background: rgba(0, 68, 148, 0.8);
}
.scroll-btn.left {
left: -20px;
}
.scroll-btn.right {
right: -20px;
}
.btn-view-all,
.btn-inline {
background: #f8a617;
/* bright accent color */
color: #fff;
padding: 0.75em 2em;
border-radius: 50px;
text-decoration: none;
transition: background 0.3s ease;
display: inline-block;
font-weight: bold;
}
.btn-view-all:hover,
.btn-inline:hover {
background: #d78d00;
}
/* Smooth scrolling for mobile */
.scrollable-events {
-webkit-overflow-scrolling: touch;
}
h3.hp-section-titles.aos-init.aos-animate {
padding-bottom: 0em;
}
p.hp-event-category {
background: #445094;
color: #FFF;
margin: .2em;
margin-top: -.5em;
text-transform: uppercase;
}
/* STYLE 2*/
p.hp-event-category {
background: #445094;
background: #0e4d9c;
color: #FFF;
margin-top: -1.8em;
text-transform: uppercase;
margin-left: 2.6em;
position: absolute;
z-index: 1;
}
.event-date {
background: linear-gradient(to bottom, #E91E63, #F44336);
color: white;
text-align: center;
padding: .5em 0.5em 0 .5em;
margin: 0 0.01em;
background: linear-gradient(2deg, #005aa8, #9C27B0);
background: linear-gradient(2deg, #005aa8, #310a38);
color: #fff;
text-align: center;
padding: .75rem .5rem;
}
.event-info {
padding: 1em;
padding-top: 0;
text-align: center;
font-size: .9em;
padding-left: 1.5em;
}
.event-title {
font-size: 1em;
font-weight: 300;
margin: 0;
margin-top: -.5em;
color: #333;
padding-left: .2em;
}
/*END STYLE 2*/
/* Responsive Adjustments */
@media (max-width: 768px) {
.event-card {
width: 220px;
}
.scroll-btn.left,
.scroll-btn.right {
display: none;
}
}
</style>
<link href="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.css" rel="stylesheet">
<div class="hp-events-section hp-section-spacer">
<div class="overlay"></div>
<div class="container">
<h3 class="hp-section-titles" data-aos="fade-up"><strong>District</strong> Events</h3>
<div class="events-wrapper position-relative">
<button class="scroll-btn left" id="scrollLeft" aria-label="Scroll Left">
<i class="fa-solid fa-chevron-left"></i>
</button>
<div class="events-carousel scrollable-events d-flex flex-nowrap overflow-hidden" id="eventScroll">
<div class="event-card flex-shrink-0" data-aos="fade-up" data-aos-delay="100">
<a href="calendars?id=2920" target="_blank" tabindex="17" class="event-link">
<div class="event-date">
<div class="event-month">Aug</div>
<div class="event-day">12</div>
</div>
<div class="event-info">
<p class="hp-event-category">School Board</p>
<p class="event-title">
Board Committee Meeting </p>
</div>
</a>
</div>
<div class="event-card flex-shrink-0" data-aos="fade-up" data-aos-delay="100">
<a href="calendars?id=2895" target="_blank" tabindex="17" class="event-link">
<div class="event-date">
<div class="event-month">Aug</div>
<div class="event-day">19</div>
</div>
<div class="event-info">
<p class="hp-event-category">School Board</p>
<p class="event-title">
Work Session </p>
</div>
</a>
</div>
<div class="event-card flex-shrink-0" data-aos="fade-up" data-aos-delay="100">
<a href="calendars?id=2896" target="_blank" tabindex="17" class="event-link">
<div class="event-date">
<div class="event-month">Aug</div>
<div class="event-day">26</div>
</div>
<div class="event-info">
<p class="hp-event-category">School Board</p>
<p class="event-title">
Business Meeting </p>
</div>
</a>
</div>
<div class="event-card flex-shrink-0" data-aos="fade-up" data-aos-delay="100">
<a href="calendars?id=2921" target="_blank" tabindex="17" class="event-link">
<div class="event-date">
<div class="event-month">Sep</div>
<div class="event-day">09</div>
</div>
<div class="event-info">
<p class="hp-event-category">School Board</p>
<p class="event-title">
Board Committee Meeting </p>
</div>
</a>
</div>
<div class="event-card flex-shrink-0" data-aos="fade-up" data-aos-delay="100">
<a href="calendars?id=2897" target="_blank" tabindex="17" class="event-link">
<div class="event-date">
<div class="event-month">Sep</div>
<div class="event-day">23</div>
</div>
<div class="event-info">
<p class="hp-event-category">School Board</p>
<p class="event-title">
Work Session </p>
</div>
</a>
</div>
<div class="event-card flex-shrink-0" data-aos="fade-up" data-aos-delay="100">
<a href="calendars?id=2898" target="_blank" tabindex="17" class="event-link">
<div class="event-date">
<div class="event-month">Sep</div>
<div class="event-day">30</div>
</div>
<div class="event-info">
<p class="hp-event-category">School Board</p>
<p class="event-title">
Business Meeting </p>
</div>
</a>
</div>
<div class="event-card flex-shrink-0" data-aos="fade-up" data-aos-delay="100">
<a href="calendars?id=2922" target="_blank" tabindex="17" class="event-link">
<div class="event-date">
<div class="event-month">Oct</div>
<div class="event-day">14</div>
</div>
<div class="event-info">
<p class="hp-event-category">School Board</p>
<p class="event-title">
Board Committee Meeting </p>
</div>
</a>
</div>
<div class="event-card flex-shrink-0" data-aos="fade-up" data-aos-delay="100">
<a href="calendars?id=2899" target="_blank" tabindex="17" class="event-link">
<div class="event-date">
<div class="event-month">Oct</div>
<div class="event-day">21</div>
</div>
<div class="event-info">
<p class="hp-event-category">School Board</p>
<p class="event-title">
Work Session </p>
</div>
</a>
</div>
<div class="event-card flex-shrink-0" data-aos="fade-up" data-aos-delay="100">
<a href="calendars?id=2900" target="_blank" tabindex="17" class="event-link">
<div class="event-date">
<div class="event-month">Oct</div>
<div class="event-day">28</div>
</div>
<div class="event-info">
<p class="hp-event-category">School Board</p>
<p class="event-title">
Business Meeting </p>
</div>
</a>
</div>
<div class="event-card flex-shrink-0" data-aos="fade-up" data-aos-delay="100">
<a href="calendars?id=2923" target="_blank" tabindex="17" class="event-link">
<div class="event-date">
<div class="event-month">Nov</div>
<div class="event-day">11</div>
</div>
<div class="event-info">
<p class="hp-event-category">School Board</p>
<p class="event-title">
Board Committee Meeting </p>
</div>
</a>
</div>
<div class="event-card flex-shrink-0" data-aos="fade-up" data-aos-delay="100">
<a href="calendars?id=2901" target="_blank" tabindex="17" class="event-link">
<div class="event-date">
<div class="event-month">Nov</div>
<div class="event-day">18</div>
</div>
<div class="event-info">
<p class="hp-event-category">School Board</p>
<p class="event-title">
Work Session </p>
</div>
</a>
</div>
<div class="event-card flex-shrink-0" data-aos="fade-up" data-aos-delay="100">
<a href="calendars?id=2902" target="_blank" tabindex="17" class="event-link">
<div class="event-date">
<div class="event-month">Dec</div>
<div class="event-day">02</div>
</div>
<div class="event-info">
<p class="hp-event-category">School Board</p>
<p class="event-title">
Business Meeting </p>
</div>
</a>
</div>
<div class="event-card flex-shrink-0" data-aos="fade-up" data-aos-delay="100">
<a href="calendars?id=2924" target="_blank" tabindex="17" class="event-link">
<div class="event-date">
<div class="event-month">Jan</div>
<div class="event-day">13</div>
</div>
<div class="event-info">
<p class="hp-event-category">School Board</p>
<p class="event-title">
Board Committee Meeting </p>
</div>
</a>
</div>
<div class="event-card flex-shrink-0" data-aos="fade-up" data-aos-delay="100">
<a href="calendars?id=2903" target="_blank" tabindex="17" class="event-link">
<div class="event-date">
<div class="event-month">Jan</div>
<div class="event-day">20</div>
</div>
<div class="event-info">
<p class="hp-event-category">School Board</p>
<p class="event-title">
Work Session </p>
</div>
</a>
</div>
<div class="event-card flex-shrink-0" data-aos="fade-up" data-aos-delay="100">
<a href="calendars?id=2904" target="_blank" tabindex="17" class="event-link">
<div class="event-date">
<div class="event-month">Jan</div>
<div class="event-day">27</div>
</div>
<div class="event-info">
<p class="hp-event-category">School Board</p>
<p class="event-title">
Business Meeting </p>
</div>
</a>
</div>
<div class="event-card flex-shrink-0" data-aos="fade-up" data-aos-delay="100">
<a href="calendars?id=2925" target="_blank" tabindex="17" class="event-link">
<div class="event-date">
<div class="event-month">Feb</div>
<div class="event-day">03</div>
</div>
<div class="event-info">
<p class="hp-event-category">School Board</p>
<p class="event-title">
Board Committee Meeting </p>
</div>
</a>
</div>
<div class="event-card flex-shrink-0" data-aos="fade-up" data-aos-delay="100">
<a href="calendars?id=2905" target="_blank" tabindex="17" class="event-link">
<div class="event-date">
<div class="event-month">Feb</div>
<div class="event-day">10</div>
</div>
<div class="event-info">
<p class="hp-event-category">School Board</p>
<p class="event-title">
Work Session </p>
</div>
</a>
</div>
<div class="event-card flex-shrink-0" data-aos="fade-up" data-aos-delay="100">
<a href="calendars?id=2906" target="_blank" tabindex="17" class="event-link">
<div class="event-date">
<div class="event-month">Feb</div>
<div class="event-day">24</div>
</div>
<div class="event-info">
<p class="hp-event-category">School Board</p>
<p class="event-title">
Business Meeting </p>
</div>
</a>
</div>
</div>
<button class="scroll-btn right" id="scrollRight" aria-label="Scroll Right">
<i class="fa-solid fa-chevron-right"></i>
</button>
</div>
<div class="text-center mt-4" data-aos="fade-up">
<a href="/calendar" class="btn btn-inline">View All Events</a>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.js"></script>
<script>
AOS.init({
duration: 800,
once: true
});
// Smooth scroll controls
const eventScroll = document.getElementById('eventScroll');
const scrollLeft = document.getElementById('scrollLeft');
const scrollRight = document.getElementById('scrollRight');
scrollLeft.addEventListener('click', () => {
eventScroll.scrollBy({
left: -300,
behavior: 'smooth'
});
});
scrollRight.addEventListener('click', () => {
eventScroll.scrollBy({
left: 300,
behavior: 'smooth'
});
});
</script><!-- END HP EVENTS SECTION -->
<!-- HP FOOTER -->
<!-- LET'S TALK PLUGIN -->
<script>
(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];window.key='WN4YXZLT@PN5G6LT';window.url='//www.k12insight.com/';if (d.getElementById(id))return;js = d.createElement(s);js.id = id;js.src = "//www.k12insight.com/Lets-Talk/LtTabJs.aspx";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'Lets-Talk'));
</script>
<script type=""application/javascript"">
$(document).ready(function(){
setTimeout(function(){
initTab();
},5000);
});
</script>
<!-- END LET'S TALK PLUGIN -->
<!-- HP BOTTOM SOCIAL BAR -->
<div class="hp-bottom-social-bar theme22">
<div class="hp-social-btns">
<a href="https://www.facebook.com/MSCSK12" target="_blank"><i class="fa-brands fa-facebook"></i></a>
<a href="https://twitter.com/MSCSK12" target="_blank"><i class="fa-brands fa-twitter"></i></a>
<a href="https://www.instagram.com/mscsk12" target="_blank"><i class="fa-brands fa-instagram"></i></a>
<a href="https://www.youtube.com/user/SCSK12Unified" target="_blank"><i class="fa-brands fa-youtube"></i></a>
<a href="https://www.linkedin.com/company/memphis-shelby-county-schools" target="_blank"><i class="fa-brands fa-linkedin"></i></a>
<!-- <a href="#" target="_blank"><i class="fa-brands fa-tiktok"></i></a> -->
</div>
</div>
<!-- END HP BOTTOM SOCIAL BAR -->
<div class="footer-container theme22">
<div class="container">
<div class="row">
<div class="col">
<address>
<p class="footer-address text-align-right-soft">Memphis-Shelby County Schools <br>
<i class="fa-solid fa-location-pin"></i> 160 S. Hollywood St.<br>
Memphis, TN 38112 <br>
<i class="fa-solid fa-phone"></i> <a href="tel:9014165300">(901) 416-5300</a><br>
</address>
<!-- Email: <a href="mailto:scshelp@scsk12.org"><i class="fa fa-envelope" aria-hidden="true" style="color:#FFF;"></i>
<span style="color:#FFF;">scshelp@scsk12.org</span>
<span class="sr-only">Email scshelp@scsk12.org</span></a> -->
</p>
</div>
<div class="col-lg-4 col-sm-12">
<!-- <img class="mscs-footer-logo" src="/img/template/footer-logo-sm.png" width="120" height="127" alt="Memphis-Shelby County Schools Logo"> -->
<img src="/img/2022/22/MSCS website logo 270px.png" class="" alt="Memphis-Shelby County Schools Logo">
</div>
<div class="col-lg-4 col-sm-12">
<!-- <h3>IMPORTANT LINKS</strong></h3> -->
<ul class="ul-accessiblity">
<li><a href="/accessibility/" style="color:#FFF;">Accessibility</a></li>
<li><a href="/search/support" target="_blank">Feedback</a></li>
<li><a href="https://go.boarddocs.com/tn/scsk12/Board.nsf/files/BR5M6Q59BF14/$file/1009%20Non-Discrimination%20Statements.pdf" target="_blank">Non-Discrimination Policy</a></li>
<li><a href="/titleix/" target="_blank">Title IX Office</a></li>
<li><a href="/hr2/page?PID=1712&PN=Choose%20MSCS&DID=244" class="gold-text">Careers/Jobs</a></li>
<!-- <li><a href="/admin/staff-directory" class="gold-text">Central Office Employee Directory</a></li> -->
<li><a href="/sitemap/" class="gold-text">Sitemap</a></li>
<li><a href="/contactmscs" class="">Contact Us</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row trending-up-footer theme22">
<div class="col">
<p class="slogan">Greatness Grows <span>Here!</span></p>
<!-- <img src="/img/24/learn lead leave a legacy.png"> -->
<p class="footer-statement">Memphis-Shelby County Schools offers educational and employment opportunities without regard to race, color, religion, sex, creed, age, disability, national origin, or genetic information.</p>
</div>
</div>
<!-- END TEMPLATE WRAPPER -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous"></script>
<!-- BACK TO TOP -->
<button id="back-top" class="btn">
<i class="fas fa-paper-plane icon"></i>
</button>
<style>
:root {
--btn-size: 3.5rem;
--btn-bg: #0055a5; /* MSCS blue */
--btn-color: #fff;
}
#back-top {
position: fixed;
bottom: 2rem;
right: 2rem;
width: var(--btn-size);
height: var(--btn-size);
border: none;
border-radius: 50%;
background: var(--btn-bg);
color: var(--btn-color);
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 0 .5rem rgba(0,0,0,0.3);
cursor: pointer;
opacity: 0;
visibility: hidden;
transition: opacity .3s, visibility .3s;
z-index: 1000;
}
#back-top:hover {
background: orange;
}
#back-top.show {
opacity: 1;
visibility: visible;
}
#back-top .icon {
font-size: 1.5rem;
transition: transform .3s;
}
/* flight animation */
#back-top.fly .icon {
animation: fly-up 1s ease-in-out forwards;
}
@keyframes fly-up {
0% {
transform: translate(0, 0) rotate(0);
}
40% {
transform: translate(-10px, -20px) rotate(-20deg);
}
70% {
transform: translate(10px, -60px) rotate(15deg);
}
100% {
transform: translate(0, -120vh) rotate(0);
}
}
</style>
<script>
$(function(){
var btn = $('#back-top');
// fade in/out
$(window).on('scroll', function(){
if ($(this).scrollTop() > 600) {
btn.addClass('show');
} else {
btn.removeClass('show');
}
});
// click handler
btn.on('click', function(){
// animate scroll
$('html, body').animate({ scrollTop: 0 }, 800);
// trigger plane launch
btn.addClass('fly');
setTimeout(function(){
btn.removeClass('fly');
}, 1000);
return false;
});
});
// SCROLL TO STUDENTS AND PARENTS SECTION
$(document).ready(function(){
$("#hpspbtn").click(function() {
$('html,body').animate({ // fine in moz, still quicker in chrome.
scrollTop: $("#studentsparents").offset().top},
'slow');
});
});
// var hpspbtn = $("#studentsparents");
//
// $(window).scroll(function () {
// $(this).scrollTop() > 100;
// });
//
// hpspbtn.click(function () {
// $("body,html").animate({
// scrollTop: 0
// }, 1000);
// setTimeout(function () {
// }, 1000);
//
// return false;
// });
var btn2 = $("#search-top");
$(window).scroll(function () {
$(this).scrollTop() > 100;
});
btn2.click(function () {
$("body,html").animate({
scrollTop: 0
}, 1000);
// $(".rocket").addClass("fly");
setTimeout(function () {
// $(".rocket").removeClass("fly");
}, 1000);
return false;
});
var btn3 = $("#search-top3");
$(window).scroll(function () {
$(this).scrollTop() > 100;
});
btn2.click(function () {
$("body,html").animate({
scrollTop: 0
}, 1000);
// $(".rocket").addClass("fly");
setTimeout(function () {
// $(".rocket").removeClass("fly");
}, 1000);
return false;
});
// const funs = new Funs();
// funs.signature();
</script>
<style>
:root {
--access-btn-size: 4rem;
--access-btn-bg: #0d6efd;
--access-btn-hover: #ff4207;
--focus-outline: 3px solid #ffcc00;
}
.access-btn {
position: fixed;
top: 40%;
right: 1rem;
width: var(--access-btn-size);
height: var(--access-btn-size);
background: var(--access-btn-bg);
color: #fff;
border: none;
border-radius: 50%;
font-size: 2.5rem;
display: flex;
align-items: center;
justify-content: center;
outline: auto;
z-index: 1055;
transition: background 0.3s, transform 0.3s;
}
.access-btn:hover,
.access-btn:focus {
background: var(--access-btn-hover);
transform: scale(1.1);
box-shadow: var(--focus-outline);
outline: auto;
}
.compliance-container.offcanvas button i {
color: #ffffff;
}
</style>
<!-- <button class="theme22 btn btn-primary compliance-btn theme22" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasLeft" aria-controls="offcanvasLeft"> <i class="fa-brands fa-accessible-icon"></i></button> -->
<button class="access-btn" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasLeft" aria-controls="offcanvasLeft" aria-label="Accessibility Menu">
<i class="fa-solid fa-universal-access"></i>
</button>
<div class="offcanvas offcanvas-end compliancepanel" tabindex="-1" data-bs-scroll="true" id="offcanvasLeft" aria-labelledby="offcanvasLeftLabel" data-bs-backdrop="false">
<div class="offcanvas-header pad-btm-0">
<!-- <h5 id="offcanvasLeftLabel">Offcanvas Left</h5> -->
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body compliance-container pad-top-0">
<h3>Website Accessibility Menu</h3>
<div class="row">
<div class="col-6">
<div class="textcontrols compliance-resizer">
<h4>Resize Text</h4>
<!-- <button role="button" id="decreasetext" <span>A-</span>
</button>
<button role="button" id="resettext">
<span>A</span>
</button>
<button role="button" id="increasetext">
<span>A+</span>
</button> -->
<button class="theme22 fontS fontsize" data-size="95%"><span>A-</span></i></button>
<button class="theme22 fontL fontsize" data-size="105%"><span>A+</span></button>
<button class="theme22 fontLL fontsize" data-size="110%"><span>A++</span></button>
<button class="theme22 fontR fontsize" data-size=""><span>Off</span></button>
<script>
$(document).ready(function() {
$(".fontS").click(function() {
// alert(1);
$("html").addClass("font-small");
$("html").removeClass("font-large");
$("html").removeClass("font-reset");
$("html").removeClass("font-extra-large");
$(".fontS").addClass("goldblack");
$(".fontLL").removeClass("goldblack");
$(".fontL").removeClass("goldblack");
});
$(".fontL").click(function() {
$("html").addClass("font-large");
$("html").removeClass("font-small");
$("html").removeClass("font-reset");
$("html").removeClass("font-extra-large");
$(".fontL").addClass("goldblack");
$(".fontS").removeClass("goldblack");
$(".fontLL").removeClass("goldblack");
});
$(".fontLL").click(function() {
$("html").addClass("font-extra-large");
$("html").removeClass("font-small");
$("html").removeClass("font-large");
$("html").removeClass("font-reset");
$(".fontLL").addClass("goldblack");
$(".fontS").removeClass("goldblack");
$(".fontL").removeClass("goldblack");
});
$(".fontR").click(function() {
// alert(3);
$("html").addClass("font-reset");
$("html").removeClass("font-large");
$("html").removeClass("font-extra-large");
$("html").removeClass("font-small");
$(".fontL").removeClass("goldblack");
$(".fontS").removeClass("goldblack");
$(".fontLL").removeClass("goldblack");
});
});
</script>
</div>
</div>
<div class="col-6">
<div class="high-contrast-container">
<div class="col">
<h4>Website Theme</h4>
<div class="custom-control custom-switch">
<!-- <input type="checkbox" name="contrastSwitch" class="custom-control-input contrast-switch width100" id="contrastSwitch"> -->
<!-- <label class="custom-control-label" for="contrastSwitch">High Contrast</label> -->
<!-- <button type="button" onclick="toggle()" class="hc-button themezer" data-theme="black">Dark</button>
<button type="button" onclick="toggle()" class="hc-button themezer" data-theme="Red">Red</button> -->
<button class="theme22 themebtn3 themezer" data-thz="#001e4c" onclick="alertbarColor()">Alternate</button>
<button class="theme22 themebtn1 themezer" data-thz="black" onclick="alertbarColor()">Dark</button>
<button class="theme22 themebtn2 themezer" data-thz="#b10202" onclick="alertbarColor()">Red</button>
<button class="theme22 themebtn4 themezer" data-thz="">Off</button>
<!-- #4941d3 purple -->
<script>
$(document).ready(function() {
$(".themebtn1").click(function() {
$(".themebtn1").addClass("goldblack");
$(".themebtn2").removeClass("goldblack");
$(".themebtn3").removeClass("goldblack");
});
$(".themebtn2").click(function() {
$(".themebtn2").addClass("goldblack");
$(".themebtn1").removeClass("goldblack");
$(".themebtn3").removeClass("goldblack");
});
$(".themebtn3").click(function() {
$(".themebtn3").addClass("goldblack");
$(".themebtn2").removeClass("goldblack");
$(".themebtn1").removeClass("goldblack");
});
$(".themebtn4").click(function() {
$(".themebtn1").removeClass("goldblack");
$(".themebtn2").removeClass("goldblack");
$(".themebtn3").removeClass("goldblack");
});
});
</script>
<!-- <button class="theme22 hlon hlzer" data-hlz="black">On</button>
<button class="theme22 hloff hlzer" data-hlz="">Off</button> -->
<!-- <link id="contrast-style" rel="stylesheet" type="text/css" href="/css/22.css" />
<script type='text/javascript'>
function toggle() {
var el = document.getElementById("contrast-style");
if (el.href.match("/css/22.css")) {
el.href = "/css/22contrast.css";
$(".hc-button").addClass("goldblack");
}
else {
el.href = "/css/22.css";
$(".hc-button").removeClass("goldblack");
}
// alert("<link> href is now: " + el.href)
}
</script> -->
</div>
</div>
</div>
<script>
// SWITCH CONTRAST
$("#contrastSwitch").on('change', function() {
// var highcontrast = '';
if ($(this).is(':checked')) {
$(this).attr('value', 'true');
// alert($(this).val());
// $.getScript("http://dev.jquery.com/view/trunk/plugins/color/jquery.color.js");
document.cookie = "contrastcookie='set'; expires=Thu, 18 Dec 2022 12:00:00 UTC";
$("head").append($("<link rel='stylesheet' href='/css/22contrast.css' type='text/css' media='screen' />"));
}
else {
$(this).attr('value', 'false');
checkCookie();
document.cookie = "contrastcookie='set'; expires=Thu, 18 Dec 2019 12:00:00 UTC";
// alert($(this).val());
// document.cookie = "contrastcookie='';
$("head").append($("<link rel='stylesheet' href='/css/22.css' type='text/css' media='screen' />"));
}
});
function setCookie(contrastcookie, cvalue, exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
var expires = "expires="+d.toUTCString();
document.cookie = contrastcookie + "=" + cvalue + ";" + expires + ";path=/";
}
function getCookie(contrastcookie) {
var name = contrastcookie + "=";
var ca = document.cookie.split(';');
for(var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') {
c = c.substring(1);
}
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
return "";
}
//function checkCookie() {
//var user = getCookie("contrastcookie");
//if (user != "") {
//// alert("high contrast mode on " + user);
//$("head").append($("<link rel='stylesheet' href='./css/high-contrast.css' type='text/css' media='screen' />"));
//$('input[contrastSwitch]').attr('checked', true);
//} else {
//$("head").append($("<link rel='stylesheet' href='./css/style.css' type='text/css' media='screen' />"));
//$('input[contrastSwitch]').attr('checked', false);
//// user = prompt("Please enter your name:", "");
//if (user != "" && user != null) {
//setCookie("contrastcookie", user, 365);
//}
//}
//}
</script>
</div>
</div>
<div class="row">
<div class="col-6">
<div class="textcontrols compliance-resizer">
<h4>Text Align</h4>
<button class="theme22 textL textaligner" data-align="left"><i class="fa-solid fa-align-left"></i></button>
<button class="theme22 textR textaligner" data-align="right"><i class="fa-solid fa-align-right"></i></button>
<button class="theme22 textC textaligner" data-align="center"><i class="fa-solid fa-align-center"></i></button>
<button class="theme22 textReset textaligner" data-align="">Off</button>
<script>
$(document).ready(function() {
$(".textL").click(function() {
// alert(1);
$("html").addClass("text-align-left");
$("html").removeClass("text-align-right");
$("html").removeClass("text-align-center");
$(".textL").addClass("goldblack");
$(".textR").removeClass("goldblack");
$(".textC").removeClass("goldblack");
});
$(".textR").click(function() {
$("html").addClass("text-align-right");
$("html").removeClass("text-align-center");
$("html").removeClass("text-align-left");
$(".textR").addClass("goldblack");
$(".textL").removeClass("goldblack");
$(".textC").removeClass("goldblack");
});
$(".textC").click(function() {
$("html").addClass("text-align-center");
$("html").removeClass("text-align-left");
$("html").removeClass("text-align-right");
$(".textC").addClass("goldblack");
$(".textR").removeClass("goldblack");
$(".textL").removeClass("goldblack");
});
$(".textReset").click(function() {
$("html").removeClass("text-align-center");
$("html").removeClass("text-align-left");
$("html").removeClass("text-align-right");
$(".textL").removeClass("goldblack");
$(".textR").removeClass("goldblack");
$(".textC").removeClass("goldblack");
});
});
</script>
</div>
</div>
<div class="col-6">
<div class="high-contrast-container">
<div class="col">
<h4>Image</h4>
<div class="custom-control custom-switch">
<button class="theme22 hpds1 hpdzer" data-hp="grayscale(1)">Grayscale</button>
<button class="theme22 hpds2 hpdzer" data-hp="contrast(2)">Contrast</button>
<button class="theme22 hpds3 hpdzer" data-hp="sephia(1)">Sepia</button>
<!-- <button class="theme22 hpds4 hpdzer" data-hp="blur(1px)">Blur</button> -->
<button class="theme22 hpdsR hpdzer" data-hp="">Off</button>
<script>
$(document).ready(function() {
$(".hpds1").click(function() {
$("body, finditfastmodal").addClass("imagebrightness1");
$("body, finditfastmodal").removeClass("imagebrightness2");
$("body, finditfastmodal").removeClass("imagebrightness3");
$("body, finditfastmodal").removeClass("imagebrightness4");
$(".hpds1").addClass("goldblack");
$(".hpds3").removeClass("goldblack");
$(".hpds4").removeClass("goldblack");
$(".hpds2").removeClass("goldblack");
});
$(".hpds2").click(function() {
$("body, finditfastmodal").addClass("imagebrightness2");
$("body, finditfastmodal").removeClass("imagebrightness3");
$("body, figureinditfastmodal").removeClass("imagebrightness1");
$("body, figureinditfastmodal").removeClass("imagebrightness4");
$(".hpds2").addClass("goldblack");
$(".hpds1").removeClass("goldblack");
$(".hpds3").removeClass("goldblack");
$(".hpds4").removeClass("goldblack");
});
$(".hpds3").click(function() {
$("body, finditfastmodal").addClass("imagebrightness3");
$("body, finditfastmodal").removeClass("imagebrightness2");
$("body, finditfastmodal").removeClass("imagebrightness1");
$("body, finditfastmodal").removeClass("imagebrightness4");
$(".hpds3").addClass("goldblack");
$(".hpds1").removeClass("goldblack");
$(".hpds2").removeClass("goldblack");
$(".hpds4").removeClass("goldblack");
});
$(".hpds4").click(function() {
$("body, finditfastmodal").addClass("imagebrightness4");
$("body, finditfastmodal").removeClass("imagebrightness3");
$("body, finditfastmodal").removeClass("imagebrightness2");
$("body, finditfastmodal").removeClass("imagebrightness1");
$(".hpds4").addClass("goldblack");
$(".hpds1").removeClass("goldblack");
$(".hpds2").removeClass("goldblack");
$(".hpds3").removeClass("goldblack");
});
$(".hpdsR").click(function() {
$("body, finditfastmodal").removeClass("imagebrightness1");
$("body, finditfastmodal").removeClass("imagebrightness2");
$("body, finditfastmodal").removeClass("imagebrightness3");
$("body, finditfastmodal").removeClass("imagebrightness4");
$(".hpds1").removeClass("goldblack");
$(".hpds2").removeClass("goldblack");
$(".hpds3").removeClass("goldblack");
$(".hpds4").removeClass("goldblack");
});
});
</script>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-6">
<div class="textcontrols compliance-resizer">
<h4>Line Height</h4>
<button class="theme22 lineH1 lizer" data-lh="1">1</i></button>
<button class="theme22 lineH2 lizer" data-lh="2">2</button>
<button class="theme22 lineH3 lizer" data-lh="3">3</button>
<button class="theme22 lineHR lizer" data-lh="">Off</button>
<script>
$(document).ready(function() {
$(".lineH1").click(function() {
$("body").addClass("line-height1");
$("body").removeClass("line-height2");
$("body").removeClass("line-height3");
$(".lineH1").addClass("goldblack");
$(".lineH2").removeClass("goldblack");
$(".lineH3").removeClass("goldblack");
});
$(".lineH2").click(function() {
$("body").addClass("line-height2");
$("body").removeClass("line-height1");
$("body").removeClass("line-height3");
$(".lineH2").addClass("goldblack");
$(".lineH1").removeClass("goldblack");
$(".lineH3").removeClass("goldblack");
});
$(".lineH3").click(function() {
$("body").addClass("line-height3");
$("body").removeClass("line-height2");
$("body").removeClass("line-height1");
$(".lineH3").addClass("goldblack");
$(".lineH2").removeClass("goldblack");
$(".lineH1").removeClass("goldblack");
});
$(".lineHR").click(function() {
$("body").removeClass("line-height1");
$("body").removeClass("line-height2");
$("body").removeClass("line-height3");
$(".lineH1").removeClass("goldblack");
$(".lineH2").removeClass("goldblack");
$(".lineH3").removeClass("goldblack");
});
});
</script>
</div>
</div>
<div class="col-6">
<div class="col">
<h4>Saturation</h4>
<div class="custom-control custom-switch">
<button class="theme22 sat5 saturizer" data-saturate="saturate(1.5)">heavy</button>
<button class="theme22 sathalf saturizer" data-saturate="saturate(.5)">light</button>
<button class="theme22 sat0 saturizer" data-saturate="saturate(0)">remove color</button>
<button class="theme22 sat1 saturizer" data-saturate="">Off</button>
<script>
$(document).ready(function() {
$(".sat5").click(function() {
$("html").addClass("saturate-5");
$("html").removeClass("saturate-1");
$("html").removeClass("saturate-0");
$("html").removeClass("saturate-half");
$(".sat5").addClass("goldblack");
$(".sat0").removeClass("goldblack");
$(".sat1").removeClass("goldblack");
$(".sathalf").removeClass("goldblack");
});
$(".sat0").click(function() {
$("html").addClass("saturate-0");
$("html").removeClass("saturate-1");
$("html").removeClass("saturate-5");
$("html").removeClass("saturate-half");
$(".sat0").addClass("goldblack");
$(".sat5").removeClass("goldblack");
$(".sat1").removeClass("goldblack");
$(".sathalf").removeClass("goldblack");
});
$(".sathalf").click(function() {
$("html").addClass("saturate-half");
$("html").removeClass("saturate-1");
$("html").removeClass("saturate-5");
$("html").removeClass("saturate-0");
$(".sathalf").addClass("goldblack");
$(".sat5").removeClass("goldblack");
$(".sat1").removeClass("goldblack");
$(".sat0").removeClass("goldblack");
});
$(".sat1").click(function() {
$("html").addClass("saturate-1");
$("html").removeClass("saturate-5");
$("html").removeClass("saturate-0");
$("html").removeClass("saturate-half");
$(".sat1").removeClass("goldblack");
$(".sat0").removeClass("goldblack");
$(".sat5").removeClass("goldblack");
$(".sathalf").removeClass("goldblack");
});
});
</script>
</div>
</div>
<!-- <div class="col">
<h4>Cursor</h4>
<div class="custom-control custom-switch">
<button class="theme22 curO">On</button>
<button class="theme22 cursOFF">Off</button>
<script>
$(document).ready(function(){
$(".curO").click(function(){
$("html").addClass("cursoron");
});
$(".cursOFF").click(function(){
$("html").removeClass("cursoron");
});
});
</script>
</div>
</div> -->
</div>
</div>
<div class="row">
<div class="col-6">
<div class="textcontrols compliance-resizer">
<h4>Font</h4>
<button class="theme22 fontstylerDyslexia lexzer" data-lexdata="'Lexend', sans-serif">Dyslexia Friendly</button>
<button class="theme22 fontstylerCursive lexzer" data-lexdata="'Caveat', cursive">Handwriting</button>
<button class="theme22 fontstylerPlayfair lexzer" data-lexdata="'Playfair Display', serif">Playfair</button>
<button class="theme22 fontstylerRobotoMono lexzer" data-lexdata="'Roboto Mono', monospace">Roboto Mono</button>
<button class="theme22 fontstyleoff lexzer" data-lexdata="">Off</button>
<script>
$(document).ready(function() {
// Function to apply font and update button state
function applyFont(fontFamily) {
$('body').css('font-family', fontFamily || '');
$('.lexzer').removeClass('goldblack');
if (fontFamily) {
$(`.lexzer[data-lexdata="${CSS.escape(fontFamily)}"]`).addClass('goldblack');
}
// Store preference in localStorage
localStorage.setItem('selectedFont', fontFamily || '');
}
// Load saved font on page load
const savedFont = localStorage.getItem('selectedFont');
if (savedFont) {
applyFont(savedFont);
}
// Click handlers
$('.lexzer').click(function() {
const fontFamily = $(this).data('lexdata');
applyFont(fontFamily);
});
});
</script>
<style>
.goldblack {
background-color: #d4a017;
/* Gold background */
color: #000;
/* Black text */
border-color: #d4a017;
}
</style>
</div>
</div>
<div class="col-6">
<div class="high-contrast-container">
<div class="col">
<h4>Highlight Links</h4>
<div class="custom-control custom-switch">
<button class="theme22 hlon hlzer" data-hlz="black">On</button>
<button class="theme22 hloff hlzer" data-hlz="">Off</button>
<script>
$(document).ready(function() {
$(".hlon").click(function() {
$("a, a.nav-link.highlightlinks, a:any-link").addClass("highlightlinks");
$(".hlon").addClass("goldblack");
});
$(".hloff").click(function() {
$("a, a.nav-link.highlightlinks, a:any-link").removeClass("highlightlinks");
$(".hlon").removeClass("goldblack");
});
// $(".cursoron").click(function(){
// $("html").addClass("cursoron");
// });
// $(".cursoroff").click(function(){
// $("html").removeClass("cursoron");
// });
});
</script>
</div>
</div>
</div>
</div>
</div>
<!-- <button class="theme22 resetallzer" data-hlz="">Reset All</button> -->
<hr />
<p class="text-align-center"><a href="http://www.scsk12.org/accessibility/" target="_blank">Website Accessibility Notice</a></p>
<script>
// COMPLIANCE COOKIE SAVER
$(document).ready(function() {
var fontsize;
$('.fontsize').on('click', function() {
fontsize = $(this).data('size');
$('html, body, h1, h2, h3, h4, h5, p, li').css('font-size', fontsize);
localStorage.setItem('font-size', fontsize);
});
fontsize = localStorage.getItem('font-size');
$('html, body, h1, h2, h3, h4, h5, p, li').css('font-size', fontsize);
var textaligner;
$('.textaligner').on('click', function() {
textaligner = $(this).data('align');
$('html, body, h1, h2, h3, h4, h5, p, li').css('text-align', textaligner);
localStorage.setItem('text-align', textaligner);
});
textaligner = localStorage.getItem('text-align');
$('html, body, h1, h2, h3, h4, h5, p, li').css('text-align', textaligner);
var lizer;
$('.lizer').on('click', function() {
lizer = $(this).data('lh');
$('body').css('line-height', lizer);
localStorage.setItem('line-height', lizer);
});
lizer = localStorage.getItem('line-height');
$('body').css('line-height', lizer);
// var hpdzer;
// $('.hpdzer').on('click', function() {
// hpdzer = $(this).data('hp');
// $('body').css('filter',hpdzer);
// localStorage.setItem('filter', hpdzer);
// });
hpdzer = localStorage.getItem('filter');
$('body, finditfastmodal').css('filter', hpdzer);
var saturizer;
$('.saturizer').on('click', function() {
saturizer = $(this).data('saturate');
$('html, body').css('filter', saturizer);
localStorage.setItem('filter', saturizer);
});
saturizer = localStorage.getItem('filter');
$('html, body').css('filter', saturizer);
// var lexzer;
// $('.lexzer').on('click', function() {
// lexzer = $(this).data('lexdata');
// $('html, body, h1, h2, h3, h4, h5, p, li, .goog-te-gadget-simple').css('font-family',lexzer);
// localStorage.setItem('font-family', lexzer);
// });
lexzer = localStorage.getItem('font-family');
$('html, body, h1, h2, h3, h4, h5, p, li, .goog-te-gadget-simple').css('font-family', lexzer);
var hlzer;
$('.hlzer').on('click', function() {
hlzer = $(this).data('hlz');
$('a').css('background-color:', hlzer);
localStorage.setItem('background', hlzer);
});
hlzer = localStorage.getItem('background');
$('a').css('background-color:', hlzer);
var themezer;
$('.themezer').on('click', function() {
themezer = $(this).data('thz');
$('.theme22').css('background', themezer);
if (themezer == '#001e4c') {
$('.announcements p, span.theme22af').css('color', '#333');
$('.announcements, span.theme22af').css('background', 'gold');
$('span.red-text.theme22b').css('color', 'gold');
$('.red-promo-btn.theme22a').css('background', 'gold');
} else if (themezer == '#b10202') {
$('.announcements p').css('color', '#fff');
$('.announcements').css('background', '#4c4c4c');
$('span.theme22af').css('color', '#333');
$('span.red-text.theme22b').css('color', '#ffb100');
$('.red-promo-btn.theme22a, span.theme22af').css('background', '#ffb100');
} else if (themezer == 'black') {
$('.announcements p').css('color', 'black');
$('.announcements').css('background', 'white');
$('span.red-text.theme22b').css('color', 'white');
$('.red-promo-btn.theme22a, span.theme22af').css('background', '#fff');
} else {
$('.announcements p, span.theme22af').css('color', '#fff');
$('.announcements').css('background', '#1b64ff');
$('span.red-text.theme22b').css('color', '#1b64ff');
$('.red-promo-btn.theme22a, span.theme22af').css('background', '#1b64ff');
}
localStorage.setItem('background', themezer);
});
themezer = localStorage.getItem('background');
$('.theme22').css('background', themezer);
if (themezer == '#001e4c') {
$('.theme22a').css('background', 'gold');
$('.theme22b, .red-text.them22b').css('color', 'gold');
$('.theme22af').css('color', '#333');
} else if (themezer == '#b10202') {
$('.theme22af, span.theme22af').css('color', '#fff');
$('.theme22b, .red-text.them22b').css('color', '#ffb100');
$('.theme22a').css('background', '#4c4c4c');
$('.red-promo-btn.theme22a').css('background', '#ffb100');
} else if (themezer == 'black') {
$('.theme22af').css('color', 'black');
$('.theme22b, .red-text.them22b').css('color', 'white');
$('.theme22a, span.theme22af').css('background', 'white');
} else {
$('.theme22af').css('color', '#fff');
$('.theme22b').css('color', '#1b64ff');
$('.theme22a').css('background', '#1b64ff');
}
// alert(themezer);
function alertBarColor() {
alert(1);
$(".announcements").addClass("gold-background");
// a = localStorage.setItem('background', 'gold');
}
});
// END COMPLIANCE COOKIE SAVER
</script>
</div>
</div><!-- END HP FOOTER -->
</div>
<script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=1&cb=627310321" async></script></body>
</html>
