Planes/zero.html at main · Kavelak/Planes · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Mitsubishi A6M Zero</title>
    <link rel="stylesheet" href="style.css">
</head>
<body class="zero">
    <header>
        <h1>Mitsubishi A6M Zero</h1>
        <nav>
            <ul><li><a href="favorites.html">Favorites</a></li></ul>
            <ul>
                <li><a>Fighters:</a></li>
                <li><a href="index.html">P-51 Mustang</a></li>
                <li><a href="spitfire.html">Supermarine Spitfire</a></li>
                <li><a href="yak3.html">Yakovlev Yak-3</a></li>
                <li><a href="zero.html">Mitsubishi A6M Zero</a></li>
            </ul>
            <ul>
                <li><a>Bombers:</a></li>
                <li><a href="b17.html">B-17 Flying Fortress</a></li>
                <li><a href="lancaster.html">Avro Lancaster</a></li>
                <li><a href="il2.html">Ilyushin Il-2</a></li>
                <li><a href="kate.html">Nakajima B5N</a></li>
            </ul>
        </nav>
    </header>

    <main>
        <section>
            <h2>About the A6M Zero <button id="fly-btn", class = "fly-btn">Fly Away!</button></h2>
            <img src="zero.jpg" alt="Mitsubishi A6M Zero" width="500" class="plane-image fighter">
            <p>The Mitsubishi A6M Zero was a nimble long-range carrier-based fighter aircraft operated by the Imperial Japanese Navy during World War II. Renowned for its exceptional maneuverability and long range, it dominated the skies early in the Pacific War. However, its light armor made it vulnerable as Allied aircraft improved their tactics and technology. Despite this, the Zero remains one of the most iconic Japanese aircraft of the conflict.</p>
            <button class="favorite-btn", data-name = "Mitsubishi AM6 Zero", data-type = "Fighter", data-country = "Japan">Add to favorites<input type="text" class="notes-input" placeholder="Note goes here"> </button>
        </section>

        <section>
            <h2>Watch the Zero in Action</h2>
            <iframe width="560" height="315" src="https://www.youtube.com/embed/wTHq_tJ_7Gk" title="A6M Zero Video" frameborder="0" allowfullscreen></iframe>
        </section>
    </main>
    <script src="app.js"></script>
</body>
</html>