202 lines
22 KiB
HTML
202 lines
22 KiB
HTML
<html>
|
|
<head>
|
|
<title>postule.html</title>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
<style type="text/css">
|
|
.s0 { color: #d5b778;}
|
|
.s1 { color: #bcbec4;}
|
|
.s2 { color: #bababa;}
|
|
.s3 { color: #6aab73;}
|
|
.s4 { color: #56a8f5;}
|
|
.s5 { color: #2aacb8;}
|
|
.s6 { color: #cf8e6d;}
|
|
</style>
|
|
</head>
|
|
<body bgcolor="#1e1f22">
|
|
<table CELLSPACING=0 CELLPADDING=5 COLS=1 WIDTH="100%" BGCOLOR="#606060" >
|
|
<tr><td><center>
|
|
<font face="Arial, Helvetica" color="#000000">
|
|
postule.html</font>
|
|
</center></td></tr></table>
|
|
<pre><span class="s0"><!DOCTYPE </span><span class="s2">html</span><span class="s0">></span>
|
|
<span class="s0"><html </span><span class="s2">lang</span><span class="s3">="fr"</span><span class="s0">></span>
|
|
<span class="s0"><head></span>
|
|
<span class="s0"><meta </span><span class="s2">charset</span><span class="s3">="UTF-8"</span><span class="s0">></span>
|
|
<span class="s0"><meta </span><span class="s2">name</span><span class="s3">="viewport" </span><span class="s2">content</span><span class="s3">="width=device-width, initial-scale=1.0"</span><span class="s0">></span>
|
|
<span class="s0"><title></span><span class="s1">Postuler - Geo Realms Craft</span><span class="s0"></title></span>
|
|
<span class="s0"><link </span><span class="s2">href</span><span class="s3">="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css" </span><span class="s2">rel</span><span class="s3">="stylesheet"</span><span class="s0">></span>
|
|
<span class="s0"><link </span><span class="s2">rel</span><span class="s3">="stylesheet" </span><span class="s2">href</span><span class="s3">="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"</span><span class="s0">></span>
|
|
<span class="s0"><style></span>
|
|
<span class="s1">:</span><span class="s0">root </span><span class="s1">{</span>
|
|
<span class="s2">--primary-color</span><span class="s1">: </span><span class="s4">#760202</span><span class="s1">;</span>
|
|
<span class="s2">--secondary-color</span><span class="s1">: </span><span class="s4">#2c2c2c</span><span class="s1">;</span>
|
|
<span class="s2">--accent-color</span><span class="s1">: </span><span class="s4">#9d0b28</span><span class="s1">;</span>
|
|
<span class="s1">}</span>
|
|
|
|
<span class="s0">body </span><span class="s1">{</span>
|
|
<span class="s2">font-family</span><span class="s1">: </span><span class="s3">'Roboto'</span><span class="s1">, </span><span class="s3">sans-serif</span><span class="s1">;</span>
|
|
<span class="s2">background</span><span class="s1">: </span><span class="s4">#f8f9fa</span><span class="s1">;</span>
|
|
<span class="s2">color</span><span class="s1">: </span><span class="s4">#333</span><span class="s1">;</span>
|
|
<span class="s2">line-height</span><span class="s1">: </span><span class="s5">1.6</span><span class="s1">;</span>
|
|
<span class="s1">}</span>
|
|
|
|
<span class="s1">.</span><span class="s0">hero </span><span class="s1">{</span>
|
|
<span class="s2">background</span><span class="s1">: </span><span class="s0">linear-gradient</span><span class="s1">(</span><span class="s5">45</span><span class="s3">deg</span><span class="s1">, </span><span class="s0">rgba</span><span class="s1">(</span><span class="s5">0</span><span class="s1">,</span><span class="s5">0</span><span class="s1">,</span><span class="s5">0</span><span class="s1">,</span><span class="s5">0.9</span><span class="s1">), </span><span class="s0">rgba</span><span class="s1">(</span><span class="s5">0</span><span class="s1">,</span><span class="s5">0</span><span class="s1">,</span><span class="s5">0</span><span class="s1">,</span><span class="s5">0.7</span><span class="s1">)), </span><span class="s0">url</span><span class="s1">(</span><span class="s3">'background/0.jpg'</span><span class="s1">);</span>
|
|
<span class="s2">background-size</span><span class="s1">: </span><span class="s3">cover</span><span class="s1">;</span>
|
|
<span class="s2">background-position</span><span class="s1">: </span><span class="s3">center</span><span class="s1">;</span>
|
|
<span class="s2">min-height</span><span class="s1">: </span><span class="s5">50</span><span class="s3">vh</span><span class="s1">;</span>
|
|
<span class="s2">display</span><span class="s1">: </span><span class="s3">flex</span><span class="s1">;</span>
|
|
<span class="s2">align-items</span><span class="s1">: </span><span class="s3">center</span><span class="s1">;</span>
|
|
<span class="s2">justify-content</span><span class="s1">: </span><span class="s3">center</span><span class="s1">;</span>
|
|
<span class="s2">text-align</span><span class="s1">: </span><span class="s3">center</span><span class="s1">;</span>
|
|
<span class="s2">color</span><span class="s1">: </span><span class="s3">white</span><span class="s1">;</span>
|
|
<span class="s2">position</span><span class="s1">: </span><span class="s3">relative</span><span class="s1">;</span>
|
|
<span class="s2">overflow</span><span class="s1">: </span><span class="s3">hidden</span><span class="s1">;</span>
|
|
<span class="s2">padding</span><span class="s1">: </span><span class="s5">20</span><span class="s3">px</span><span class="s1">;</span>
|
|
<span class="s1">}</span>
|
|
|
|
<span class="s1">.</span><span class="s0">nav-wrapper </span><span class="s1">{</span>
|
|
<span class="s2">background</span><span class="s1">: </span><span class="s0">var</span><span class="s1">(</span><span class="s0">--secondary-color</span><span class="s1">);</span>
|
|
<span class="s2">position</span><span class="s1">: </span><span class="s3">sticky</span><span class="s1">;</span>
|
|
<span class="s2">top</span><span class="s1">: </span><span class="s5">0</span><span class="s1">;</span>
|
|
<span class="s2">z-index</span><span class="s1">: </span><span class="s5">1000</span><span class="s1">;</span>
|
|
<span class="s2">box-shadow</span><span class="s1">: </span><span class="s5">0 2</span><span class="s3">px </span><span class="s5">5</span><span class="s3">px </span><span class="s0">rgba</span><span class="s1">(</span><span class="s5">0</span><span class="s1">,</span><span class="s5">0</span><span class="s1">,</span><span class="s5">0</span><span class="s1">,</span><span class="s5">0.1</span><span class="s1">);</span>
|
|
<span class="s1">}</span>
|
|
|
|
<span class="s1">.</span><span class="s0">section </span><span class="s1">{</span>
|
|
<span class="s2">padding</span><span class="s1">: </span><span class="s5">80</span><span class="s3">px </span><span class="s5">20</span><span class="s3">px</span><span class="s1">;</span>
|
|
<span class="s2">opacity</span><span class="s1">: </span><span class="s5">0</span><span class="s1">;</span>
|
|
<span class="s2">transform</span><span class="s1">: </span><span class="s0">translateY</span><span class="s1">(</span><span class="s5">30</span><span class="s3">px</span><span class="s1">);</span>
|
|
<span class="s2">transition</span><span class="s1">: </span><span class="s3">all </span><span class="s5">0.8</span><span class="s3">s </span><span class="s0">cubic-bezier</span><span class="s1">(</span><span class="s5">0.4</span><span class="s1">, </span><span class="s5">0</span><span class="s1">, </span><span class="s5">0.2</span><span class="s1">, </span><span class="s5">1</span><span class="s1">);</span>
|
|
<span class="s1">}</span>
|
|
|
|
<span class="s1">.</span><span class="s0">section</span><span class="s1">.</span><span class="s0">visible </span><span class="s1">{</span>
|
|
<span class="s2">opacity</span><span class="s1">: </span><span class="s5">1</span><span class="s1">;</span>
|
|
<span class="s2">transform</span><span class="s1">: </span><span class="s0">translateY</span><span class="s1">(</span><span class="s5">0</span><span class="s1">);</span>
|
|
<span class="s1">}</span>
|
|
|
|
<span class="s1">.</span><span class="s0">requirement-card </span><span class="s1">{</span>
|
|
<span class="s2">border-radius</span><span class="s1">: </span><span class="s5">15</span><span class="s3">px</span><span class="s1">;</span>
|
|
<span class="s2">padding</span><span class="s1">: </span><span class="s5">30</span><span class="s3">px</span><span class="s1">;</span>
|
|
<span class="s2">margin</span><span class="s1">: </span><span class="s5">20</span><span class="s3">px </span><span class="s5">0</span><span class="s1">;</span>
|
|
<span class="s2">background</span><span class="s1">: </span><span class="s3">white</span><span class="s1">;</span>
|
|
<span class="s2">box-shadow</span><span class="s1">: </span><span class="s5">0 10</span><span class="s3">px </span><span class="s5">30</span><span class="s3">px </span><span class="s0">rgba</span><span class="s1">(</span><span class="s5">0</span><span class="s1">,</span><span class="s5">0</span><span class="s1">,</span><span class="s5">0</span><span class="s1">,</span><span class="s5">0.08</span><span class="s1">);</span>
|
|
<span class="s2">border-left</span><span class="s1">: </span><span class="s5">5</span><span class="s3">px solid </span><span class="s0">var</span><span class="s1">(</span><span class="s0">--accent-color</span><span class="s1">);</span>
|
|
<span class="s1">}</span>
|
|
|
|
<span class="s1">.</span><span class="s0">cta-button </span><span class="s1">{</span>
|
|
<span class="s2">display</span><span class="s1">: </span><span class="s3">inline-flex</span><span class="s1">;</span>
|
|
<span class="s2">align-items</span><span class="s1">: </span><span class="s3">center</span><span class="s1">;</span>
|
|
<span class="s2">padding</span><span class="s1">: </span><span class="s5">16</span><span class="s3">px </span><span class="s5">45</span><span class="s3">px</span><span class="s1">;</span>
|
|
<span class="s2">background</span><span class="s1">: </span><span class="s0">var</span><span class="s1">(</span><span class="s0">--primary-color</span><span class="s1">);</span>
|
|
<span class="s2">color</span><span class="s1">: </span><span class="s3">white</span><span class="s1">;</span>
|
|
<span class="s2">border-radius</span><span class="s1">: </span><span class="s5">50</span><span class="s3">px</span><span class="s1">;</span>
|
|
<span class="s2">text-decoration</span><span class="s1">: </span><span class="s3">none</span><span class="s1">;</span>
|
|
<span class="s2">transition</span><span class="s1">: </span><span class="s3">all </span><span class="s5">0.3</span><span class="s3">s ease</span><span class="s1">;</span>
|
|
<span class="s2">font-weight</span><span class="s1">: </span><span class="s5">600</span><span class="s1">;</span>
|
|
<span class="s2">text-transform</span><span class="s1">: </span><span class="s3">uppercase</span><span class="s1">;</span>
|
|
<span class="s2">letter-spacing</span><span class="s1">: </span><span class="s5">1</span><span class="s3">px</span><span class="s1">;</span>
|
|
<span class="s2">gap</span><span class="s1">: </span><span class="s5">10</span><span class="s3">px</span><span class="s1">;</span>
|
|
<span class="s2">margin-top</span><span class="s1">: </span><span class="s5">30</span><span class="s3">px</span><span class="s1">;</span>
|
|
<span class="s1">}</span>
|
|
|
|
<span class="s1">.</span><span class="s0">cta-button</span><span class="s1">:</span><span class="s0">hover </span><span class="s1">{</span>
|
|
<span class="s2">transform</span><span class="s1">: </span><span class="s0">translateY</span><span class="s1">(-</span><span class="s5">2</span><span class="s3">px</span><span class="s1">);</span>
|
|
<span class="s2">box-shadow</span><span class="s1">: </span><span class="s5">0 8</span><span class="s3">px </span><span class="s5">20</span><span class="s3">px </span><span class="s0">rgba</span><span class="s1">(</span><span class="s5">118</span><span class="s1">, </span><span class="s5">2</span><span class="s1">, </span><span class="s5">2</span><span class="s1">, </span><span class="s5">0.3</span><span class="s1">);</span>
|
|
<span class="s2">background</span><span class="s1">: </span><span class="s0">var</span><span class="s1">(</span><span class="s0">--accent-color</span><span class="s1">);</span>
|
|
<span class="s2">color</span><span class="s1">: </span><span class="s3">white</span><span class="s1">;</span>
|
|
<span class="s1">}</span>
|
|
|
|
<span class="s0">footer </span><span class="s1">{</span>
|
|
<span class="s2">background</span><span class="s1">: </span><span class="s0">var</span><span class="s1">(</span><span class="s0">--secondary-color</span><span class="s1">);</span>
|
|
<span class="s2">color</span><span class="s1">: </span><span class="s3">white</span><span class="s1">;</span>
|
|
<span class="s2">padding</span><span class="s1">: </span><span class="s5">60</span><span class="s3">px </span><span class="s5">0</span><span class="s1">;</span>
|
|
<span class="s2">text-align</span><span class="s1">: </span><span class="s3">center</span><span class="s1">;</span>
|
|
<span class="s2">margin-top</span><span class="s1">: </span><span class="s5">80</span><span class="s3">px</span><span class="s1">;</span>
|
|
<span class="s1">}</span>
|
|
<span class="s0"></style></span>
|
|
<span class="s0"></head></span>
|
|
<span class="s0"><body></span>
|
|
|
|
<span class="s0"><header </span><span class="s2">class</span><span class="s3">="hero"</span><span class="s0">></span>
|
|
<span class="s0"><div </span><span class="s2">class</span><span class="s3">="container"</span><span class="s0">></span>
|
|
<span class="s0"><h1 </span><span class="s2">class</span><span class="s3">="animate__animated animate__fadeInDown"</span><span class="s0">></span><span class="s1">Postuler</span><span class="s0"></h1></span>
|
|
<span class="s0"><p </span><span class="s2">class</span><span class="s3">="animate__animated animate__fadeInUp delay-1"</span><span class="s0">></span><span class="s1">Rejoignez l'aventure Geo Realms Craft</span><span class="s0"></p></span>
|
|
<span class="s0"></div></span>
|
|
<span class="s0"></header></span>
|
|
|
|
<span class="s0"><nav </span><span class="s2">class</span><span class="s3">="nav-wrapper"</span><span class="s0">></span>
|
|
<span class="s0"><div </span><span class="s2">class</span><span class="s3">="container"</span><span class="s0">></span>
|
|
<span class="s0"><ul </span><span class="s2">class</span><span class="s3">="right hide-on-med-and-down"</span><span class="s0">></span>
|
|
<span class="s0"><li><a </span><span class="s2">href</span><span class="s3">="index.html" </span><span class="s2">class</span><span class="s3">="waves-effect"</span><span class="s0">></span><span class="s1">Retour à l'accueil</span><span class="s0"></a></li></span>
|
|
<span class="s0"></ul></span>
|
|
<span class="s0"></div></span>
|
|
<span class="s0"></nav></span>
|
|
|
|
<span class="s0"><section </span><span class="s2">class</span><span class="s3">="section container"</span><span class="s0">></span>
|
|
<span class="s0"><div </span><span class="s2">class</span><span class="s3">="requirement-card animate__animated animate__fadeIn"</span><span class="s0">></span>
|
|
<span class="s0"><h2 </span><span class="s2">class</span><span class="s3">="center-align"</span><span class="s0">></span><span class="s1">Conditions requises</span><span class="s0"></h2></span>
|
|
|
|
<span class="s0"><div </span><span class="s2">class</span><span class="s3">="row"</span><span class="s0">></span>
|
|
<span class="s0"><div </span><span class="s2">class</span><span class="s3">="col s12 m6"</span><span class="s0">></span>
|
|
<span class="s0"><h4></span><span class="s1">📋 Prérequis</span><span class="s0"></h4></span>
|
|
<span class="s0"><ul </span><span class="s2">class</span><span class="s3">="browser-default"</span><span class="s0">></span>
|
|
<span class="s0"><li></span><span class="s1">Avoir au minimum 18 ans</span><span class="s0"></li></span>
|
|
<span class="s0"><li></span><span class="s1">Avoir un PC correct</span><span class="s0"></li></span>
|
|
<span class="s0"><li></span><span class="s1">Avoir Minecraft Java</span><span class="s0"></li></span>
|
|
<span class="s0"><li></span><span class="s1">Être mature et responsable</span><span class="s0"></li></span>
|
|
<span class="s0"></ul></span>
|
|
<span class="s0"></div></span>
|
|
|
|
<span class="s0"><div </span><span class="s2">class</span><span class="s3">="col s12 m6"</span><span class="s0">></span>
|
|
<span class="s0"><h4></span><span class="s1">⚠️ Important</span><span class="s0"></h4></span>
|
|
<span class="s0"><ul </span><span class="s2">class</span><span class="s3">="browser-default"</span><span class="s0">></span>
|
|
<span class="s0"><li></span><span class="s1">Lire attentivement toutes les questions</span><span class="s0"></li></span>
|
|
<span class="s0"><li></span><span class="s1">Répondre honnêtement</span><span class="s0"></li></span>
|
|
<span class="s0"><li></span><span class="s1">Une candidature incomplète sera rejetée</span><span class="s0"></li></span>
|
|
<span class="s0"><li></span><span class="s1">Délai de traitement : jusqu'à 48 heures</span><span class="s0"></li></span>
|
|
<span class="s0"></ul></span>
|
|
<span class="s0"></div></span>
|
|
<span class="s0"></div></span>
|
|
|
|
<span class="s0"><div </span><span class="s2">class</span><span class="s3">="center-align"</span><span class="s0">></span>
|
|
<span class="s0"><a </span><span class="s2">href</span><span class="s3">="https://docs.google.com/forms/d/e/1FAIpQLScsze3Xn7BdvFYn5RukknojyA1Bvy6aJU51p6DWzOE2iRzlbQ/viewform?usp=sf_link" </span><span class="s2">target</span><span class="s3">="_blank" </span><span class="s2">class</span><span class="s3">="cta-button"</span><span class="s0">></span>
|
|
<span class="s0"><svg </span><span class="s2">class</span><span class="s3">="icon" </span><span class="s2">viewBox</span><span class="s3">="0 0 24 24" </span><span class="s2">style</span><span class="s3">="</span><span class="s2">width</span><span class="s1">: </span><span class="s5">24</span><span class="s3">px</span><span class="s1">; </span><span class="s2">height</span><span class="s1">: </span><span class="s5">24</span><span class="s3">px</span><span class="s1">; </span><span class="s2">fill</span><span class="s1">: </span><span class="s3">currentColor</span><span class="s1">;</span><span class="s3">"</span><span class="s0">></span>
|
|
<span class="s0"><path </span><span class="s2">d</span><span class="s3">="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"</span><span class="s0">/></span>
|
|
<span class="s0"></svg></span>
|
|
<span class="s1">Remplir le formulaire</span>
|
|
<span class="s0"></a></span>
|
|
<span class="s0"></div></span>
|
|
<span class="s0"></div></span>
|
|
<span class="s0"></section></span>
|
|
|
|
<span class="s0"><footer></span>
|
|
<span class="s0"><div </span><span class="s2">class</span><span class="s3">="container"</span><span class="s0">></span>
|
|
<span class="s0"><p></span><span class="s1">© 2025 Geo Realms Craft - Tous droits réservés</span><span class="s0"></p></span>
|
|
<span class="s0"><p></span><span class="s1">Contact : </span><span class="s0"><a </span><span class="s2">href</span><span class="s3">="https://discord.gg/uP7cDES" </span><span class="s2">class</span><span class="s3">="white-text"</span><span class="s0">></span><span class="s1">Discord Ebony</span><span class="s0"></a></p></span>
|
|
<span class="s0"></div></span>
|
|
<span class="s0"></footer></span>
|
|
|
|
<span class="s0"><script </span><span class="s2">src</span><span class="s3">="https://code.jquery.com/jquery-3.6.0.min.js"</span><span class="s0">></script></span>
|
|
<span class="s0"><script </span><span class="s2">src</span><span class="s3">="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"</span><span class="s0">></script></span>
|
|
<span class="s0"><script></span>
|
|
<span class="s1">document.addEventListener(</span><span class="s3">'DOMContentLoaded'</span><span class="s1">, </span><span class="s6">function</span><span class="s1">() {</span>
|
|
<span class="s6">const </span><span class="s1">observer = </span><span class="s6">new </span><span class="s1">IntersectionObserver((entries) => {</span>
|
|
<span class="s1">entries.forEach(entry => {</span>
|
|
<span class="s6">if </span><span class="s1">(entry.isIntersecting) {</span>
|
|
<span class="s1">entry.target.classList.add(</span><span class="s3">'visible'</span><span class="s1">);</span>
|
|
<span class="s1">}</span>
|
|
<span class="s1">});</span>
|
|
<span class="s1">}, { threshold: </span><span class="s5">0.15 </span><span class="s1">});</span>
|
|
|
|
<span class="s1">document.querySelectorAll(</span><span class="s3">'.section'</span><span class="s1">).forEach(section => {</span>
|
|
<span class="s1">observer.observe(section);</span>
|
|
<span class="s1">});</span>
|
|
|
|
<span class="s1">M.AutoInit();</span>
|
|
<span class="s1">});</span>
|
|
<span class="s0"></script></span>
|
|
<span class="s0"></body></span>
|
|
<span class="s0"></html></span></pre>
|
|
</body>
|
|
</html> |