
<!DOCTYPE html>
<html lang="DE-de">
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" type="text/css" href="https://www.marvinmc.net/btn.css"/>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Bewerbung</title>
		<meta property="og:type" content="website">
		<meta property="og:site_name" content="MarvinMC.net Apply Seite">
		<meta property="og:title" content="Bewerbung - MarvinMC.net">
		<meta property="og:description" content="Du willst den Minecraft Server mit deinen Fähigkeiten unterstützen? Bewirb dich auf dem MarvinMC.net Server.">
		<meta property="og:image" content="https://www.marvinmc.net/src/Marvin.png">
		<meta content="#00ff00" data-react-helmet="true" name="theme-color" /> 
  </head>

<body>
		
		
<center>

				
 <h1>Bewerben</h1>
 <i style="color: grey;"><hr></i> 

  <br>
	<div class="main">
	Wir freuen uns auf Ihre Bewerbung und hoffen dass wir sie demnächst in unserem Team willkommen heißen können.
	<h1 id="Error"></h1>
		<div>
      <form action="send.php" method="post">
        
        <strong class="red">*</strong>Name (nur Vorname):
				<input name="name" oninput="rmborder('name')" class="message input" style="width: 50%; max-width: 400px;" id="name" placeholder="Vorname" minlength="2" maxlength="20">
		
	      <br>			
        <span>
          <strong class="red">*</strong>Alter:
         <input name="age" oninput="rmborder('age')" placeholder="Alter" class="input" type="number" min="10" max="99" id="age" minlength="1">
        </span>
        <br>
        <strong class="red">*</strong>Minecraft Name:
				<input name="username" oninput="rmborder('username')" class="message input" style="width: 50%; max-width: 400px;" id="username" placeholder="Minecraft Name" minlength="3" maxlength="16" required>
				<br>
				<strong class="red">*</strong>Discord Username#Tag:
				<input name="dcusername" oninput="rmborder('dcusername')" class="message input" style="width: 50%; max-width: 400px;" width="60px" id="dcusername" placeholder="Discord Username#tag" minlength="3" maxlength="200" required>
				<br>
        <div style="width: 50%;">
          <span style="text-align: left;">Bewerbung zum:</span>
			    <select class="input" style="margin-left: 0px; width: 80%; max-width: 400px;" name="Rang" id="rank">
           <option value="" hidden>Bitte auswählen</option>
					  <option value="supPlus">Supporter & Builder</option>
					  <option value="bui">Builder</option>
					  <option value="sup">Supporter</option>
					  <option value="dev">Developer</option>
					  <option value="adm">Adminstrator</option>
					  <option value="admPlus" disabled>Adminstrator Leitung</option>
			  	</select>
        </div>
                
				<br>
				<span style="color: red">**</span>Was spricht für Sie:
				<br>
				<textarea minlength="50" maxlength="4000" name="text" oninput="rmborder('text')" class="message input" style="width: 50%; max-width: 550px;" id="text" placeholder="Erzähl uns was über dich:"></textarea>
				<p>Deine Bewerbung muss folgendes beinhalten:</p>
				<strong> <strong class="red">*</strong>Pflichtfelder müssen alle ausgefüllt werden!<br><strong class="red">**</strong>Begründen sie warum wir uns für Sie entscheiden sollen<br><strong class="red">**</strong>Geben sie bitte ihre Spielzeit in Minuten an (/playtime auf MarvinMC.net)</strong><br>
				<br>
				<br>
				<input aria-label="Click" type="checkbox" id="accept" onclick="check()"><span>Verwendung von Daten</span><p style="line-height: 14px; text-align: justify; max-width: 170px;"><span style="font-size: 12px; line-height: 1px;">Ich bestätige, dass alles was ich auf dem Server gemacht oder gebaut habe frei verwendet werden darf. Diese Daten stehen dir nur zur verfügun wenn es dir ein Serverowner erlaubt!</span></p>
        </div>
				
        <br>
        <br>
        <input id="send" class="buttonSuccess" onclick="" type="submit" name="my_form_submit_button" value="Senden" hidden/>
        
      </form>  
    </div>  
	<br><br>
				
<style>
					.main {
						width: 80%;
						align-content: center;
					}
					.small {
						font-size: 0px;
						width: 0px;
						height: 0px;
						border-radius: 0px;
						border-color: white;
						background-color: white;
					}
					.red {
						color: red;
					
					}
					textarea {
						resize: none;
						height: 200px;
					}
					body {
						font-family: Arial;
						color: white;
					}

					body {
  background-color: #36393f;
  margin: 0%;
}

.input {
    background-color: #40444b;
    margin: 10px;
    padding: 10px;
    border-radius: 3px;
    border-style: hidden;
    color: white;
  }


  .buttonPrimary:visited {
    color: white;
    border-style: hidden;
    text-decoration: none;
    border-radius: 2px;
    background-color: #5865f2;
    padding: 5px;
    margin: 5px;
  }
  .buttonPrimary:link {
    color: white;
    border-style: hidden;
    text-decoration: none;
    border-radius: 2px;
    background-color: #5865f2; 
    padding: 5px;
    margin: 5px;
  }
  .buttonPrimary:hover {
    color: white;
    border-style: hidden;
    text-decoration: none;
    border-radius: 2px;
    background-color: #4752c4; 
    padding: 5px;
    margin: 5px;
  }
  .buttonPrimary:active {
    color: white;
    border-style: hidden;
    text-decoration: none;
    border-radius: 2px;
    background-color: #3c45a5;
    padding: 5px;
    margin: 5px;
  }
  .buttonPrimaryDisabled {
    color: #ffffff99;
    border-style: hidden;
    text-decoration: none;
    border-radius: 2px;
    background-color: #5865f299;
    padding: 5px;
    margin: 5px;
    cursor: not-allowed;
  }


  .buttonSecondary:visited {
    color: white;
    border-style: hidden;
    text-decoration: none;
    border-radius: 2px;
    background-color: #4f545c;
    padding: 5px;
    margin: 5px;
  }
  .buttonSecondary:link {
    color: white;
    border-style: hidden;
    text-decoration: none;
    border-radius: 2px;
    background-color: #4f545c; 
    padding: 5px;
    margin: 5px;
  }
  .buttonSecondary:hover {
    color: white;
    border-style: hidden;
    text-decoration: none;
    border-radius: 2px;
    background-color: #686d73; 
    padding: 5px;
    margin: 5px;
  }
  .buttonSecondary:active {
    color: white;
    border-style: hidden;
    text-decoration: none;
    border-radius: 2px;
    background-color: #72767d;
    padding: 5px;
    margin: 5px;
  }
  .buttonSecondaryDisabled {
    color: #ffffff99;
    border-style: hidden;
    text-decoration: none;
    border-radius: 2px;
    background-color: #4f545c99;
    padding: 5px;
    cursor: not-allowed;
    margin: 5px;
  }


  .buttonSuccess {
    color: white;
    border-style: hidden;
    text-decoration: none;
    border-radius: 2px;
    background-color: #2d7d46;
    padding: 5px;
    margin: 5px;
  }
  .buttonSuccess:visited {
    color: white;
    border-style: hidden;
    text-decoration: none;
    border-radius: 2px;
    background-color: #2d7d46;
    padding: 5px;
    margin: 5px;
  }

  .buttonSuccess:link {
    color: white;
    border-style: hidden;
    text-decoration: none;
    border-radius: 2px;
    background-color: #2d7d46; 
    padding: 5px;
    margin: 5px;
  }
  .buttonSuccess:hover {
    color: white;
    border-style: hidden;
    text-decoration: none;
    border-radius: 2px;
    background-color: #215b32; 
    padding: 5px;
    margin: 5px;
  }
  .buttonSuccess:active {
    color: white;
    border-style: hidden;
    text-decoration: none;
    border-radius: 2px;
    background-color: #1e532e;
    padding: 5px;
    margin: 5px;
  }
  .buttonSuccessDisabled {
    color: #ffffff99;
    border-style: hidden;
    text-decoration: none;
    border-radius: 2px;
    background-color: #2d7d4699;
    padding: 5px;
    cursor: not-allowed;
    margin: 5px;
  }


  .buttonDestructive:visited {
    color: white;
    border-style: hidden;
    text-decoration: none;
    border-radius: 2px;
    background-color: #d83c3e;
    padding: 5px;
    margin: 5px;
  }
  .buttonDestructive:link {
    color: white;
    border-style: hidden;
    text-decoration: none;
    border-radius: 2px;
    background-color: #d83c3e; 
    padding: 5px;
    margin: 5px;
  }
  .buttonDestructive:hover {
    color: white;
    border-style: hidden;
    text-decoration: none;
    border-radius: 2px;
    background-color: #a12d2f; 
    padding: 5px;
    margin: 5px;
  }
  .buttonDestructive:active {
    color: white;
    border-style: hidden;
    text-decoration: none;
    border-radius: 2px;
    background-color: #8c2729;
    padding: 5px;
    margin: 5px;
  }
  .buttonDestructiveDisabled {
    color: #ffffff99;
    border-style: hidden;
    text-decoration: none;
    border-radius: 2px;
    background-color: #d83c3e99;
    padding: 5px;
    cursor: not-allowed;
    margin: 5px;
  }


  @media only screen and (max-width: 300px) {
    .header {
      flex-wrap: nowrap;
    }
  }
</style>
	</center>
<script>function check(){var accepted=document.getElementById("accept").checked;console.log(accepted);if(accepted==true){document.getElementById("send").hidden=false;}else{document.getElementById("send").hidden=true;}}</script>
</body></html>