trello.html

<html lang="en">
    <head>
        <title>
            DanceGifs - Roadmap 
        </title>
        <link rel="icon" type="image/gif" href="./ressources/image/favicon/favicon.ico" />
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
        <style>

            @font-face {
                font-family: "SalsaFont";
                src: url('./ressources/fonts/Salsa-Regular.ttf') format('truetype');
                }

                .salsafont {
                font-family: "SalsaFont", sans-serif;
                }

        </style>

        <script> 
            $(document).ready(function(){
                
                $("#header").load("./header.html"); 
                
            });
        </script>
    </head>

    <body class="salsafont d-flex flex-column"  >
        <div id="header" class="mb-5"> </div>
            
    <div> 

        <div class="card-deck pt-2 mt-3">

            <div class="container-fluid">
                <div class="row">
                            
                    <div class="card mb-3 mx-5">
                        <div class="card-body ">
                            <h4 class="card-title ">My roadmap </h4>
                        </div>
                        <iframe class="card-img-bottom" src="https://trello.com/b/kCdnU261.html" width="650" height="750"></iframe>
                    </div>
                </div>
            </div> 

        </div>
                
    </div>


    </body>
</html>