<?php include('header.php');?>
<div id="page">
        <div id="main-content">
            <div id="content" class="clearfix">
                <div class="region region-content">
                    <div id="block-system-main" class="block block-system">
                        <div class="profile-page">
                            <div>
                                <div class="header-wrapper-background" style="background-color: #334c9a;"></div>
                                <div class="header-wrapper">
                                    <div class="follow-button mobile button transparent icon">
                                        <button>
                                            <a href="signup.php">
                                            <span class="icon">
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="18" width="18">
                                                    <path fill="#fff" fill-rule="evenodd" d="M12 15.65l3.762 2.228-.998-4.193 3.272-2.78-4.305-.358L12 6.542l-1.73 4.005-4.306.358 3.272 2.78-.998 4.193L12 15.651zm0 2.325L5.202 22l1.804-7.585L1 9.311l7.909-.657L12 1.5l3.091 7.154L23 9.31l-6.006 5.104L18.798 22 12 17.975z"></path>
                                                </svg>
                                            </span>
                                            </a>
                                        </button>
                                    </div>
                                    <div class="profile-logo">
                                        <a href="https://sports10.deqila.id/association/1efd319081/rhode-island-interscholastic-league" aria-current="page" class="nuxt-link-exact-active nuxt-link-active">
                                            <img src="os-content/themes/sports/img/nfhs-logo-outline.svg" alt="NFHS Network logo" />
                                        </a>
                                    </div>
                                    <div class="profile-name mobile">
                                        <!-- Title-->            
                                 <h2>
                                    <?php
                                    // if isset $_GET['live'] then show the title else show "Lve Stream"
                                    if (isset($_GET['live'])) {
                                        echo $_GET['live'];
                                    } else {
                                        echo "";
                                    }
                                    ?> Sports
                                </h2>
                                 <!-- Title-->
                                        <span class="sub-text">Streaming Live &amp; On Demand</span>
                                        <span class="location"> </span>
                                    </div>
                                    <div class="profile-actions">
                                        <div class="desktop button transparent border block">
                                            <button id="follow-toggle">
                                                <a style="color:#fff" href="signup.php">
                                                <span class="icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26">
                                                        <path fill="#fff" fill-rule="evenodd" d="M12 15.65l3.762 2.228-.998-4.193 3.272-2.78-4.305-.358L12 6.542l-1.73 4.005-4.306.358 3.272 2.78-.998 4.193L12 15.651zm0 2.325L5.202 22l1.804-7.585L1 9.311l7.909-.657L12 1.5l3.091 7.154L23 9.31l-6.006 5.104L18.798 22 12 17.975z"></path>
                                                    </svg>
                                                </span>
                                                <span class="text">Follow</span>
                                                </a>
                                            </button>
                                        </div>
                                        <div class="button transparent border block">
                                            <button>
                                                <a style="color:#fff" href="signup.php">
                                                <span class="text">Subscribe</span>
                                                </a>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="profile-name desktop">
                                        <!-- Title-->            
                                 <h2>
                                    <?php
                                    // if isset $_GET['live'] then show the title else show "Lve Stream"
                                    if (isset($_GET['live'])) {
                                        echo $_GET['live'];
                                    } else {
                                        echo "";
                                    }
                                    ?> Sports
                                </h2>
                                 <!-- Title-->
                                        <span class="sub-text">Streaming Live &amp; On Demand</span>
                                        <span class="location"> </span>
                                    </div>
                                    <div class="profile-social">
                                        <a href="https://www.facebook.com/NFHSNetwork" rel="noopener" target="_blank" class="icon-facebook">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
                                                <path fill="#FFF" fill-opacity=".6" fill-rule="evenodd" d="M24 0v24H0V0h24zM10.453 20h2.924v-7.292h2.476l.368-2.853h-2.827V8.038c0-.825.23-1.384 1.413-1.384h1.496V4.11a20.959 20.959 0 0 0-2.19-.11c-2.172 0-3.66 1.327-3.66 3.76v2.099H8v2.853h2.453V20z"></path>
                                            </svg>
                                        </a>
                                        <a href="https://twitter.com/NFHSNetwork" rel="noopener" target="_blank" class="icon-twitter">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
                                                <path fill="#FFF" fill-opacity=".6" fill-rule="evenodd" d="M24 0H0v24h24V0zm-5.267 8.685v.458c0 4.342-3.314 9.372-9.372 9.372-1.828 0-3.542-.572-5.028-1.486h.8c1.486 0 2.972-.572 4.115-1.372-1.485 0-2.628-1.028-3.085-2.285.228 0 .457.115.572.115.342 0 .572 0 .914-.115-1.485-.343-2.628-1.6-2.628-3.2.458.228.915.343 1.486.457-.915-.8-1.486-1.714-1.486-2.857 0-.572.115-1.143.458-1.6 1.6 1.943 4 3.315 6.742 3.428 0-.228-.114-.457-.114-.8a3.317 3.317 0 0 1 3.314-3.315c.915 0 1.828.343 2.4 1.028.8-.114 1.486-.457 2.058-.8-.228.8-.8 1.372-1.486 1.828.686-.114 1.258-.228 1.943-.572a7.718 7.718 0 0 1-1.603 1.716z"></path>
                                            </svg>
                                        </a>
                                        <a href="https://www.instagram.com/NFHSNetwork/" rel="noopener" target="_blank" class="icon-instagram">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
                                                <path fill="#FFF" fill-opacity=".6" fill-rule="evenodd" d="M24 0H0v24h24V0zm-4 2.667a1.334 1.334 0 1 1-.001 2.667A1.334 1.334 0 0 1 20 2.667zm-8 2.666a6.667 6.667 0 1 1-.001 13.335A6.667 6.667 0 0 1 12 5.333zM12 8a4 4 0 1 0 0 8 4 4 0 0 0 0-8z"></path>
                                            </svg>
                                        </a>
                                        <a href="https://www.youtube.com/user/PlayOnNetwork" rel="noopener" target="_blank" class="icon-youtube">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
                                                <path fill="#FFF" fill-opacity=".6" fill-rule="evenodd" d="M20 0v20H0V0h20zm-6.603 3.413a3.439 3.439 0 0 0-2.26 1.026L8.703 6.875c.383-.385 1.803-.12 2.147.224l1.475-1.474c.326-.327.735-.527 1.154-.545.284-.014.687.046 1.041.4.33.331.4.716.4.978 0 .439-.2.876-.544 1.218l-2.564 2.58c-.645.645-1.627.698-2.196.129a.842.842 0 0 0-1.186 0 .84.84 0 0 0 0 1.186 3.012 3.012 0 0 0 2.148.88c.857 0 1.733-.35 2.404-1.025l2.58-2.564c.655-.653 1.026-1.526 1.026-2.404 0-.815-.309-1.59-.882-2.163a3.028 3.028 0 0 0-2.308-.882zM9.423 7.548c-.857 0-1.747.353-2.42 1.026L4.44 11.138c-.655.653-1.026 1.526-1.026 2.404 0 .815.309 1.59.882 2.163a3.028 3.028 0 0 0 2.308.882 3.439 3.439 0 0 0 2.26-1.026l2.435-2.436c-.385.385-1.803.12-2.147-.224l-1.475 1.474c-.326.327-.735.525-1.154.545a1.341 1.341 0 0 1-1.041-.4c-.33-.331-.4-.718-.4-.978 0-.439.2-.876.544-1.218l2.564-2.58c.645-.645 1.627-.696 2.196-.129a.84.84 0 0 0 1.186 0 .84.84 0 0 0 0-1.186 3.015 3.015 0 0 0-2.148-.88z"></path>
                                            </svg>
                                        </a>
                                    </div>
                                                                    </div>
                                <div>
                                    <div class="category-container">
                                        <ul class="categories">
                                            <li data-selector="events" class="category-link is-active">
                                                <a href="#events">Events 
                                                <span class="live-total">👁️‍🗨️Live</span>
                                                </a>
                                            </li>
                                            <li data-selector="sports" class="category-link"><a href="#sports">Sports</a></li>
                                            <li data-selector="schools" class="category-link"><a href="#schools">Schools</a></li>
                                            <li data-selector="profile-details" class="category-link"><a href="#profile-details">Details &amp; Contact</a></li>
                                        </ul>
                                    </div>
                                    <link rel="stylesheet" href="os-content/themes/sports/css/styles.css">
                                <script src='os-content/themes/sports/js/video.js'></script>
                            <div class="event-page">
                                <div> 
                                    </div>
                                    <div class="event-stream-container">
                                        <div class="stream-wrapper">
                                            <div class="teams-component">
                                                    <div class="">
                                                    <div class="col-logo">   
                                                    </div>
                                                    <div class="col-details">
                                                            <div class="col-name">  
                                                            </div>
                                                            <div class="col-specifics">
                                                        </div>
                                                     </div>
                                                </div>
                                                <div class="">
                                                    <div class="col-logo">
                                                    </div>
                                                    <div class="col-details"> 
                                                     <div class="col-specifics">    
                                                  </div>
                                                </div>
                                                </div>
                                             </div>

                                      <!-- Vid Content -->
                                            <div class="break"></div>
                                            <div class="player-wrapper">
                                                <div class="player-component ui-player-container delayed">
                                                    <div class="player center-block" id="player" height="100%" width="100%" style="display: block;margin: 20px auto;">
                                                                                                                                                            <style>.hidden{display:none}.popup-time {width: 100%;height: 100%;}.percent-container {position: absolute;width: 200px;height: 100px;margin: auto;top: 0;bottom: 0;left: 0;right: 0;}.percent-container p {color: #c5c5c5;text-align: center;width: 100%;font-size: 0.9em;}.loader {width: 80px;}.popup-time p {position: absolute;left: 50%;top: 45%;width: 80%;margin-left: -40%;font-size: 1.4em;font-weight: 600;color: #fff;text-align: center;}@media only screen and (max-width: 800px) {.popup-time p {top: 43%;}}@media only screen and (max-width: 767px) {.avatar_comment {display: none;}}@media only screen and (max-width: 500px) {.popup-time p {top: 41%;font-size: 1.1em;}}@media only screen and (max-width: 380px) {.popup-time p {top: 39%;}}.popup-container {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;height: 100%;width: 100%;padding: 10px;}.popup-container .popup-text {font-family: Verdana, Geneva, sans-serif;width: 80%;height: 125px;font-size: 1.7em;color: #fff;margin: auto;margin-top: 160px;text-align: center;line-height: 1.3;}@media only screen and (max-width: 1024px) {.popup-container .popup-text {font-size: 1.6em;height: 115px;margin-top: 120px;margin-bottom: 1em;}}@media only screen and (max-width: 800px) {.popup-container .popup-text {font-size: 1.4em;width: 82%;height: 90px;margin-top: 100px;}}@media only screen and (max-width: 639px) {.popup-container .popup-text {font-size: 1.2em;width: 88%;height: 80px;margin-top: 70px;}}@media only screen and (max-width: 500px) {.popup-container .popup-text {font-size: 1.1em;width: 95%;height: 72px;margin-top: 50px;}}@media only screen and (max-width: 380px) {.popup-container .popup-text {font-size: .9em;height: 60px;margin-top: 33px;line-height: 1.2;}}</style>
                                                    <div class="pseudo-player-component" style="background:url(https://i.imgur.com/NyoJKTa.png) no-repeat center;background-size: cover;z-index: 2;">
                                                        <div class="overlay" style="z-index: 1;"></div>
                                                        <div class="content">
                                                            <div class="event-details" style="z-index: 3;">
                                                                <div class="event-info">
                                                                    <div class="percent-container js-percent-container">
                                                                        <p><img class="loader" src="os-content/themes/sports/img/video-throbber.gif" alt=""></p>
                                                                        <p class="percent">Connecting</p>
                                                                    </div>
                                                                    <div class="popup-time hidden js-time-container">
                                                                        <p class="mt-3">Starts in <span id="countdown">00:00</span></p>
                                                                    </div>
                                                                    <div class="popup-container hidden js-register-container">
                                                                        <div class="popup-text">Create a Free account now.<br>to watch this event LIVE, or Sign In</div>
                                                                        <a href="signup.php" class="btn btn-primary">Subscribe Now</a>
                                                                    </div>
                                                                    <script src="os-content/themes/sports/js/js.js"></script>
                                                                </div>
                                                            </div>
                                                            <!---->
                                                        </div>
                                                        <!---->
                                                    </div>
                                                 </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                     <!-- Vid Content -->
                                    <div class="event-details-component">
                                        <div class="event-detail-section event-info-section">
                                            <div class="event-header border-bottom">
                                           <div class="event-top-header">
                                         <div class="sport-info">                                                                 
                                         </div>
                                    </div>
                                    <!-- Title-->            
                                <h5>
                                Watch Live Every <?php
                                    // if isset $_GET['live'] then show the title else show "Lve Stream"
                                    if (isset($_GET['live'])) {
                                        echo $_GET['live'];
                                    } else {
                                        echo "";
                                    }
                                    ?> Events
                                </h5>
                                 <!-- Title-->                           
                                                <div class="date-time-location">
                                                    
                                                    <div class="location">Stream High School Sports Live Channels & On-Demand On Any Device, Anywhere For Free</div>
                                                </div>
                                            </div>
                                            <div class="event-details">
                                                <ul class="additional-ctas">
                                                    <li>
                                                        <button style="background: transparent;width: 100%;max-width: 100%;"><a style="color:#fff;width: 100%;max-width: 100%;" href="signup.php" class="btn btn-primary">Watch Later</a></button>
                                                    </li>
                                                    <li>
                                                        <button style="background: transparent;width: 100%;max-width: 100%;"><a style="color:#fff;width: 100%;max-width: 100%;" href="signup.php" class="btn btn-outline-primary">Download HD</a></button>
                                                    </li>
                                                    <!---->
                                                </ul>
                                                <div class="description">
                                                        <div class="text">
                                                        <div>
                                                            <div class="content" style="line-height: 21px;"><p>- Full access to Live regular season and post-season sporting events</p></div>
                                                            <div class="content" style="line-height: 21px;"><p>- Immediate access to events when they are available On Demand</p></div>
                                                            <div class="content" style="line-height: 21px;"><p>- Support for participating school's programs</p></div>
                                                        </div>
                                                    </div>
                                                     <p class="producer">
                                                        Produced by
                                                        <a href="signup.php" class="">NFHS Network</a>
                                                    </p>
                                                </div>
                                            </div>
                                            <div class="publisher-section">
                                                <div class="publisher-wrapper">
                                                    <div class="publisher">
                                                        <img src="os-content/themes/sports/img/nfhs-logo-outline.png" alt=" NFHS Network" class="publisher-logo" />
                                                        <div class="publisher-text">
                                                            <div>Published by</div>
                                                            <a href="signup.php" class="publisher-link">
                                                                NFHS Network   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="arrow-icon">
                                                                    <path fill-rule="evenodd" d="M9 17.082L13.83 12 9 6.918l1.585-1.668L17 12l-6.415 6.75z"></path>
                                                                </svg>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div id="page">                            
            <div id="main-content">
                <div id="content" class="clearfix">
                    <div class="region region-content">
                        <div id="block-system-main" class="block block-system">
                            <div>
                                <div>
                                    <div class="main-wrapper">
                                            <div class="feature-section">
                                                <div class="feature-wrapper">
                                                    <div class="glide glide--ltr glide--carousel glide--swipeable">
                                                        <div data-glide-el="track" class="glide__track">
                                                            <ul class="glide__slides">
                                                            </div>
                                                        <div data-glide-el="controls[nav]" class="glide__bullets">
                                                        </div>
                                                    </div>
                                                </div> 
                                            <div class="">
                                                <div class="">
                                                    <div class="">
                                                   
                                                    </div> 
                                                  
                                                </div> 
                                                <div class="">
                                                    <div class="">
                                                        <div class="">
                                                        <p class=""></p> 
                                                    
                                                        </div> 
                                                        <div class=""></div> 
                                                        <div class="">
                                                         <p class=""></p> 
                                                         
                                                        </div>
                                                    </div>
                                                </div>
                                            </div> 
                                            </div> 
                                            <div class="subscribe-banner">
                                                <h3 class="subscribe-header">Get unlimited access to all of our video content</h3> 
                                                <p class="subscribe-description">Become a subscriber to watch your favorite high school games from across the country Live and On Demand on any device.</p> 
                                                <a href="signup.php" class="base-button keyboard-enter subscribe-button" style="width:158px;">
                                                    <div class="mouse-click">Subscribe Now</div>
                                                </a>
                                            </div> 
                                            <div class="sports-container">
                                                <h2>Top Sports on the NFHS Network</h2> 
                                                <div class="sports-wrapper" style="margin-top: 20px;">
                                                                                <a href="hs-baseball.php?live=Watch+Every+High+School+Baseball+Game+Live" class="sports-category"><span aria-hidden="true" class="sport-icon"><img src="os-content/themes/sports/img/baseball%40200px.png"></span><span class="sport-name">Baseball</span></a>
                                                                                <a href="hs-basketball.php?live=Watch+Every+High+School+Basketball+Game+Live" class="sports-category"><span aria-hidden="true" class="sport-icon"><img src="os-content/themes/sports/img/basketball%40200px.png"></span><span class="sport-name">Basketball</span></a>
                                                                                <a href="hs-beachvolleyball.php?live=Watch+Every+High+School+Beach+Volleyball+Game+Live" class="sports-category"><span aria-hidden="true" class="sport-icon"><img src="os-content/themes/sports/img/volleyball%40200px.png"></span><span class="sport-name">Beach Volleyball</span></a>
                                                                                <a href="hs-fieldhockey.php?live=Watch+Every+High+School+Field+hockey+Game+Live" class="sports-category"><span aria-hidden="true" class="sport-icon"><img src="os-content/themes/sports/img/icehockey@200px.png"></span><span class="sport-name">Field Hockey</span></a>
                                                                                <a href="hs-flagfootball.php?live=Watch+Every+High+School+Flag+Football+Game+Live" class="sports-category"><span aria-hidden="true" class="sport-icon"><img src="os-content/themes/sports/img/football%40200px.png"></span><span class="sport-name">Flag Football</span></a>
                                                                                <a href="hs-football.php?live=Watch+Every+High+School+Football+Game+Live" class="sports-category"><span aria-hidden="true" class="sport-icon"><img src="os-content/themes/sports/img/football%40200px.png"></span><span class="sport-name">Football</span></a>
                                                                                <a href="hs-hockey.php?live=Watch+Every+High+School+Hockey+Game+Live" class="sports-category"><span aria-hidden="true" class="sport-icon"><img src="os-content/themes/sports/img/icehockey@200px.png"></span><span class="sport-name">Hockey</span></a>
                                                                                <a href="hs-lacrosse.php?live=Watch+Every+High+School+Lacrosse+Game+Live" class="sports-category"><span aria-hidden="true" class="sport-icon"><img src="os-content/themes/sports/img/lacrosse.png"></span><span class="sport-name">Lacrosse</span></a>
                                                                                <a href="hs-soccer.php?live=Watch+Every+High+School+Soccer+Game+Live" class="sports-category"><span aria-hidden="true" class="sport-icon"><img src="os-content/themes/sports/img/soccer%40200px.png"></span><span class="sport-name">Soccer</span></a>
                                                                                <a href="hs-softball.php?live=Watch+Every+High+School+Softball+Game+Live" class="sports-category"><span aria-hidden="true" class="sport-icon"><img src="os-content/themes/sports/img/baseball%40200px.png"></span><span class="sport-name">Softball</span></a>
                                                                                <a href="hs-volleyball.php?live=Watch+Every+High+School+Volleyball+Game+Live" class="sports-category"><span aria-hidden="true" class="sport-icon"><img src="os-content/themes/sports/img/volleyball%40200px.png"></span><span class="sport-name">Volleyball</span></a>
                                                                                <a href="hs-waterpolo.php?live=Watch+Every+High+School+Water+Polo+Game+Live" class="sports-category"><span aria-hidden="true" class="sport-icon"><img src="os-content/themes/sports/img/waterpolo.png"></span><span class="sport-name">Water Polo</span></a>
                                                                                <div class="clear"></div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div> 
                                                             </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                         </div>  
                                     </div> 
                                  </div> 
                              </div> 
                          </div> 
                       </div> 
                     <?php include('footer.php');?>