projetRoman/jamil.html at master · githly/projetRoman · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="style.css" media="screen" title="no title">
    <link rel="stylesheet" href="fonts/fontello/css/fontello.css">
    <title>Jamil</title>
  </head>
  <body>
    <header>
      <a href="index.html" class="anchor" id="home">
        <span class="icon-home" aria-hidden="true"></span>
        <span class="visuallyhidden">Retour à l'accueil</span>
      </a>
      <h1>The Project</h1>

      <ul>
        <li><a href="#"><p>☰</p></a>
          <ul>
            <a href="roman.html"><li class="levelone">Roman-Photo</li></a>
            <li  class=" levelone sousmenu">Personnages
              <ul class="leveltwo">
                <a href="jamil.html"><li>Jamil</li></a>
                <a href="lauren.html"><li>Laurene</li></a>
                <a href="alice.html"><li>Alice</li></a>
                <a href="elise.html"><li>Élise</li></a>
              </ul></li>
            </li>
          </ul>
        </li>
      </ul>
    </header>

    <!-- Compartiment photo + texte -->
    <div class="fiche-container backgroundjamil">
        <!-- Compartiment photo -->
        <img class="photo" src="photos/velo/jamilperso-grande.jpg" alt="Image Jamil">
        <img class="photo2" src="photos/velo/jamilperso-moyenne.jpg" alt="Image Jamil">
        <!-- Compartiment texte -->
        <div class="texte">
            <ul class="listejam">
                <li class="prenom"> Jamil Armstrong, </li>
                <li class="prenom"> Cycliste </li> <br>
                <li><span class="spanperso">Age : </span> 130 années Mercuriennes (31 années Telluriennes) </li>
                <li><span class="spanperso">Email : </span> Par télépathie quantique</li>
                <li><span class="spanperso">Residence : </span> Mordor, Terre du Milieu</li>
            </ul>
            <p class="paraperso"> Elevé en Terre du Milieu, Jamil Armstrong dit "Flash Mordor" à compris très tôt qu'il serait cycliste professionel plus tard. Il faut dire que les courses poursuites avec les Orques du démonique Sauron constituent un entrainement des plus
                exigeant. Adolescent, il décida de démenager sur Tatooine (partie extérieure de la galaxie, dans le secteur Arkanis). Mais la répression de Jabba the Hutt et de ses chasseurs de primes l'obligea à fuir encore une fois. Il parti donc de
                façon clandestine à bord de l'USS Enterprise avec son ami Bob l'éponge pour arpenter les routes très très ensoleillées de Mercure. Aux dernières nouvelles il s'entraine afin de preparer le tour de France situé sur la planète voisine, dite
                "Terre". Il aurait avec lui avec une équipe de choc constituée d'une archéologue funky, d'une étudiante possédée et d'une policère redoutable</p>
            <ul class="listejam skill">
                <li class="icon icon1"><span class="bar furtif"></span>
                    <h3 class="h3perso">Furtivite</h3></span></li>
                <li class="icon icon2"><span class="bar mana"></span>
                    <h3 class="h3perso">Energie</h3></li>
                <li class="icon icon3"><span class="bar acc"></span>
                    <h3 class="h3perso">Acceleration</h3></li>
                <li class="icon icon4"><span class="bar attaque"></span>
                    <h3 class="h3perso">tactique</h3></li>
            </ul>
        </div>
    </div>

    <footer>
      <a href="jamil.html"><img src="photos/avatars/avatar-jamil.jpg" alt="Jamil" /></a>
      <a href="lauren.html"><img src="photos/avatars/avatar-laurene.jpg" alt="Laurene" /></a>
      <a href="alice.html"><img src="photos/avatars/avatar-alice.jpg" alt="Alice" /></a>
      <a href="elise.html"><img src="photos/avatars/avatar-elise.jpg" alt="Élise" /></a>
      <a href="#" class="anchor" id="gotop">
        <span class="icon-up-open" aria-hidden="true"></span>
        <span class="visuallyhidden">Haut de Page</span>
      </a>
    </footer>
  </body>
</html>