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

Terms and Privacy page

Browse Source
This commit is contained in:
Olu Amey
2023-01-02 05:27:44 -05:00
parent 34b2e28816
commit a225e52825
5 changed files with 206 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/component/HomeMain/Work/Main.js
+6 -54
View File
@@ -29,11 +29,10 @@ const Main = ({dark}) => {
<div className="step_text" data-aos="fade-right" data-aos-duration="1500">
<h4>Download app</h4>
<div className="app_icon">
<Link to="#"><i className="icofont-brand-android-robot"></i></Link>
<Link to="#"><i className="icofont-brand-apple"></i></Link>
<Link to="#"><i className="icofont-brand-windows"></i></Link>
<Link to={process.env.REACT_APP_ANDROID_URL}><i className="icofont-brand-android-robot"></i></Link>
<Link to={process.env.REACT_APP_IOS_URL}><i className="icofont-brand-apple"></i></Link>
</div>
<p>Download App either for Windows, Mac or Android</p>
<p>Download App either for Mac or Android</p>
</div>
<div className="step_number">
<h3>01</h3>
@@ -102,63 +101,16 @@ const Main = ({dark}) => {
</div>
</span>
Let’s see virtually how it works
<span>Watch video</span>
<span>Watch video 1</span>
</Link>
</div>
</div> :
<div className="yt_video" data-aos="fade-in" data-aos-duration="1500">
<div className="anim_line dark_bg">
<span><img src={line} alt="anim_line" /></span>
<span><img src={line} alt="anim_line" /></span>
<span><img src={line} alt="anim_line" /></span>
<span><img src={line} alt="anim_line" /></span>
<span><img src={line} alt="anim_line" /></span>
<span><img src={line} alt="anim_line" /></span>
<span><img src={line} alt="anim_line" /></span>
<span><img src={line} alt="anim_line" /></span>
<span><img src={line} alt="anim_line" /></span>
</div>
<div className="thumbnil">
<span className="banner_shape1"> <img src={banner} alt="image"/> </span>
<span className="banner_shape2"> <img src={banner1} alt="image"/> </span>
<span className="banner_shape3"> <img src={banner2} alt="image"/> </span>
<img src={ytvideo} alt="image" />
<Link to="#" className="popup-youtube play-button" data-url="#" onClick={() => setytShow(true)} data-toggle="modal" data-target="#myModal" title="XJj2PbenIsU">
<span className="play_btn">
<img src={video} alt="image" />
<div className="waves-block">
<div className="waves wave-1"></div>
<div className="waves wave-2"></div>
<div className="waves wave-3"></div>
</div>
</span>
Let’s see virtually how it works
<span>Watch video</span>
</Link>
</div>
</div>}
null}
</div>
</section>
{ytShow &&
<>
<div className="modal fade youtube-video show" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-modal="true" style={{paddingRight: "17px", display: "block"}}>
<div className="modal-dialog" role="document">
<div className="modal-content">
<button id="close-video" type="button" className="button btn btn-default text-right" data-dismiss="modal">
<i className="icofont-close-line-circled" onClick={() => setytShow(false)}></i>
</button>
<div className="modal-body">
<div id="video-container" className="video-container">
<iframe id="youtubevideo" src="https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=1&amp;mute=1" width="640" height="360" frameborder="0" allowfullscreen=""></iframe>
</div>
</div>
<div className="modal-footer">
</div>
</div>
</div>
</div>
<div className="purple_backdrop"></div>
</>}
</>
)