-
Notifications
You must be signed in to change notification settings - Fork 0
/
fantasia.html
97 lines (81 loc) · 4.9 KB
/
fantasia.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fantasia</title>
<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="var.css">
<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="font.css">
<link rel="stylesheet" href="button.css">
<link rel="icon" href="resources\assets\logo\favicon.png">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Baloo+Bhai+2:wght@700&display=swap" rel="stylesheet">
</head>
<body>
<div class="page-wrapper">
<header>
<a href="index" title="Website Home" role="button" class="hbtn">
<svg id="7Sevens" data-name="7Sevens" style="width: 55px; height: 55px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 466.59 468.25"><path class="cls-1" style="fill:#fff;" d="M61.82,191.92l221.62-17.68L130,380.21,36.74,288.27ZM390.22,141l39.6,39L378.46,377.22l-197.11,53.6ZM343.89,95.27,78.81,126.68,88.1,91,284.65,36.87ZM294.25,0,61,64.27,0,298.39,172.31,468.25,405.59,404l61-234.12Z"/></svg>
</a>
</header>
<main class="content-wrapper">
<div style="background-color: #4b4b4b; padding-top: 3vh; padding-bottom: 3vh;">
<div style="display: grid;">
<h1 style="text-shadow: 0px 0px 15px #0004; text-align: center; font-size: 50pt; margin: 0; margin-bottom: 20px; background-color: #4b4b4b;">FANTASIA</h1>
<div style="box-shadow: 0px 0px 15px #0002; padding: 2vh; background-color: #525252; display: flex; justify-content: center; margin-bottom: 20px;"><img title="Image of excavator with the text Page Under Construction" src="resources/assets/Images/Misc/Construction.gif"></div>
<div style="display: flex; justify-content: center; padding: 1vh;">
<form>
<div id="btn" class="btn grayed regular">Store Page</div>
<div id="btn" class="btn grayed regular">Offical Website</div>
<button id="btn" formaction="https://discord.gg/x2rZt2D" class="btn std regular">Discord Server</button>
</form>
</div>
</div>
</div>
</main>
<footer>
<div class="footer-wrapper">
<div class="footer-rows" style="grid-column-start: 2;">
<div class="footer-columns" style="grid-column-start: 1;">
<div class="column" style="grid-column-start: 2;">
<h2>Social</h2>
<ul>
<li><a href="https://discord.gg/9f8tmpbhDM" class="nodeco">Discord</a></li>
<li><a href="https://twitter.com/7SevensOfficial" class="nodeco">Twitter</a></li>
<li><a href="https://www.twitch.tv/7sevensofficial" class="nodeco">Twitch</a></li>
<li><a href="https://www.youtube.com/channel/UC0wt77xsLwKI7lVmuc0O6qw" class="nodeco">Youtube</a></li>
</ul>
</div>
<div class="column">
<h2>Contact</h2>
<ul>
<li><a href="mailto:Beepo@7sevens.com" class="nodeco">Email</a></li>
</ul>
</div>
<div class="column">
<h2>Other</h2>
<ul>
<li><a href="about" class="nodeco">About us</a></li>
<li><a href="games" class="nodeco">Games</a></li>
<li><a href="https://store.steampowered.com/developer/7Sevens" class="nodeco">Steam</a></li>
</ul>
</div>
<div class="column">
<h2>Legal</h2>
<ul>
</ul>
</div>
</div>
<div class="footer-ccoms">
<a strel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/" style="padding: 5px 5px; align-self: center; grid-column-start: 2;"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png" /></a>
</div>
</div>
</div>
</footer>
</div>
</body>
</html>