index.html

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>EasyChatBot</title>
    <!-- Style link ne pas inversé l'ordre de chargement-->
    <link rel="stylesheet" href="stylesheet/style.css">
    <link rel="stylesheet" href="stylesheet/bot.css">
    <!-- Script ChatBot link -->
    <script defer src="script/chat.js"></script>
    <script defer src="script/bot.js"></script>
</head>
<body>


<div>
    <div id="chatbot" class="main-card collapsed">
        <button id="chatbot_toggle">
            <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M15 4v7H5.17l-.59.59-.58.58V4h11m1-2H3c-.55 0-1 .45-1 1v14l4-4h10c.55 0 1-.45 1-1V3c0-.55-.45-1-1-1zm5 4h-2v9H6v2c0 .55.45 1 1 1h11l4 4V7c0-.55-.45-1-1-1z"/></svg>
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" style="display:none"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/></svg>
        </button>
        <div class="main-title">
            <div>
                <img src="img/avatar.jpg" alt="avatar">
            </div>
            <span>EasyChatBot</span>
        </div>

        <div class="chat-area" id="message-box">
            <div id="easychat-container" class="chatbox">
                <div id="easychat-inner" class="message">
                    <div id="easychat"></div>
                </div>
            </div>
        </div>
    </div>


</body>
</html>