templates/home/contact.html.twig line 1

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

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

{% block body %}

{% apply inline_css %}
<style>
  
  .alert {
  padding: 20px;
  background-color: #4CAF50;
  color: white;
}

.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}


</style>

{% endapply %}

{% for message in app.flashes('notice') %}
      
  <div class="alert" style="margin-top: 10px; margin-left: 10px; margin-right: 10px; ">
  <span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span> 
  <strong>Success!</strong> {{ message }} Please Wait for Response.
</div>
{% endfor %}      



    <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">
                    Contact Us                </h1>
                                    <div class="page-breadcrumbs">
                    <div class="breadcrumb"><a href="#">Home</a> > <span class="current">Contact Us</span></div>                    </div>
                                </div>                
        </div>
    </div>
</div>
    <div id="content" class="site-content">        <div data-elementor-type="wp-page" data-elementor-id="1335" class="elementor elementor-1335">
                        <div class="elementor-inner">
                <div class="elementor-section-wrap">
                                    <section class="elementor-section elementor-top-section elementor-element elementor-element-4fd6988 elementor-section-boxed elementor-section-height-default elementor-section-height-default cd-bg-color-transparent" data-id="4fd6988" 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-7402b09 cd-bg-color-transparent" data-id="7402b09" data-element_type="column">
            <div class="elementor-column-wrap elementor-element-populated">
                            <div class="elementor-widget-wrap">
                        <div class="elementor-element elementor-element-e07ff9b elementor-widget elementor-widget-dilevars-custom-heading" data-id="e07ff9b" data-element_type="widget" data-widget_type="dilevars-custom-heading.default">
                <div class="elementor-widget-container">
                    <div class="dilevars_custom_heading_wrapper dilevars-custom-heading45346840 custom-heading-style-1 subtitle-text-uppercase title-text-capitalize heading-alignment-center">
            <div class="dilevars-custom-heading-wrapper">
            <div class="dilevars-heading-subtitle-wrapper">
            <h3 class="heading-subtitle">
                Contact Us            </h3>
        </div>
                <div class="dilevars-heading-title-wrapper">
            <h3 class="heading-title">
                Contact Info            </h3>
        </div>
        </div>        </div>
                </div>
                </div>
                <section class="elementor-section elementor-inner-section elementor-element elementor-element-8ca3b8b elementor-section-boxed elementor-section-height-default elementor-section-height-default cd-bg-color-transparent" data-id="8ca3b8b" data-element_type="section">
                        <div class="elementor-container elementor-column-gap-default">
                            <div class="elementor-row">
                    <div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-3d631bf cd-bg-color-transparent" data-id="3d631bf" data-element_type="column">
            <div class="elementor-column-wrap elementor-element-populated">
                            <div class="elementor-widget-wrap">
                        <div class="elementor-element elementor-element-3c2c58b elementor-widget elementor-widget-dilevars-infobox" data-id="3c2c58b" data-element_type="widget" data-widget_type="dilevars-infobox.default">
                <div class="elementor-widget-container">
                    <div class="dilevars-elementor-widgetdilevars_infobox_wrapper infobox-style-10 dilevars-infobox1032516814 icon-type-image">
                <div class="dilevars-infobox-wrapper d-flex">
                        <div class="dilevars-infobox-icon">
                                        <img decoding="async" src="{{asset('/public/theme/dilevars/demo2/wp-content/uploads/sites/6/2021/01/call-icon-red.png')}}" alt="Icon">
                                        </div>
                        <div class="dilevars-infobox-content align-items-center justify-content-betwee">
                            <h3 class="dilevars-infobox-title">Call Us 24/7</h3>
                                <div class="dilevars-infobox-text">Tel.(Dhaka): +0255048644<br> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;   &nbsp; &nbsp; &nbsp;&nbsp; +0255048645 </br>
Mob.: +88 01710 080 280 </br> Phone (USA,NJ). +1 518 424 5187  </div>
                        </div>
    </div>
        </div>
                </div>
                </div>
                        </div>
                    </div>
        </div>
                <div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-9324669 cd-bg-color-transparent" data-id="9324669" data-element_type="column">
            <div class="elementor-column-wrap elementor-element-populated">
                            <div class="elementor-widget-wrap">
                        <div class="elementor-element elementor-element-5c68811 elementor-widget elementor-widget-dilevars-infobox" data-id="5c68811" data-element_type="widget" data-widget_type="dilevars-infobox.default">
                <div class="elementor-widget-container">
                    <div class="dilevars-elementor-widgetdilevars_infobox_wrapper infobox-style-10 dilevars-infobox1422907560 icon-type-image">
                <div class="dilevars-infobox-wrapper d-flex">
                        <div class="dilevars-infobox-icon">
                                        <img decoding="async" src="{{asset('/public/theme/dilevars/demo2/wp-content/uploads/sites/6/2021/01/location-icon-red.png')}}" alt="Icon">
                                        </div>
                        <div class="dilevars-infobox-content align-items-center justify-content-betwee">
                            <h3 class="dilevars-infobox-title">Company Address</h3>
                                <div class="dilevars-infobox-text">
                                    <b><i>Dhaka office: </i></b> </br>
                                    House No.Ka-46,flat-A-1 (Ground Floor)
                                    Shahjadpur, Gulshan, Dhaka- 1212
                                    </br></br>
                                    <b><i>USA Office: </i></b> </br>
                                    754 Barlow Avenue,
West Deptford New Jersey
08096, United States.
Phone. +1 518 424 5187
                                </div>
                        </div>
    </div>
        </div>
                </div>
                </div>
                        </div>
                    </div>
        </div>
                <div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-2c38673 cd-bg-color-transparent" data-id="2c38673" data-element_type="column">
            <div class="elementor-column-wrap elementor-element-populated">
                            <div class="elementor-widget-wrap">
                        <div class="elementor-element elementor-element-ebc61f9 elementor-widget elementor-widget-dilevars-infobox" data-id="ebc61f9" data-element_type="widget" data-widget_type="dilevars-infobox.default">
                <div class="elementor-widget-container">
                    <div class="dilevars-elementor-widgetdilevars_infobox_wrapper infobox-style-10 dilevars-infobox2003552120 icon-type-image">
                <div class="dilevars-infobox-wrapper d-flex">
                        <div class="dilevars-infobox-icon">
                                        <img decoding="async" src="{{asset('/public/theme/dilevars/demo2/wp-content/uploads/sites/6/2021/01/mail-icon-red.png')}}" alt="Icon">
                                        </div>
                        <div class="dilevars-infobox-content align-items-center justify-content-betwee">
                            <h3 class="dilevars-infobox-title">E-mail Us 24/7</h3>
                                <div class="dilevars-infobox-text">
                                    info@stiexpressbd.com

                                </div>
                        </div>
    </div>
        </div>
                </div>
                </div>
                        </div>
                    </div>
        </div>
                                </div>
                    </div>
        </section>
                        </div>
                    </div>
        </div>
                                </div>
                    </div>
        </section>
                <section class="elementor-section elementor-top-section elementor-element elementor-element-56a2958 elementor-section-boxed elementor-section-height-default elementor-section-height-default cd-bg-color-transparent" data-id="56a2958" data-element_type="section">
                        <div class="elementor-container elementor-column-gap-default">
                            <div class="elementor-row">
                    <div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-9f49ee7 elementor-hidden-phone cd-bg-color-transparent" data-id="9f49ee7" data-element_type="column">
            <div class="elementor-column-wrap">
                            <div class="elementor-widget-wrap">
                                </div>
                    </div>
        </div>
                <div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-9b00eaa cd-bg-color-transparent" data-id="9b00eaa" 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-e3a3a9c elementor-widget elementor-widget-heading" data-id="e3a3a9c" 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-47ad107 elementor-widget elementor-widget-shortcode" data-id="47ad107" 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-p1335-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/contact-us/#wpcf7-f2293-p1335-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>
                <section class="elementor-section elementor-top-section elementor-element elementor-element-2eb1101 elementor-section-full_width elementor-section-stretched cd-bg-color-secondary elementor-section-height-default elementor-section-height-default" data-id="2eb1101" 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-100 elementor-top-column elementor-element elementor-element-1cea737 cd-bg-color-transparent" data-id="1cea737" data-element_type="column">
            <div class="elementor-column-wrap elementor-element-populated">
                            <div class="elementor-widget-wrap">
                        <div class="elementor-element elementor-element-cb3a63f elementor-widget elementor-widget-text-editor" data-id="cb3a63f" data-element_type="widget" data-widget_type="text-editor.default">
                <div class="elementor-widget-container">
                                <div class="elementor-text-editor elementor-clearfix">
                <iframe loading="lazy" style="border: 0;" tabindex="0" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d55779.072140720076!2d115.94623426980363!3d-31.908039734451773!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2a32bea5be816a33%3A0xf7f05712927c8fc!2sCenturion!5e0!3m2!1sen!2sin!4v1595365459143!5m2!1sen!2sin" width="600" height="630" frameborder="0" allowfullscreen="allowfullscreen" aria-hidden="false"></iframe>                    </div>
                        </div>
                </div>
                        </div>
                    </div>
        </div>
                                </div>
                    </div>
        </section>
                                    </div>
            </div>
                    </div>
            </div><!-- #content -->

{% endblock %}