<div class="home">
    <h1>Accueil</h1>
</br>
<div class="homepanel">
    <div class="row w-100">
        <div class="hbox col-lg">
          
              
            <h1><i class="fa fa-bell"></i> Notifications</h1>
           
            <table class="table">
                
                <thead>
                  <tr>
                    <th scope="col">Appareil</th>
                    <th scope="col">Device</th>
                    <th scope="col">Notifications</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    
                    <td>Mark</td>
                    <td>Otto</td>
                    <td>@mdo</td>
                  </tr>
                  <tr>
                    
                    <td>Jacob</td>
                    <td>Thornton</td>
                    <td>@fat</td>
                  </tr>
                  <tr>
                  
                    <td>Larry</td>
                    <td>the Bird</td>
                    <td>@twitter</td>
                  </tr>
                  <tr>
                  
                    <td>Larry</td>
                    <td>the Bird</td>
                    <td>@twitter</td>
                    
                  </tr>
                  <tr>
                  
                    <td>Larry</td>
                    <td>the Bird</td>
                    <td>@twitter</td>
                    
                  </tr>
                </tbody>
              </table>
         </div>
         <div class="hbox col-lg">
            <h1>EcoleDirecte</h1>
            <!-- <iframe width="100%" height="90%" src="https://ecoledirecte.com"></iframe> -->
         </div>
    </div>
    <div class="row w-100">
        <div class="hbox col-lg">
            <h1>Contenu épinglé</h1>
        </div>
        <div class="hbox col-lg">
            <h1>Contenu épinglé</h1>
        </div>
         
         
    </div>

</div>

</div>


<!-- Style-->
<style>

.home {

    
    

}



.hbox h1 {

    font-size: large;

}

table  {
    color: white;
    
}



.hbox {
    
    margin: 1%;
    padding: 1%;
    background-color: rgb(80, 80, 80);
    border-radius: 1vw;
    box-shadow: 5px 5px 5px rgba(80, 80, 80, 0.477) ;

  }

</style>