FB Page as hyperlinks in slider
This commit is contained in:
@@ -28,14 +28,14 @@ const Slider = () => {
|
|||||||
<div className='get-licensed-panel'>
|
<div className='get-licensed-panel'>
|
||||||
<h1>Get Licensed 2026</h1>
|
<h1>Get Licensed 2026</h1>
|
||||||
<span>Geared Up for the Future</span>
|
<span>Geared Up for the Future</span>
|
||||||
<a href='get-licensed' className='learn-more'>Learn More →</a>
|
<a href='https://www.facebook.com/GetLicensed.upiecep' className='learn-more'>Learn More →</a>
|
||||||
</div>
|
</div>
|
||||||
</SwiperSlide>
|
</SwiperSlide>
|
||||||
<SwiperSlide className='landing-slider-slide iecep-cares'>
|
<SwiperSlide className='landing-slider-slide iecep-cares'>
|
||||||
<div className='iecep-cares-panel'>
|
<div className='iecep-cares-panel'>
|
||||||
<h1>IECEP Cares 2026</h1>
|
<h1>IECEP Cares 2026</h1>
|
||||||
<span>Bloom with IECEP</span>
|
<span>Bloom with IECEP</span>
|
||||||
<a href='apply' className='apply'>Learn More →</a>
|
<a href='https://www.facebook.com/IECEPCares' className='learn-more'>Learn More →</a>
|
||||||
</div>
|
</div>
|
||||||
</SwiperSlide>
|
</SwiperSlide>
|
||||||
</Swiper>
|
</Swiper>
|
||||||
|
|||||||
@@ -110,7 +110,7 @@ $margin-top: 1.5rem;
|
|||||||
color: $text-light;
|
color: $text-light;
|
||||||
}
|
}
|
||||||
|
|
||||||
.apply {
|
.learn-more {
|
||||||
margin-top: 7rem;
|
margin-top: 7rem;
|
||||||
padding-block: 0.81rem;
|
padding-block: 0.81rem;
|
||||||
padding-inline: 2.25rem;
|
padding-inline: 2.25rem;
|
||||||
@@ -205,7 +205,7 @@ $margin-top: 1.5rem;
|
|||||||
width: calc(1 / 2 * 100%);
|
width: calc(1 / 2 * 100%);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.apply {
|
.learn-more {
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user