-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmembre.html
140 lines (115 loc) · 6.99 KB
/
membre.html
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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" href="3.png" type="image/x-icon">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GodSpark</title>
<link rel="stylesheet" href="membre.css" />
</head>
<body>
<nav id='menu'>
<input type='checkbox' id='responsive-menu' onclick='updatemenu()'><label></label>
<ul>
<li><a href='index.html'>Home</a></li>
<li><a href='jeu.html'>GodSpark</a></li>
<li><a class='dropdown-arrow'>Projet</a>
<ul class='sub-menus'>
<li><a href='histoire.html'>Histoire</a></li>
<li><a href='membre.html'>Membre</a></li>
<li><a href='chronologie.html'>Chronologie</a></li>
<li><a href='difficulte.html'>Difficulté</a></li>
</ul>
</li>
<li><a href='support.html'>Support</a></li>
<li><a href='contact.html'>Contact</a></li>
</ul>
</nav>
<div class="card">
<img class="etienne" src="etienne.jpg" alt="etienne-gaga">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 5H4V19L13.2923 9.70649C13.6828 9.31595 14.3159 9.31591 14.7065 9.70641L20 15.0104V5ZM2 3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934ZM8 11C6.89543 11 6 10.1046 6 9C6 7.89543 6.89543 7 8 7C9.10457 7 10 7.89543 10 9C10 10.1046 9.10457 11 8 11Z"></path></svg>
<div class="card__content">
<p class="card__title">Etienne Gagniarre-leroux
</p>
<p class="card__description"><br>Chef de projet <br>Concepteur des personnages principaux, des PNJ et des niveaux. </p>
</div>
</div>
<div class="card2">
<img class="pierre" src="pierre.jpg" alt="pierre">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 5H4V19L13.2923 9.70649C13.6828 9.31595 14.3159 9.31591 14.7065 9.70641L20 15.0104V5ZM2 3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934ZM8 11C6.89543 11 6 10.1046 6 9C6 7.89543 6.89543 7 8 7C9.10457 7 10 7.89543 10 9C10 10.1046 9.10457 11 8 11Z"></path></svg>
<div class="card__content2">
<p class="card__title2">Pierre Nouet
</p>
<p class="card__description2"><br>Concepteur du multijoueur, de l'histoire et des niveaux. </p>
</div>
</div>
<div class="card3">
<img class="julien" src="julien.jpg" alt="julien">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 5H4V19L13.2923 9.70649C13.6828 9.31595 14.3159 9.31591 14.7065 9.70641L20 15.0104V5ZM2 3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934ZM8 11C6.89543 11 6 10.1046 6 9C6 7.89543 6.89543 7 8 7C9.10457 7 10 7.89543 10 9C10 10.1046 9.10457 11 8 11Z"></path></svg>
<div class="card__content3">
<p class="card__title3">Julien Wan
</p>
<p class="card__description3"><br>Concepteur du site internet, des PNJ, des niveaux et de l'IA. </p>
</div>
</div>
<div class="card4">
<img class="thibault" src="thibault.jpg" alt="etienne-gaga">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 5H4V19L13.2923 9.70649C13.6828 9.31595 14.3159 9.31591 14.7065 9.70641L20 15.0104V5ZM2 3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934ZM8 11C6.89543 11 6 10.1046 6 9C6 7.89543 6.89543 7 8 7C9.10457 7 10 7.89543 10 9C10 10.1046 9.10457 11 8 11Z"></path></svg>
<div class="card__content4">
<p class="card__title4">Thibault Duong
</p>
<p class="card__description4"><br>Concepteur de l'histoire, des musiques et des effets sonores. </p>
</div>
</div>
<div class="card5">
<img class="louis" src="louis.jpg" alt="etienne-gaga">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 5H4V19L13.2923 9.70649C13.6828 9.31595 14.3159 9.31591 14.7065 9.70641L20 15.0104V5ZM2 3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934ZM8 11C6.89543 11 6 10.1046 6 9C6 7.89543 6.89543 7 8 7C9.10457 7 10 7.89543 10 9C10 10.1046 9.10457 11 8 11Z"></path></svg>
<div class="card__content5">
<p class="card__title5">Louis Kemler
</p>
<p class="card__description5"><br>Concepteur des niveaux, des PNJ et de l'IA. </p>
</div>
</div>
<div class="titre">
<h1 > Membre </h1>
</div>
<div class="containeretienne">
<div class="contentetienne">
<p class="hidden-text0" id="hiddenText0"> Etienne </p>
<p class="hidden-text1" id="hiddenText1"> <br>Concepteur des personnages principaux, des PNJ et des niveaux. </p>
</div>
</div>
<script src="script4.js"></script>
<div class="containerpierre2">
<div class="contentpierre2">
<p class="hidden-text2" id="hiddenText2"> Pierre </p>
<p class="hidden-text3" id="hiddenText3"> <br>Concepteur du multijoueur, de l'histoire et des niveaux. </p>
</div>
</div>
<script src="script4.js"></script>
<div class="containerjulien">
<div class="contentjulien">
<p class="hidden-text4" id="hiddenText4"> Julien </p>
<p class="hidden-text5" id="hiddenText5"> <br>Concepteur du site internet, des PNJ, des niveaux et de l'IA. </p>
</div>
</div>
<script src="script4.js"></script>
<div class="containerthibault">
<div class="contentthibault">
<p class="hidden-text6" id="hiddenText6"> Thibault </p>
<p class="hidden-text7" id="hiddenText7"> <br>Concepteur de l'histoire, des musiques et des effets sonores. </p>
</div>
</div>
<script src="script4.js"></script>
<div class="containerlouis">
<div class="contentlouis">
<p class="hidden-text8" id="hiddenText8"> Louis </p>
<p class="hidden-text9" id="hiddenText9"> <br>Concepteur des niveaux, des PNJ et de l'IA. </p>
</div>
</div>
<script src="script4.js"></script>
<div class="copyright">
<p> © GodSpark</p>
</div>
</body>
</html>