<?php require_once('config.php');?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en"> 
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">
        <meta charset="utf-8">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" data-hid="viewport"/>
        <meta name="referrer" content="always"/>
        <meta name="google-site-verification" content="" />
        <meta name="yandex-verification" content="" />
        <meta name="msvalidate.01" content="" />
        <meta name="robots" content="index,follow"/>
        <title itemprop="name"><?php echo '' . htmlspecialchars($_GET["live"]) . ''; ?> - NFHS Network</title>
        <meta property="og:description" content="<?php echo $meta_description;?>">
        <meta property="og:title" content="<?php echo $meta_title;?>" />
        <meta property="og:description" content="<?php echo $meta_description;?>">
        <meta property="og:image" content="https://i.imgur.com/cG53cCn.jpg" />
        <link rel="icon" type="image/x-icon" href="os-content/themes/sports/img/favicon.ico"/>
        <meta name="description"
        content="<?php echo $meta_title;?>">
        <meta property="og:title" content="<?php echo $meta_title;?>" />
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800" async>
    <link rel="stylesheet" href="os-content/themes/sports/css/bootstrap.min.css">
    <link rel="stylesheet" href="os-content/themes/sports/css/bootstrap-datepicker3.min.css">
    <link rel="stylesheet" href="os-content/themes/sports/css/icon-fonts.css" async>
    <link rel="stylesheet" href="os-content/themes/sports/css/style.css">
    <script src="os-content/themes/sports/js/jquery-3.6.0.min.js"></script>
    <script src="os-content/themes/sports/js/bootstrap.bundle.min.js"></script>
    <script src="os-content/themes/sports/js/bootstrap-datepicker.min.js"></script>
    <script src="../cdnjs.cloudflare.com/ajax/libs/Glide.js/3.0.2/glide.js"></script>
    <script src="os-content/themes/sports/js/main.js"></script>
      </head>
  <body class="">
    <div><!---->
        <div id="__layout">
            <div id="nfhs-container">
                <a href="#main-content" class="sr-hidden">Skip to page content</a> 
                <header id="header-dark">
                    <nav id="nav-dark">
                        <div class="primary-nav-container">
                            <div class="nav-left">
                                <a href="<?php echo $url_web;?>" aria-current="page" title="NFHS Network Home" class="main-nav logo nuxt-link-exact-active nuxt-link-active">
                                    <img src="os-content/themes/sports/img/nfhs-logo-outline.svg" alt="NFHS Network logo">
                                </a> 
                                <div class="main-nav hamburger-wrapper">
                                    <button class="hamburger navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglemain" aria-controls="navbarTogglemain" aria-expanded="false" aria-label="Toggle navigation"></button>
                                </div> 
                                <a href="signup.php" name="watch events" class="main-nav watch-events">
                                    Watch Events
                                    <span class="live-events" >147 Live</span>
                                </a> 
                                <div class="search-wrapper search-main">
                                    <form action="" method="POST" class="nav-search">
                                        <label for="search" class="sr-hidden">Search by typing your school, event, association</label> 
                                        <input type="text" name="s" id="srch-term" autocomplete="off" placeholder="Search..." value=""> 
                                        <div class="search-icon"></div> 
                                    </form>
                                </div>
                            </div> 
                            <div class="nav-right">
                                <button><a href="signup.php" name="subscribe" class="subscribe">Subscribe<span class="subscribe-now"> Now</span></a></button> 
                                <div class="nav-account unauthenticated">
                                    <a class="log-in" href="signup.php" name="subscribe">Log In</a>
                                </div>
                            </div>
                        </div>
                    </nav> 
                    <div class="browse-container collapse" id="navbarTogglemain">
                        <div class="browse-options" >
                            <div class="browse-top" >
                                <div class="submenu-header-wrapper" >
                                    <div class="search-wrapper search-mobile" >
                                        <form action="" method="POST" class="nav-search">
                                            <label for="search" class="sr-hidden">Search by typing your school, event, association</label> 
                                            <input type="text" name="s" id="srch-term" autocomplete="off"  placeholder="Search..." value=""> 
                                            <div class="search-icon"></div> 
                                        </form> <!---->
                                    </div> 
                                    <div type="button" role="button" class="base-button keyboard-enter close-button" onclick="mynavbarTogglemain()">
                                        <div class="mouse-click"></div>
                                    </div>
                                </div>
                            </div> 
                            <div class="fade-top" ></div> 
                            <div class="overlay" style="display:none;" ></div> 
                            <div id="browse-page" class="browse-page scrollbar" >
                                <div class="browse-list"  >
                                    <a href="watch-events.html" name="watch events" class="submenu-nav watch-events" >
                                        Watch Events
                                                                                <span class="live-events" >147 Live</span>
                                                                            </a> 
                                    <div class="header main-menu" >
                                        <p >Main Menu</p> 
                                        <div type="button" role="button" class="base-button keyboard-enter close-button" onclick="mynavbarTogglemain()">
                                            <div class="mouse-click"></div>
                                        </div>
                                    </div> 
                                    <p class="header browse" >Browse:</p> 
                                    <ul>
                                        <div class="option-container dropend">
                                            <li role="button" class="browse-option option-button">
                                                <a href="find-schools.php?live=Find+Your+School" class="browse-option-link">
                                                    <div class="option-wrapper"><span class="option-name">Find Your School</span><span class="arrow first-option"></span></div>
                                                </a>
                                            </li>
                                        </div>
                                        <div class="option-container dropend">
                                            <li role="button" class="browse-option option-button">
                                                <a href="sports-events.php?live=High+Schools+Sports" class="browse-option-link">
                                                    <div class="option-wrapper"><span class="option-name">Sports</span><span class="arrow first-option"></span></div>
                                                </a>
                                            </li>
                                        </div>
                                        <div class="option-container dropend">
                                            <li role="button" class="browse-option option-button">
                                                <a href="sports-events.php?live=Watch+Events" class="browse-option-link">
                                                    <div class="option-wrapper"><span class="option-name">Events</span><span class="arrow first-option"></span></div>
                                                </a>
                                            </li>
                                        </div>
                                        <div class="option-container dropend">
                                            <li role="button" class="browse-option option-button">
                                                <a href="states.php?live=High+Schools+States" class="browse-option-link">
                                                    <div class="option-wrapper"><span class="option-name">States</span><span class="arrow first-option"></span></div>
                                                </a>
                                            </li>
                                        </div>
                                        <div class="option-container dropend">
                                            <li role="button" class="browse-option option-button">
                                                <a href="associations.php?live=High+Schools+Sports+and+Activity+Association" class="browse-option-link">
                                                    <div class="option-wrapper"><span class="option-name">State Associations</span><span class="arrow first-option"></span></div>
                                                </a>
                                            </li>
                                        </div>
                                        <div class="option-container dropend">
                                            <li role="button" class="browse-option option-button">
                                                <a href="playoffs.php?live=Watch+High+School+Sports+Playoffs" class="browse-option-link">
                                                    <div class="option-wrapper"><span class="option-name">Playoffs</span><span class="arrow first-option"></span></div>
                                                </a>
                                            </li>
                                        </div>
                                        <div class="option-container dropend">
                                            <li role="button" class="browse-option option-button">
                                                <a href="match.php" class="browse-option-link">
                                                    <div class="option-wrapper"><span class="option-name">Match</span><span class="arrow first-option"></span></div>
                                                </a>
                                            </li>
                                        </div>
                                        <div class="option-container dropend">
                                            <li role="button" class="browse-option option-button">
                                                <a href="shorten.php" class="browse-option-link">
                                                    <div class="option-wrapper"><span class="option-name">Shorten</span><span class="arrow first-option"></span></div>
                                                </a>
                                            </li>
                                        </div>
                                        <div class="submenu-bottom-links">
                                            <ul>
                                                <div class="option-container subscribe">
                                                    <li class="browse-option option-button">
                                                        <a href="signup.php" class="option-name">
                                                            Subscribe Now
                                                        </a>
                                                    </li>
                                                </div>
                                                <div class="option-container">
                                                    <li class="browse-option option-button">
                                                        <a href="signup.php" class="option-name">
                                                            Log In
                                                        </a>
                                                    </li>
                                                </div>
                                            </ul>
                                        </div>
                                    </ul>
                                    <div class="submenu-footer-logo" >
                                        <a href="<?php echo $url_web;?>" aria-current="page" class="nuxt-link-exact-active nuxt-link-active" >
                                            <img src="os-content/themes/sports/img/horizontal-logo-no-banner.svg" alt="NFHS Network logo" class="logo" >
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div> 
                    <div class="browse-overlay" style="display:none;"></div> 
                </header>        <div id="page">