108 lines
4.1 KiB
HTML
108 lines
4.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link class="ico" rel="shortcut icon" href="assets/logo.png" type="image/x-icon" >
|
|
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
|
|
<link rel="stylesheet" href="style.css">
|
|
<title>Herocord</title>
|
|
</head>
|
|
<body>
|
|
<!-- TOPBAR -->
|
|
|
|
<nav class="topbar">
|
|
<div class="left">
|
|
<img src="assets/logo.png" alt="Logo">
|
|
<p>Herocord</p>
|
|
</div>
|
|
<div class="middle">
|
|
<ul>
|
|
<li><a href="">Commands</a></li>
|
|
<li><a href="">Store</a></li>
|
|
<li><a href="">Upvote</a></li>
|
|
<li><a href="">News</a></li>
|
|
<li><a href="">Official server</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="rigth">
|
|
<ul>
|
|
<li><i class='bx bx-exit'></i><a href="">Login</a></li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
<div class="box1">
|
|
<div class="left">
|
|
<h1>Discover <br>A World...</h1>
|
|
<p>...where you get to gather an unstoppable team of heroes in a <br> stunning idle RPG game. Upgrade, equipment, join leagues, <br> and compete with others to become the best!</p>
|
|
<div class="button">
|
|
<ul>
|
|
<li class="discord" > <i class='bx bxl-discord-alt'></i><a href="">Add to Discord</a></li>
|
|
<li class="server"><a href="">Join Official Server</a> <i class='bx bx-coffee'></i></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="rigth">
|
|
<img src="assets/Ignitius.gif" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="box2 ">
|
|
<div class="left">
|
|
<img src="assets/01.png" alt="">
|
|
</div>
|
|
<div class="right">
|
|
<p class="title">Breathtaking <br> Graphics and <br> Locations</p>
|
|
<p>Explore different locations and face thrilling <br> challenges in each one, while the game's idle <br> nature allows you to earn rewards even when <br> you're not actively playing.</p>
|
|
</div>
|
|
</div>
|
|
<div class="box3">
|
|
<div class="left">
|
|
<p class="title">Unleash Your <br> Hero's Potential</p>
|
|
<p>Prepare for the battlefield by enhancing your <br> hero's strength with the best gear from a wide <br> range of weapons. Level up your hero as you <br> progress and unlock new abilities to crush your opponents.</p>
|
|
</div>
|
|
<div class="rigth">
|
|
<img src="assets/02.png" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="box4 ">
|
|
<div class="left">
|
|
<img src="assets/03.png" alt="">
|
|
</div>
|
|
<div class="right">
|
|
<p class="title">Conquer the <br> Battlefield</p>
|
|
<p>Get ready to lead your team to victory. Strategy <br> is the key to success. Leveling up your heroes <br> and equipping them with top-tier gear is only the <br> beginning. Strategic hero placement is crucial.</p>
|
|
</div>
|
|
</div>
|
|
<div class="box5">
|
|
<p>Are You Ready For An <br>
|
|
<span class="magic">Epic Adventure?</span>
|
|
</p>
|
|
<div class="button">
|
|
<ul>
|
|
<li><a href="">Let's Go !</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<footer class="footer">
|
|
<div class="left">
|
|
<ul>
|
|
<li><a href="">Support Server</a></li>
|
|
<li><a href="">Contact Us</a></li>
|
|
<li><a href="">Terms & Conditions</a></li>
|
|
<li><a href="">Privacy Policy</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="rigth">
|
|
<div class="discord">
|
|
<i class='bx bxl-discord-alt'></i>
|
|
</div>
|
|
<div class="reddit">
|
|
<i class='bx bxl-reddit' ></i>
|
|
</div>
|
|
<div class="twitter">
|
|
<i class='bx bxl-twitter' ></i>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html> |