univership/subscription.html at master · JeremDlcn/univership · GitHub

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
<!DOCTYPE html>
<html>

<head>
	<!-- Global site tag (gtag.js) - Google Analytics -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-148929840-2"></script>
	<script>
		window.dataLayer = window.dataLayer || [];
		function gtag() { dataLayer.push(arguments); }
		gtag('js', new Date());
		gtag('config', 'UA-148929840-2');
	</script>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link href="https://fonts.googleapis.com/css?family=Exo" rel="stylesheet">
	<meta name="theme-color" content="#333333" />
	<link rel="icon" type="icon/png" href="image/favicon.png" />
	<link rel="stylesheet" href="css/assist.css">
	<link rel="stylesheet" href="css/header.css">
	<link rel="stylesheet" href="css/footer.css">
	<title>Abonnement - Univership</title>
</head>

<body>
	<header>
		<a href="index.html">
			<img src="image/logo.png">
		</a>
		<div>
			<a href="index.html">Accueil</a>
			<a href="subscription.html">Abonnement</a>
			<a href="news.html">Mise à jour</a>
			<a href="help.html">Assistance</a>
			<a href="download.html">Téléchargement</a>
		</div>
		<nav class="navbar">
			<div class="banner"></div>
			<button id="burger"><img src="image/burger.png" alt="accéder au menu"></button>
			<div id="dropdown">
				<a href="index.html">Accueil</a>
				<a href="subscription.html">Abonnement</a>
				<a href="news.html">Mise à jour</a>
				<a href="help.html">Assistance</a>
				<a href="download.html">Téléchargement</a>
			</div>
		</nav>
	</header>
	<main id="sub">
		<section class="subInfo">

		</section>
		<section class="free">
			<div>
				<p>Recrue</dp>
					<h2>Free</h2>
			</div>
			<div>
				<div class="choose">Télécharger</div>
			</div>
		</section>
		<section class="medium">
			<div>
				<p>Officier</dp>
					<h2>15€/mois</h2>
			</div>
			<div>
				<div class="choose">Choisir</div>
			</div>
		</section>
		<section class="high">
			<div>
				<p>Recrue</dp>
					<h2>35€/mois</h2>
			</div>
			<div>
				<div class="choose">Choisir</div>
			</div>
		</section>
	</main>
	<footer>
		<div id="social">
			<a href="https://twitter.com/univership_off?lang=fr&lang=f"><img src="image/social/twitter.png"></a>
			<a href="https://www.youtube.com/channel/UCtyd-Vh6b9155vsxjlaL9vQ?view_as=subscriber"><img
					src="image/social/youtube.png"></a>
			<a href="https://www.facebook.com/Univership-Officiel-782682542091439/"><img src="image/social/fb.svg"></a>
			<a href="https://www.twitch.tv/univership_officiel"><img src="image/social/twitch.png"></a>
			<a href="https://www.instagram.com/univership_art/?hl=fr"><img src="image/social/insta.png"></a>
		</div>
		<div>
			<a href="aboutus.html">About Us</a>
			<a href="faq.html">FAQ</a>
			<a href="conditions.html">Conditions d'utilisation</a>
			<a href="policy.html">Politique de confidentialité</a>
		</div>
	</footer>
	<script src="js/navbar.js"></script>
</body>

</html>