kntdgrtnnly/upiecep-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added Executive Committee page

Browse Source
This commit is contained in:
Kent Joseph T. Palima
2026-04-30 11:47:27 +08:00
parent 9cc60a1ace
commit 0b0862bf23
12 changed files with 147 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/executive-committee.astro
+38
View File
@@ -0,0 +1,38 @@
---
import Layout from '../layouts/Layout.astro';
import '../styles/executive-committee.scss';
// MAKE SURE THESE FILES EXIST BEFORE BUILDING, or comment them out!
import execomm_banner from '../../assets/images/execomm/execomm_banner.png';
import pres from '../../assets/images/execomm/pres.png';
import vp_acad from '../../assets/images/execomm/vp_acad.png';
import vp_exte from '../../assets/images/execomm/vp_exte.png';
import vp_inte from '../../assets/images/execomm/vp_inte.png';
import vp_log from '../../assets/images/execomm/vp_log.png';
import vp_marfin from '../../assets/images/execomm/vp_marfin.png';
import vp_pub from '../../assets/images/execomm/vp_pub.png';
import vp_sec from '../../assets/images/execomm/vp_sec.png';
---
<Layout title="Executive Committee | UP IECEP">
<section class="execomm-section">
<h1>Executive Committee</h1>
<!-- Banner Image -->
<div class="banner-container">
<img src={execomm_banner.src} alt="Executive Committee Banner" />
</div>
<!-- 4x2 Photo Grid -->
<div class="photo-grid">
<div class="photo-card"><img src={pres.src} alt="President" /></div>
<div class="photo-card"><img src={vp_acad.src} alt="Vice President for Academic Affairs" /></div>
<div class="photo-card"><img src={vp_exte.src} alt="Vice President for External Affairs" /></div>
<div class="photo-card"><img src={vp_inte.src} alt="Vice President for Internal Affairs" /></div>
<div class="photo-card"><img src={vp_log.src} alt="Vice President for Logistics" /></div>
<div class="photo-card"><img src={vp_marfin.src} alt="Vice President for Marketing and Finance" /></div>
<div class="photo-card"><img src={vp_pub.src} alt="Vice President for Publicity" /></div>
<div class="photo-card"><img src={vp_sec.src} alt="Vice President for Secretariat" /></div>
</div>
</section>
</Layout>