Website/templates/index.html

24 lines
1.4 KiB
HTML

{% extends 'base.html' %}
{% block content %}
<style type="text/css">
body {
background-image: url('/media/bg.jpg'); background-size: cover; background-repeat: no-repeat;background-color: #000;
}
</style>
<div style="position: absolute; bottom: 1; right: 0;margin: 25px; width: 35%; background-color: rgba(0, 0, 0, 0.6); color: #eeeeee; border-radius: 2px;">
<div style="padding: 20px;">
<h2 style="text-align: justify;">Beyond Heroes</h2>
<p style="text-align: justify; font-size: 22px;">
The project that rose from the ashes of a game that was once. We aim to recreate the experience that we enjoyed throughout the years, while also adding new features that make it truly <i>Beyond</i> Heroes and Generals.<br>
Join Us on this journey to relive the old days and experience something new by clicking on the button below!
</p>
</div>
</div>
<div style="position: absolute; bottom: 0; right: 0; margin-right: 25px; margin-bottom: 30px;">
<a class="btn" href="https://discord.gg/gnnfKKuumg" style="padding: 10px 100px; font-family:'Trebuchet MS', sans-serif; font-size: 36px; font-weight: bold; background-color: #139358; color: white; border-radius: 2px;" onmouseover="this.style.backgroundColor='#0f7a4c'" onmouseout="this.style.backgroundColor='#139358'">
To Battle!
</a>
</div>
{% endblock %}