Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
68 changes: 61 additions & 7 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,12 +1,6 @@
<!-- 1. create the basic html structure. your structure should include a blue heading and a red paragragh with font size 15px -->


<!-- 2. in your html file, add a link that opens a new tab to an external resource -->


<!-- 3. create a section and add an image, using css; place a green border on the image, the image should be 500px wide and 500px high -->


<!-- 4. create another section add a form that takes in the following input:
a. name
b. email address
Expand All @@ -20,5 +14,65 @@
j. submit button with text register
make sure to incorporate relevant labels in your form elements using the necessary and relevant input types and element attributes
-->

<!-- 5. all styling should be placed in the style.css, make sure to correctly embed the external css file on the index.html file using the relevant tag -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Basic HTML Structure</title>

</head>
<body>
<header>
<h1>Blue Heading</h1>
</header>
<main>
<p>Red paragraph with font size 15px</p>
<a href="https://plpacademy.powerlearnproject.org/course-module/" target="_blank">Open External Resource</a>
<section>
<div class="image-container">
<img src="data:image/jpeg;base64,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" alt="Image" width="500" height="500">
</div>
</section>
<section>
<form>
<label for="name">Name:</label>
<input type="text" id="name" name="name" required><br><br>
<label for="email">Email Address:</label>
<input type="email" id="email" name="email" required><br><br>
<label for="phone">Phone Number:</label>
<input type="tel" id="phone" name="phone" required><br><br>
<label for="age">Age:</label>
<input type="number" id="age" name="age" required><br><br>
<fieldset>
<legend>Gender:</legend>
<label><input type="radio" name="gender" value="male">Male</label>
<label><input type="radio" name="gender" value="female">Female</label>
<label><input type="radio" name="gender" value="other">Other</label>
</fieldset><br>
<label for="subjects">Subjects:</label>
<select id="subjects" name="subjects" multiple>
<option value="english">English</option>
<option value="math">Maths</option>
<option value="science">Science</option>
<option value="art_and_craft">Art and Craft</option>
<option value="agriculture">Agriculture</option>
<option value="geography">Geography</option>
<option value="history">History</option>
</select><br><br>
<label for="password">Password:</label>
<input type="password" id="password" name="password" required><br><br>
<input type="hidden" id="sessionId" name="sessionId" value="yourSessionId">
<button type="button" onclick="clearForm()">Cancel</button>
<input type="submit" value="Register">
</form>
</section>
</main>
<script>
function clearForm() {
document.querySelector("form").reset();
}
</script>
</body>
</html>
18 changes: 18 additions & 0 deletions style.css
Original file line number Diff line number Diff line change
@@ -1 +1,19 @@

h1 {
color: blue;
}
p {
color: red;
font-size: 15px;
}
.image-container {
border: 2px solid green;
width: 500px;
height: 500px;
}

label {
font-weight: bold;
}