by Teacher code script<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Online Teacher Hiring - Apply Now</title>
<style>
body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #eef2f3; margin: 0; padding: 20px; }
.container { max-width: 800px; margin: auto; background: #fff; box-shadow: 0px 10px 30px rgba(0,0,0,0.1); border-radius: 15px; overflow: hidden; }
.header { background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://images.unsplash.com/photo-1524178232363-1fb2b075b655?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80'); background-size: cover; background-position: center; padding: 60px 20px; color: white; text-align: center; }
.header h1 { margin: 0; font-size: 36px; }
.job-details { padding: 40px; }
h2 { color: #00b09b; border-bottom: 2px solid #00b09b; display: inline-block; padding-bottom: 5px; }
ul { list-style: none; padding: 0; }
ul li { margin-bottom: 12px; padding-left: 30px; position: relative; }
ul li::before { content: "✔"; position: absolute; left: 0; color: #00b09b; font-weight: bold; }
.apply-section { background: #f9f9f9; padding: 30px; text-align: center; border-top: 1px solid #eee; }
.apply-btn { background-color: #00b09b; color: white; padding: 15px 40px; border: none; border-radius: 50px; cursor: pointer; font-size: 16px; transition: 0.3s; }
.apply-btn:hover { background-color: #007b6e; }
.resume-upload { margin: 20px 0; }
input[type="file"] { margin: 10px 0; display: block; width: 100%; box-sizing: border-box; }
.footer { background: #333; color: white; padding: 20px; text-align: center; font-size: 14px; }
.footer a { color: #00b09b; }
</style>
</head>
<body>
<div class="container">
<div class="header">
<h1>Online Teacher Hiring</h1>
<p>Join Our Global Team of Educators</p>
</div>
<div class="job-details">
<h2>Job Overview</h2>
<p><strong>Type:</strong> Full-time / Part-time | <strong>Location:</strong>UAE</p>
<p>We are seeking passionate educators to teach international students (Grade 2-5). If you have a strong command of English and love teaching, apply today!</p>
<h3>Key Responsibilities:</h3>
<ul>
<li>Develop and update engaging curriculum for Grade 2-5.</li>
<li>Conduct interactive online classes.</li>
<li>Monitor and report student progress.</li>
<li>Create innovative teaching materials.</li>
</ul>
<h3>Requirements:</h3>
<ul>
<li>Bachelor's degree in Education or relevant field.</li>
<li>5+ years of teaching experience.</li>
<li>Excellent English communication skills.</li>
</ul>
</div>
<div class="apply-section">
<h2>Ready to Apply?</h2>
<form action="#" method="post" enctype="multipart/form-data">
<label for="resume">Upload your Resume (PDF):</label>
<input type="file" id="resume" accept="application/pdf" required>
<button class="apply-btn" type="submit">Submit Application</button>
</form>
</div>
<div class="footer">
<p>For more details, visit our <a href="place you link" target="_blank">website</a></p>
</div>
</div>
</body>
</html>
var(--accent-color)
No comments:
Post a Comment