14-techmag/article.html at main · arnakoeur/14-techmag · 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
<!DOCTYPE html>
<html lang="en">
<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">
  <link rel="stylesheet" href="css/styles.css">
  <link rel="stylesheet" href="https://use.typekit.net/bil4dsj.css">
  <title>Techmag</title>
</head>
<body>
  <header>
    <h1>TechMag<span>2000</span></h1>
    <p>Le magazine qui explore les technologies du futur</p>
  </header>
  <main>
    <div>
      <h1>Toujours plus de drône dans le ciel</h1>
      <p>Publié le 10 février 2025 par James Webb</p>
    </div>
    <article>
      <figure>
        <img src="img/main-tablette.jpg" alt="quelqu'un qui utilise une tablette">
        <figcaption>Vivre connecté, 365 jours par an.</figcaption>
      </figure>
      <h1>Toujours plus de drône dans le ciel</h1>
      <p>The battle station is heavily shielded and carries a firepower greater
        than half the star fleet. It's defenses are designed around a direct
        large-scale assault. A small one-man fighter should be able to penetrate
        the outer defense.</p>
      <figure>
        <img src="img/technologie-equipment.jpg" alt="equipment">
        <figcaption>The videographer 2.0 toolkit.</figcaption>
      </figure>
        <h1>All your base are belong to us!</h1>
        <p>All wings report in. Red Ten standing by. Red Seven standing by.
          Red Three standing by. Red Six standing by. Red Nine standing by. Red
          Two standing by. Red Eleven standing by</p>
      <figure>
        <img src="img/welding.jpg" alt="station de soudage">
        <figcaption>Welding for better repair.</figcaption>
      </figure>
      <h1>Electronic embarqué!</h1>
      <p>Didn't we just leave this party? What kept you? We ran into some old
        friends. Is the ship all right?</p>
        <p class="button"><a href="index.html">Retour aux article</a></p>
    </article>
    <footer>
      <p>eikon // 2021-2022</p>
    </footer>
  </main>
</body>
</html>