contact.php

<script src="js/contact.js"></script>

<div class="container">
<div class="row">

<div class="col-sm-8 mx-auto mt-4 text-center email-container">

<!-- <h2>Σχετικά με εμάς</h2> -->

<p class="lead text-left ">Στείλτε μας το μήνυμά σας</p>
  <textarea id="email-message" class="form-control mt-3"></textarea>
  <button id="send-message" class="btn btn-dark mt-3">Αποστολή μηνύματος</button>
  </div>
  
  <div class="col-sm-9 mx-auto mt-4 text-center img-container " >
  <h3 style="color: black" class="header-text">Διαχειριστές</h3>
  <div   class="card-deck col-auto  mb-3">
  <div class=" pt-5 ">
         <div class="card" style="width:230px;">
         <img style="width: 100%;height:270px" src="images/mpilas_dimitris.jpg" class="card-img-top p-1 img-fluid" alt="...">
         <div class="card-body">
           Μπίλας Δημήτρης</br>
           Θεσσαλονίκη</br>
           Στοιχεία επικοινωνίας:
         <div class="card-footer">
         <button style="align-items: center" class="fa fa-facebook-square" data-toggle="tooltip" data-placement="top" title="Δημήτρης Μπίλας"></button>
         <button style="align-items: center" class="fa fa-google" data-toggle="tooltip" data-placement="top" title="mpilasdimitris@gmail.com"></button>
         <button style="align-items: center" class="fa fa-phone" data-toggle="tooltip" data-placement="top" title="6983140248"></button>
         </div>
         </div>
         </div>
         </div>
         <div  class=" pt-5">
         <div class="card" style="width:230px;">
         <img style="width: 100%;height:270px"  src="images/skarlis_giannis.jpg" class="card-img-top p-1 img-fluid" alt="...">
         <div class="card-body">
           Σκαρλής Γιάννης </br>
           Θεσσαλονίκη </br>
           Στοιχεία επικοινωνίας: 
         <div class="card-footer">
         <button style="align-items: center" class="fa fa-facebook-square" data-toggle="tooltip" data-placement="top" title="Γιάννης Σκαρλής"></button>
         <button style="align-items: center" class="fa fa-google" data-toggle="tooltip" data-placement="top" title="skarlisgiannis@gmail.com"></button>
         <button style="align-items: center" class="fa fa-phone" data-toggle="tooltip" data-placement="top" title="6971640292"></button>
         </div>
         </div>
         </div>
         </div>
         <div  class="pt-5">
         <div class="card" style="width:230px;">
         <img style="width: 100%;height:270px" src="images/melissas_alex.jpg" class="card-img-top p-1 img-fluid" alt="...">
         <div class="card-body ">
           Μελισσάς Αλέξανδρος</br>
           Θεσσαλονίκη</br>
           Στοιχεία επικοινωνίας:
         <div class="card-footer">
         <button style="align-items: center" class="fa fa-facebook-square" data-toggle="tooltip" data-placement="top" title="Alexandros Melissas"></button>
         <button style="align-items: center" class="fa fa-google" data-toggle="tooltip" data-placement="top" title="melissasalexandros@gmail.com"></button>
         <button style="align-items: center" class="fa fa-phone" data-toggle="tooltip" data-placement="top" title="6942843529"></button>
         </div>
         </div>
         </div>
         </div>
</div>
</div>

</div>
</div>