<div id="splash" class="parallax-window subpage"  data-parallax="scroll" data-image-src="/img/splash/connected.jpg">
    <div class="overlay"></div>
    <div class="container" id="splash-content">
        <div class="row">
            <div class="col-sm-12">
                <h1 class="semi">Service Regions</h1>
            </div>
        </div>
    </div>
</div>

<div class="container">
    <div class="row" style="margin-top:50px;">
        <div class="col-sm-12">
            <div class="home-body-sub">
                <ul id="states">
                    <?php
                        foreach ($states as $s) {
                            echo '<li><a href="/local/state/'.strtolower($s['Abbreviation']).'">'.$s['Name'].'</a></li>';
                        }
                    ?>
                </ul>
            </div>
        </div>
    </div>
</div>