<?php
    $county = '';
    $ctr = 0;
?>
<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 in <?=$cities[0]['State']?></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">
                <h2><?=$cities[0]['State']?>, USA</h2>
                    <?php
                    echo '<ul id="cities">';
                    foreach ($cities as $c) {
                        $city = strtolower(str_ireplace(' ', '-', $c['City']));
                        $city = preg_replace("/[^A-Za-z0-9\-]/", '', $city);
                        echo '<li><a href="/local/'.strtolower($c['StateAbbr']).'/'. $city.'">'.$c['City'].'</a></li>';
                    }
                    echo '</ul>';
                    ?>
            </div>
        </div>
    </div>
</div>