From c97d5fbf8e80853c84bc40636a8a510f0787364a Mon Sep 17 00:00:00 2001 From: Pedram Keshavarzi Date: Sat, 22 Jan 2022 11:29:04 +0330 Subject: [PATCH] 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 --- src/Containers/howDoWeWork/howWeWork.css | 7 +- src/Containers/ourMerge/mergeContainer.css | 15 ++ src/Containers/ourMerge/mergeContainer.js | 22 +++ src/Pages/Home/Home.js | 4 + src/assets/images/messangers.svg | 171 +++++++++++++++++++++ 5 files changed, 216 insertions(+), 3 deletions(-) create mode 100644 src/Containers/ourMerge/mergeContainer.css create mode 100644 src/Containers/ourMerge/mergeContainer.js create mode 100644 src/assets/images/messangers.svg diff --git a/src/Containers/howDoWeWork/howWeWork.css b/src/Containers/howDoWeWork/howWeWork.css index 5caacc6..428b63c 100644 --- a/src/Containers/howDoWeWork/howWeWork.css +++ b/src/Containers/howDoWeWork/howWeWork.css @@ -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 diff --git a/src/Containers/ourMerge/mergeContainer.css b/src/Containers/ourMerge/mergeContainer.css new file mode 100644 index 0000000..5e70b52 --- /dev/null +++ b/src/Containers/ourMerge/mergeContainer.css @@ -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%; +} \ No newline at end of file diff --git a/src/Containers/ourMerge/mergeContainer.js b/src/Containers/ourMerge/mergeContainer.js new file mode 100644 index 0000000..8a88638 --- /dev/null +++ b/src/Containers/ourMerge/mergeContainer.js @@ -0,0 +1,22 @@ +import React from 'react'; + +import './mergeContainer.css'; + +import mergeImg from '../../assets/images/messangers.svg'; + +const MergeContainer = () =>{ + return( +
+
+

با چه سرویس هایی ما ادغام میشویم؟

+

+ بازو با ارائه راهکارهای هوشمند با موضوعات پشتیبانی، سوالات متداول و اپراتور هوشمند به + شما کمک می‌کند تا کسب و کار خود را هوشمند و آسان مدیریت کنید +

+
+ +
+ ); +}; + +export default MergeContainer; \ No newline at end of file diff --git a/src/Pages/Home/Home.js b/src/Pages/Home/Home.js index ffb5b2d..419ee70 100644 --- a/src/Pages/Home/Home.js +++ b/src/Pages/Home/Home.js @@ -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 = () =>{ + + ) }; diff --git a/src/assets/images/messangers.svg b/src/assets/images/messangers.svg new file mode 100644 index 0000000..2ca72ae --- /dev/null +++ b/src/assets/images/messangers.svg @@ -0,0 +1,171 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + پیام خود را در این قسمت بنویسید + + + + + + + + + + + + + + + + + + + + + + + + + + + بله + + + + اینستاگرام + اینستاگرام + اینستاگرام + + ووکامرس + + + + جیمیل + حامد جلالی + 5022سلام بچه ها خوبید من یک سفارش به شماره داشتم. می خواستم بدونم شما این سفارش رو ارسالکردید یا خیر + + 12:30 + + + + + + + + + + پیام‌ها + واتساپ + اینستاگرام + تلگرام + پیامک + وردپرس + بله + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + نیروگرفته از بازو + + + + + + 10 + 40 + 200 + 20 + 20 + + + + +