{% extends 'basemasa.html.twig' %}

{% block title 'Gérer les biens' %}

{% block body %}

<!-- Footer Start -->
<!-- Footer Start -->
    <div class="container-fluid bg-dark text-light">
        <div class="container py-5">
            <div class="row g-5">
                <div class="col-lg-3 col-md-6">
                    <h4 class="text-light mb-4">Office Address</h4>
                    <p class="mb-2"><i class="fa fa-map-marker-alt me-3"></i>Masae Gimbayashi - Paris</p>
                    
                    <p class="mb-2"><i class="fa fa-envelope me-3"></i>barbottemasae@gmail.com</p>
                    
                </div>
                
                <div class="col-lg-3 col-md-6">
                    <h4 class="text-light mb-4">Quick Links</h4>
                   
                    <a class="btn btn-primary btn-square me-2" href="https://www.facebook.com/barbottemasae" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a class="btn btn-primary btn-square me-2" href="https://www.linkedin.com/in/pianomasae" aria-label="Facebook"><i class="fab fa-linkedin-in"></i></a>
                {#    <a class="btn btn-link" href="mailto:masaegimbayashi@gmail.com?subject=Mail">Contact Us</a> #}
                    <a class="btn btn-link" href="mailto:barbottemasae@gmail.com?subject=Mail">Contact Us</a>
                   
                                            
                </div>
                <div class="col-lg-3 col-md-6">
                    <h4 class="text-light mb-4">Photo Gallery</h4>
                    <div class="row g-2">
                        <div class="col-4">
                            <img class="img-fluid bg-light rounded p-1" src="{{ asset('images/masae/tongaso14.webp') }}" alt="Image">
                        </div>
                        <div class="col-4">
                            <img class="img-fluid bg-light rounded p-1" src="{{ asset('images/masae/masae19.jpg') }}" alt="Image">
                        </div>
                        <div class="col-4">
                            <img class="img-fluid bg-light rounded p-1" src="{{ asset('images/masae/masae22.jpg') }}" alt="Image">
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Footer End -->    

<!--
<div class="container-fluid bg-dark text-light mt-5">
        <div class="container">
            <div class="row gx-5">
                <div class="col-lg-4 col-md-6 footer-about">
                    <div class="d-flex flex-column align-items-center justify-content-center text-center h-100 bg-primary p-4">
                        <a href="index.html" class="navbar-brand">
                            <h1 class="m-0 text-white"><i class="fa fa-user-tie me-2"></i>Startup</h1>
                        </a>
                        <p class="mt-3 mb-4">Diam amet et kasd eos duo.</p>
                        <form action="">
                            <div class="input-group">
                                <input type="text" class="form-control border-white p-3" placeholder="Your Email">
                                <button class="btn btn-dark">Sign Up</button>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="col-lg-8 col-md-6">
                    <div class="row gx-5">
                        <div class="col-lg-4 col-md-12 pt-5 mb-5">
                            <div class="section-title section-title-sm position-relative pb-3 mb-4">
                                <h3 class="text-light mb-0">Get In Touch</h3>
                            </div>
                            <div class="d-flex mb-2">
                                <i class="bi bi-geo-alt text-primary me-2"></i>
                                <p class="mb-0">123 Street, Paris, France</p>
                            </div>
                            <div class="d-flex mb-2">
                                <i class="bi bi-envelope-open text-primary me-2"></i>
                                <p class="mb-0">barbottemasae@gmail.com</p>
                            </div>
                            <div class="d-flex mb-2">
                                <i class="bi bi-telephone text-primary me-2"></i>
                                <p class="mb-0">+011 111 11110</p>
                            </div>
                            <div class="d-flex mt-4">
                        <a class="btn btn-primary btn-square me-2" href="https://twitter.com/masaegb" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
                        <a class="btn btn-primary btn-square me-2" href="https://www.facebook.com/masae.gimbayashi" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                        <a class="btn btn-primary btn-square me-2" href="https://www.instagram.com/masae_gimbayashi_piano/" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                        <a class="btn btn-primary btn-square me-2" href="https://soundcloud.com/masaegb" aria-label="Soundcloud"><i class="fab fa-soundcloud"></i></a>
                          
                        <a class="btn btn-primary btn-square me-2" href="#"><i class="fab fa-linkedin-in fw-normal"></i></a>
                             
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-12 pt-0 pt-lg-5 mb-5">
                            <div class="section-title section-title-sm position-relative pb-3 mb-4">
                                <h3 class="text-light mb-0">Quick Links</h3>
                            </div>
                            <div class="link-animated d-flex flex-column justify-content-start">
                                <a class="text-light mb-2" href="{{path('masae_index')}}"><i class="bi bi-arrow-right text-primary me-2"></i>Home</a>
                                
                                <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>About Us</a>
                                <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Our Services</a>
                               
                                <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Latest Blog</a>
                                <a class="text-light" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Contact Us</a>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-12 pt-0 pt-lg-5 mb-5">
                            <div class="section-title section-title-sm position-relative pb-3 mb-4">
                                <h3 class="text-light mb-0">Popular Links</h3>
                            </div>
                            <div class="link-animated d-flex flex-column justify-content-start">
                       
                                <a class="text-light mb-2" href="{{path('masae_index')}}"><i class="bi bi-arrow-right text-primary me-2"></i>Home</a>
                                <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>About Us</a>
                                <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Our Services</a>
                                                   
                                <a class="text-light" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Contact Us</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Footer End -->

  


{% endblock %}