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

Added IECEP Cares in Slider

Browse Source
This commit is contained in:
Kent Joseph T. Palima
2026-04-29 22:13:24 +08:00
parent 3e6b461ff2
commit 18a96dccd1
3 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/slider/iecepcareslogo.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 714 KiB

src/components/Slider/Slider.tsx
+8 -8
View File
@@ -21,14 +21,7 @@ const Slider = () => {
<div className='landing-panel'> <div className='landing-panel'>
<h1>One IECEP </h1> <h1>One IECEP </h1>
<span>One Organization.{ `\n` }One Profession.{ `\n` }One Family</span> <span>One Organization.{ `\n` }One Profession.{ `\n` }One Family</span>
<p>Institute of Electronics Engineers of the Philippines University of the Philippines Student Chapter</p> <p>Institute of Electronics Engineers of the Philippines <br />University of the Philippines Student Chapter</p>
</div>
</SwiperSlide>
<SwiperSlide className='landing-slider-slide app-process'>
<div className='app-process-panel'>
<h1>Come and <br />Roll With Us!</h1>
<span>Application Process - 2526B</span>
<a href='apply' className='apply'>Apply Now! &rarr;</a>
</div> </div>
</SwiperSlide> </SwiperSlide>
<SwiperSlide className='landing-slider-slide get-licensed'> <SwiperSlide className='landing-slider-slide get-licensed'>
@@ -38,6 +31,13 @@ const Slider = () => {
<a href='get-licensed' className='learn-more'>Learn More &rarr;</a> <a href='get-licensed' className='learn-more'>Learn More &rarr;</a>
</div> </div>
</SwiperSlide> </SwiperSlide>
<SwiperSlide className='landing-slider-slide iecep-cares'>
<div className='iecep-cares-panel'>
<h1>IECEP Cares 2026</h1>
<span>Bloom with IECEP</span>
<a href='apply' className='apply'>Learn More &rarr;</a>
</div>
</SwiperSlide>
</Swiper> </Swiper>
</div> </div>
</section> </section>
src/components/Slider/slider.scss
+4 -4
View File
@@ -80,14 +80,14 @@ $margin-top: 1.5rem;
} }
} }
&.app-process { &.iecep-cares {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: url('/slider/carousel_2.jpg'); background: url('/slider/iecepcareslogo.jpg');
background-position: center; background-position: center;
background-size: cover; background-size: cover;
.app-process-panel { .iecep-cares-panel {
background-color: rgba(88, 24, 30, 0.7); background-color: rgba(88, 24, 30, 0.7);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
width: 100%; width: 100%;
@@ -200,7 +200,7 @@ $margin-top: 1.5rem;
} }
} }
} }
&.app-process { &.iecep-cares {
span { span {
width: calc(1 / 2 * 100%); width: calc(1 / 2 * 100%);
text-align: center; text-align: center;