-
Notifications
You must be signed in to change notification settings - Fork 0
/
template.html
108 lines (86 loc) · 4.55 KB
/
template.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
<!DOCTYPE html>
<html lang="fr" class="box-border min-h-[100%] p-0 m-0">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>The Galactic Center</title>
<link rel="stylesheet" type="text/css" href="../assets/css/styles.css">
</head>
<body class="font-sans">
<div class="box-border flex flex-col min-h-[100%] p-0 m-0 ">
<header class="h-[28.25vw] w-full block bg-slate-900 fixed shrink-0 grow-0 header-bg">
<h1 class="h-[24vw] block text-center pt-[9.5vw] text-white text-[4vw] amaranth-regular">
The Galactic Center
</h1>
<nav class="h-[4.25vw] dark-nav">
<ul class="flex flex-row">
<li class="menu-selected h-[4.25vw] px-[1.7vw] py-[0.9vw]">
<a href="#" class="block h-full text-[1.4vw] text-white" aria-current="page">Carrousel</a>
</li>
<li class="h-[4.25vw] px-[1.7vw] py-[0.9vw]">
<a href="#" class="block h-full text-[1.4vw] text-white" aria-current="page">Carrousel 2</a>
</li>
</ul>
</nav>
</header>
<div class="mt-[28.25vw] grow-1 main-background-color"> </div>
<footer class="px-[5.7vw] pt-[3.5vw] shrink-0 grow-0 footer-background-color">
<ul class="flex flex-row">
<li class="w-[24vw]">
<a class="block text-[1.2vw] w-[31vw] amaranth-bold text-white" href="#">Services</a>
<ul class="mt-0 pt-[1vw] leading-[1.5vw]">
<li>
<a class="amaranth-regular text-[1vw] footer-sub-listing" href="#">L'Empire</a>
</li>
<li>
<a class="amaranth-regular text-[1vw] footer-sub-listing" href="#">Stormtrooper</a>
</li>
<li>
<a class="amaranth-regular text-[1vw] footer-sub-listing" href="#">Premier Ordre</a>
</li>
</ul>
</li>
<li class="w-[24vw]">
<a class="block text-[1.2vw] w-[31vw] amaranth-bold text-white" href="#">About</a>
<ul class="mt-0 pt-[1vw] leading-[1.5vw]">
<li>
<a class="amaranth-regular text-[1vw] footer-sub-listing" href="#">Anciens officiers impériaux</a>
</li>
<li>
<a class="amaranth-regular text-[1vw] footer-sub-listing" href="#">Les journées portes ouvertes</a>
</li>
<li>
<a class="amaranth-regular text-[1vw] footer-sub-listing" href="#">L'Empire recrute</a>
</li>
</ul>
</li>
<li class="grow-1">
<a class="block text-[1.2vw] w-[31vw] amaranth-bold text-white" href="#">The Galactic Center</a>
<ul class="mt-0 pt-[1vw] leading-[1.5vw]">
<li>
<a class="amaranth-regular text-[1vw] footer-sub-listing" href="#">
Plus de 30 ans après la bataille d'Endor, nous avons su consolider nos forces afin de retrouver notre gloire. Les membres de l'Alliance Rebelle, devenus la "Résistance", se risque à combattre l'Empire réunis sous la bannière du Premier Ordre
</a>
</li>
</ul>
</li>
</ul>
<div class="flex justify-center flex-row w-auto mt-[2.5vw]">
<a href="#" class="mx-[.6vw] block h-[2.8vw] w-[2.8vw] border-solid border socials-border-color rounded-full">
<img alt="facebook" class="mt-[calc((2.8vw/2)-(1.6vw/2))] m-auto stroke-none socials-fill-color h-[1.4vw]" src="../assets/images/socials/facebook-svgrepo-com.svg">
</a>
<a href="#" class="mx-[.6vw] block h-[2.8vw] w-[2.8vw] border-solid border socials-border-color rounded-full">
<img alt="twitter" class="mt-[calc((2.8vw/2)-(1.6vw/2))] m-auto stroke-none socials-fill-color h-[1.4vw]" src="../assets/images/socials/twitter-svgrepo-com.svg">
</a>
<a href="#" class="mx-[.6vw] block h-[2.8vw] w-[2.8vw] border-solid border socials-border-color rounded-full">
<img alt="snapchat" class="mt-[calc((2.8vw/2)-(1.6vw/2))] m-auto stroke-none socials-fill-color h-[1.4vw]" src="../assets/images/socials/snapchat-367789.svg">
</a>
<a href="#" class="mx-[.6vw] block h-[2.8vw] w-[2.8vw] border-solid border socials-border-color rounded-full">
<img alt="instagram" class="mt-[calc((2.8vw/2)-(1.6vw/2))] m-auto stroke-none socials-fill-color h-[1.4vw]" src="../assets/images/socials/icons8-instagram.svg">
</a>
</div>
<div class="pt-[1.2vw] pb-[3vw] text-center"><span class="text-white text-[.8vw] copyright-color">The Galactic Center © 2021</span></div>
</footer>
</div>
</body>
</html>