MermsPartners/KintCare-www
1
0
Fork 0
Code Issues Pull Requests 2 Releases Activity

Modified a few content

Browse Source
This commit is contained in:
Chukwumdiebube
2023-03-30 22:20:38 +01:00
parent bd89707e20
commit 4ce3c4a20e
3 changed files with 180 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/HomeThree/OurExpertise.js
+66 -13
View File
@@ -1,13 +1,12 @@
import React from 'react'; import React from 'react';
const OurExpertise = () => { const OurExpertise = () => {
let expertise = "Lorem ipsum dolor sit amet, is consectetur adipiscing"
return ( return (
<div className="speciality-area pb-100"> <div className="speciality-area pb-100">
<div className="container p-0"> <div className="container p-0">
<div className="section-title-two"> <div className="section-title-two">
<span>Speciality</span> {/* <span>Speciality</span> */}
<h2>Our Expertise</h2> <h2>{expertise.title}</h2>
</div> </div>
<div className="row m-0 item-center"> <div className="row m-0 item-center">
<div className="col-lg-7"> <div className="col-lg-7">
@@ -22,29 +21,43 @@ const OurExpertise = () => {
<div className="col-sm-6 col-lg-6"> <div className="col-sm-6 col-lg-6">
<div className="speciality-inner"> <div className="speciality-inner">
<i className="icofont-check-circled"></i> <i className="icofont-check-circled"></i>
<h3>Home Care <br/> Consult</h3> <h3>{expertise.employers.title}</h3>
<p>{expertise}</p> <p>{expertise.employers.text}</p>
</div> </div>
</div> </div>
<div className="col-sm-6 col-lg-6"> <div className="col-sm-6 col-lg-6">
<div className="speciality-inner"> <div className="speciality-inner">
<i className="icofont-check-circled"></i> <i className="icofont-check-circled"></i>
<h3>Lactation <br/> Consultancy</h3> <h3>{expertise.healthcareProviders.title.first} <br /> {expertise.healthcareProviders.title.second}</h3>
<p>{expertise}</p> <p>{expertise.healthcareProviders.text}</p>
</div> </div>
</div> </div>
<div className="col-sm-6 col-lg-6"> <div className="col-sm-6 col-lg-6">
<div className="speciality-inner"> <div className="speciality-inner">
<i className="icofont-check-circled"></i> <i className="icofont-check-circled"></i>
<h3>Follow Up care <br/> & Support</h3> <h3>{expertise.healthPlan.title.first}<br /> {expertise.healthPlan.title.second}</h3>
<p>{expertise}</p> <p>{expertise.healthPlan.text}</p>
</div> </div>
</div> </div>
<div className="col-sm-6 col-lg-6"> <div className="col-sm-6 col-lg-6">
<div className="speciality-inner"> <div className="speciality-inner">
<i className="icofont-check-circled"></i> <i className="icofont-check-circled"></i>
<h3>Telehealth <br/> Conference</h3> <h3>{expertise.brandPartner.title.first}<br /> {expertise.brandPartner.title.second}</h3>
<p>{expertise}</p> <p>{expertise.brandPartner.text}</p>
</div>
</div>
<div className="col-sm-6 col-lg-6">
<div className="speciality-inner">
<i className="icofont-check-circled"></i>
<h3>{expertise.parents.title}<br/>{' '}</h3>
<p>{expertise.parents.text}</p>
</div>
</div>
<div className="col-sm-6 col-lg-6">
<div className="speciality-inner">
<i className="icofont-check-circled"></i>
<h3>{expertise.careers.title.first}<br /> {expertise.careers.title.second}</h3>
<p>{expertise.careers.text}</p>
</div> </div>
</div> </div>
</div> </div>
@@ -56,13 +69,13 @@ const OurExpertise = () => {
<div className="speciality-item speciality-right"> <div className="speciality-item speciality-right">
<img src="/images/about5.jpg" alt="Speciality" /> <img src="/images/about5.jpg" alt="Speciality" />
<div className="speciality-emergency"> {/* <div className="speciality-emergency">
<div className="speciality-icon"> <div className="speciality-icon">
<i className="icofont-ui-call"></i> <i className="icofont-ui-call"></i>
</div> </div>
<h3>Emergency Call</h3> <h3>Emergency Call</h3>
<p>+07 554 332 322</p> <p>+07 554 332 322</p>
</div> </div> */}
</div> </div>
</div> </div>
</div> </div>
@@ -72,3 +85,43 @@ const OurExpertise = () => {
} }
export default OurExpertise; export default OurExpertise;
let expertise = {
title: "LET'S GET YOU ON THE SCHEDULE. ",
employers: {
title: 'Employers',
text: 'Care for your company and employees'
},
healthcareProviders: {
title: {
first: 'Healthcare',
second: 'Providers'
},
text: 'Refer your patients'
},
healthPlan: {
title: {
first: 'Health',
second: 'Plans'
},
text: 'Care for your members'
},
brandPartner: {
title: {
first: 'Brand',
second: 'Partnerships'
},
text: 'Join Kintcare as a brand partner'
},
parents: {
title: 'Parents ',
text: 'Care for you and your family'
},
careers: {
title: {
first: 'Careers',
second: 'at KintCare'
},
text: 'Join us on our mission '
}
}
pages/about.js
+36 -21
View File
@@ -1,16 +1,21 @@
import React from 'react'; import React from "react";
import TopHeader from '../components/_App/TopHeader'; import TopHeader from "../components/_App/TopHeader";
import Navbar from '../components/_App/Navbar'; import Navbar from "../components/_App/Navbar";
import PageBanner from '../components/Common/PageBanner'; import PageBanner from "../components/Common/PageBanner";
import Footer from '../components/_App/Footer'; import Footer from "../components/_App/Footer";
import OurExpertise from '../components/HomeThree/OurExpertise'; import OurExpertise from "../components/HomeThree/OurExpertise";
import Services from '../components/HomeOne/Services'; import Services from "../components/HomeOne/Services";
import TestimonialSlider from '../components/Common/TestimonialSlider'; import TestimonialSlider from "../components/Common/TestimonialSlider";
import LatestBlogPost from '../components/Common/LatestBlogPost'; import LatestBlogPost from "../components/Common/LatestBlogPost";
const About = () => { const About = () => {
let aboutHosp = {
let aboutHosp = "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis." title: "About Our Hospital",
desc: "At KintCare, we are dedicated to helping nursing families meet their breastfeeding goals anywhere in their journey. Our mission is to promote, protect, and support breastfeeding by providing lactation services, care, support, and education. We strive to treat our patients like family.",
list1: "Collaborating to advance the field of lactation support by equipping aspiring lactation professionals of color with the right tools at the right time to make a difference.",
list2: "Kintcare provides a free virtual information hub for aspiring IBCLCs ",
list3: "Not sure where to begin your lactation career journey? Start with our Pathways 101 Video!",
};
return ( return (
<> <>
<TopHeader /> <TopHeader />
@@ -39,22 +44,30 @@ const About = () => {
<div className="col-lg-6"> <div className="col-lg-6">
<div className="about-item about-right"> <div className="about-item about-right">
<img src="/images/about-shape1.png" alt="About" /> <img src="/images/about-shape1.png" alt="About" />
<h2>About Our Hospital</h2> <h2>{aboutHosp.title}</h2>
<p>{aboutHosp}</p> <p>{aboutHosp.desc}</p>
<ul> {/* <ul>
<li> <li>
<div className="list-item">
<i className="icofont-check-circled"></i> <i className="icofont-check-circled"></i>
Browse Our Website <p>{aboutHosp.list1}</p>
</div>
</li> </li>
<li> <li>
<div className="list-item">
<i className="icofont-check-circled"></i> <i className="icofont-check-circled"></i>
Choose Service <p>{aboutHosp.list2}</p>
</div>
</li> </li>
<li> <li>
<div className="list-item">
<i className="icofont-check-circled"></i> <i className="icofont-check-circled"></i>
Send Messege <p>{aboutHosp.list3}</p>
</div>
</li> </li>
</ul> </ul> */}
</div> </div>
</div> </div>
</div> </div>
@@ -74,7 +87,9 @@ const About = () => {
<div className="col-sm-6 col-lg-3"> <div className="col-sm-6 col-lg-3">
<div className="counter-item"> <div className="counter-item">
<i className="icofont-people"></i> <i className="icofont-people"></i>
<h3><span className="counter">25000</span>+</h3> <h3>
<span className="counter">25000</span>+
</h3>
<p>Happy Patients</p> <p>Happy Patients</p>
</div> </div>
</div> </div>
@@ -106,7 +121,7 @@ const About = () => {
<Footer /> <Footer />
</> </>
) );
} };
export default About; export default About;
public/css/style.css
+2
View File
@@ -661,6 +661,8 @@ button:focus {
margin-bottom: 30px; margin-bottom: 30px;
} }
.about-item .list-item{display: inline-flex;}
.about-item h2 { .about-item h2 {
font-size: 38px; font-size: 38px;
font-weight: 700; font-weight: 700;