Voici votre URL de partage https://sharemycode.io/c/be720c3 (Cliquer pour copier) (Copié)

Nom du fichier : 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">
    <script src="script.js" defer></script>
    <title>JS TP 2</title>
</head>
<style>
    .darkModeIsActive{
        background-color: black;
        color: white;
    }
    .blue {
  background-color: blue;
}

.red {
  background-color: red;
}
</style>
<body>
    <h1>NOM Prénom</h1>
    <h2>Bienvenue!</h2>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Corrupti, veritatis ullam. Delectus quam unde maiores, fuga dolore eos, autem eligendi labore sed molestias quisquam veniam illo mollitia laborum! Fugit, reiciendis!
        Unde quisquam sunt commodi perferendis at maiores atque magni explicabo placeat rerum optio mollitia ratione alias debitis officia repudiandae delectus nihil, facere incidunt exercitationem assumenda voluptatum eaque tenetur harum. Rem.
        Nisi illum vero ab, quas, repellendus neque exercitationem magni unde nostrum ut dolorem sint tenetur praesentium facilis culpa. Voluptate velit ratione fuga repellendus in veniam voluptas consequuntur sed. Voluptate, cupiditate!
        Sint quaerat corporis hic voluptates? Ducimus quaerat reiciendis animi pariatur hic sequi quis mollitia, molestias libero dicta, assumenda perferendis praesentium aspernatur. Nobis molestias nam nostrum, quos aliquam error unde quidem.
        Fugiat quidem quaerat est dolores. Esse sint alias atque fugit mollitia, tempora iure temporibus accusantium reprehenderit itaque in, autem quaerat, facere pariatur! Minima, consequuntur itaque dignissimos minus ad ullam enim.
    </p>
    <h2>Derniers articles</h2>
    <h3>La keynote d'Apple</h3>
    <img src="./src/img/small.jpg" alt="new_apple_macbookpro"><br>
    <button class="makeBigger">Agrandir l'image</button>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Corrupti, veritatis ullam. Delectus quam unde maiores, fuga dolore eos, autem eligendi labore sed molestias quisquam veniam illo mollitia laborum! Fugit, reiciendis!
        <span class="suspension">...</span>
        <span class="showMore" style="display: none;">
            Unde quisquam sunt commodi perferendis at maiores atque magni explicabo placeat rerum optio mollitia ratione alias debitis officia repudiandae delectus nihil, facere incidunt exercitationem assumenda voluptatum eaque tenetur harum
            Nisi illum vero ab, quas, repellendus neque exercitationem magni unde nostrum ut dolorem sint tenetur praesentium facilis culpa. Voluptate velit ratione fuga repellendus in veniam voluptas consequuntur sed. Voluptate, cupiditate!
            Sint quaerat corporis hic voluptates? Ducimus quaerat reiciendis animi pariatur hic sequi quis mollitia, molestias libero dicta, assumenda perferendis praesentium aspernatur. Nobis molestias nam nostrum, quos aliquam error unde quidem.
            Fugiat quidem quaerat est dolores. Esse sint alias atque fugit mollitia, tempora iure temporibus accusantium reprehenderit itaque in, autem quaerat, facere pariatur! Minima, consequuntur itaque dignissimos minus ad ullam enim.
        </span>
    </p>
    <a href="#" class="loadMore">Afficher +</a>
    <button class="darkmode">MODE SOMBRE</button>

    <div id="inputSection">
        <input id="seText" type="text" placeholder="écrivez du texte ici">
        <button id="displayOnPage" type="submit">Envoyer</button>
        <div id="result"></div>
    </div>

    <table border="1">
        <tr>
            <td>X</td>
            <td>X</td>
            <td>X</td>
        </tr>
        <tr>
            <td>X</td>
            <td>X</td>
            <td>X</td>
        </tr>
        <tr>
            <td>X</td>
            <td>X</td>
            <td>X</td>
        </tr>
        
    </table>
</body>
</html>

Informations

Cet extrait a été créé le 25 mai 2023 à 11:44:28

Cet extrait expire le 24 juin 2023 à 11:44:28

Langage : twig

Logo twig

Link

Voici votre URL de partage : https://sharemycode.io/c/be720c3 Copié

Ce code a été partagé avec Share on ShareMyCode.io pour VSCode

Demander la suppression