batman-web/index.html at main · fakelozic/batman-web · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <link rel="shortcut icon" href="./assets/logo-comic.svg" type="image/x-icon">
    <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=Inter:opsz,wght@14..32,100..900&family=Irish+Grover&display=swap" rel="stylesheet">
    <script src="https://kit.fontawesome.com/44a77b5c60.js" crossorigin="anonymous"></script>
    <title>Identity</title>
</head>
<body>
    <Header>
        <div id="logo-comic"><a href="index.html"></a><img src="./assets/logo-comic.svg" alt="logo"></a></div>
        <div id="nav-bar">
            <a href="index.html">Home</a>
            <a href="">Products</a>
            <a href="">Contact</a>
            <a href="">About</a>
            <div id="burger-menu"><img src="./assets/burger-menu.svg" alt=""></div>
        </div>
    </Header>
    <main>
        <div id="main-image"><img src="./assets/main-image/batman.jpg" alt=""></div>
        <div id="main-para">
            <h1 id="char-name">batman</h1>
            <p>One of the most iconic fictional characters in the world, Batman has dedicated his life to an endless crusade, a war on all criminals in the name of his murdered parents, who were taken from him when he was just a child. Since that tragic night, he has trained his body and mind to near physical perfection to be a self-made Super Hero. He's developed an arsenal of technology that would put most armies to shame. And he's assembled teams of his fellow DC Super Heroes, like the Justice League, the Outsiders and Batman Incorporated.</p>
            <p>A playboy billionaire by day, Bruce Wayne's double life affords him the comfort of a life without financial worry, a loyal butler-turned-guardian and the perfect base of operations in the ancient network of caves beneath his family’s sprawling estate. By night, however, he sheds all pretense, dons his iconic scalloped cape and pointed cowl and takes to the shadowy streets, skies and rooftops of Gotham City.</p>
            <p>He is vengeance. He is the night. He is Batman.</p>
        </div>
    </main>
    <footer>
        <p>© 2024</p>
        <div id="social-btn">
            <i class="fa-brands fa-youtube"></i>
            <i class="fa-brands fa-instagram"></i>
            <i class="fa-brands fa-x-twitter"></i>
        </div>
    </footer>
</body>
</html>