{{!< 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>
    <p class="text-center lead">At each location, we supply an internet-enabled hardware switch that updates the corresponding status page here at TennisCourtsOpen.com.</p>
    <img src="pro-shop-device.jpg" alt="TennisCourtsOpen.com internet-enabled hardware device">
</div>
</br>
<div>
    <table class="table-bordered">
        {{! Make this table dynamic later when DB supports multiple locations. }}
        <th><h3>Here are the currently supported locations:</h3></th>
        <tr><td><a href="https://tenniscourtsopen.com/tt">Temple Terrace Recreation Center, clay courts</a></td></tr>
    </table>
</div>
<footer><p class="text-center">Contact Email: <mailto>info@tenniscourtsopen.com</mailto></p></footer>