44 lines
2.3 KiB
HTML
44 lines
2.3 KiB
HTML
<!-- Get Data maybe from strapi -->
|
|
<div id="jobsContainer" class="flex flex-col"></div>
|
|
<script src="/js/jobs.js"></script>
|
|
|
|
<form action="/" id="apply-form" class="invisible">
|
|
<div class="color-background"></div>
|
|
<div class="content">
|
|
<div class="inner">
|
|
<div class="close-btn" onclick="closeApplyForm()"></div>
|
|
<div class="supertitle">Your application as:</div>
|
|
<h3 id="title-h3" class="title"></h3>
|
|
<input class="invisible" type="text" name="job" id="jobInput">
|
|
<p class="lead">Great, you've made the first step. We look forward to your application</p>
|
|
<div class="apply-row">
|
|
<div class="apply-section -contact">
|
|
<h4>Your contact data</h4>
|
|
<div class="inner">
|
|
<label for="ign">Ingame Name *</label>
|
|
<input class="rounded-md" type="text" name="ign" id="ign" placeholder="Your Minecraft ingame Name">
|
|
<label for="contact">How to contact you *</label>
|
|
<input class="rounded-md" type="text" name="contact" id="contact" placeholder="Discord-tag / e-mail-address">
|
|
<label for="experience">Your experience in this is position *</label>
|
|
<textarea class="rounded-md" name="experience" id="experience" cols="30" rows="5"></textarea>
|
|
<label for="references">Your references *</label>
|
|
<textarea class="rounded-md" name="references" id="" cols="30" rows="5"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="apply-section -docs">
|
|
<h4>Your comments</h4>
|
|
<div class="inner">
|
|
<label for="comments">Would you like to tell us something?</label>
|
|
<textarea class="rounded-md" name="comments" id="comments" cols="30" rows="5"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="apply-section -submit">
|
|
<div class="legal">By submitting your application, you accept our <a href="/privacy">privacy policy</a> and confirm that you have taken note of it.</div>
|
|
<div class="submit-btn">
|
|
<button type="submit" class="text-white bg-blue-700 hover:bg-blue-800 focus:outline-none focus:ring-4 focus:ring-blue-300 font-medium rounded-full text-sm px-5 py-2.5 text-center me-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800 max-w-2xs">Submit</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|