{{!< default}}

<div style="background: url(banner-bg.jpg) no-repeat center center; background-size: cover; color: #fff" class="jumbotron">
    <h1 class="text-center"><b>Are the courts open?</b></h1>
</div>
<hr></hr>
<h2 class="text-center">What's the <em>QUICKEST</em> way to know if the courts are open?:</br><strong>TennisCourtsOpen.com</strong></h2>
<hr></hr>
<div class="row">
    <div class="col-md-2">
        <img src="pro-shop-device.jpg" alt="TennisCourtsOpen.com internet-enabled hardware device" class="img-thumbnail">
    </div>
    <div class="col-md-10">
        <p class="lead">At each location, we supply an internet-enabled physical switch to update status pages here at TennisCourtsOpen.com.</p>
        <p class="lead">Want to sign on as another TennisCourtsOpen.com location? <a href="mailto:info@tenniscourtsopen.com">Email us.</a></p>
        <table class="table lead">
            {{! Make this table dynamic later when DB supports multiple locations. }}
            <th>Here are the currently supported locations:</th>
            <tr><td><a href="https://tenniscourtsopen.com/tt">Temple Terrace Recreation Center, clay courts</a></td></tr>
        </table>
    </div>
</div>