From 7e746ded597899ce78562dea5ae42721fb0af010 Mon Sep 17 00:00:00 2001 From: Pedram Keshavarzi Date: Tue, 18 Jan 2022 12:51:29 +0330 Subject: [PATCH] Trust Section made --- src/Containers/TrustUs/trustUs.css | 19 +++++++++++ src/Containers/TrustUs/trustUs.js | 34 ++++++++++++++++++- src/assets/images/khaneRoshanLogo.svg | 12 +++++++ .../images/{logo larg - 1.svg => ravino.svg} | 0 src/assets/images/خانه روشن 1.svg | 8 ----- 5 files changed, 64 insertions(+), 9 deletions(-) create mode 100644 src/assets/images/khaneRoshanLogo.svg rename src/assets/images/{logo larg - 1.svg => ravino.svg} (100%) delete mode 100644 src/assets/images/خانه روشن 1.svg diff --git a/src/Containers/TrustUs/trustUs.css b/src/Containers/TrustUs/trustUs.css index 793682b..b1fe9ad 100644 --- a/src/Containers/TrustUs/trustUs.css +++ b/src/Containers/TrustUs/trustUs.css @@ -1,3 +1,22 @@ .TrustContainer{ margin-top:25px; + display: flex; + direction: rtl; + align-items: center; + width:85%; +} +.TrustContainer div{ + margin: 15px; +} +.TrustContainer .TrustTitle{ + width:20%; + font-size: 18px; + font-weight: bold; + padding-right: 10px; + border-right:5px solid gray; +} +.TrustContainer .TrustCostumersContainer{ + display: flex; + width: 80%; + justify-content: space-between; } \ No newline at end of file diff --git a/src/Containers/TrustUs/trustUs.js b/src/Containers/TrustUs/trustUs.js index 67e2304..d7008fa 100644 --- a/src/Containers/TrustUs/trustUs.js +++ b/src/Containers/TrustUs/trustUs.js @@ -2,10 +2,42 @@ import React from "react"; import './trustUs.css'; +import samanBankLogo from '../../assets/images/samanbank.svg'; +import iranKhodro from '../../assets/images/IranKhodro.svg'; +import bimehDayLogo from '../../assets/images/day.svg'; +import toseSaderat from '../../assets/images/toseesaderat.svg'; +import danovinLogo from '../../assets/images/danovin.svg'; +import bimehSaman from '../../assets/images/saman.svg'; +import vaziranDana from '../../assets/images/vazirandana1-1.svg'; +import khaneRoshanLogo from '../../assets/images/khaneRoshanLogo.svg'; +import ravinoLogo from '../../assets/images/ravino.svg'; + + +const trustLogos = [ + samanBankLogo, + iranKhodro, + bimehDayLogo, + toseSaderat, + danovinLogo, + bimehSaman, + vaziranDana, + khaneRoshanLogo, + ravinoLogo +]; + const TrustUsContainer = () => { return(
- تراست +
+ مورد اعتماد +
+ کسب و کارهای کوچک و بزرگ +
+
+ { + trustLogos.map((logo, index) => ) + } +
); }; diff --git a/src/assets/images/khaneRoshanLogo.svg b/src/assets/images/khaneRoshanLogo.svg new file mode 100644 index 0000000..6867ff6 --- /dev/null +++ b/src/assets/images/khaneRoshanLogo.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/assets/images/logo larg - 1.svg b/src/assets/images/ravino.svg similarity index 100% rename from src/assets/images/logo larg - 1.svg rename to src/assets/images/ravino.svg diff --git a/src/assets/images/خانه روشن 1.svg b/src/assets/images/خانه روشن 1.svg deleted file mode 100644 index b53d05e..0000000 --- a/src/assets/images/خانه روشن 1.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - -