|
<!DOCTYPE html> |
|
<html lang="en"> |
|
|
|
<head> |
|
<meta charset="UTF-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<link rel="shortcut icon" href="AccioINTERN.png" type="image/x-icon"> |
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" /> |
|
<link rel="stylesheet" href="static/index.css"> |
|
<title>AccioINTERN</title> |
|
</head> |
|
|
|
<body> |
|
<header> |
|
<nav> |
|
|
|
</nav> |
|
</header> |
|
<main> |
|
<form class="inter-form" action="/" method="post"> |
|
|
|
<label for="name">Name:</label> |
|
<input type="text" id="name" name="name" required> |
|
|
|
<section class="automation"> |
|
<h4>Automation</h4> |
|
<div class="checkbox-group"> |
|
<input type="checkbox" name="auto-python" id="auto-python" value="True"> |
|
<label for="auto-python"><i class="fa-brands fa-python" style="color: #74C0FC;"></i>Python</label> |
|
|
|
<input type="checkbox" name="auto-javascript" id="auto-javascript" value="True"> |
|
<label for="auto-javascript"><i class="fa-brands fa-js" style="color: #FFD43B;"></i>Javascript</label> |
|
</div> |
|
</section> |
|
<section class="web-dev"> |
|
<h4>Web Development</h4> |
|
<div class="checkbox-group"> |
|
<input type="checkbox" name="web-python" id="web-python" value="True"> |
|
<label for="web-python"><i class="fa-brands fa-python" style="color: #FFD43B;"></i>Python</label> |
|
|
|
<input type="checkbox" name="web-javascript" id="web-javascript" value="True"> |
|
<label for="web-javascript"><i class="fa-brands fa-js" style="color: #74C0FC"></i>Javascript</label> |
|
</div> |
|
</section> |
|
<section class="bot-dev"> |
|
<h4>Telegram Bot Development</h4> |
|
<div class="checkbox-group"> |
|
<input type="checkbox" name="pyrogram" id="pyrogram" value="True"> |
|
<label for="pyrogram"><i class="fa-solid fa-fire" style="color: #ff8040;"></i>Pyrogram</label> |
|
|
|
<input type="checkbox" name="python-telegram-bot" id="python-telegram-bot" value="True"> |
|
<label for="python-telegram-bot"><i class="fa-brands fa-telegram" style="color: #74C0FC;"></i>PyTgBot</label> |
|
</div> |
|
</section> |
|
<section class="proficiency"> |
|
<h4>Proficiency</h4> |
|
<div class="checkbox-group"> |
|
<input type="radio" name="level" id="beginner" value="Beginner"> |
|
<label for="beginner">Beginner</label> |
|
|
|
<input type="radio" name="level" id="intermediate" value="Intermediate"> |
|
<label for="intermediate">Intermediate</label> |
|
|
|
<input type="radio" name="level" id="expert" value="Expert"> |
|
<label for="expert">Expert</label> |
|
</div> |
|
</section> |
|
<button type="submit">Get Internship</button> |
|
|
|
<section class="internship"> |
|
<pre>{{ Result }}</pre> |
|
</section> |
|
</form> |
|
</main> |
|
<footer> |
|
|
|
</footer> |
|
</body> |
|
|
|
</html> |