name.github.io/index.html at main · SecretTems/name.github.io · 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
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
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>APCBA</title>
	<link rel="icon" type="image/png" href="jojo.png">
	<link rel="stylesheet" href="repeated.css">
<style>
		/* column container */
		.row {
		  display: -ms-flexbox; /* IE10 */
		  display: flex;
		  -ms-flex-wrap: wrap; /* IE10 */
		  flex-wrap: wrap;
		}

		/* where all the main things go */
		.main {
		  -ms-flex: 70%; /* IE 10 */
		  flex: 70%;
		  background-color: #f5f0ec;
		  color: black;
		  padding: 20px;
		}

		/* makes 2 unequal columns that sits next to each other */
		/* Sidebar/left column */
		.side {
		  -ms-flex: 10%;
		  flex: 10%;
		  background-color: #e0e0e0;
		  padding-left: 15px;
		  padding-right: 8px;
		  color: black;
		}

		/* Responsive layout - when screen is less than 700px wide,
		makes the two columns stack on top of each other instead of next to each other */
		@media screen and (max-width: 700px) {
		.row {
			flex-direction: column;
		  }
		}

		/* Responsive layout - when screen is less than 400px wide,
		makes the navigation links stack on top of each other instead of next to each other */
		@media screen and (max-width: 400px) {
		.navbar a {
			float: none;
			width: 100%;
		  }
		}

		.author-container {
			float: right;
			margin-left: 20px;
			margin-right: 50px;
		}
</style>
</head>
<body>
	<div id="com_elemContainer"></div> <!-- load 3 common divs -->
<div class="row">
	<div class="main">
		<h2>Welcome to Asia Pacific College of Business and Arts - Unleashing Potential through Education and Creativity!</h2>
			<h5>[Updated as of Jan 10, 2024]</h5>
				<p>
					Dear Students, Parents, Faculty, and Guests,
					<br><br>
					A warm and hearty welcome to Asia Pacific College of Business and Arts!
					<br><br>
					Step into our vibrant campus, where education meets creativity, and every corridor echoes with the spirit of learning. At APCBA, we are more than just a school; we are a community committed to nurturing talent, fostering growth, and creating a unique blend of business acumen and artistic expression.
					<br><br>
					Explore our halls to discover an array of courses designed to inspire and challenge. Our esteemed faculty members are dedicated to guiding each student towards success, both academically and personally. From business strategies to the arts, we believe in providing an education that goes beyond textbooks, preparing our students for a world of endless possibilities.
					<br><br>
					Whether you're here for the first time, considering enrollment, or visiting as part of our extended family, your journey with APCBA is about to unfold. Expect an atmosphere where innovation, camaraderie, and achievement come together to shape not just careers, but futures.
					<br><br>
				<div class="author-container">
<!--good enough fix-->	<img src="staff pics/noel4.png" alt="dulay" style="height: 200px; width: 200px;">
				</div>
					Thank you for choosing APCBA, your gateway to a transformative educational experience. We eagerly anticipate the discoveries, friendships, and achievements that await you within our dynamic community.
					<br><br>
					Here's to a remarkable journey at APCBA!
					<br><br>
					Best regards,
					<br><br>

					<strong>Noel A. Dulay</strong>
				</p>
		<br><br>
		<div>
            <h2>Vision</h2>
            <p>"To be an exponent of progress by transforming students into productive, God-fearing and socially responsible individuals through Education, technology, Integrity, compassion, and faith in God."</p>
        </div>

        <div>
            <h2>Mission</h2>
            <p>
                Everything we do is inspired by our enduring mission: To develop graduates who are excellent in spirit, mind and body; To inspire people to create values, and explore unlimited possibilities for new expressions of life. Develop the courage to shape a better future.
            </p>
        </div>

        <div>
            <h2>Values</h2>
			<p>
                Our school is dedicated to firm, steadfast and immaculate service in the student's pursuit of knowledge and skills to bring out vast opportunities for employment, livelihood, and a better future.
                <br><br><strong>Values of integrity and the highest ethical standard.</strong><br><br>
                Our school practices the highest degree of integrity, an unwavering devotion to the principles of ethics.
                <br><br><strong>Values of creativity and professionalism.</strong><br><br>
                Our firm beliefs for these values drive us to produce the best students who are highly qualified, interactive, devoted, effective, and globally competitive by constantly innovating to improve our standard in the realm of technology, information, and communication.
			</p>
		</div>
	</div>
		<div class="side">
		<h2>NEW FACES</h2>
		<div class="spotlight">
			<img src="staff pics/rolly.jpg" alt="rolly" style="width: 150px; height: 150px;">
			<h3>Limos Rolly</h3>
			<p>"No matter how hard it is or how hard it gets,I'm going to make it.”
				"This is what I keep telling myself everytime I am struggling and exhausted. Because I believe that after all of my sacrifices, I will reach my dream."
			<br> – Sir Limos</p>
		</div>
		<div>
			<img src="staff pics/angel.png" alt="angel" style="width: 150px; height: 150px;">
			<h3>Angel Jean Sagun Jarabejo</h3>
			<p>"Let go, and let God."
			<br> - Ma'am Angel</p>
		</div>
		<div><img src="staff pics/erika.jpg" alt="erika" style="width: 150px; height: 150px;">
			<h3>Erika M. Taguinin</h3>
			<p>"Small but I can do big things"
			<br> - Ma'am Erika</p>
		</div>
		<div><img src="staff pics/v.png" alt="erika" style="width: 150px; height: 150px;">
			<h3>Marimark Vallejos</h3>
			<p>"I never contemplate abandoning my dreams since I aim to assist my family and contribute to our community’s betterment especially when it comes to our youth."
			<br> - Ma'am V</p>
		</div>
	</div>
</div>

<script>
  // opens the login modal
  function openLogin() {
    // alerts if use is already logged in
    if (isLoggedIn()) {
      alert('You are already logged in.');
    }
  }

  // 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 Our School. All rights reserved.</h2>
</div>
</body>
</html>