WrenchBoard/WrenchBoardMainSite
2
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

added new section

Browse Source
This commit is contained in:
victorAnumudu
2024-05-17 18:46:29 +01:00
parent 90cfa7541c
commit 43f858243f
5 changed files with 153 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/lnd/LndParts/Design/Main.js
+7 -8
View File
@@ -5,6 +5,7 @@ import img1 from '../../../../assets/images/modern01.png'
import img2 from '../../../../assets/images/secure_data.png'
import img3 from '../../../../assets/images/modern02.png'
import img4 from '../../../../assets/images/modern03.png'
import Right from './Right'
const Main = ({gredient}) => {
@@ -17,16 +18,16 @@ const Main = ({gredient}) => {
return (
<>
<section className={`row_am modern_ui_section ${gredient && "gredient-bg"}`} >
<section className={`row_am ${gredient && "gredient-bg"}`} >
{gredient &&
<div className="modernui_section_bg modernui-gredient">
<img src="assets/images/section-bg.png" alt="image"/>
</div>
}
<div className="container">
<div className="row align-items-center">
<div className="row">
<div className="col-lg-6">
<div className="ui_text w-100">
<div className="w-100">
<div className="appie-traffic-title section_title" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100" style={{padding: '0'}}>
<h3 className='title'>Set Chores, Set Goals <div className='section_sub_title'>Rewards Accomplishments</div></h3>
<p className=''>
@@ -38,7 +39,6 @@ const Main = ({gredient}) => {
<div className="col-12 mb-20" key={idx} onClick={()=>changeActiveImg(name)} style={{cursor: 'pointer'}}>
<div
className={`appie-traffic-service features appie-modern-design`}
style={{ paddingRight: "45px" }}
>
<div className="icon">
<i className={icon} />
@@ -52,7 +52,7 @@ const Main = ({gredient}) => {
</div>
</div>
<div className="col-lg-6">
<div className='w-100 ui_image_con d-flex justify-content-center align-items-center'>
{/* <div className='w-100 ui_image_con d-flex justify-content-center align-items-center'>
<div className="ui_images position-relative d-flex justify-content-center align-items-center" data-aos="fade-in" data-aos-duration="1500">
<div className="left_img position-relative">
<img
@@ -65,10 +65,8 @@ const Main = ({gredient}) => {
</div>
<div className="right_img position-relative d-flex flex-column justify-content-start align-items-center">
<div className='d-flex flex-column justify-content-start align-items-center'>
{/* <img className="moving_position_animatin right_img_one" src={img2} alt="image" /> */}
<img
className="moving_position_animatin right_img_two"
// src={img3}
src={
activeImg == 'reward-goals' ? localImgLoad(`images/home/box-reward.png`)
:
@@ -90,7 +88,8 @@ const Main = ({gredient}) => {
/>
</div>
</div>
</div>
</div> */}
<Right />
</div>
</div>
</div>