templates/home/quote.html.twig line 1

  1. {% extends 'theme.html.twig' %}
  3. {% block title %}Contact Us - {{ parent() }}{% endblock %}
  5. {% block body %}
  8.     <div class="dilevars-page-title d-flex align-items-center  header-layout-2 title-align-center title-color-white">
  9.     <div class="dilevars-page-title-layer container">
  10.         <div class="row">
  11.             <div class="col-md-12">            
  12.                 <h1 class="page-title">
  13.                     Request a Quote                </h1>
  14.                                     <div class="page-breadcrumbs">
  15.                     <div class="breadcrumb"><a href="#">Home</a> > <span class="current">Request a Quote</span></div>                    </div>
  16.                                 </div>                
  17.         </div>
  18.     </div>
  19. </div>
  21. <div id="content" class="site-content">        
  22.     <div data-elementor-type="wp-page" data-elementor-id="1357" class="elementor elementor-1357">
  23.                         <div class="elementor-inner">
  24.                 <div class="elementor-section-wrap">
  25.                                 
  26.             
  27. <!--
  28.                 <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">
  29.                         <div class="elementor-container elementor-column-gap-no">
  30.                             <div class="elementor-row">
  31.                     <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">
  32.             <div class="elementor-column-wrap elementor-element-populated">
  33.                             <div class="elementor-widget-wrap">
  34.                         <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">
  35.                 <div class="elementor-widget-container">
  36.                     <div class="dilevars-elementor-widget dilevars_clients_wrapper client-layout-slider client-style-1 column-5">
  37.             <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;}}}">
  38.             <div class="client-item">
  39.         <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>
  40.                 <div class="client-item">
  41.         <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>
  42.                 <div class="client-item">
  43.         <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>
  44.                 <div class="client-item">
  45.         <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>
  46.                 <div class="client-item">
  47.         <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>
  48.         </div>
  49.         </div>
  50.                 </div>
  51.                 </div>
  52.                         </div>
  53.                     </div>
  54.         </div>
  55.                                 </div>
  56.                     </div>
  57.         </section>
  58.     -->
  60.                 <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" >
  61.                         <div class="elementor-container elementor-column-gap-no">
  62.                             <div class="elementor-row">
  63.                     <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">
  64.             <div class="elementor-column-wrap elementor-element-populated">
  65.                             <div class="elementor-widget-wrap">
  66.                         <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">
  67.                 <div class="elementor-widget-container">
  68.                     <div class="dilevars_custom_heading_wrapper dilevars-custom-heading84680399 custom-heading-style-1 subtitle-text-uppercase title-text- heading-alignment-center">
  69.             <div class="dilevars-custom-heading-wrapper">
  70.             <div class="dilevars-heading-subtitle-wrapper">
  71.             <h3 class="heading-subtitle">
  72.                 get in touch            </h3>
  73.         </div>
  74.                 <div class="dilevars-heading-title-wrapper">
  75.             <h3 class="heading-title">
  76.                 Request a Quote        </h3>
  77.         </div>
  78.         </div>        </div>
  79.                 </div>
  80.                 </div>
  83.                         </div>
  84.                     </div>
  85.         </div>
  86.                                 </div>
  87.                     </div>
  88.         </section>
  90.                 <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;}">
  91.                         <div class="elementor-container elementor-column-gap-no">
  92.                             <div class="elementor-row">
  93.                     <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;}">
  94.             <div class="elementor-column-wrap elementor-element-populated">
  95.                             <div class="elementor-widget-wrap">
  96.                         <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">
  97.                         <div class="elementor-container elementor-column-gap-default">
  98.                             <div class="elementor-row">
  99.                     <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">
  100.             <div class="elementor-column-wrap elementor-element-populated">
  101.                             <div class="elementor-widget-wrap">
  102.                         <div class="elementor-element elementor-element-a36f4a2 elementor-widget elementor-widget-heading" data-id="a36f4a2" data-element_type="widget" data-widget_type="heading.default">
  103.                 <div class="elementor-widget-container">
  104.             <h3 class="elementor-heading-title elementor-size-default">Request a Callback</h3>        </div>
  105.                 </div>
  106.                 <div class="elementor-element elementor-element-e887e50 elementor-widget elementor-widget-shortcode" data-id="e887e50" data-element_type="widget" data-widget_type="shortcode.default">
  107.                 <div class="elementor-widget-container">
  108.                     <div class="elementor-shortcode"><div role="form" class="wpcf7" id="wpcf7-f2293-p1357-o1" lang="en-US" dir="ltr">
  109. <div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div>
  110. {# <form action="/dilevars/demo2/about-us/#wpcf7-f2293-p1357-o1" method="post" class="wpcf7-form init" novalidate="novalidate" data-status="init"> #}
  111. {{ form_start(confactform, {'attr': {'class': 'wpcf7-form init'}}) }}
  112. <div class="dilevars-main-form2">
  113.     <div class="row">
  114.         <div class="col-sm-12">
  115.             <div class="input-group"><span class="wpcf7-form-control-wrap your-name">
  116.                 {# <input type="text" name="your-name" value="" size="40" class="" aria-invalid="false" placeholder="Your Name *" /> #}
  117.                 {{ form_row(confactform.fullName, {'attr': {'class': 'wpcf7-form-control wpcf7-text'}}) }}
  118.                 </span>
  119.             </div>
  120.         </div>
  121.         <div class="col-sm-12">
  122.             <div class="input-group"><span class="wpcf7-form-control-wrap your-email">
  123.                 {# <input type="email" name="your-email" value="" size="40" class="" aria-required="true" aria-invalid="false" placeholder="Your Email *" /> #}
  124.                 {{ form_row(confactform.email, {'attr': {'class': 'wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email'}}) }} 
  125.                 </span>
  126.             </div>
  127.         </div> 
  128.         <div class="col-sm-12">
  129.             <div class="input-group"><span class="wpcf7-form-control-wrap your">
  130.                 {# <input type="text" name="your" value="" size="40" class="" aria-invalid="false" placeholder="Your Phone*" /> #}
  131.                 {{ form_row(confactform.contactno, {'attr': {'class': 'wpcf7-form-control wpcf7-text'}}) }}
  132.                 </span>
  133.             </div>
  134.         </div>
  136.         <div class="col-sm-12">
  137.             <div class="input-group"><span class="wpcf7-form-control-wrap your">
  138.                 {# <input type="text" name="your" value="" size="40" class="" aria-invalid="false" placeholder="Your Phone*" /> #}
  139.                 {{ form_row(confactform.subject, {'attr': {'class': 'wpcf7-form-control wpcf7-text'}}) }}
  140.                 </span>
  141.             </div>
  142.         </div>
  144.         <div class="col-sm-12">
  145.             <div class="input-group"><span class="wpcf7-form-control-wrap your-massage">
  146.                 {# <textarea name="your-massage" cols="40" rows="10" class="" aria-required="true" aria-invalid="false" placeholder="Massage"></textarea> #}
  147.                 {{ form_row(confactform.message, {'attr': {'class': 'wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required'}}) }}
  148.                 </span>
  149.             </div>
  150.         </div>
  151.         <div class="col-sm-12">
  152.             <div class="input-group input-button"><input type="submit" value="Submit Now" class="wpcf7-form-control wpcf7-submit" /></div>
  153.         </div>
  154.     </div>
  155. </div><div class="wpcf7-response-output" aria-hidden="true"></div>
  156.  {{ form_end(confactform) }}
  157. {# </form> #}
  159. </div></div>
  160.                 </div>
  161.                 </div>
  162.                         </div>
  163.                     </div>
  164.         </div>
  165.                                 </div>
  166.                     </div>
  167.         </section>
  168.                         </div>
  169.                     </div>
  170.         </div>
  171.                 <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;}">
  172.             <div class="elementor-column-wrap elementor-element-populated">
  173.                             <div class="elementor-widget-wrap">
  174.                         <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">
  175.                 <div class="elementor-widget-container">
  176.                     <div class="dilevars_counter_wrapper dilevars-counter-1560686257 counter-style-1">
  177.                 <div class="dilevars-counter-wrapper">
  178.                 <div class="dilevars-counter-content">
  179.             <div class="dilevars-counter">
  180.                 <h3 class="dilevars-counter-number">155</h3>
  181.             </div>
  182.                             <div class="dilevars-counter-title">Projects</div>
  183.                             
  184.         </div>
  185.     </div>
  186.             </div>
  187.                 </div>
  188.                 </div>
  189.                 <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">
  190.                 <div class="elementor-widget-container">
  191.                     <div class="dilevars_counter_wrapper dilevars-counter-1317983623 counter-style-1">
  192.                 <div class="dilevars-counter-wrapper">
  193.                 <div class="dilevars-counter-content">
  194.             <div class="dilevars-counter">
  195.                 <h3 class="dilevars-counter-number">254</h3>
  196.             </div>
  197.                             <div class="dilevars-counter-title">Projects</div>
  198.                             
  199.         </div>
  200.     </div>
  201.             </div>
  202.                 </div>
  203.                 </div>
  204.                 <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">
  205.                 <div class="elementor-widget-container">
  206.                     <div class="dilevars_counter_wrapper dilevars-counter-1211674957 counter-style-1">
  207.                 <div class="dilevars-counter-wrapper">
  208.                 <div class="dilevars-counter-content">
  209.             <div class="dilevars-counter">
  210.                 <h3 class="dilevars-counter-number">456</h3>
  211.             </div>
  212.                             <div class="dilevars-counter-title">Projects</div>
  213.                             
  214.         </div>
  215.     </div>
  216.             </div>
  217.                 </div>
  218.                 </div>
  219.                         </div>
  220.                     </div>
  221.         </div>
  222.                                 </div>
  223.                     </div>
  224.         </section>
  226.             
  229.                                     </div>
  230.             </div>
  231.                     </div>
  232.             </div><!-- #content -->
  233.     
  235. {% endblock %}