PHP

            
    <div class="section">
        <div class="container">
                <h2 class="title has-text-centered">Contact 4</h2>
                <div class="columns is-centered">
                <div class="column is-8">
                    <?php echo do_shortcode('[contact-form-7 title="form-2"]'); ?>
                </div>
                </div>
                <div class="columns is-centered">
            <div class="column is-12 is-8-fullhd">
                <div class="level">
                <div class="level-item">
                    <div class="media">
                    <p class="media-left is-size-5">
                        <span class="icon"><i class="fas fa-map-marker-alt" aria-hidden="true" title="Adresse"></i></span>
                    </p>
                    <div class="media-content">
                        <div class="content">
                        <p>Pied Piper HQ - 59 Silicon Av.</p>
                        </div>
                    </div>
                    </div>
                </div>
                <div class="level-item">
                    <div class="media">
                    <p class="media-left is-size-5">
                        <span class="icon"><i class="fas fa-phone" aria-hidden="true" title="Adresse"></i></span>
                    </p>
                    <div class="media-content">
                        <div class="content">
                        <p>555-333-555</p>
                        </div>
                    </div>
                    </div>
                </div>
                <div class="level-item">
                    <div class="media">
                    <p class="media-left is-size-5">
                        <span class="icon"><i class="fas fa-envelope" aria-hidden="true" title="Adresse"></i></span>
                    </p>
                    <div class="media-content">
                        <div class="content">
                        <p>pay-the-piper@piedpiper.com</p>
                        </div>
                    </div>
                    </div>
                </div>
                </div>
            </div>
            </div>
        </div>
    </div>

<!--Attention : penser à bien prendre le script ci-dessous pour fontawesome, sinon les icônes ne s'afficheront pas (sauf s'il est déjà appelé autre part sur la page-->
<script src="https://kit.fontawesome.com/a5274d07c7.js"></script>
            
        

Contact-form-7

            
<div class="field is-grouped">
<div class="control is-expanded">[email* your-email class:input placeholder "Email *"]
</div>
                    
<div class="control"><span class="select is-fullwitdth>[select* Select-product "Selectionnez le produit*" "Produit 1" "Produit 2" "Produit 3"]</span>
</div>
</div>
                    
<div class="field">
<div class="control">[textarea* your-message class:textarea-form-1 placeholder " Votre message *"]
</div>
</div>
                    
[honeypot your-country id:country class:country validautocomplete:true move-inline-css:true]
                    
<div class="field">
<div class="control">[submit class:button class:button-form-2 "Envoyer"]
</div>
</div>