corrections updated
This commit is contained in:
parent
1bfd399739
commit
84034a33a1
@ -56,11 +56,11 @@ export default function AccidentDetailsPage({ params }) {
|
||||
<figure className="image">
|
||||
<img src={service.mainImage} alt={service.title} />
|
||||
</figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="icon-box">
|
||||
<img src={service.icon} alt={`${service.title} Icon`} />
|
||||
</div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>{service.title}</h3>
|
||||
<p>{service.shortDesc}</p>
|
||||
</div>
|
||||
|
||||
@ -23,14 +23,14 @@ export default function AccidentPage() {
|
||||
<img src={service.mainImage} alt={service.title} />
|
||||
</Link>
|
||||
</figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="icon-box">
|
||||
<img
|
||||
src={service.icon}
|
||||
alt={`${service.title} Icon`}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>
|
||||
<Link href={`/accident/${service.slug}`}>{service.title}</Link>
|
||||
</h3>
|
||||
|
||||
@ -55,11 +55,11 @@ export default function AreaOfInjuryDetails({ params }) {
|
||||
<figure className="image">
|
||||
<img src={service.image} alt={service.title} />
|
||||
</figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="icon-box">
|
||||
<img src={service.icon} alt={`${service.title} Icon`} />
|
||||
</div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>{service.title}</h3>
|
||||
<p>{service.shortDescription}</p>
|
||||
</div>
|
||||
|
||||
@ -19,14 +19,14 @@ export default function AreaOfInjury() {
|
||||
<img src={item.image} alt={item.title} />
|
||||
</Link>
|
||||
</figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="icon-box">
|
||||
<img
|
||||
src={item.icon}
|
||||
alt={`${item.title} Icon`}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>
|
||||
<Link href={`/area-of-injury/${item.slug}`}>{item.title}</Link>
|
||||
</h3>
|
||||
|
||||
@ -46,14 +46,14 @@ export default function ServiceDetailClient({ slug, service, servicesList }) {
|
||||
<div className="image-box">
|
||||
<figure className="image">
|
||||
<img src={service.sidebarImg} alt="" /></figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="icon-box">
|
||||
<img
|
||||
src={service.icon}
|
||||
alt={`${service.title} Icon`}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>{service.shortTitle}</h3>
|
||||
<p>{service.shortDescription}</p>
|
||||
</div>
|
||||
|
||||
@ -20,14 +20,14 @@ export default function ServicesPage() {
|
||||
<img src={item.image} alt={item.title} />
|
||||
</Link>
|
||||
</figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="icon-box">
|
||||
<img
|
||||
src={item.icon}
|
||||
alt={`${item.title} Icon`}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>
|
||||
<Link href={`/etobicoke-treatment-service/${item.slug}`}>{item.shortTitle}</Link>
|
||||
</h3>
|
||||
|
||||
@ -56,11 +56,11 @@ export default function RehabilitationDetailsPage({ params }) {
|
||||
<figure className="image">
|
||||
<img src={service.mainImage} alt={service.title} />
|
||||
</figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="icon-box">
|
||||
<img src={service.icon} alt={`${service.title} Icon`} />
|
||||
</div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>{service.title}</h3>
|
||||
<p>{service.shortDesc}</p>
|
||||
</div>
|
||||
|
||||
@ -23,14 +23,14 @@ export default function RehabilitationPage() {
|
||||
<img src={service.mainImage} alt={service.title} />
|
||||
</Link>
|
||||
</figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="icon-box">
|
||||
<img
|
||||
src={service.icon}
|
||||
alt={`${service.title} Icon`}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<h3>
|
||||
<Link href={`/rehabilitation/${service.slug}`}>{service.title}</Link>
|
||||
</h3>
|
||||
|
||||
@ -48,12 +48,13 @@ export default function MobileMenu({ isSidebar, handleMobileMenu, handleSidebar
|
||||
<ul className="navigation clearfix">
|
||||
<li><Link href="/">Home</Link></li>
|
||||
<li className={isActive.key == 1 ? "dropdown current" : "dropdown"}>
|
||||
<Link href="/" >About Us</Link>
|
||||
<Link href="/about-us" >About Us</Link>
|
||||
<ul style={{ display: `${isActive.key == 1 ? "block" : "none"}` }}>
|
||||
|
||||
<li><Link href="/our-team-physiotherapy-etobicoke" onClick={handleMobileMenu}>Our Team</Link></li>
|
||||
<li><Link href="/ourapproach-physiotherapy-etobicoke" onClick={handleMobileMenu}>Our Approach</Link></li>
|
||||
<li><Link href="/gallery-physiotherapy-etobicoke" onClick={handleMobileMenu}>Gallery</Link></li>
|
||||
<li><Link href="/covid-19-updates" onClick={handleMobileMenu}>Covid-19-updates</Link></li>
|
||||
</ul>
|
||||
<div className={isActive.key == 1 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(1)}><span className="fa fa-angle-right" /></div>
|
||||
</li>
|
||||
@ -177,9 +178,9 @@ export default function MobileMenu({ isSidebar, handleMobileMenu, handleSidebar
|
||||
<div className="contact-info">
|
||||
<h4>Contact Info</h4>
|
||||
<ul>
|
||||
<li>Chicago 12, Melborne City, USA</li>
|
||||
<li><Link href="tel:+8801682648101">+88 01682648101</Link></li>
|
||||
<li><Link href="mailto:info@example.com">info@example.com</Link></li>
|
||||
<li>6 – 4335 Bloor Street West Etobicoke, M9C5S2</li>
|
||||
<li><Link href="tel:+647-722-3434">647-722-3434</Link></li>
|
||||
<li><Link href="mailto:bloor@rapharehab.ca">bloor@rapharehab.ca</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
{/*Social Links*/}
|
||||
|
||||
@ -1,6 +1,5 @@
|
||||
import CounterUp from "@/components/elements/CounterUp"
|
||||
|
||||
|
||||
export default function CounterSection() {
|
||||
return (
|
||||
<>
|
||||
@ -8,47 +7,43 @@ export default function CounterSection() {
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
||||
<div className="col-lg-3 col-md-6 col-sm-6 col-6 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={10} /><span>+</span>
|
||||
</div>
|
||||
<span className="text">Professionals</span>
|
||||
<span className="text-new">Professionals</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
||||
<div className="col-lg-3 col-md-6 col-sm-6 col-6 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={20} /><span>+</span>
|
||||
<CounterUp end={25} /><span>+</span>
|
||||
</div>
|
||||
<span className="text">Years Experience</span>
|
||||
<span className="text-new">Years Experience</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
||||
<div className="col-lg-3 col-md-6 col-sm-6 col-6 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={1000} /><span>+</span>
|
||||
<CounterUp end={10000} /><span>+</span>
|
||||
</div>
|
||||
<span className="text">Happy Customers</span>
|
||||
<span className="text-new">Happy Customers</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
|
||||
<div className="col-lg-3 col-md-6 col-sm-6 col-6 funfact-block">
|
||||
<div className="funfact-block-one">
|
||||
<div className="inner-box">
|
||||
|
||||
<div className="count-outer count-box">
|
||||
<CounterUp end={97} /><span>%</span>
|
||||
</div>
|
||||
<span className="text">Client Satisfaction</span>
|
||||
<span className="text-new">Client Satisfaction</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -6,9 +6,9 @@ export default function ServicesSection() {
|
||||
return (
|
||||
<section className="service-section sec-pad bg-color-1">
|
||||
<div className="auto-container">
|
||||
<div className="sec-title mb_50 centred">
|
||||
<span className="sub-title">Our Services</span>
|
||||
<h2>We Offer For You Medical & <br />Saving Lives</h2>
|
||||
<div className="sec-title-1 mb_50 centred">
|
||||
<span className="sub-title-1">We Offer For You Medical & <br />Saving Lives</span>
|
||||
<h2>Our Services</h2>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
{
|
||||
@ -19,9 +19,10 @@ export default function ServicesSection() {
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image"><Link href={`/etobicoke-treatment-service/${service.slug}`}><img src={service?.image} alt="" /></Link></figure>
|
||||
<div className="icon-box"><img src={service?.icon} alt="" /></div>
|
||||
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="icon-box"><img src={service?.icon} alt="" /></div>
|
||||
<h3>
|
||||
<Link href={`/etobicoke-treatment-service/${service.slug}`}>
|
||||
{service?.title?.length > 25
|
||||
@ -43,7 +44,7 @@ export default function ServicesSection() {
|
||||
}
|
||||
<div className='col-12 text-center'>
|
||||
<div className="btn-box">
|
||||
<Link href="/etobicoke-treatment-service" className="theme-btn btn-one"><span>View All Services</span></Link>
|
||||
<Link href="/etobicoke-treatment-service" className="theme-btn btn-one-new"><span>View All Services</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -14,7 +14,7 @@ export default function Features() {
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-9"></i></div>
|
||||
<h3><Link href="/">Experienced Professionals</Link></h3>
|
||||
<p>Expert and compassionate care tailored to every patient.</p>
|
||||
<p>Skilled experts deliver trusted professional healthcare with years of proven experience.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -23,8 +23,8 @@ export default function Features() {
|
||||
<div className="feature-block-two">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-10"></i></div>
|
||||
<h3><Link href="/">24/7 Emergency</Link></h3>
|
||||
<p>Immediate medical support available anytime, day or night.</p>
|
||||
<h3><Link href="/">Walk-in Appointments</Link></h3>
|
||||
<p>Get quick appointments with hassle-free, convenient scheduling today.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -33,8 +33,8 @@ export default function Features() {
|
||||
<div className="feature-block-two">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-11"></i></div>
|
||||
<h3><Link href="/">Advanced Technology</Link></h3>
|
||||
<p>Modern equipment ensuring accurate diagnosis and treatment.</p>
|
||||
<h3><Link href="/">State-of-the-Art Technology</Link></h3>
|
||||
<p>Advanced tools ensure accurate results with modern, innovative solutions.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -43,8 +43,8 @@ export default function Features() {
|
||||
<div className="feature-block-two">
|
||||
<div className="inner-box">
|
||||
<div className="icon-box"><i className="icon-12"></i></div>
|
||||
<h3><Link href="/">Family Care</Link></h3>
|
||||
<p>Comprehensive health services for all ages, from newborns to seniors.</p>
|
||||
<h3><Link href="/">One-on-One <br /> Care</Link></h3>
|
||||
<p>Tailored attention provides focused treatments designed for unique needs.</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -41,9 +41,10 @@ export default function Solution() {
|
||||
<div className="col-lg-6 col-md-12 col-sm-12 image-column">
|
||||
<div className="image_block_two">
|
||||
<div className="image-box">
|
||||
<figure className="image image-1"><img src="/assets/images/home/trusted/trusted-physiotherapy-back.webp" alt="" /></figure>
|
||||
<figure className="image image-2"><img src="/assets/images/home/trusted/trusted-physiotherapy-front.webp" alt="" /></figure>
|
||||
<div className="icon-box"><img src="/assets/images/home/trusted/icon.webp" alt="" /></div>
|
||||
<img
|
||||
src="/assets/images/home/trusted/trusted-physiotherapy-care.webp"
|
||||
alt="Trusted Physiotherapy"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
|
||||
/** funfact-section **/
|
||||
|
||||
.funfact-section {
|
||||
@ -14,6 +13,18 @@
|
||||
padding: 40px;
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
.funfact-block-one .inner-box {
|
||||
padding: 38px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 425px) {
|
||||
.funfact-block-one .inner-box {
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.funfact-block-one .inner-box .count-outer {
|
||||
position: relative;
|
||||
display: block;
|
||||
@ -42,6 +53,19 @@
|
||||
padding: 12px 15px;
|
||||
}
|
||||
|
||||
.funfact-block-one .inner-box .text-new{
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
line-height: 26px;
|
||||
font-weight: 500;
|
||||
color: #ffffff;
|
||||
background: #bc0000;
|
||||
border-radius: 8px;
|
||||
padding: 12px 15px;
|
||||
}
|
||||
|
||||
.funfact-section .inner-container {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
@ -72,11 +96,7 @@
|
||||
/** RESPONSIVE-CSS **/
|
||||
|
||||
|
||||
@media only screen and (max-width: 1200px){
|
||||
|
||||
|
||||
|
||||
}
|
||||
@media only screen and (max-width: 1200px) {}
|
||||
|
||||
@media only screen and (max-width: 991px) {
|
||||
|
||||
@ -86,61 +106,8 @@
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px){
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 599px){
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 499px){
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@media only screen and (max-width: 767px) {}
|
||||
|
||||
@media only screen and (max-width: 599px) {}
|
||||
|
||||
@media only screen and (max-width: 499px) {}
|
||||
@ -12,6 +12,7 @@
|
||||
background: #fff;
|
||||
border-radius: 20px;
|
||||
transition: all 500ms ease;
|
||||
overflow: visible; /* ✅ Important: Allow icon to go outside */
|
||||
}
|
||||
|
||||
.service-block-one .inner-box:hover {
|
||||
@ -39,9 +40,25 @@
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
.service-block-one .inner-box .image-box .icon-box{
|
||||
/* ✅ LOWER CONTENT STYLING */
|
||||
.service-block-one .inner-box .lower-content {
|
||||
position: relative;
|
||||
display: block;
|
||||
border: 1px solid rgba(0, 0, 0, 0.05);
|
||||
border-radius: 0px 0px 20px 20px;
|
||||
padding: 40px 40px 40px 105px;
|
||||
transition: all 500ms ease;
|
||||
overflow: visible; /* ✅ Allows icon outside the box */
|
||||
}
|
||||
|
||||
.service-block-one .inner-box:hover .lower-content {
|
||||
border-color: #fff;
|
||||
}
|
||||
|
||||
/* ✅ ICON BOX COMPLETELY OUTSIDE */
|
||||
.service-block-one .inner-box .lower-content .icon-box {
|
||||
position: absolute;
|
||||
left: -10px;
|
||||
left: -13px; /* ✅ Move icon fully outside */
|
||||
bottom: 40px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
@ -52,36 +69,28 @@
|
||||
border-radius: 0px 10px 10px 0px;
|
||||
background: var(--theme-color);
|
||||
transition: all 500ms ease;
|
||||
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.service-block-one .inner-box:hover .image-box .icon-box{
|
||||
bottom: 130px;
|
||||
/* ✅ HOVER EFFECT - ICON SLIDES UP */
|
||||
.service-block-one .inner-box:hover .lower-content .icon-box {
|
||||
bottom: 145px;
|
||||
}
|
||||
|
||||
.service-block-one .inner-box .image-box .icon-box:before{
|
||||
/* ✅ RED TRIANGLE EDGE UNDER ICON */
|
||||
.service-block-one .inner-box .lower-content .icon-box:before {
|
||||
position: absolute;
|
||||
content: '';
|
||||
background: #bc0000;
|
||||
width: 10px;
|
||||
height: 12px;
|
||||
background: #bc0000; /* Same red as icon */
|
||||
width: 12px;
|
||||
height: 14px;
|
||||
left: 0px;
|
||||
bottom: -12px;
|
||||
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 0%);
|
||||
}
|
||||
|
||||
.service-block-one .inner-box .lower-content{
|
||||
position: relative;
|
||||
display: block;
|
||||
border: 1px solid rgba(0, 0, 0, 0.05);
|
||||
border-radius: 0px 0px 20px 20px;
|
||||
padding: 40px;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.service-block-one .inner-box:hover .lower-content{
|
||||
border-color: #fff;
|
||||
bottom: -14px;
|
||||
clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
|
||||
}
|
||||
|
||||
/* ✅ TITLE STYLING */
|
||||
.service-block-one .inner-box .lower-content h3 {
|
||||
position: relative;
|
||||
display: block;
|
||||
@ -94,6 +103,7 @@
|
||||
.service-block-one .inner-box .lower-content h3 a {
|
||||
display: inline-block;
|
||||
color: var(--title-color);
|
||||
transition: color 300ms ease;
|
||||
}
|
||||
|
||||
.service-block-one .inner-box .lower-content h3 a:hover {
|
||||
@ -101,6 +111,7 @@
|
||||
}
|
||||
|
||||
|
||||
|
||||
/** service-style-two **/
|
||||
|
||||
.service-style-two{
|
||||
|
||||
@ -92,9 +92,15 @@
|
||||
padding: 15px 15px 0px 15px;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) and (max-width: 1024px) {
|
||||
@media screen and (min-width: 500px) and (max-width: 1024px) {
|
||||
.team-block-one .inner-box .lower-content {
|
||||
min-height: 135px;
|
||||
min-height: 76px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 425px) {
|
||||
.team-block-one .inner-box .lower-content {
|
||||
min-height: 52px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -10,7 +10,7 @@
|
||||
.video-section .bg-layer:before{
|
||||
position: absolute;
|
||||
content: '';
|
||||
background: #bc0000;
|
||||
/* background: #bc0000; */
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0px;
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.8 KiB After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 7.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 4.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.9 KiB After Width: | Height: | Size: 4.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.5 KiB After Width: | Height: | Size: 8.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 109 KiB |
Loading…
x
Reference in New Issue
Block a user