project-domokone/index.html at main · ttorquati/project-domokone · 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
70
71
72
73
74
75
76
77
78
79
80
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Domokone - Warlock of the Black Harvest</title>

    <link rel="stylesheet" href="styles/styles.css">
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Mukta:wght@300;400&display=swap" rel="stylesheet">

    <link rel="shortcut icon" href="assets/svg/warlock-class-dark.png" />

    <script src="js/svg-inject.min.js"></script>

    <script id="hotmart_launcher_script">
			(function(l,a,u,n,c,h,e,r){l['HotmartLauncherObject']=c;l[c]=l[c]||function(){
			(l[c].q=l[c].q||[]).push(arguments)},l[c].l=1*new Date();h=a.createElement(u),
			e=a.getElementsByTagName(u)[0];h.async=1;h.src=n;e.parentNode.insertBefore(h,e)
			})(window,document,'script','//launcher.hotmart.com/launcher.js','hot');

			hot('account','66303969-efd8-3bd2-b09f-6c8ef07423c0');
		</script>
</head>
<body>
    <header>
        <nav>
            <div class="nav-menu">
                <div class="nav-logo">
                    <a href="" title=""><img src="assets/svg/warlock-class.svg" onload="SVGInject(this)" /></a>
                </div>
                <ul class="nav-links menu-links">
                    <li><a href="" class="nav-link">Home</a></li>
                    <li><a href="" class="nav-link">Story</a></li>
                    <li><a href="" class="nav-link">#BlackHarvest</a></li>
                </ul>
            </div>
            <div class="nav-social">
                <ul class="nav-links social-links">
                    <li><a href="https://worldofwarcraft.com/en-us/character/us/azralon/Domokone" class="nav-link" title="WoW Armory"><img src="assets/svg/wow-armory.svg" onload="SVGInject(this)" /></a></li>
                    <li><a href="https://raider.io/characters/us/azralon/Domokone" class="nav-link" title="Raider io"><img src="assets/svg/raider-io.svg" onload="SVGInject(this)" /></a></li>
                </ul>
            </div>
        </nav>
    </header>

    <section class="bg-video">
        <video class="video" autoplay muted loop>
            <source src="assets/mp4/guldan.mp4" type="video/mp4">
        </video>
    </section>

    <section class="container">
        <div class="container-info">
            <div class="info-title">
                <h1>Domokone</h1>
                <span>of the Black Harvest</span>
            </div>
            <div class="info-description">
                <p>In the face of demonic power, most heroes see death. Warlocks see only opportunity. Dominance is their aim, and they have found a path to it in the dark arts.</p>
                <p>These voracious spellcasters summon demonic minions to fight beside them. At first, they command only the service of imps, but as a warlock’s knowledge grows, seductive succubi, loyal voidwalkers, and horrific felhunters join the dark sorcerer’s ranks to wreak havoc on anyone who stands in their master’s way.</p>
            </div>
        </div>
        <div class="container-animation">
            <img src="assets/svg/warlock.png" class="animation-image"/>
        </div>
    </section>

    <footer class="footer-social">
        <ul class="footer-links social-links">
            <li><a href="https://worldofwarcraft.com/en-us/character/us/azralon/Domokone" class="footer-link" title="WoW Armory"><img src="assets/svg/wow-armory.svg" onload="SVGInject(this)" /></a></li>
            <li><a href="https://raider.io/characters/us/azralon/Domokone" class="footer-link" title="Raider io"><img src="assets/svg/raider-io.svg" onload="SVGInject(this)" /></a></li>
        </ul>
    </footer>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TweenMax.min.js"></script>
    <script src="js/app.js"></script>
</body>
</html>