{% set title, page_active, page_categorie = '', '', '' %}

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

{% block title %}Fiche Etudiant | Présentation{% endblock %}

{% block body%}

    

<!-- Content Wrapper. Contains page content -->
   <div class="content-wrapper">
    
        <div class="content-header">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-sm-12">
                        <h1 class="m-0 text-dark">Contact des étudiants</h1>
                    </div><!-- /.col -->
                    <!-- /.col -->
                </div><!-- /.row -->
            </div>
        </div>
    <!-- /.content-header -->

        <!-- Content Header (Page header) -->
        <div class="content-header">
            <div class="container-fluid">
                <div class="container">
                    <div class="row">
                        <div class="col-12 col-sm-4">
                            <div class="card">
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-5 text-center">
                                            <img src="/img/avatar3.png" alt="" class="img-circle img-fluid">
                                        </div>
                                        
                                        <div class="col-7">
                                            <h2 class="lead"><b>Nicole Pearson</b></h2>
                                            <ul class="ml-4 mb-0 fa-ul text-muted">
                                                <li class="small"><span class="fa-li"><i class="fas fa fa-building"></i></span> Demo Street 123</li>
                                                <li class="small"><span class="fa-li"><i class="fas fa fa-envelope"></i></span> justifycontentmd@yaoh.fr</li>
                                                <li class="small"><span class="fa-li"><i class="fas fa fa-phone"></i></span> 00 12 12 23 52</li>
                                                <li class="small"><span class="fa-li"></span><b>Père</b> 00 12 12 23 52</li>
                                                <li class="small"><span class="fa-li"></span><b>Mère</b> 00 12 12 23 52</li>
                                                <li class="small"><span class="fa-li"></span><b>Tuteur</b> 00 12 12 23 52</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="card-footer">
                                    <div class="text-right">
                                        <a href="#" class="btn btn-sm btn-primary">
                                            <i class="fas fa-user"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                
                </div>
            </div>
        </div>
        <!-- /.card-body -->

        <div class="container">
            <div class="row justify-content-md-center">
                <div class="col-sm-12 col-md-7">
                    <div class="container">
                        <div class="row justify-content-md-center">
                            <div class="dataTables_paginate paging_simple_numbers" id="example1_paginate">
                                <ul class="pagination">
                                    <li class="paginate_button page-item ">
                                        <a href="#" aria-controls="example1" data-dt-idx="1" tabindex="0" class="page-link">1</a>
                                    </li>
                                    <li class="paginate_button page-item ">
                                        <a href="#" aria-controls="example1" data-dt-idx="2" tabindex="0" class="page-link">2</a>
                                    </li>
                                    <li class="paginate_button page-item active">
                                        <a href="#" aria-controls="example1" data-dt-idx="3" tabindex="0" class="page-link">3</a>
                                    </li>
                                    <li class="paginate_button page-item ">
                                        <a href="#" aria-controls="example1" data-dt-idx="4" tabindex="0" class="page-link">4</a>
                                    </li>
                                    <li class="paginate_button page-item ">
                                        <a href="#" aria-controls="example1" data-dt-idx="5" tabindex="0" class="page-link">5</a>
                                    </li>
                                    <li class="paginate_button page-item ">
                                        <a href="#" aria-controls="example1" data-dt-idx="6" tabindex="0" class="page-link">6</a>
                                    </li>
                                    <li class="paginate_button page-item next" id="example1_next">
                                        <a href="#" aria-controls="example1" data-dt-idx="7" tabindex="0" class="page-link">Next</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                </div>
            </div>
        </div>
    </div> 
 



{% endblock %}