14-techmag/article.html at main · thomasrouiller/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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="css/style.css">
    <title>Techmag</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,800;1,100&family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
  </head>
  <body>
    <header class="site-header">
      <h1>TechMag<span>2000</span></h1>
      <p>
        Le magazine qui explore les technologies du futur
      </p>
    </header>
    <main>
      <div class="card">
        <h2>Toujours plus de drône dans le ciel</h2>
        <p>
          Publié le 10 février 2025 par James Weebb
        </p>
      </div>
      <article>
        <header>
          <figure>
            <img src="img/doigt-tablette.jpg" alt="une image d'un doigt touchant
            une tablette">
          <figcaption>Vivre vonnecté, 365 jours par an.</figcaption>
          </figure>
          <h1>Toujours plus de drône dans le ciel</h1>
        </header>
        <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/materiel-video-mac.jpg" alt="du matériel vidéo sur
          une table">
          <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/cables-soudure.jpg" alt="du matériel informatique
          en train d'être bricolé">
        <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>
        <a class="button" href="index.html">Retour aux article</a>
      </article>
    </main>
    <footer class="site-footer">
      <p>eikon // 2021-2022</p>
    </footer>
  </body>
</html>