{% extends 'theme.html.twig' %}

{% block title %}Contact Us - {{ parent() }}{% endblock %}

{% block body %}


    <div class="dilevars-page-title d-flex align-items-center  header-layout-2 title-align-center title-color-white">
    <div class="dilevars-page-title-layer container">
        <div class="row">
            <div class="col-md-12">            
                <h1 class="page-title">
                    Request a Quote                </h1>
                                    <div class="page-breadcrumbs">
                    <div class="breadcrumb"><a href="#">Home</a> > <span class="current">Request a Quote</span></div>                    </div>
                                </div>                
        </div>
    </div>
</div>

<div id="content" class="site-content">        
    <div data-elementor-type="wp-page" data-elementor-id="1357" class="elementor elementor-1357">
                        <div class="elementor-inner">
                <div class="elementor-section-wrap">
                                
            
<!--
                <section class="elementor-section elementor-top-section elementor-element elementor-element-41b7409 elementor-section-boxed elementor-section-height-default elementor-section-height-default cd-bg-color-transparent" data-id="41b7409" data-element_type="section">
                        <div class="elementor-container elementor-column-gap-no">
                            <div class="elementor-row">
                    <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1326a7d cd-bg-color-transparent" data-id="1326a7d" data-element_type="column">
            <div class="elementor-column-wrap elementor-element-populated">
                            <div class="elementor-widget-wrap">
                        <div class="elementor-element elementor-element-5ee3d5d elementor-widget elementor-widget-dilevars-clients" data-id="5ee3d5d" data-element_type="widget" data-widget_type="dilevars-clients.default">
                <div class="elementor-widget-container">
                    <div class="dilevars-elementor-widget dilevars_clients_wrapper client-layout-slider client-style-1 column-5">
            <div class="owl-carousel owl-theme" data-owl_options="{&quot;items&quot;:&quot;5&quot;,&quot;loop&quot;:&quot;&quot;,&quot;margin&quot;:50,&quot;nav&quot;:&quot;&quot;,&quot;dots&quot;:&quot;&quot;,&quot;smartSpeed&quot;:1000,&quot;navText&quot;:[&quot;&lt;i class=&#039;flaticon-left-arrow&#039;&gt;&lt;\/i&gt;&quot;,&quot;&lt;i class=&#039;flaticon-next&#039;&gt;&lt;\/i&gt;&quot;],&quot;responsive&quot;:{&quot;0&quot;:{&quot;items&quot;:1},&quot;767&quot;:{&quot;items&quot;:3},&quot;992&quot;:{&quot;items&quot;:&quot;5&quot;}}}">
            <div class="client-item">
        <a href="#" target="_blank" rel="nofollow" ><img decoding="async" class="img-fluid" src="https://hkangles.com/dilevars/wp-content/uploads/2020/12/client-logo1.png" alt="Client Logo Image"></a>        </div>
                <div class="client-item">
        <a href="#" target="_blank" rel="nofollow" ><img decoding="async" class="img-fluid" src="https://hkangles.com/dilevars/wp-content/uploads/2020/12/client-logo2.png" alt="Client Logo Image"></a>        </div>
                <div class="client-item">
        <a href="#" target="_blank" rel="nofollow" ><img decoding="async" class="img-fluid" src="https://hkangles.com/dilevars/wp-content/uploads/2020/12/client-logo3.png" alt="Client Logo Image"></a>        </div>
                <div class="client-item">
        <a href="#" target="_blank" rel="nofollow" ><img decoding="async" class="img-fluid" src="https://hkangles.com/dilevars/wp-content/uploads/2020/12/client-logo4.png" alt="Client Logo Image"></a>        </div>
                <div class="client-item">
        <a href="#" target="_blank" rel="nofollow" ><img decoding="async" class="img-fluid" src="https://hkangles.com/dilevars/wp-content/uploads/2020/12/client-logo5.png" alt="Client Logo Image"></a>        </div>
        </div>
        </div>
                </div>
                </div>
                        </div>
                    </div>
        </div>
                                </div>
                    </div>
        </section>
    -->

                <section class="elementor-section elementor-top-section elementor-element elementor-element-1493ef8 cd-bg-color-white elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1493ef8" data-element_type="section" >
                        <div class="elementor-container elementor-column-gap-no">
                            <div class="elementor-row">
                    <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-24c4f6a cd-bg-color-transparent" data-id="24c4f6a" data-element_type="column">
            <div class="elementor-column-wrap elementor-element-populated">
                            <div class="elementor-widget-wrap">
                        <div class="elementor-element elementor-element-18eaf25 elementor-widget elementor-widget-dilevars-custom-heading" data-id="18eaf25" data-element_type="widget" data-widget_type="dilevars-custom-heading.default">
                <div class="elementor-widget-container">
                    <div class="dilevars_custom_heading_wrapper dilevars-custom-heading84680399 custom-heading-style-1 subtitle-text-uppercase title-text- heading-alignment-center">
            <div class="dilevars-custom-heading-wrapper">
            <div class="dilevars-heading-subtitle-wrapper">
            <h3 class="heading-subtitle">
                get in touch            </h3>
        </div>
                <div class="dilevars-heading-title-wrapper">
            <h3 class="heading-title">
                Request a Quote        </h3>
        </div>
        </div>        </div>
                </div>
                </div>


                        </div>
                    </div>
        </div>
                                </div>
                    </div>
        </section>

                <section class="elementor-section elementor-top-section elementor-element elementor-element-61e1575 elementor-section-stretched cd-bg-color-primary elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="61e1575" data-element_type="section" data-settings="{&quot;stretch_section&quot;:&quot;section-stretched&quot;}">
                        <div class="elementor-container elementor-column-gap-no">
                            <div class="elementor-row">
                    <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-431b997 cd-bg-color-primary cd-left-expand" data-id="431b997" data-element_type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
            <div class="elementor-column-wrap elementor-element-populated">
                            <div class="elementor-widget-wrap">
                        <section class="elementor-section elementor-inner-section elementor-element elementor-element-6a59803 elementor-section-boxed elementor-section-height-default elementor-section-height-default cd-bg-color-transparent" data-id="6a59803" data-element_type="section">
                        <div class="elementor-container elementor-column-gap-default">
                            <div class="elementor-row">
                    <div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-aa62586 cd-bg-color-white" data-id="aa62586" data-element_type="column">
            <div class="elementor-column-wrap elementor-element-populated">
                            <div class="elementor-widget-wrap">
                        <div class="elementor-element elementor-element-a36f4a2 elementor-widget elementor-widget-heading" data-id="a36f4a2" data-element_type="widget" data-widget_type="heading.default">
                <div class="elementor-widget-container">
            <h3 class="elementor-heading-title elementor-size-default">Request a Callback</h3>        </div>
                </div>
                <div class="elementor-element elementor-element-e887e50 elementor-widget elementor-widget-shortcode" data-id="e887e50" data-element_type="widget" data-widget_type="shortcode.default">
                <div class="elementor-widget-container">
                    <div class="elementor-shortcode"><div role="form" class="wpcf7" id="wpcf7-f2293-p1357-o1" lang="en-US" dir="ltr">
<div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div>
{# <form action="/dilevars/demo2/about-us/#wpcf7-f2293-p1357-o1" method="post" class="wpcf7-form init" novalidate="novalidate" data-status="init"> #}
{{ form_start(confactform, {'attr': {'class': 'wpcf7-form init'}}) }}
<div class="dilevars-main-form2">
    <div class="row">
        <div class="col-sm-12">
            <div class="input-group"><span class="wpcf7-form-control-wrap your-name">
                {# <input type="text" name="your-name" value="" size="40" class="" aria-invalid="false" placeholder="Your Name *" /> #}
                {{ form_row(confactform.fullName, {'attr': {'class': 'wpcf7-form-control wpcf7-text'}}) }}
                </span>
            </div>
        </div>
        <div class="col-sm-12">
            <div class="input-group"><span class="wpcf7-form-control-wrap your-email">
                {# <input type="email" name="your-email" value="" size="40" class="" aria-required="true" aria-invalid="false" placeholder="Your Email *" /> #}
                {{ form_row(confactform.email, {'attr': {'class': 'wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email'}}) }} 
                </span>
            </div>
        </div> 
        <div class="col-sm-12">
            <div class="input-group"><span class="wpcf7-form-control-wrap your">
                {# <input type="text" name="your" value="" size="40" class="" aria-invalid="false" placeholder="Your Phone*" /> #}
                {{ form_row(confactform.contactno, {'attr': {'class': 'wpcf7-form-control wpcf7-text'}}) }}
                </span>
            </div>
        </div>

        <div class="col-sm-12">
            <div class="input-group"><span class="wpcf7-form-control-wrap your">
                {# <input type="text" name="your" value="" size="40" class="" aria-invalid="false" placeholder="Your Phone*" /> #}
                {{ form_row(confactform.subject, {'attr': {'class': 'wpcf7-form-control wpcf7-text'}}) }}
                </span>
            </div>
        </div>

        <div class="col-sm-12">
            <div class="input-group"><span class="wpcf7-form-control-wrap your-massage">
                {# <textarea name="your-massage" cols="40" rows="10" class="" aria-required="true" aria-invalid="false" placeholder="Massage"></textarea> #}
                {{ form_row(confactform.message, {'attr': {'class': 'wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required'}}) }}
                </span>
            </div>
        </div>
        <div class="col-sm-12">
            <div class="input-group input-button"><input type="submit" value="Submit Now" class="wpcf7-form-control wpcf7-submit" /></div>
        </div>
    </div>
</div><div class="wpcf7-response-output" aria-hidden="true"></div>
 {{ form_end(confactform) }}
{# </form> #}

</div></div>
                </div>
                </div>
                        </div>
                    </div>
        </div>
                                </div>
                    </div>
        </section>
                        </div>
                    </div>
        </div>
                <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-d5daa2d cd-bg-color-primary" data-id="d5daa2d" data-element_type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
            <div class="elementor-column-wrap elementor-element-populated">
                            <div class="elementor-widget-wrap">
                        <div class="elementor-element elementor-element-720fe3b elementor-widget__width-auto elementor-absolute elementor-widget elementor-widget-dilevars-counter" data-id="720fe3b" data-element_type="widget" data-settings="{&quot;_position&quot;:&quot;absolute&quot;}" data-widget_type="dilevars-counter.default">
                <div class="elementor-widget-container">
                    <div class="dilevars_counter_wrapper dilevars-counter-1560686257 counter-style-1">
                <div class="dilevars-counter-wrapper">
                <div class="dilevars-counter-content">
            <div class="dilevars-counter">
                <h3 class="dilevars-counter-number">155</h3>
            </div>
                            <div class="dilevars-counter-title">Projects</div>
                            
        </div>
    </div>
            </div>
                </div>
                </div>
                <div class="elementor-element elementor-element-2b0f72b elementor-widget__width-auto elementor-absolute elementor-widget elementor-widget-dilevars-counter" data-id="2b0f72b" data-element_type="widget" data-settings="{&quot;_position&quot;:&quot;absolute&quot;}" data-widget_type="dilevars-counter.default">
                <div class="elementor-widget-container">
                    <div class="dilevars_counter_wrapper dilevars-counter-1317983623 counter-style-1">
                <div class="dilevars-counter-wrapper">
                <div class="dilevars-counter-content">
            <div class="dilevars-counter">
                <h3 class="dilevars-counter-number">254</h3>
            </div>
                            <div class="dilevars-counter-title">Projects</div>
                            
        </div>
    </div>
            </div>
                </div>
                </div>
                <div class="elementor-element elementor-element-c41fac5 elementor-widget__width-auto elementor-absolute elementor-widget elementor-widget-dilevars-counter" data-id="c41fac5" data-element_type="widget" data-settings="{&quot;_position&quot;:&quot;absolute&quot;}" data-widget_type="dilevars-counter.default">
                <div class="elementor-widget-container">
                    <div class="dilevars_counter_wrapper dilevars-counter-1211674957 counter-style-1">
                <div class="dilevars-counter-wrapper">
                <div class="dilevars-counter-content">
            <div class="dilevars-counter">
                <h3 class="dilevars-counter-number">456</h3>
            </div>
                            <div class="dilevars-counter-title">Projects</div>
                            
        </div>
    </div>
            </div>
                </div>
                </div>
                        </div>
                    </div>
        </div>
                                </div>
                    </div>
        </section>

            


                                    </div>
            </div>
                    </div>
            </div><!-- #content -->
    

{% endblock %}