{% extends '@App/uibase/main/one-col-base.html.twig' %}

{% block content %}
<!-- 
<img id="homeimg" src="{{ asset('/images/front_page_image.jpg') }}" alt="" usemap="#image-map" />

<map name="image-map">
    <area target="" alt="Get a Quote" title="Get a Quote" href="contact-quotes" coords="880,422,571,384" shape="rect">
    <area target="" alt="Get a Consultation" title="Get a Consultation" href="contact-quotes" coords="879,482,571,445" shape="rect">
    <area target="" alt="Place an Order" title="Place an Order" href="print" coords="570,510,880,549" shape="rect">
</map>
-->

<style> 
    .front-style1 button {
        display: block;
        margin-top: 2.5em;
        padding: 10px;
        width: 90%;
        border: none;
        background: #37b297;
        color: #ffffff;
        /* color: #f9f6e5;*/
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 800;
        font-size: 12px;
    }
    
    .front-style2 button {
        display: block;
        margin-top: 2.5em;
        padding: 10px;
        width: 90%;
        border: none;
        background: #f06c58;
        color: #ffffff;
        /* color: #f9f6e5;*/
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 800;
        font-size: 12px;
    }
</style>

<center>
    <table cellpadding="10" cellspacing="10">
        <tr>
            <td align="right" style="vertical-align: middle;">
                <div class="front-style1">
                    <button type="button" id="btnQuote" onclick="location.href = 'contact-quotes';">GET A FREE QUOTE</button>
                </div>
            </td>
            <td  align="center" style="vertical-align: middle;">
                <div class="front-style1">
                    <button type="button" id="btnConsult" onclick="location.href = 'contact-quotes';">GET A CONSULTATION</button>
                </div>
            </td>
            <td  align="left" style="vertical-align: middle;">
                <div class="front-style2">
                    <button type="button" id="btnPrint" onclick="location.href = 'print';">PLACE AN ORDER</button>
                </div>
            </td>
        </tr>
        <tr>
            <td colspan="3" align="center" style="vertical-align: middle;">
                <img id="homeimg" src="{{ asset('/images/front_page_image.jpg') }}" alt="" />
            </td>
        </tr>
    </table>
</center>

{% endblock %}