<?xml version="1.0" encoding="utf-8"?>
<odoo>

<template id="s_references_social" name="References Social">
    <section class="s_references_social o_cc o_cc1 pt64 pb64">
        <div class="container">
            <div class="row s_nb_column_fixed">
                <div class="col-lg-12">
                    <h2 style="text-align: center;">Our valued partners</h2>
                    <p class="lead" style="text-align: center;">We are in good company.</p>
                </div>
                <div class="col-lg-3 pt16 pb16">
                    <img class="img img-fluid mx-auto" src="/web/image/website.s_reference_demo_image_1" alt=""/>
                    <h3 class="h5-fs" style="text-align: center;"><br/>Amsterdam</h3>
                    <p style="text-align: center;">Fruitful collaboration since 2014</p>
                    <div class="s_social_media o_not_editable text-center no_icon_color" data-snippet="s_social_media" data-name="Social Media">
                        <h4 class="s_social_media_title d-none o_default_snippet_text">Social Media</h4>
                        <a href="/website/social/facebook" class="s_social_media_facebook" target="_blank" aria-label="Facebook">
                            <i class="fa fa-facebook rounded shadow-sm o_editable_media"/>
                        </a>
                        <a href="/website/social/instagram" class="s_social_media_instagram" target="_blank" aria-label="Instagram">
                            <i class="fa fa-instagram rounded shadow-sm o_editable_media"/>
                        </a>
                        <a href="/website/social/twitter" class="s_social_media_twitter" target="_blank" aria-label="X">
                            <i class="fa fa-twitter rounded shadow-sm o_editable_media"/>
                        </a>
                    </div>
                </div>
                <div class="col-lg-3 pt16 pb16">
                    <img class="img img-fluid mx-auto" src="/web/image/website.s_reference_demo_image_2" alt=""/>
                    <h3 class="h5-fs" style="text-align: center;"><br/>Firenze</h3>
                    <p style="text-align: center;">Flourishing together since 2016</p>
                    <div class="s_social_media o_not_editable text-center no_icon_color" data-snippet="s_social_media" data-name="Social Media">
                        <h4 class="s_social_media_title d-none o_default_snippet_text">Social Media</h4>
                        <a href="/website/social/facebook" class="s_social_media_facebook" target="_blank" aria-label="Facebook">
                            <i class="fa fa-facebook rounded shadow-sm o_editable_media"/>
                        </a>
                        <a href="/website/social/instagram" class="s_social_media_instagram" target="_blank" aria-label="Instagram">
                            <i class="fa fa-instagram rounded shadow-sm o_editable_media"/>
                        </a>
                        <a href="/website/social/twitter" class="s_social_media_twitter" target="_blank" aria-label="X">
                            <i class="fa fa-twitter rounded shadow-sm o_editable_media"/>
                        </a>
                    </div>
                </div>
                <div class="col-lg-3 pt16 pb16">
                    <img class="img img-fluid mx-auto" src="/web/image/website.s_reference_demo_image_3" alt=""/>
                    <h3 class="h5-fs" style="text-align: center;"><br/>Nairobi</h3>
                    <p style="text-align: center;">Successful collaboration since 2019</p>
                    <div class="s_social_media o_not_editable text-center no_icon_color" data-snippet="s_social_media" data-name="Social Media">
                        <h4 class="s_social_media_title d-none o_default_snippet_text">Social Media</h4>
                        <a href="/website/social/facebook" class="s_social_media_facebook" target="_blank" aria-label="Facebook">
                            <i class="fa fa-facebook rounded shadow-sm o_editable_media"/>
                        </a>
                        <a href="/website/social/instagram" class="s_social_media_instagram" target="_blank" aria-label="Instagram">
                            <i class="fa fa-instagram rounded shadow-sm o_editable_media"/>
                        </a>
                        <a href="/website/social/twitter" class="s_social_media_twitter" target="_blank" aria-label="X">
                            <i class="fa fa-twitter rounded shadow-sm o_editable_media"/>
                        </a>
                    </div>
                </div>
                <div class="col-lg-3 pt16 pb16">
                    <img class="img img-fluid mx-auto" src="/web/image/website.s_reference_demo_image_4" alt=""/>
                    <h3 class="h5-fs" style="text-align: center;"><br/>Madrid</h3>
                    <p style="text-align: center;">Thriving partnership since 2021</p>
                    <div class="s_social_media o_not_editable text-center no_icon_color" data-snippet="s_social_media" data-name="Social Media">
                        <h4 class="s_social_media_title d-none o_default_snippet_text">Social Media</h4>
                        <a href="/website/social/facebook" class="s_social_media_facebook" target="_blank" aria-label="Facebook">
                            <i class="fa fa-facebook rounded shadow-sm o_editable_media"/>
                        </a>
                        <a href="/website/social/instagram" class="s_social_media_instagram" target="_blank" aria-label="Instagram">
                            <i class="fa fa-instagram rounded shadow-sm o_editable_media"/>
                        </a>
                        <a href="/website/social/twitter" class="s_social_media_twitter" target="_blank" aria-label="X">
                            <i class="fa fa-twitter rounded shadow-sm o_editable_media"/>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>
</template>

</odoo>