-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
136 lines (125 loc) · 7.55 KB
/
index.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Carlos P. Garcia Senior High School | Home Page"> <!-- SERP snippet -->
<link rel="stylesheet" type="text/css" href="css/style.css"> <!-- Link to CSS file -->
<link rel="stylesheet" type="text/css" href="css/queries.css"> <!-- Link to Media Queries CSS file -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet" integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We"
crossorigin="anonymous"> <!-- Bootstrap Link -->
<title>Home</title>
</head>
<body>
<div class="stickyHeader">
<header>
<div class="topbar row">
<ul class="topnav col-sm-12 clearfix">
<li><a href="#">Admin Login</a></li>
<li><a href="../School/#updates">Updates</a></li>
<li><a href="#">Enrollment</a></li>
</ul>
</div>
<div class="logo"><a href="https://negzu.github.io/School/"><img src="../School/media/logo.png"> </a></div>
<div class="row midbar">
<div class="col-sm-6"><a href="https://negzu.github.io/School/">Senior High </a></div>
<div class="col-sm-6">
<ul>
<li class="mx-4"><a href="#">Contact Us</a></li>
<li><a href="#"><img class="socialicons"
src="https://img.icons8.com/material-outlined/48/ffffff/facebook-f.png"
title="Facebook" alt="Facebook"/></a></li>
<li><a href="#"><img class="socialicons"
src="https://img.icons8.com/material-outlined/48/ffffff/instagram-new.png"
title="Facebook" alt="Facebook"/></a></li></a></li>
<li><a href="#"><img class="socialicons"
src="https://img.icons8.com/ios-glyphs/30/ffffff/twitter--v1.png"
title="Facebook" alt="Facebook"/></a></li></a></li>
</ul>
</div>
</div>
</header>
<div class="nav-container">
<p><a href="/School">Home</a></p>
<p><a href="/School/about.html">About</a></p>
<p><a href="/School/about.html#faculty">Faculty</a></p>
<p><a href="/School/programs.html">Programs Offered</a></p>
<p><a href="/School/gallery.html">Gallery</a></p>
</div>
</div>
<section class="row hero">
<div class="col-sm-6">
<img src="media/image5.png">
</div>
<div class="col-sm-6">
<h2>Welcome!</h2>
<p>Carlos P. Garcia High School (CPGHS) is a public educational institution located in Pandacan, Manila. It was named after the late President
Carlos P. Garcia. The school provides quality, fair, culture-based and complete basic education to produce graduates who are intellectually
and technologically competent.</p>
</div>
</section>
<section class="row text-center about">
<img class="imgright" src="../School/media/image2.png">
<div class="col-sm-9">
<p class="sub">The school implements a K-12 basic education curriculum that offers
junior and senior high school.</p>
<p>It is under the resolution ordered by the Department of Education (DepEd). It has a STEM strand under the Academic track as well as
Technical Vocational Livelihood (TVL) track which equips the students with technical skills for its senior high school program.
CPGHS is officially recognized by the Department of Education (DepEd) and affiliated with the Division of
City Schools – Manila (DCS – Manila).</p>
</div>
<div class="col-sm-3"></div>
<div class="col-sm-9"><button class="m-4 px-5 py-3 text-white">Learn More</button></div>
<img class="imgleft" src="../School/media/staff1.png">
<span><b>Mr. George B. Borromeo</b>
<br>Public School District Supervisor</span>
</section>
<section class="row d-flex align-items-center enrollnow">
<div class="col-sm-6">
<img src="media/Together We Excel.png">
</div>
<div class="col-sm-6 text-center">
<h2>Together We Excel</h2>
<p>Strengthening the Quality of Education Amidst Covid-19 Pandemic</p>
<button class="m-4 px-5 py-3 text-white" id="updates"><a href="/School/about.html">Enroll Now!</a></button>
</section>
<section class="row updates">
<img class="imgright" src="../School/media/image1.png">
<div class="col-sm-9">
<h2>Updates</h2>
<p><a href="#"><span class="updates-date">August 20, 2021</span>
- Carlos P. Garcia High School Enrollment for S.Y. 2021-2022 is now open.</a></p>
<p><a href="#"><span class="updates-date">August 21, 2021</span>
- Bayanihan Para Sa Paaralan: Call for Donations.</a></p>
<p><a href="#"><span class="updates-date">August 22, 2021</span>
- Bayanihan Para Sa Paaralan: Brigada Eskwela '21.</a></p>
</div>
<div class="col-sm-3"></div>
<div class="col-sm-9 d-flex justify-content-start"><button class="my-4 px-5 py-3 text-white"><a href="https://negzu.github.io/School/gallery.html#gallery">View Gallery</a></button>
</div>
<img class="imgleft" src="../School/media/image4.jpg">
</section>
<div class="map full-width">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3861.07368224007!2d121.00072751472052!3d14.594877189806104!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3397c9ef72367317%3A0x1ca226e85e1c527!2sCarlos%20P.%20Garcia%20High%20School!5e0!3m2!1sen!2sph!4v1629669820959!5m2!1sen!2sph"
width="100%" height="400px" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
<footer class="row text-center d-flex justify-content-between align-items-center">
<div class="col-sm-4 d-flex justify-content-start">
<img src="../School/media/logo.png">
</div>
<div class="col-sm-4">© Copyright 2021 <b>Carlos P. Garcia Senior High</b>
<br>Jesus St., Pandacan, Manila | (02)8 562 7687
<br>cpgarciahs.depedmanila.com
</div>
<div class="col-sm-4">
Privacy Policy | Terms & Conditions
<span><br>Designed by: <i>Mei Colmo</i> & <i>Eugene Fortes</i>
<br>Developed by: <i>Jadiel Naron</i></span>
</div>
</footer>
<!-- Bootstrap -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>