MetatroncubeSoftwareSolutions/rapharehap
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

banner overlay updated in mobile view only

Browse Source
This commit is contained in:
Selvi 2025-09-13 19:30:05 +05:30
parent 52a323e850
commit 79169eb8e8
3 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/sections/home/MobileServicesSection.js
View File

@ -8,7 +8,7 @@ export default function MobileServices() {
<section className="feature-section sec-pad bg-color-1"> <section className="feature-section sec-pad bg-color-1">
<div className="auto-container"> <div className="auto-container">
<div className="sec-title mb_50 centred"> <div className="sec-title mb_50 centred">
<span className="sub-title-1 new-color">Our Services</span> <span className="sub-title-1 new-color2">Our Services</span>
<h2 className="tex-color-1">We Help You Move Better & <br />Live Healthier</h2> <h2 className="tex-color-1">We Help You Move Better & <br />Live Healthier</h2>
</div> </div>
<div className="row clearfix"> <div className="row clearfix">

2
components/sections/home2/Banner.js
View File

@ -42,7 +42,7 @@ export default function Banner() {
<div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/home/banner/home-banner-1.webp)', backgroundPosition: '75% center' }}></div> <div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/home/banner/home-banner-1.webp)', backgroundPosition: '75% center' }}></div>
{/* <figure className="image-layer"><img src="/assets/images/home/banner/banner-img-1.webp" alt="" /></figure> */} {/* <figure className="image-layer"><img src="/assets/images/home/banner/banner-img-1.webp" alt="" /></figure> */}
<div className="auto-container"> <div className="auto-container">
<div className="content-box custom-content-box" style={{ background: 'white', borderRadius: '15%', opacity: 0.8 }}> <div className="content-box custom-content-box mobile-style">
<span className="upper-text">The Journey to Better Health Begins here</span> <span className="upper-text">The Journey to Better Health Begins here</span>
<h2>Your Path to <span>Recovery</span> Starts Today</h2> <h2>Your Path to <span>Recovery</span> Starts Today</h2>

12
public/assets/css/style.css
View File

@ -826,9 +826,12 @@
} }
.new-color { .new-color {
color: #fff !important; color: #fff !important;
}
.new-color2 {
color: #fff !important;
font-size: 24px;
} }
.sec-title h2 { .sec-title h2 {
@ -3113,3 +3116,10 @@
padding: 35px; padding: 35px;
} }
} }
@media (max-width: 425px) {
.custom-content-box.mobile-style {
background: white;
border-radius: 15%;
opacity: 0.8;
}
}