<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Quiz – [CHANGE TITLE]</title>
<link rel="stylesheet" href="../assets/styles.css">
</head>
<body>
<div class="quiz-container quiz-form-page">
<header class="quiz-header">
<h1>[CHANGE QUIZ TITLE]</h1>
<h2>[Module X – Assessment]</h2>
<p class="instructions">
Complete all questions and click <strong>Submit Test</strong>.
Your answers will be sent to the instructor by email.
</p>
<p><a href="../index.html">← Back to Quiz Center</a></p>
</header>
<!-- IMPORTANT: change email and subject -->
<form class="quiz-form"
action="mailto:youremail@example.com?subject=[CHANGE SUBJECT]"
method="post"
enctype="text/plain">
<!-- Student Info (reuse as-is) -->
<section class="card">
<h3>Student Information</h3>
<label class="field">
<span>Full Name</span>
<input type="text" name="Student_Name" required>
</label>
<label class="field">
<span>Email</span>
<input type="email" name="Student_Email" required>
</label>
<label class="field">
<span>Date</span>
<input type="text" name="Date" placeholder="MM/DD/YYYY">
</label>
</section>
<!-- Copy and customize question blocks as needed -->
<section class="card">
<h3>Part A – True or False</h3>
<div class="question">
<p><strong>1.</strong> [Your T/F question here]</p>
<label><input type="radio" name="Q1" value="True" required> True</label>
<label><input type="radio" name="Q1" value="False"> False</label>
</div>
<!-- Add more T/F questions -->
</section>
<section class="card">
<h3>Part B – Multiple Choice</h3>
<div class="question">
<p><strong>2.</strong> [Your multiple-choice question here]</p>
<label><input type="radio" name="Q2" value="A" required> A. Option A</label>
<label><input type="radio" name="Q2" value="B"> B. Option B</label>
<label><input type="radio" name="Q2" value="C"> C. Option C</label>
<label><input type="radio" name="Q2" value="D"> D. Option D</label>
</div>
<!-- Add more MC questions -->
</section>
<section class="card">
<h3>Part C – Short Answer</h3>
<div class="question">
<p><strong>3.</strong> [Your short-answer question here]</p>
<textarea name="Q3" rows="3"></textarea>
</div>
<!-- Add more short-answer questions -->
</section>
<div class="form-actions">
<button type="submit">Submit Test</button>
<button type="reset" class="secondary">Clear Answers</button>
</div>
<p class="note">
Note: When you click “Submit Test,” your email program should open with your answers.
</p>
</form>
</div>
</body>
</html>
Corpus Christi Faith Church, Inc.
Proclaiming The Gospel to the World
Corpus Christi Faith Church, Inc. 