WebAppsCourse-CSCources/add_courses_for_student.html at master · Y-55/WebAppsCourse-CSCources · GitHub

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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="en">
	<head>
		<title>CSCourses|Add Course(Student)</title>
		<link rel="stylesheet" href="css/styles.css">
		<meta charset="utf-8">
		<meta name="description" content="a page contain a form for the Students to add new courses to their plan">
		<meta name="keywords" content="HTML, CSS,java script">
		<meta name='auther' content='YusufAbdulwahab'>
		<meta name='viewport' content='width=device-width, initial-scale=1.0'>
		<!-- The width=device-width part sets the width of the page to follow the screen-width of the device
		The initial-scale=1.0 part sets the initial zoom level when the page is first loaded by the browser.-->
		<script src="scripts/script.js"></script>
		<!--this is the source of java scrpt code-->
	</head>
	<body>
<!--________________________________header and menue codes___________________________________-->
		<header>
				<a href="index.html"><h1>CS<span>Courses</span></h1></a>
				<ul>
					<li><a href="index.html">Home</a></li>
					<li><a href="add_course.html">Add Course(Admin)</a></li>
					<li><a class="current" href="add_courses_for_student.html">Add Course(Student)</a></li>
				</ul>
		</header>
<!--________________________________content codes___________________________________-->
		<div class=".continer">
			<div class="continer-formDiv">
				<form action="index.html" method='post' onsubmit='return  validateAddCourseStudents();'>

					<label>Student ID</label>
					<div id='errSid'>Error: Student ID is mandatory and should be exactly 9 digits (0-9)</div>
					<input type="text" placeholder="Student ID" id="sid" name="sid"><br />

					<label>Student Name</label>
					<div id='errSname'>Error: Student name is mandatory and should be at least 10 alphabet characters</div>
					<input type="text" placeholder="Student Name" id="sname" name="sname"><br />

					<label>Student Email Address</label>
					<div id='errSemail'>Error: Student email address is mandatory and should follow the pattern rules of valid email addresses</div>
					<input type="text" placeholder="Student Email Address" id="semail" name="semail"><br />

					<label>course code 1</label>
					<div id='errCourse-menu1'>Error: Course code 1 is mandatory</div>
					<select id="course-menu1">
						<option>Please select the course code 1...</option>
						<option>14010000-3</option>
						<option>14020000-4</option>
						<option>14030000-4</option>
						<option>14040000-4</option>
						<option>14050000-3</option>
						<option>14060000-2</option>
					</select><br />

					<label>course code 2</label>
					<div id='errCourse-menu2'>Error: Course code 2 is mandatory</div>
					<select id="course-menu2">
						<option>Please select the course code 2...</option>
						<option>14010000-3</option>
						<option>14020000-4</option>
						<option>14030000-4</option>
						<option>14040000-4</option>
						<option>14050000-3</option>
						<option>14060000-2</option>
					</select><br />

					<label>course code 3</label>
					<select id="course-menu3">
						<option>Please select the course code 3</option>
						<option>14010000-3</option>
						<option>14020000-4</option>
						<option>14030000-4</option>
						<option>14040000-4</option>
						<option>14050000-3</option>
						<option>14060000-2</option>
					</select><br />

					<label>course code 4</label>
					<select id="course-menu4">
						<option>Please select the course code 4</option>
						<option>14010000-3</option>
						<option>14020000-4</option>
						<option>14030000-4</option>
						<option>14040000-4</option>
						<option>14050000-3</option>
						<option>14060000-2</option>
					</select><br />


					<input type="submit" id="submit" value="submit">
				</form>
			</div>
		</div>

<!--________________________________footer codes___________________________________-->
		<footer>
			<!--the apper div of the footer-->
		<div class='footer-information'>
			<div class='footer-information-Box'>
				<p class='footer-information-Box-discription'>Follow CSCourses</p>
				<ul>
					<li><a href="">Twitter</a></li>
					<li><a href="">Instagram</a></li>
					<li><a href="">Snapchat</a></li>
					<li><a href="">Facebook</a></li>
				</ul>
			</div>
			<div class='footer-information-Box'>
				<p class='footer-information-Box-discription'>Customer Care</p>
				<ul>
					<li><a href="">FAQ</a></li>
					<li><a href="">Warranty Policy</a></li>
					<li><a href="">Return & Exchange</a></li>
					<li><a href="">contact us</a></li>
					<li><a href="">92000000</a></li>

				</ul>
			</div>
			<div class='footer-information-Box'>
				<p class='footer-information-Box-discription'>About CSCourses</p>
				<ul>
					<li><a href="">CSCourses Profile</a></li>
					<li><a href="">Investor Guide & Services</a></li>
					<li><a href="">Sustainability</a></li>
				</ul>
			</div>
		</div>
		<!--the down div of the footer-->
		<div class='footer-copyright'>
			<p> copyright preserved for the site 2020 | YusufAbdulwahab<p>
		</div>
		</footer>
	</body>
</html>