Merge Container Made And Done

For Now I Used A Svg Image Instead Of The Actual CSS For The Matter Of Time
Should Be Fixed
master
Pedram Keshavarzi 3 years ago
parent 28c284e94d
commit c97d5fbf8e
  1. 7
      src/Containers/howDoWeWork/howWeWork.css
  2. 15
      src/Containers/ourMerge/mergeContainer.css
  3. 22
      src/Containers/ourMerge/mergeContainer.js
  4. 4
      src/Pages/Home/Home.js
  5. 171
      src/assets/images/messangers.svg

@ -20,9 +20,10 @@
}
.HowWeWork .brushed1{
width:20%;height: 350px;
margin-bottom: -150px;
height: 350px;
margin: -160px 0px;
padding-right: -200px;
}
.HowWeWork .brushed1 img{
width:500px

@ -0,0 +1,15 @@
.MergeContainer{
width:85%;
direction: rtl;
margin-bottom: 5em;
}
.MergeDes{
width: 50%;
margin-bottom: 50px;
}
.MergeDes p{
font-size: 13px;
}
.MergeContainer img{
width: 100%;
}

@ -0,0 +1,22 @@
import React from 'react';
import './mergeContainer.css';
import mergeImg from '../../assets/images/messangers.svg';
const MergeContainer = () =>{
return(
<div className='MergeContainer'>
<div className="MergeDes">
<h2>با چه سرویس هایی ما ادغام میشویم؟</h2>
<p>
بازو با ارائه راهکارهای هوشمند با موضوعات پشتیبانی، سوالات متداول و اپراتور هوشمند به
شما کمک میکند تا کسب و کار خود را هوشمند و آسان مدیریت کنید
</p>
</div>
<img src={mergeImg} />
</div>
);
};
export default MergeContainer;

@ -1,6 +1,8 @@
import React from 'react';
import DesktopMenu from '../../Components/navBar/desktopMenu';
import EmkanatList from '../../Containers/EmkanatList/EmakanatList';
import HowWeWork from '../../Containers/howDoWeWork/howWeWork';
import MergeContainer from '../../Containers/ourMerge/mergeContainer';
import TrustUsContainer from '../../Containers/TrustUs/trustUs';
import './Home.css';
import HomePart1 from './Part1/homePart1';
@ -12,6 +14,8 @@ const HomePage = () =>{
<HomePart1 />
<TrustUsContainer />
<HowWeWork />
<MergeContainer />
<EmkanatList />
</div>
)
};

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 230 KiB

Loading…
Cancel
Save