-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
143 lines (126 loc) · 5.49 KB
/
index.html
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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!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="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css"
/>
<link rel="stylesheet" href="/assets/styles/style.css" />
<link rel="icon" href="/assets/img/favicon.ico" type="image/x-icon" />
<title>SnowDev Gaming Website</title>
</head>
<body>
<section class="container">
<header>
<div class="head-left">
<img src="/assets/img/ascendant-logo.png" alt="logo" />
<button>Products</button>
</div>
<div class="head-right">
<p><a href="#">EA games</a></p>
<p><a href="#">Ascendant</a></p>
<p><a href="#">Lore</a></p>
<p><a href="#">About</a></p>
<p><a href="#">Contact</a></p>
</div>
</header>
<section class="hero autoBlur">
<div class="hero-video-container">
<video loop autoplay muted plays-inline class="hero-video">
<source src="/assets/video/hero-5.mp4" type="video/mp4" />
</video>
<div class="hero-info">
<h1>RETHINK</h1>
<p>
Where magic meets military might. Engage in epic battles, command
powerful armies, and harness mystical forces to conquer your
enemies. Join the war and become a legendary hero in a world where
strategy and sorcery collide.
</p>
<button>Watch Trailer</button>
</div>
<h1 class="gaming-text">Gaming</h1>
<div class="next-btn">NEXT</div>
</div>
</section>
<section class="about" id="about">
<p>Welcome to Immortals of Aveum</p>
<div class="autoBlur">
<h1>EXPLORE THE BIGGEST COLLECTIVE ADVENTURE ON EARTH</h1>
</div>
<img src="/assets/img/stones.png" alt="stones" class="stones">
<div class="image-container autoFill">
<img src="/assets/img/about.jpeg" alt="about-image" />
</div>
<h4>
Step into the shoes of Jak, the Triarch Magnus, and unleash your magic
to reshape the fate of Aveum!
</h4>
<h5>
In a world torn by the Everwar, your courage and strategy will be your
greatest hordes of enemies with confidence!
</h5>
</section>
<section class="info">
<h3>Into the Metagame Layer</h3>
<p>Your journey is unique; embrace the magic within you and carve out a legacy that will be remembered for ages!</p>
<div class="info-card-container">
<div class="card autoDisplay">
<h1>IMMORTALS</h1>
<p>Every spell you master brings you one step closer to defeating the oppressive regime—harness your power and show them what you're made of!</p>
<video src="/assets/video/immortals of aveum (8).mp4" autoplay loop muted plays-inline></video>
<button>COMING SOON</button>
</div>
<div class="card autoDisplay">
<h1>RADIANT</h1>
<p>Every spell you master brings you one step closer to defeating the oppressive regime—harness your power and show them what you're made of!</p>
<video src="/assets/video/immortals of aveum (4).mp4" autoplay loop muted plays-inline></video>
<button>COMING SOON</button>
</div>
<div class="card autoDisplay">
<h1>CHALLENGES</h1>
<p>Every spell you master brings you one step closer to defeating the oppressive regime—harness your power and show them what you're made of!</p>
<video src="/assets/video/immortals of aveum play-new-game.mp4" autoplay loop muted plays-inline></video>
<button>COMING SOON</button>
</div>
<div class="card autoDisplay">
<h1>POWER</h1>
<p>Every spell you master brings you one step closer to defeating the oppressive regime—harness your power and show them what you're made of!</p>
<video src="/assets/video/immortals of aveum (5).mp4" autoplay loop muted plays-inline></video>
<!-- Number 5 -->
<button>COMING SOON</button>
</div>
<div class="card autoDisplay">
<h1>COMING IN NEXT UPDATE</h1>
</div>
<div class="card autoDisplay">
<video src="/assets/video/immortals of aveum (10).mp4" autoplay loop muted plays-inline></video>
</div>
</div>
</section>
<section class="contact">
<p>Join Immortals of Aveum</p>
<div class="autoBlur">
<h1>LET'S BUILD THE NEW ERA OF GAMING TOGETHER</h1>
</div>
<button>CONTACT US</button>
<img src="/assets/img/immortals-person1.avif" alt="contact-img" class="img1">
<img src="/assets/img/immortal-1.jpg" alt="contact-img" class="img2">
<img src="/assets/img/immortals-1.jpg" alt="contact-img" class="img3">
</section>
<section class="footer">
<p>@DimitriTedom 2025. All rights reserved</p>
<ul>
<li><a href="#"><i class='bx bxl-gmail'></i></a></li>
<li><a href="#"><i class='bx bxl-github' ></i></a></li>
<li><a href="#"><i class='bx bxl-twitter'></i></a></li>
<li><a href="#"><i class='bx bxl-linkedin-square'></i></a></li>
</ul>
<p>Privacy Policy</p>
</section>
</section>
<script src="/assets/scripts/script.js"></script>
</body>
</html>