<?xml version="1.0"?>
<data inherit_id="website.layout" name="Contact" active="False">
    <xpath expr="//div[@id='footer']" position="replace">
        <div id="footer" class="oe_structure oe_structure_solo" t-ignore="true" t-if="not no_footer">
            <section class="s_text_block pt32 pb16" data-snippet="s_text_block" data-name="Text">
                <div class="container">
                    <div class="row o_grid_mode">
                        <div class="col-lg-3 pt16 pb16 o_grid_item g-col-lg-3 o_colored_level g-height-2" style="z-index: 1; grid-area: 1 / 1 / 3 / 4; --grid-item-padding-y: 0px; --grid-item-padding-x: 10px;">
                            <p class="mb-2">How can we help?</p>
                            <h4>Contact us anytime</h4>
                        </div>
                        <div class="col-lg-3 pt16 pb16 o_grid_item g-col-lg-3 o_colored_level g-height-2" style="z-index: 2; grid-area: 1 / 4 / 3 / 7; --grid-item-padding-y: 0px; --grid-item-padding-x: 10px;">
                            <p class="mb-2">Call us</p>
                            <h5>
                                <span class="o_force_ltr">
                                    <a href="tel:+1 555-555-5556">+1 555-555-5556</a>
                                </span>
                            </h5>
                        </div>
                        <div class="col-lg-3 pt16 pb16 o_grid_item g-col-lg-3 o_colored_level g-height-2" style="z-index: 3; grid-area: 1 / 7 / 3 / 10; --grid-item-padding-x: 0px; --grid-item-padding-y: 10px;">
                            <p class="mb-2">Send us a message</p>
                            <h5>
                                <a href="mailto:hello@mycompany.com">hello@mycompany.com</a>
                            </h5>
                        </div>
                        <div class="col-lg-3 pt16 pb16 o_grid_item g-col-lg-3 o_colored_level g-height-2" style="z-index: 4; grid-area: 1 / 10 / 3 / 13; --grid-item-padding-y: 0px; --grid-item-padding-x: 10px;">
                            <div class="s_social_media text-end no_icon_color o_not_editable" data-snippet="s_social_media" data-name="Social Media" contenteditable="false">
                                <p class="s_social_media_title d-block mb-2" contenteditable="true">Follow us</p>
                                <a href="/website/social/twitter" class="s_social_media_twitter" target="_blank">
                                    <i class="fa fa-twitter m-1 o_editable_media"/>
                                </a>
                                <a href="/website/social/linkedin" class="s_social_media_linkedin" target="_blank">
                                    <i class="fa fa-linkedin m-1 o_editable_media"/>
                                </a>
                                <a href="/website/social/instagram" class="s_social_media_instagram" target="_blank">
                                    <i class="fa fa-instagram m-1 o_editable_media"/>
                                </a>
                            </div>
                        </div>
                        <div class="col-lg-12 pt16 pb16 o_grid_item g-col-lg-12 o_colored_level g-height-1" style="z-index: 5; grid-area: 3 / 1 / 4 / 13; --grid-item-padding-y: 0px; --grid-item-padding-x: 10px;">
                            <div class="s_hr pt16 pb16">
                                <hr class="w-100 mx-auto" style="border-color: var(--600);"/>
                            </div>
                        </div>
                        <div class="col-lg-2 o_grid_item g-col-lg-2 o_grid_item_image o_colored_level o_grid_item_image_contain g-height-1" style="z-index: 6; grid-area: 4 / 1 / 5 / 3; --grid-item-padding-y: 0px; --grid-item-padding-x: 10px;">
                            <a href="/" class="o_footer_logo logo">
                                <img src="/website/static/src/img/website_logo.svg" class="img-fluid" aria-label="Logo of MyCompany" title="MyCompany" role="img"/>
                            </a>
                        </div>
                        <div class="col-lg-8 pt16 text-end o_colored_level o_grid_item g-col-lg-8 g-height-1" style="z-index: 7; grid-area: 4 / 5 / 5 / 13; --grid-item-padding-y: 0px; --grid-item-padding-x: 10px;">
                            <ul class="list-inline mb-0">
                                <li class="list-inline-item">
                                    <a href="/">Home</a>
                                </li>
                                <li class="list-inline-item">•</li>
                                <li class="list-inline-item">
                                    <a href="#">About us</a>
                                </li>
                                <li class="list-inline-item">•</li>
                                <li class="list-inline-item">
                                    <a href="#">Products</a>
                                </li>
                                <li class="list-inline-item">•</li>
                                <li class="list-inline-item">
                                    <a href="#">Terms of Services</a>
                                </li>
                                <t t-set="configurator_footer_links" t-value="[]"/>
                                <t t-foreach="configurator_footer_links" t-as="link" class="list-inline-item">
                                    <li class="list-inline-item">•</li>
                                    <li class="list-inline-item">
                                        <a t-att-href="link['href']" t-out="link['text']"/>
                                    </li>
                                </t>
                            </ul>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </xpath>
</data>

