database/index.html at main · mplik/database · 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
<!DOCTYPE html>
<html lang="pl">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Bohaterowie</title>
        <link rel="icon" href="images/database_256.png.png" sizes="256x256" />
        <link rel="icon" href="images/database_500.png.png" sizes="500x500" />
        <link rel="stylesheet" href="styles.css">
    </head>
    <body>
        <div class="hero-container">
            <div class="hero-info">
                <h1 id="hero-name"></h1>
                <img id="hero-image" src="" alt="Bohater" class="hero-image">
            </div>
            <div class="hero-details">
                <div class="left-column">
                    <p id="hero-age"></p>
                    <p id="hero-weight"></p>
                </div>
                <div class="right-column">
                    <p id="hero-description"></p>
                </div>
            </div>
        </div>

        <button id="change-hero">Zmień bohatera</button>

        <div style="margin: 32px auto 0 auto; max-width: 350px; text-align: center; opacity: 0.85;">
            <a href="https://gitads.dev/v1/ad-track?source=mplik/database@github" target="_blank" rel="noopener" style="text-decoration: none;">
                <img src="https://gitads.dev/v1/ad-serve?source=mplik/database@github" alt="Sponsored by GitAds" style="width: 100%; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); margin-bottom: 8px;" />
            </a>
        </div>
        <script src="script.js"></script>
    </body>
</html>