-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcourses.html
More file actions
225 lines (211 loc) · 7.89 KB
/
courses.html
File metadata and controls
225 lines (211 loc) · 7.89 KB
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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Strands/Courses</title>
<link rel="stylesheet" href="repeated.css">
<style>
.node {
border: 5px solid #333;
border-radius: 5px;
padding: 5px;
margin: 5px;
text-align: center;
max-width: 200px;
position: relative;
}
.sub-node {
border: 2px solid #333;
border-radius: 5px;
padding: 10px;
margin: 10px;
text-align: center;
max-width: 200px;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
ul li {
margin-bottom: 7px;
display: block;
}
h2 {
padding: 10px;
margin: 0;
}
/* style for senior high school strands */
h2#shs {
background-color: #93c5fd;
text-align: center;
}
/* style for college strands */
h2#college {
background-color: #ffd966;
text-align: center;
}
.popup-node {
border: 2px solid #333;
border-radius: 5px;
padding: 10px;
margin: 10px;
text-align: center;
max-width: 1000px;
position: relative;
}
.popup {
display: none;
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
padding: 15px;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
z-index: 1;
width: 600px;
}
.popup p {
flex: 1;
text-align: left;
}
.popup img {
max-width: 50%;
max-height: 50%;
margin-right: 5px;
margin-left: 10px;
}
.popup-node:hover .popup {
display: flex;
}
</style>
</head>
<body>
<div id="com_elemContainer"></div> <!-- load 3 common divs -->
<!-- List of senior high school strands -->
<h2 id="shs">Senior High School Strands</h2>
<br>
<ul>
<li class="popup-node">Science, Technology, Engineering, and Mathematics (STEM)
<div class="popup">
<p>
The STEM strand in SHS is an inquiry and research-based program. It exposes students to more complex mathematics and science concepts and aims to serve as a foundation for their future college degrees.
Through various projects and research entailed, students develop problem-solving skills where they can apply scientific, technological, mathematical, and engineering concepts.
</p>
<img class="popup-img" src="images/logos/STEM.png" alt="STEM Logo">
</div>
</li>
<li class="popup-node">Information and Communication Technology (ICT)
<div class="popup">
<p>
ICT students gain knowledge and skills needed to effectively apply, use and manage technology when solving problems specifically related to information and communication.
Classes provide a human and organizational focus on technology–teaching students how to be effective users of technology.
</p>
<img class="popup-img" src="images/logos/ICT.png" alt="ICT Logo">
</div>
</li>
<li class="popup-node">Accountancy, Business, and Management (ABM)
<div class="popup">
<p>
The ABM (Accountancy, Business, and Management) Strand is designed for students who are interested in business, finance, entrepreneurship, and accounting.
The curriculum of the ABM strand provides a strong foundation in the principles of business and management, as well as financial and accounting concepts.
</p>
<img class="popup-img" src="images/logos/ABM.png" alt="ABM Logo">
</div>
</li>
<li class="popup-node">Humanities and Social Sciences (HUMSS)
<div class="popup">
<p>
Humanities and Social sciences deals with studying the diversity of human behaviours and interaction in social, cultural,environmental,economic and political contexts.
In this strand you will encounter the future lawyer, teacher, police, politician, writer and etc.
</p>
<img class="popup-img" src="images/logos/HUMSS.png" alt="HUMMS Logo">
</div>
</li>
<li class="popup-node">General Academic Strand (GAS)
<div class="popup">
<p>
The GAS strand is created to cater to students who prefer a broader range of studies rather than specific fields.
It offers SHS students the flexibility to choose electives from various strands, which helps in choosing a university degree.
</p>
<img class="popup-img" src="images/logos/GAS.png" alt="GAS Logo">
</div>
</li>
<li class="popup-node">Home Economics (HE)
<div class="popup">
<p>
In this strand, students will be trained with livelihood skills that they can use for employment or in starting their own business.
Bataan National High School-Senior High School offers Cookery, Dressmaking, Bread and Pastry and Food and Beverages under Home Economics.
</p>
<img class="popup-img" src="images/logos/HE.png" alt="HE Logo">
</div>
</li>
<li class="popup-node">Industrial Arts (IA)
<div class="popup">
<p>
The Industrial Arts strand helps students develop their technical skills. These skills are useful for industry jobs, including carpentry, automotive services,
electronics, plumbing, welding, and many more. In fact, this strand aims to produce field experts skilled in various technical facets.
</p>
<img class="popup-img" src="images/logos/IA.png" alt="IA Logo">
</div>
</li>
</ul>
<br>
<!-- List of college strands -->
<h2 id="college">College Courses</h2>
<br>
<ul>
<li class="popup-node">Bachelor in Technical-Vocational Teacher Education (BTVTEd)
<div class="popup">
<p>
The (BTVTEd) is a four (4) year collegiate program under the Institute of Arts, Sciences and Teacher Education.
It is a program for individuals intending to advance a career in (TLE) to Junior High School, Senior High School and (TVET) students. The program equips learners with
adequate and relevant competencies in teaching specific areas in (IA) or (HE), (ICT) and Agri-Fishery Arts (the four areas of technical and vocational track of the Senior High School Program) as mandated by the (CHED).
</p>
<img class="popup-img" src="images/logos/EDUC.png" alt="BTVTEd Logo">
</div>
</li>
<li class="popup-node">Diploma in Hospitality and Tourism Technology (DHTT)
<div class="popup">
<p>
The Tourism, Hotel and Restaurant Technology program will equip students with competencies that are needed to execute operational tasks and management functions in food production (culinary),
accommodation, food and beverage service, tourism planning and product development, events planning, travel and tour operations and other emerging sectors of hospitality and tourism industry.
</p>
<img class="popup-img" src="images/logos/HTT.png" alt="DHTT Logo">
</div>
</li>
</ul>
<br>
<script>
// opens the signup/login modal
function openSignUp() {
// alerts if use is already logged in
if (isLoggedIn()) {
alert('You are already logged in.');
} else {
window.location.href = 'signup.html';
}
}
// checks if user is logged in
function isLoggedIn() {
const user = localStorage.getItem('currentUser');
return user !== null;
}
</script>
<script src="repscript.js"></script>
<script src="accountPopup.js"></script>
<script src="script.js"></script>
<script src="script2.js"></script>
<div class="footer">
<h2>© 2023 APCBA. All rights reserved.</h2>
</div>
</body>
</html>