-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
178 lines (174 loc) · 9.13 KB
/
index.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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
<!DOCTYPE html>
<html lang="en">
<head>
<link rel = "icon" href ="logo.jpeg" type = "image/x-icon">
<audio src="song.mp3" preload="auto" autoplay="autoplay"></audio>
<title>J4TH - Services divers</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Fortnite, Minecraft & Crunchyroll Accounts! Join to our Discord to get Fresh & cheap Accounts! http://mcspam.pw">
<meta name="keywords" content="global, template, html, sass, jquery">
<meta name="author" content="Bucky Maler">
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body>
<div class="device-notification">
<a class="device-notification--logo" href="#0">
<img src="assets/img/logo.png" alt="Global">
<p>J4th</p>
</a>
</div>
<div class="perspective effect-rotate-left">
<div class="container"><div class="outer-nav--return"></div>
<div id="viewport" class="l-viewport">
<div class="l-wrapper">
<header class="header">
<a class="header--logo" href="indexd41d.html?">
<img src="assets/img/logo.png" alt="Global">
<p>J4th_</p>
</a>
<button class="header--cta cta">Contactez moi</button>
<div class="header--nav-toggle">
<span></span>
</div>
</header>
<nav class="l-side-nav">
<ul class="side-nav">
<li class="is-active"><span>Accueil</span></li>
<li><span>Mes services</span></li>
<li><span>Contactez moi</span></li>
<li><span>Conditions générales d'utilisation</span></li>
</ul>
</nav>
<ul class="l-main-content main-content">
<li class="l-section section section--is-active">
<div class="intro">
<div class="intro--banner">
<h1>Services à la demande<br>Gestion,<br>Développement,<br>& Configuration</h1><h2>Gratuit et sans offre payante !</h2>
<button class="cta">Contactez moi !
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 150 118" style="enable-background:new 0 0 150 118;" xml:space="preserve">
<g transform="translate(0.000000,118.000000) scale(0.100000,-0.100000)">
<path d="M870,1167c-34-17-55-57-46-90c3-15,81-100,194-211l187-185l-565-1c-431,0-571-3-590-13c-55-28-64-94-18-137c21-20,33-20,597-20h575l-192-193C800,103,794,94,849,39c20-20,39-29,61-29c28,0,63,30,298,262c147,144,272,271,279,282c30,51,23,60-219,304C947,1180,926,1196,870,1167z"/>
</g>
</svg>
<span class="btn-background"></span>
</button>
<img src="assets/img/introduction-visual.png" alt="bienvenue">
</div>
<div class="intro--options">
<a href="https://discord.gg/kSJJdqDS4e">
<h3>Qui suis-je ?</h3>
<p>J4th_, administrateur de nombreux projets, j'aide à la configuration et propose mes services gratuits pour aider les projets innovants !</p>
</a>
</div>
</div>
</li>
<li class="l-section section">
<div class="work">
<h2>Mes services</h2>
<div class="work--lockup">
<ul class="slider">
<li class="slider--item slider--item-left">
<a href="https://discord.gg/kSJJdqDS4e">
<div class="slider--item-image">
<img src="assets/img/icon-discord.png" alt="discord">
</div>
<p class="slider--item-title">Discord</p>
<p class="slider--item-description">Je vous configure vos serveurs Discord.</p>
</a>
</li>
<li class="slider--item slider--item-center">
<a href="https://discord.gg/kSJJdqDS4e">
<div class="slider--item-image">
<img src="assets/img/icon-minecraft.png" alt="minecraft">
</div>
<p class="slider--item-title">Minecraft</p>
<p class="slider--item-description">Je vous configure & développe vos plugins Minecraft</p>
</a>
</li>
<li class="slider--item slider--item-right">
<a href="https://discord.gg/kSJJdqDS4e">
<div class="slider--item-image">
<img src="assets/img/icon-launcher.png" alt="launcher">
</div>
<p class="slider--item-title">Launcher</p>
<p class="slider--item-description">Je vous configure vos launcher Minecraft, basés sur Helios ou S-Update.</p>
</a>
</li>
</ul>
<div class="slider--prev">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 150 118" style="enable-background:new 0 0 150 118;" xml:space="preserve">
<g transform="translate(0.000000,118.000000) scale(0.100000,-0.100000)">
<path d="M561,1169C525,1155,10,640,3,612c-3-13,1-36,8-52c8-15,134-145,281-289C527,41,562,10,590,10c22,0,41,9,61,29
c55,55,49,64-163,278L296,510h575c564,0,576,0,597,20c46,43,37,109-18,137c-19,10-159,13-590,13l-565,1l182,180
c101,99,187,188,193,199c16,30,12,57-12,84C631,1174,595,1183,561,1169z"/>
</g>
</svg>
</div>
<div class="slider--next">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 150 118" style="enable-background:new 0 0 150 118;" xml:space="preserve">
<g transform="translate(0.000000,118.000000) scale(0.100000,-0.100000)">
<path d="M870,1167c-34-17-55-57-46-90c3-15,81-100,194-211l187-185l-565-1c-431,0-571-3-590-13c-55-28-64-94-18-137c21-20,33-20,597-20h575l-192-193C800,103,794,94,849,39c20-20,39-29,61-29c28,0,63,30,298,262c147,144,272,271,279,282c30,51,23,60-219,304C947,1180,926,1196,870,1167z"/>
</g>
</svg>
</div>
</div>
</div>
</li>
<li class="l-section section">
<div class="about">
<div class="about--banner">
<h2>Qu'est ce que vous attendez ?<br>Contactez moi,<br>c'est gratuit !</h2>
<a href="https://discord.gg/kSJJdqDS4e">Discord
<span>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 150 118" style="enable-background:new 0 0 150 118;" xml:space="preserve">
<g transform="translate(0.000000,118.000000) scale(0.100000,-0.100000)">
<path d="M870,1167c-34-17-55-57-46-90c3-15,81-100,194-211l187-185l-565-1c-431,0-571-3-590-13c-55-28-64-94-18-137c21-20,33-20,597-20h575l-192-193C800,103,794,94,849,39c20-20,39-29,61-29c28,0,63,30,298,262c147,144,272,271,279,282c30,51,23,60-219,304C947,1180,926,1196,870,1167z"/>
</g>
</svg>
</span>
</a>
<img src="assets/img/about-visual.png" alt="About Us">
</div>
<div class="about--options">
<a href="https://discord.gg/kSJJdqDS4e">
<h3>Discord</h3>
</a>
</div>
</div>
</li>
<li class="l-section section">
<div class="contact">
<div class="contact--lockup">
<div class="modal">
<div class="modal--information">
<p>INFORMATIONS</p>
</div>
<ul class="modal--options">
<li><a href="https://discord.gg/kSJJdqDS4e" class="bi bi-emoji-smile" >Discord</a></li>
</ul>
</div>
<div class="about">
<h1>Conditions générales d'utilisation</h1><br><h3>En allant sur "www.J4th.cf" ou en utilisant les services de J4th, vous acceptez les conditions générales d'utilisation.
<br><br>Vous pouvez lire les conditions générales d'utilisation <a href=files/termsofservice.pdf >en cliquant ici.</a> </h3>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<ul class="outer-nav">
<li class="is-active">Accueil</li>
<li>Mes services</li>
<li>Contactez moi</li>
<li>CGU</li>
</ul>
</div>
<script src="ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="assets/js/vendor/jquery-2.2.4.min.js"><\/script>')</script>
<script src="assets/js/functions-min.js"></script>
</body>
</html>