Commit 56ef3052266a7bd063aba03d301b1d72267c8010
1 parent
b605c415ee
Exists in
master
tp1
Showing 3 changed files with 375 additions and 1 deletions
index.html
View file @
56ef305
... | ... | @@ -65,9 +65,9 @@ |
65 | 65 | </div> |
66 | 66 | <h2>Other Resources</h2> |
67 | 67 | <div> |
68 | -<!-- | |
69 | 68 | <a href="tp1.pdf">TP 1 (HTML+CSS) <br/>Sujet</a> |
70 | 69 | <a href="raw/tp1-base.txt">Le fichier <br/>du TP1</a> |
70 | + <!-- | |
71 | 71 | <a href="raw/test.mp4">A test video to download¹</a> |
72 | 72 | <a href="more-installation.html">Installation <br/>on your laptop</a> |
73 | 73 | <a href="tp2.pdf">TP 2 (SPRING) <br/>Sujet</a> |
raw/tp1-base.txt
View file @
56ef305
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | + <head> | |
4 | + <meta charset="utf-8"/> | |
5 | + <title>title</title> | |
6 | + <link rel="stylesheet" href="amazing.css"/> | |
7 | + </head> | |
8 | + <body> | |
9 | + | |
10 | + <h1>Some Media</h1> | |
11 | + <img src="http://placekitten.com/g/250/250" alt="maow"/> | |
12 | + <h1>Some content</h1> | |
13 | + <section id="mon" class="m"> | |
14 | + <h2>Monday</h2> | |
15 | + <span>mon-1</span> <div> | |
16 | + <span>mon-1-1</span> <div> | |
17 | + <span>mon-1-1-1</span> <div> | |
18 | + <span>mon-1-1-1-1</span> | |
19 | + </div> | |
20 | + <span>mon-1-1-2</span> <div> | |
21 | + <span>mon-1-1-2-1</span> | |
22 | + </div> | |
23 | + </div> | |
24 | + <span>mon-1-2</span> <div> | |
25 | + <span>mon-1-2-1</span> <div> | |
26 | + <span>mon-1-2-1-1</span> | |
27 | + </div> | |
28 | + </div> | |
29 | + </div> | |
30 | + <span>mon-2</span> | |
31 | + <span>mon-3</span> | |
32 | + <span>mon-4</span> <div> | |
33 | + <span>mon-4-1</span> <div> | |
34 | + <span>mon-4-1-1</span> | |
35 | + <span>mon-4-1-2</span> | |
36 | + </div> | |
37 | + <span>mon-4-2</span> | |
38 | + </div> | |
39 | + <span>mon-5</span> <div> | |
40 | + <span>mon-5-1</span> <div> | |
41 | + <span>mon-5-1-1</span> | |
42 | + <span>mon-5-1-2</span> | |
43 | + </div> | |
44 | + </div> | |
45 | + <span>mon-6</span> | |
46 | + </section> | |
47 | + <section id="tue" class="t"> | |
48 | + <h2>Tuesday</h2> | |
49 | + <span>tue-1</span> <div> | |
50 | + <span>tue-1-1</span> <div> | |
51 | + <span>tue-1-1-1</span> | |
52 | + </div> | |
53 | + <span>tue-1-2</span> <div> | |
54 | + <span>tue-1-2-1</span> <div> | |
55 | + <span>tue-1-2-1-1</span> | |
56 | + </div> | |
57 | + <span>tue-1-2-2</span> <div> | |
58 | + <span>tue-1-2-2-1</span> | |
59 | + </div> | |
60 | + </div> | |
61 | + <span>tue-1-3</span> | |
62 | + </div> | |
63 | + <span>tue-2</span> | |
64 | + <span>tue-3</span> <div> | |
65 | + <span>tue-3-1</span> | |
66 | + <span>tue-3-2</span> <div> | |
67 | + <span>tue-3-2-1</span> | |
68 | + </div> | |
69 | + </div> | |
70 | + <span>tue-4</span> <div> | |
71 | + <span>tue-4-1</span> <div> | |
72 | + <span>tue-4-1-1</span> | |
73 | + </div> | |
74 | + <span>tue-4-2</span> <div> | |
75 | + <span>tue-4-2-1</span> <div> | |
76 | + <span>tue-4-2-1-1</span> | |
77 | + </div> | |
78 | + <span>tue-4-2-2</span> <div> | |
79 | + <span>tue-4-2-2-1</span> | |
80 | + </div> | |
81 | + </div> | |
82 | + <span>tue-4-3</span> | |
83 | + </div> | |
84 | + <span>tue-5</span> | |
85 | + <span>tue-6</span> <div> | |
86 | + <span>tue-6-1</span> | |
87 | + <span>tue-6-2</span> | |
88 | + <span>tue-6-3</span> <div> | |
89 | + <span>tue-6-3-1</span> <div> | |
90 | + <span>tue-6-3-1-1</span> | |
91 | + </div> | |
92 | + </div> | |
93 | + </div> | |
94 | + <span>tue-7</span> <div> | |
95 | + <span>tue-7-1</span> <div> | |
96 | + <span>tue-7-1-1</span> | |
97 | + <span>tue-7-1-2</span> | |
98 | + </div> | |
99 | + <span>tue-7-2</span> <div> | |
100 | + <span>tue-7-2-1</span> <div> | |
101 | + <span>tue-7-2-1-1</span> | |
102 | + </div> | |
103 | + <span>tue-7-2-2</span> <div> | |
104 | + <span>tue-7-2-2-1</span> | |
105 | + </div> | |
106 | + </div> | |
107 | + <span>tue-7-3</span> <div> | |
108 | + <span>tue-7-3-1</span> <div> | |
109 | + <span>tue-7-3-1-1</span> | |
110 | + </div> | |
111 | + <span>tue-7-3-2</span> | |
112 | + </div> | |
113 | + </div> | |
114 | + </section> | |
115 | + <section id="wed" class="w"> | |
116 | + <h2>Wednesday</h2> | |
117 | + <span>wed-1</span> <div> | |
118 | + <span>wed-1-1</span> <div> | |
119 | + <span>wed-1-1-1</span> <div> | |
120 | + <span>wed-1-1-1-1</span> | |
121 | + </div> | |
122 | + </div> | |
123 | + <span>wed-1-2</span> <div> | |
124 | + <span>wed-1-2-1</span> | |
125 | + </div> | |
126 | + </div> | |
127 | + <span>wed-2</span> | |
128 | + <span>wed-3</span> | |
129 | + <span>wed-4</span> | |
130 | + <span>wed-5</span> | |
131 | + <span>wed-6</span> <div> | |
132 | + <span>wed-6-1</span> <div> | |
133 | + <span>wed-6-1-1</span> | |
134 | + <span>wed-6-1-2</span> <div> | |
135 | + <span>wed-6-1-2-1</span> | |
136 | + </div> | |
137 | + </div> | |
138 | + <span>wed-6-2</span> <div> | |
139 | + <span>wed-6-2-1</span> <div> | |
140 | + <span>wed-6-2-1-1</span> | |
141 | + </div> | |
142 | + </div> | |
143 | + </div> | |
144 | + <span>wed-7</span> | |
145 | + <span>wed-8</span> <div> | |
146 | + <span>wed-8-1</span> | |
147 | + <span>wed-8-2</span> | |
148 | + </div> | |
149 | + <span>wed-9</span> <div> | |
150 | + <span>wed-9-1</span> | |
151 | + <span>wed-9-2</span> <div> | |
152 | + <span>wed-9-2-1</span> | |
153 | + <span>wed-9-2-2</span> <div> | |
154 | + <span>wed-9-2-2-1</span> | |
155 | + </div> | |
156 | + </div> | |
157 | + <span>wed-9-3</span> <div> | |
158 | + <span>wed-9-3-1</span> | |
159 | + </div> | |
160 | + </div> | |
161 | + </section> | |
162 | + <section id="thu" class="t"> | |
163 | + <h2>Thursday</h2> | |
164 | + <span>thu-1</span> <div> | |
165 | + <span>thu-1-1</span> | |
166 | + <span>thu-1-2</span> | |
167 | + <span>thu-1-3</span> <div> | |
168 | + <span>thu-1-3-1</span> | |
169 | + </div> | |
170 | + </div> | |
171 | + <span>thu-2</span> | |
172 | + <span>thu-3</span> <div> | |
173 | + <span>thu-3-1</span> | |
174 | + </div> | |
175 | + <span>thu-4</span> <div> | |
176 | + <span>thu-4-1</span> | |
177 | + </div> | |
178 | + <span>thu-5</span> | |
179 | + <span>thu-6</span> | |
180 | + <span>thu-7</span> | |
181 | + <span>thu-8</span> | |
182 | + </section> | |
183 | + <section id="fri" class="f"> | |
184 | + <h2>Friday</h2> | |
185 | + <span>fri-1</span> | |
186 | + <span>fri-2</span> | |
187 | + <span>fri-3</span> <div> | |
188 | + <span>fri-3-1</span> | |
189 | + <span>fri-3-2</span> <div> | |
190 | + <span>fri-3-2-1</span> <div> | |
191 | + <span>fri-3-2-1-1</span> | |
192 | + </div> | |
193 | + </div> | |
194 | + <span>fri-3-3</span> <div> | |
195 | + <span>fri-3-3-1</span> | |
196 | + <span>fri-3-3-2</span> <div> | |
197 | + <span>fri-3-3-2-1</span> | |
198 | + </div> | |
199 | + </div> | |
200 | + </div> | |
201 | + <span>fri-4</span> <div> | |
202 | + <span>fri-4-1</span> | |
203 | + <span>fri-4-2</span> <div> | |
204 | + <span>fri-4-2-1</span> | |
205 | + </div> | |
206 | + <span>fri-4-3</span> | |
207 | + </div> | |
208 | + <span>fri-5</span> <div> | |
209 | + <span>fri-5-1</span> | |
210 | + <span>fri-5-2</span> <div> | |
211 | + <span>fri-5-2-1</span> | |
212 | + </div> | |
213 | + </div> | |
214 | + <span>fri-6</span> | |
215 | + </section> | |
216 | + <section id="sat" class="s"> | |
217 | + <h2>Saturday</h2> | |
218 | + <span>sat-1</span> <div> | |
219 | + <span>sat-1-1</span> <div> | |
220 | + <span>sat-1-1-1</span> | |
221 | + </div> | |
222 | + <span>sat-1-2</span> | |
223 | + <span>sat-1-3</span> | |
224 | + </div> | |
225 | + <span>sat-2</span> | |
226 | + <span>sat-3</span> <div> | |
227 | + <span>sat-3-1</span> <div> | |
228 | + <span>sat-3-1-1</span> <div> | |
229 | + <span>sat-3-1-1-1</span> | |
230 | + </div> | |
231 | + </div> | |
232 | + </div> | |
233 | + <span>sat-4</span> <div> | |
234 | + <span>sat-4-1</span> | |
235 | + <span>sat-4-2</span> | |
236 | + <span>sat-4-3</span> <div> | |
237 | + <span>sat-4-3-1</span> <div> | |
238 | + <span>sat-4-3-1-1</span> | |
239 | + </div> | |
240 | + </div> | |
241 | + </div> | |
242 | + <span>sat-5</span> <div> | |
243 | + <span>sat-5-1</span> <div> | |
244 | + <span>sat-5-1-1</span> <div> | |
245 | + <span>sat-5-1-1-1</span> | |
246 | + </div> | |
247 | + <span>sat-5-1-2</span> | |
248 | + </div> | |
249 | + <span>sat-5-2</span> <div> | |
250 | + <span>sat-5-2-1</span> <div> | |
251 | + <span>sat-5-2-1-1</span> | |
252 | + </div> | |
253 | + <span>sat-5-2-2</span> | |
254 | + </div> | |
255 | + <span>sat-5-3</span> <div> | |
256 | + <span>sat-5-3-1</span> <div> | |
257 | + <span>sat-5-3-1-1</span> | |
258 | + </div> | |
259 | + </div> | |
260 | + </div> | |
261 | + <span>sat-6</span> <div> | |
262 | + <span>sat-6-1</span> <div> | |
263 | + <span>sat-6-1-1</span> | |
264 | + <span>sat-6-1-2</span> <div> | |
265 | + <span>sat-6-1-2-1</span> | |
266 | + </div> | |
267 | + </div> | |
268 | + <span>sat-6-2</span> <div> | |
269 | + <span>sat-6-2-1</span> <div> | |
270 | + <span>sat-6-2-1-1</span> | |
271 | + </div> | |
272 | + </div> | |
273 | + </div> | |
274 | + <span>sat-7</span> <div> | |
275 | + <span>sat-7-1</span> <div> | |
276 | + <span>sat-7-1-1</span> <div> | |
277 | + <span>sat-7-1-1-1</span> | |
278 | + </div> | |
279 | + <span>sat-7-1-2</span> <div> | |
280 | + <span>sat-7-1-2-1</span> | |
281 | + </div> | |
282 | + </div> | |
283 | + <span>sat-7-2</span> | |
284 | + </div> | |
285 | + <span>sat-8</span> <div> | |
286 | + <span>sat-8-1</span> | |
287 | + <span>sat-8-2</span> <div> | |
288 | + <span>sat-8-2-1</span> <div> | |
289 | + <span>sat-8-2-1-1</span> | |
290 | + </div> | |
291 | + </div> | |
292 | + <span>sat-8-3</span> | |
293 | + </div> | |
294 | + </section> | |
295 | + <section id="sun" class="s"> | |
296 | + <h2>Sunday</h2> | |
297 | + <span>sun-1</span> | |
298 | + <span>sun-2</span> <div> | |
299 | + <span>sun-2-1</span> | |
300 | + <span>sun-2-2</span> <div> | |
301 | + <span>sun-2-2-1</span> <div> | |
302 | + <span>sun-2-2-1-1</span> | |
303 | + </div> | |
304 | + <span>sun-2-2-2</span> <div> | |
305 | + <span>sun-2-2-2-1</span> | |
306 | + </div> | |
307 | + </div> | |
308 | + </div> | |
309 | + <span>sun-3</span> | |
310 | + <span>sun-4</span> <div> | |
311 | + <span>sun-4-1</span> <div> | |
312 | + <span>sun-4-1-1</span> <div> | |
313 | + <span>sun-4-1-1-1</span> | |
314 | + </div> | |
315 | + <span>sun-4-1-2</span> | |
316 | + </div> | |
317 | + <span>sun-4-2</span> <div> | |
318 | + <span>sun-4-2-1</span> <div> | |
319 | + <span>sun-4-2-1-1</span> | |
320 | + </div> | |
321 | + <span>sun-4-2-2</span> | |
322 | + </div> | |
323 | + </div> | |
324 | + <span>sun-5</span> | |
325 | + <span>sun-6</span> <div> | |
326 | + <span>sun-6-1</span> <div> | |
327 | + <span>sun-6-1-1</span> <div> | |
328 | + <span>sun-6-1-1-1</span> | |
329 | + </div> | |
330 | + </div> | |
331 | + <span>sun-6-2</span> <div> | |
332 | + <span>sun-6-2-1</span> | |
333 | + <span>sun-6-2-2</span> | |
334 | + </div> | |
335 | + <span>sun-6-3</span> <div> | |
336 | + <span>sun-6-3-1</span> <div> | |
337 | + <span>sun-6-3-1-1</span> | |
338 | + </div> | |
339 | + <span>sun-6-3-2</span> <div> | |
340 | + <span>sun-6-3-2-1</span> | |
341 | + </div> | |
342 | + </div> | |
343 | + </div> | |
344 | + </section> | |
345 | + <h1>… a list</h1> | |
346 | + <ul> | |
347 | + <li>Element 1</li> | |
348 | + <li>Element 2</li> | |
349 | + <li>Element 3</li> | |
350 | + <li>Element 4</li> | |
351 | + <li>Element 5</li> | |
352 | + <li>Element 6</li> | |
353 | + <li>Element 7</li> | |
354 | + <li>Element 8</li> | |
355 | + <li>Element 9</li> | |
356 | + <li>Element 10</li> | |
357 | + <li>Element 11</li> | |
358 | + <li>Element 12</li> | |
359 | + <li>Element 13</li> | |
360 | + <li>Element 14</li> | |
361 | + <li>Element 15</li> | |
362 | + <li>Element 16</li> | |
363 | + <li>Element 17</li> | |
364 | + <li>Element 18</li> | |
365 | + <li>Element 19</li> | |
366 | + <li>Element 20</li> | |
367 | + <li>Element 21</li> | |
368 | + <li>Element 22</li> | |
369 | + <li>Element 23</li> | |
370 | + <li>Element 24</li> | |
371 | + <li>Element 25</li> | |
372 | + </ul> | |
373 | + </body> | |
374 | +</html> |
tp1.pdf
View file @
56ef305