Untitled

<html lang="fr">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="https://fonts.googleapis.com/css?family=Fredoka+One" rel="stylesheet">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
        crossorigin="anonymous">
    <script src="assets/premier.js" async></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.2.0/anime.js" async></script>
    <link rel="stylesheet" href="assets/style.css">
    <title>Site javascript</title>
    <link rel="icon" type="img/png" href="img/JavaScript-logo.png" />
</head>

<body>
    <nav class="navbar navbar-light bg-light">
        <a class="navbar-brand" href="#">
            <img src="img/JavaScript-logo.png" width="30" height="30" class="d-inline-block align-top" alt="navbar">
            Javascript cours
        </a>
    </nav>
    <div class="container">
        <h1>Buenas tardes senor</h1>
        <p>Bonjour comment allez-vous!?</p>
        <div class="card">
            <div class="card-header bg-light">
                <b>btn test</b>
            </div>
            <div class="card-body .bg-white">
                <h5 class="card-title">Les boutons en javascript</h5>
                <p class="card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptate porro, libero
                    hic eaque dolorem numquam voluptas nisi exercitationem modi animi enim voluptatibus id rem totam
                    sed impedit culpa voluptates sapiente.</p>
                <a href="#" class="btn btn-primary" onclick="test()">Alerte</a>
                <a href="#" class="btn btn-warning" onclick="test1()">Alerte deux</a>
                <a href="#" class="btn btn-danger" onclick="test2()">Affiche</a>
                <a href="#" class="btn btn-dark" id="loginbtn">Login</a>
                <div id="alert"></div>
            </div>
        </div>
    </div>
    <div class="bgdark" id="close">
        <div class="login">
            <img src="img/JavaScript-logo.png" alt"jslogo" width="5%">
            <form>
                <div class="form-group">
                    <label for="exampleInputEmail1">Adresse email</label>
                    <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp"
                        placeholder="email@gmail.com">
                </div>
                <div class="form-group">
                    <label for="exampleInputPassword1">Mot de passe</label>
                    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Mot de passe">
                </div>
                <div class="form-group form-check">
                    <input type="checkbox" class="form-check-input" id="exampleCheck1">
                    <label class="form-check-label" for="exampleCheck1">Se souvenir de moi</label>
                </div>
                <button type="submit" class="btn btn-primary" id="close">S'identifier</button>
            </form>
        </div>
    </div>
    <div id="svglogo">
        <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 583.75 733.92">
            <path d="M818.09,280.51c-13.16-23.84-40.72-31.82-66.21-33-26.26-1.22-55.28-.61-79.72,10.05-11.71,5.11-21.76,13-30.34,22.4-9.11,10-17.76,21.27-24,33.31-11.13,21.67-11.85,46.87-3.47,69.62,17.9,48.58,68.2,72.63,117.49,74.53,29.52,1.14,59-5,87.09-13.52,13.08-4,27.68-7.62,39.08-15.43,10.72-7.35,17.8-18.47,23.06-30.14,12.36-27.37,14.93-59.2.88-86.47A75.75,75.75,0,0,0,854.14,282c-12.84-7.83-27.51-12.08-41.86-16.17-7.44-2.12-10.62,9.45-3.19,11.57,22.16,6.32,45.21,13.49,58.57,33.74,13.22,20,14.71,45,8.06,67.63-3.29,11.23-8.29,23-15.9,32.08-8.16,9.68-19.65,13.61-31.31,17.46-25.34,8.37-51.48,15.36-78.23,16.93-43.69,2.56-93.16-10.92-117.06-50.58-10.71-17.79-15.69-39.76-10.66-60.19,2.85-11.6,9-21.86,16-31.44s14.61-18.86,24-26c21.38-16.31,49.66-17.51,75.47-17.7,25.25-.19,56.13,2.55,69.77,27.27,3.74,6.77,14.11.72,10.37-6.05Z" transform="translate(-608.74 -154.55)"/>
            <path d="M1061,277.27a262.16,262.16,0,0,0-136.75,20C911,303,897.35,309.51,888.84,321.67c-7.63,10.91-9.88,24.62-10.52,37.65-.68,14.06-.65,28.82,1.91,42.69,2.47,13.38,9.08,25.49,19.79,34,9.73,7.75,21.43,12.49,33.39,15.61,14,3.66,28.55,5.31,42.91,7q25,2.88,50.25,4c30.73,1.35,62.78,2.2,90.35-13.53,22.85-13,40.22-34.22,53-56.87,13.87-24.56,26.16-53.63,21.59-82.36-2.09-13.1-8.09-26.1-18-35.07-10.54-9.5-24.29-14.1-38.06-16.41a227.16,227.16,0,0,0-117.26,11.86c-7.16,2.7-4.06,14.3,3.19,11.57A220.64,220.64,0,0,1,1108,267.56c24.9,1,55,4.4,67.17,29.49,12,24.89,2,53.85-9.3,77-10.25,21.11-23.79,41.28-42.29,56a92.38,92.38,0,0,1-31.34,16.56c-14.44,4.25-29.56,4.73-44.52,4.54a674.89,674.89,0,0,1-90.47-7.07C936.17,441,910,435.71,898,416c-6.89-11.27-7.5-24.91-7.75-37.76-.25-12.35-.61-25.11,2.75-37.13,4.2-15,14.91-22.92,28.41-29.43a245,245,0,0,1,43.78-16,254.51,254.51,0,0,1,95.86-6.39c7.65.93,7.58-11.08,0-12Z" transform="translate(-608.74 -154.55)"/>
            <path d="M893.32,319.91c1-34.86-27.88-59.77-57.28-72.53-17.25-7.49-35.4-12.83-53.25-18.69L724.6,209.58,658.91,188c-7.35-2.42-10.5,9.17-3.19,11.57l108.86,35.76c17.41,5.72,34.95,11.14,52.21,17.31,15.47,5.53,31.21,12.35,43.54,23.48s21.49,26.61,21,43.79c-.23,7.73,11.77,7.72,12,0Z" transform="translate(-608.74 -154.55)"/>
            <path d="M891,315.84c1.92-43.59,34.36-77.92,70.75-98,20-11,41.63-18.7,63.46-25.23a627.82,627.82,0,0,1,73.52-17.2,666.34,666.34,0,0,1,84-8.86c7.69-.34,7.74-12.34,0-12-52.76,2.3-105.33,10.4-156.08,25.13-44.69,13-91.29,31.35-121.07,68.89C890.19,267.93,880.09,291,879,315.84c-.34,7.72,11.66,7.7,12,0Z" transform="translate(-608.74 -154.55)"/>
            <path d="M894.8,355.64c10.71-2.09,17.89,8.83,21.65,17.15.53,1.18,2.74,5.21,1.79,6.48s-4.58.68-5.69.61a42.77,42.77,0,0,1-16.35-4.63c-6.88-3.46-13,6.89-6.05,10.36,8.07,4.06,17.65,7.12,26.8,6.21,9.46-.94,15-8.23,12.77-17.59-4-17-19.47-33.8-38.11-30.16-7.57,1.48-4.37,13.05,3.19,11.57Z" transform="translate(-608.74 -154.55)"/>
            <path d="M891.4,343.27c-18.9-12.27-45-4-52.74,17.39-7.39,20.62,9.34,44.5,32.05,38.73,7.48-1.9,4.31-13.48-3.19-11.57-14.75,3.75-22.28-13.75-16.67-25.38,6.38-13.21,22.63-16.51,34.5-8.81,6.49,4.22,12.51-6.16,6-10.36Z" transform="translate(-608.74 -154.55)"/>
            <path d="M885.36,531.37c-3.91,24.42-21,43.23-34.3,63.09-2.83,4.22-8.1,10.07-6.3,15.58,2.12,6.46,10.56,5.78,16,6a168.62,168.62,0,0,0,43.3-4.16c7.53-1.69,4.34-13.26-3.19-11.57A153,153,0,0,1,876,603.86c-3.81.23-7.63.31-11.45.26-1.91,0-3.82-.09-5.72-.18-1.27-.07-2.55-.14-3.81-.24q-2.47-.42-.21.5l1.76,4.24c-.12-1.57,3.54-6,4.87-7.93,2.08-3.09,4.24-6.14,6.4-9.18,4.17-5.86,8.41-11.67,12.36-17.68,7.85-11.93,14.48-24.86,16.76-39.09,1.21-7.55-10.36-10.8-11.58-3.19Z" transform="translate(-608.74 -154.55)"/>
            <path d="M1091.63,655.33a603.1,603.1,0,0,1-16.45,71.85c-6.44,21.84-13.88,43.73-26.63,62.8-12.16,18.2-29.26,32.51-47.19,44.78-18.11,12.38-37.55,25.64-58.9,31.53-23,6.34-47.81,6.21-71.47,7.62-24.37,1.45-49,3-73.37,2.3-11.82-.35-23.53-1.72-34.82-5.38-10.69-3.46-20.68-8.71-30.34-14.39a590.2,590.2,0,0,1-59.72-40.12c-8.58-6.56-16.82-13.89-21.94-23.54-5-9.41-6.93-20.27-8-30.76a299.31,299.31,0,0,1,1.47-74.58c.38-2.56.78-5.12,1.23-7.68s.13-4.51,2.58-5.26c2.26-.69,5.7-.12,8-.16l10.22-.18,7.44-.12c3.15,0,3.71-1,3.32,2.12-.61,4.91-2.38,9.77-3.2,14.68a141.16,141.16,0,0,0,2.25,58.62,120,120,0,0,0,27.34,51.14c13.81,15,31.55,25.94,50.46,33.4,21.51,8.48,44.76,12,67.78,12.88,22.61.89,46.87.85,68.76-5.57,39.63-11.63,58.89-48.19,79.33-80.8a324.2,324.2,0,0,1,40.89-51.85c7.89-8.23,16.07-16.18,24.37-24,7.9-7.43,15.77-15.18,25.22-20.64,9.19-5.31,21-8.46,31.18-4.12,3,1.28,6.39.88,8.21-2.15,1.5-2.51.82-6.94-2.16-8.21-22.48-9.55-43.94,2.34-60.73,17.21a511.31,511.31,0,0,0-50.27,50.75c-14.28,16.76-25.88,35-37.38,53.74-10.24,16.64-21.12,33.82-36.83,45.88-18.75,14.39-42.19,17.08-65.1,17.8-25.1.79-50.5-.49-74.78-7.34-20.66-5.84-40.48-15.84-56-30.86-15-14.5-24.78-33.24-29.48-53.45-4.74-20.42-3.73-41.09,1.11-61.37,2.49-10.43-.4-19.58-12.46-19.89-6.17-.17-12.41.21-18.58.31-5.22.09-11.57-.69-16.3,2s-6,7.43-6.8,12.28c-1.1,6.27-2,12.59-2.71,18.91a306.91,306.91,0,0,0-2,38.81c.27,22.42,1,48.59,13.34,68.16,6,9.54,14.59,16.92,23.48,23.71,9.9,7.57,20.12,14.76,30.47,21.71,19.74,13.24,40.34,27.16,63.14,34.53,23.8,7.71,49.7,6.23,74.35,5.34,25.76-.93,51.57-2.37,77.25-4.47,12.18-1,24.46-2.46,36.22-5.92,11.43-3.35,22.13-8.75,32.38-14.76,19.46-11.43,38.76-23.92,55.44-39.22,36-33,49.82-81.08,60.52-127.27q4.32-18.66,7.44-37.58c1.25-7.55-10.31-10.8-11.58-3.19Z" transform="translate(-608.74 -154.55)"/>
            <path d="M994,741.27c10.63,14.16,15.46,32,12.38,49.54l5.79-4.41c-9.74.66-17.9-2.83-24.65-9.78-6.23-6.41-13.09-10.89-22.4-8.8-19.94,4.49-23.1,27.07-16.38,43.3,3.36,8.12,12.65,17.52,10.38,26.84-1.72,7.06-9.5,13.23-16.91,12.13-8.88-1.31-15.38-10.74-22.15-15.85a57.61,57.61,0,0,0-26.94-11c-4.38-.59-9.35-1.15-13.69,0-4.75,1.24-7.66,4.77-10.29,8.65-5.8,8.56-10.36,18.22-18,25.35-7.12,6.64-16.47,9.81-25.5,5-9.23-4.92-17-13-25-19.64-14.85-12.45-29.93-28.6-51-26.17-17.09,2-31.92,13.93-49.15,14.5-24,.8-31.75-26.06-29.42-45.44.68-5.7,1.74-12,3.85-17.34,2-5.16,5.78-6.58,11-7.07,13.16-1.22,26.52-1.34,39.72-2,5.46-.27,8.78-8.46,3-11.18-16.27-7.7-33.59-15.64-45.31-29.81-5.26-6.37-9.31-14.07-10.67-22.28-1.32-7.89.89-15.75.94-23.65,0-7.19-1.88-14.38-7.86-18.86s-13.53-4.2-19.9-1c-16.53,8.19-14.55,28.43-8.37,42.75A90.1,90.1,0,0,0,675,736.91c6.69,3.89,12.74-6.47,6.06-10.36A78.8,78.8,0,0,1,651.26,696c-3.42-6.28-6.59-13.52-6.56-20.8,0-5.91,3.18-12.77,9.89-13.35,12.06-1,5.41,23.82,5.7,30.18.67,14.43,7.85,27.76,17.73,38,12.34,12.83,28.72,20.68,44.58,28.18l3-11.18c-12.5.62-25,1.14-37.5,1.85-10.11.59-19.24,3.28-23.69,13.2-4.38,9.76-6.05,22-5.94,32.62.12,10.31,2.5,20.8,8.21,29.5,5.08,7.73,12.28,14,21.11,16.93s18.49,1.79,27.23-.89c16.73-5.14,35.35-18.38,52.75-8.43,9.7,5.55,18,13.91,26.55,21.06,8.17,6.85,16.32,15.19,25.93,20,21.57,10.88,40.07-5,51.31-22.47,2.81-4.39,5.27-9.12,8.42-13.28s9.44-2.66,14-1.75c10.7,2.14,18.64,7.8,26.54,15,6.93,6.32,14.94,12.34,24.84,11.69,9-.59,17.32-6,22.08-13.55,6.25-9.91,4.17-20.5-1.26-30.24-5.17-9.25-13.34-21.79-6.89-32.51a13.53,13.53,0,0,1,9.89-6.56c5.4-.47,8.58,4.77,12,8a41.14,41.14,0,0,0,31,11.08c2.44-.16,5.32-1.73,5.79-4.4,3.61-20.62-1-42-13.6-58.79-4.58-6.1-15-.12-10.36,6.06Z" transform="translate(-608.74 -154.55)"/>
            <path d="M1004.44,741.82l-1.54-15.28c-.46-4.55-.07-10.38-1.46-14.72-.49-1.52-.84-1.67.91-1.25a25.65,25.65,0,0,1,5.21,2,73.07,73.07,0,0,1,11.55,6.94c12.17,9,22,25.08,39,24.62,19.18-.53,27.54-19.7,33.39-35,1.7-4.41,3.23-8.3,1.8-13-1.34-4.4-4.07-8.58-6.06-12.7q-6.6-13.62-12.37-27.63c-2.9-7-14.51-4-11.57,3.19,3.76,9.14,7.71,18.19,12,27.12,1.08,2.25,2.16,4.5,3.27,6.74.92,1.86,2.89,4.42,3.2,6.47.61,3.9-2.88,9.72-4.39,13.35-3,7.26-7.22,15.48-15,18.53-7.49,2.94-14.34-1.89-19.72-6.7-6.21-5.56-11.86-11.56-18.75-16.34-6-4.17-13.62-9-21.09-9.58-8.23-.61-13.49,5.23-13.26,13.25.27,10,2,20.08,3,30,.77,7.61,12.78,7.69,12,0Z" transform="translate(-608.74 -154.55)"/>
        </svg>
    </div>
</body>

</html>