M413-Programmation-Web-Clie.../TD1/index.html

<!DOCTYPE html>
<html>

<head>
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <title>M4103 - Programmation Web Client Riche - TD1</title>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <link rel='stylesheet' type='text/css' media='screen' href='./css/main.css'>
    <script src='./js/main.js'></script>
    <p>Comme pour tous les autres td, les réponses aux questions sont disponibles <strong><a href="https://github.com/JunkJumper/M4103-Programmation-Web-Client-Riche/tree/master/TD1" target="_blank">ICI</a></strong> !</p>
</head>

<body onload="init();">
    <h1 id="titre" class="firstOrLast">Exercice <span>1</span></h1>
    <div>
        <p>Mane 6 : ce sont les six personnages principaux de la série My Little Pony Friendship is Magic</p>
    </div>
    
    <h2>Applejack</h2>
    <div>
        <p<>Poney terrestre de nature <strong>honnête et travailleuse</strong> elle travaille dans la « Sweet Apple Acres » avec le reste de la famille Apple.</p>
    </div>
    
    <h3 class="firstOrLast">Rainbow Dash</h3>
        <p>Pégase de nature fière et sportive, elle est en charge de la gestion de la météo de Ponyville.</p>
    
    <h2 class="firstOrLast">Twilight Sparkle</h2>
    <p>Licorne de nature intellectuelle et réfléchie, elle est l’élève de la Princesse Celestia. Elle est chargée d’apprendre le plus possible en ce qui concerne l’amitié.</p>
    
    <h3>Rarity</h3>
    <p>Licorne de nature généreuse, elle travaille à la fois comme créatrice de mode et comme couturière dans sa propre boutique de Ponyville, la Boutique Carrousel.</p>
    
    <h3>Fluttershy</h3>
    <p>Pégase de nature timide et réservée, elle s’occupe des animaux dans son chalet qui lui sert également de résidence principale.</p>
    
    <h3>Pinkie Pie</h3>
    <p>Poney terrestre de nature joyeuse et souriante qui adore faire la fête, elle travaille au Sugar Cube Corner en préparant des gâteaux pour les habitants de Ponyville.</p>

<div><p id="1">Luna ne <span>fait pas partie</span> du mane 6 mais est très symaptique aussi :D</p></div>
<div><p id="2">Luna <span>est drôle</span> bien qu'elle dise le contraire.</p></div>
<button type="button" onclick="invertText()">Boop !</button>
</body>

</html>