MyFit/www-myfit
4
0
Fork 0
Code Issues Pull Requests Releases Activity

About Us page #39

Merged
tokslaw merged 1 commits from myfit_about_us_text into master 2023-01-20 13:07:57 +00:00
Conversation 0 Commits 1 Files Changed 1
+27 -21
1 changed files with 27 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/component/AboutUs/Main.js
+27 -21
View File
@@ -9,6 +9,17 @@ import BGImg2 from "../../assets/images/bread_crumb_bg_two.png"
const Main = ({brdcum}) => {
const [ytShow , setytShow] = useState (false)
// About us text variables
let innovativeDesc = 'The team at myFit by Flxuxtra LLC works with you to achieve your health objectives without getting in your way. Do your health your way to get the best result for you and your family. We are you, always ready and always engaged with the users to help get the best out of our solution.'
'We work with you to achieve your health and fitness goals by providing solutions that fit your goals.'
let whyWeAreDiff = {
desc:'We work with you to achieve your health and fitness goals by providing solutions that fit your goals.',
title1: 'Secure',
title2: 'Rich Features',
title3: 'Ease of Use',
title4: 'Support'
}
return (
<>
{brdcum.b1 &&
@@ -56,17 +67,13 @@ const Main = ({brdcum}) => {
life easy to grow.</h2>
</div>
<p data-aos="fade-up" data-aos-duration="1500">
Lorem Ipsum is simply dummy text of the printing and type
setting industry lorem Ipsum has been the industrys standard dummy text ever since the when an unknown
printer took a galley of type and scrambled it to make a type specimen book. It has survived not only
five centuries, but also the leap into electronic typesetting, remaining to make a type speci
men book. It has survived essentially unchanged.
{innovativeDesc}
</p>
<p data-aos="fade-up" data-aos-duration="1500">
{/* <p data-aos="fade-up" data-aos-duration="1500">
Standard dummy text ever since the when an unknown printer took a galley of type and scrambled it to
make a type specien book. It has survived not only five centuries, but also the leap into electronic
typesetting.
</p>
</p> */}
</div>
</div>
<div className="col-lg-6">
@@ -98,17 +105,16 @@ const Main = ({brdcum}) => {
<div className="container">
<div className="section_title" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100">
<h2><span>Why we are different</span> from others!</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typese tting <br/> indus orem Ipsum has beenthe standard
dummy.</p>
<p>{whyWeAreDiff.desc}</p>
</div>
<div className="row">
<div className="col-md-6 col-lg-3">
<div className="why_box" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100">
<div className="icon">
{/* <div className="icon">
<img src="assets/images/secure.png" alt="image"/>
</div>
</div> */}
<div className="text">
<h3>Secure code</h3>
<h3>{whyWeAreDiff.title1}</h3>
<p>Lorem Ipsum is simply dummy text of the printing and type
setting indus ideas.
</p>
@@ -117,22 +123,22 @@ const Main = ({brdcum}) => {
</div>
<div className="col-md-6 col-lg-3">
<div className="why_box" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="200">
<div className="icon">
{/* <div className="icon">
<img src="assets/images/abt_functional.png" alt="image"/>
</div>
</div> */}
<div className="text">
<h3>Fully functional</h3>
<h3>{whyWeAreDiff.title2}</h3>
<p>Simply dummy text of the printing and typesetting indus lorem Ipsum is dummy.</p>
</div>
</div>
</div>
<div className="col-md-6 col-lg-3">
<div className="why_box" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="300">
<div className="icon">
{/* <div className="icon">
<img src="assets/images/communication.png" alt="image"/>
</div>
</div> */}
<div className="text">
<h3>Best communication</h3>
<h3>{whyWeAreDiff.title3}</h3>
<p>Lorem Ipsum is simply dummy text of the printing and type
setting indus ideas.
</p>
@@ -141,11 +147,11 @@ const Main = ({brdcum}) => {
</div>
<div className="col-md-6 col-lg-3">
<div className="why_box" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="400">
<div className="icon">
{/* <div className="icon">
<img src="assets/images/abt_support.png" alt="image"/>
</div>
</div> */}
<div className="text">
<h3>24-7 Support</h3>
<h3>{whyWeAreDiff.title4}</h3>
<p>Simply dummy text of the printing and typesetting indus lorem Ipsum is dummy.</p>
</div>
</div>