-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcourse_reservation.html
76 lines (63 loc) · 3.26 KB
/
course_reservation.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>IT in Geology</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="writing-area">
<nav>
<!-- Links different pages -->
<a href="index.html">Home</a>
<a href="software_in_geology.html">Software in geology</a>
<a href="earth_system_model.html">Earth system modeling</a>
<a href="GIS.html">GIS</a>
<a href="course_reservation.html">Course reservation</a>
</nav>
<h1>Course Sign-Up</h1>
<p>Please fill out the form below to sign up for the course.</p>
<form id="signup-form">
<!-- Personal Information -->
<label for="first-name">First Name:</label>
<input type="text" id="first-name" name="first-name" placeholder="Your first name" required>
<label for="last-name">Last Name:</label>
<input type="text" id="last-name" name="last-name" placeholder="Your last name" required>
<label for="email">Email:</label>
<input type="email" id="email" name="email" placeholder="Your email address" required>
<!-- Address Information -->
<label for="address">Address:</label>
<input type="text" id="address" name="address" placeholder="Your street address" required>
<label for="city">City:</label>
<input type="text" id="city" name="city" placeholder="Your city" required>
<label for="post-code">Post Code:</label>
<input type="text" id="post-code" name="post-code" placeholder="Your postal code" required>
<label for="country">Country:</label>
<input type="text" id="country" name="country" placeholder="Your country" required>
<!-- Course Preference -->
<label>Preferred Mode:</label>
<label>
<input type="radio" name="mode" value="online" required> Online
</label>
<label>
<input type="radio" name="mode" value="offline" required> Offline
</label>
<!-- Additional Information -->
<label for="additional-info">Additional Information:</label>
<textarea id="additional-info" name="additional-info" placeholder="Your expectations for this course..." rows="4"></textarea>
<!-- Submit Button -->
<button type="submit">Sign Up</button>
</form>
<hr class="bottom-line">
<footer>
<p>Visit
<a href="https://scholar.google.com/citations?user=hp-RxwgAAAAJ&hl=en" target="_blank">our publications</a>
or email to <a href="mailto:[email protected]?subject=Hello&body=I%20would%20like%20to%20know%20more" target="_blank" onclick="if (!window.open(this.href, '_blank')) {
window.open('https://mail.google.com/mail/?view=cm&fs=1&[email protected]&su=Hello&body=I%20would%20like%20to%20know%20more', '_blank');
} return false;">[email protected]</a> for more information</p>
<p>© 2025. This website is created only as a student project and for study purposes.</p>
</footer>
</div>
</body>
</html>