{/* */}
{/*
diff --git a/log-in/src/components/logIn/Header/HeaderSplash4.js b/log-in/src/components/logIn/Header/HeaderSplash4.js
index 298c879..5d3c0b4 100644
--- a/log-in/src/components/logIn/Header/HeaderSplash4.js
+++ b/log-in/src/components/logIn/Header/HeaderSplash4.js
@@ -1,7 +1,7 @@
import React from "react";
-import { Link } from "react-router-dom";
+// import { Link } from "react-router-dom";
import "./HeaderSplash4.scss";
-import rectangle from '../../../assets/rectangle.svg'
+// import rectangle from '../../../assets/rectangle.svg'
const HeaderSplash4 = () => {
return (
diff --git a/log-in/src/components/logIn/LogIn.js b/log-in/src/components/logIn/LogIn.js
deleted file mode 100644
index 95a15e7..0000000
--- a/log-in/src/components/logIn/LogIn.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react'
-
-const LogIn = () => {
- return (
- <>
- log in
- >
- )
-}
-
-export default LogIn
diff --git a/log-in/src/components/logIn/Rules/Panel1.js b/log-in/src/components/logIn/Rules/Panel1.js
index 7d8680d..6502b60 100644
--- a/log-in/src/components/logIn/Rules/Panel1.js
+++ b/log-in/src/components/logIn/Rules/Panel1.js
@@ -1,83 +1,37 @@
import React from "react";
+import "./panels.scss";
const Panel1 = () => {
+ const rules = [
+ {
+ title: "نحوه استفاده از محصولات",
+ discription:
+ " ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان ک",
+ },
+ {
+ title: "نحوه استفاده از محصولات",
+ discription:
+ " ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان ک",
+ },
+ {
+ title: "نحوه استفاده از محصولات",
+ discription:
+ " ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان ک",
+ },
+ {
+ title: "نحوه استفاده از محصولات",
+ discription:
+ " ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان ک",
+ },
+ ];
return (
-
-
- نحوه استفاده از محصولات
-
-
- لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده
- از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و
- سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای
- متنوع با هدف بهبود ابزارهای کاربردی می باشد
-
-
-
- نحوه استفاده از محصولات
-
-
- لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده
- از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و
- سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای
- متنوع با هدف بهبود ابزارهای کاربردی می باشد
-
-
-
- نحوه استفاده از محصولات
-
-
- لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده
- از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و
- سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای
- متنوع با هدف بهبود ابزارهای کاربردی می باشد
-
-
-
- نحوه استفاده از محصولات
-
-
- لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده
- از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و
- سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای
- متنوع با هدف بهبود ابزارهای کاربردی می باشد
-
+
+ {rules.map((item) => (
+ <>
+
{item.title}
+
{item.discription}
+ >
+ ))}
);
};
diff --git a/log-in/src/components/logIn/Rules/Panel2.js b/log-in/src/components/logIn/Rules/Panel2.js
index 88fc1a2..6902385 100644
--- a/log-in/src/components/logIn/Rules/Panel2.js
+++ b/log-in/src/components/logIn/Rules/Panel2.js
@@ -1,105 +1,54 @@
import React from "react";
+import "./panels.scss";
-const Panel1 = () => {
+const Panel2 = () => {
+ const rules = [
+ {
+ title: "نحوه استفاده از محصولات",
+ discription:
+ " ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان ک",
+ },
+ {
+ title: "نحوه استفاده از محصولات",
+ discription:
+ " ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان ک",
+ },
+ {
+ title: "نحوه استفاده از محصولات",
+ discription:
+ " ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان ک",
+ },
+ {
+ title: "نحوه استفاده از محصولات",
+ discription:
+ " ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان ک",
+ },
+ {
+ title: "نحوه استفاده از محصولات",
+ discription:
+ " ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان ک",
+ },
+ {
+ title: "نحوه استفاده از محصولات",
+ discription:
+ " ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان ک",
+ },
+ {
+ title: "نحوه استفاده از محصولات",
+ discription:
+ " ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان ک",
+ },
+ ];
return (
-
-
- نحوه استفاده از محصولات
-
-
- لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده
- از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و
- سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای
- متنوع با هدف بهبود ابزارهای کاربردی می باشد
-
-
-
- نحوه استفاده از محصولات
-
-
- لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده
- از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و
- سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای
- متنوع با هدف بهبود ابزارهای کاربردی می باشد
-
-
-
- نحوه استفاده از محصولات
-
-
- لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده
- از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و
- سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای
- متنوع با هدف بهبود ابزارهای کاربردی می باشد
-
-
-
- نحوه استفاده از محصولات
-
-
- لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده
- از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و
- سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای
- متنوع با هدف بهبود ابزارهای کاربردی می باشد
-
-
-
- نحوه استفاده از محصولات
-
-
- لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده
- از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و
- سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای
- متنوع با هدف بهبود ابزارهای کاربردی می باشد
-
+
+ {rules.map((item) => (
+ <>
+
{item.title}
+
{item.discription}
+ >
+ ))}
);
};
-export default Panel1;
+export default Panel2;
diff --git a/log-in/src/components/logIn/Rules/panels.scss b/log-in/src/components/logIn/Rules/panels.scss
new file mode 100644
index 0000000..b35a113
--- /dev/null
+++ b/log-in/src/components/logIn/Rules/panels.scss
@@ -0,0 +1,25 @@
+.title {
+ background-color: #2e81e820;
+ width: 100%;
+ color: #2e81e8;
+ border-radius: 5px;
+ font-size: 16px;
+ padding: 5px;
+}
+
+.scrollNav {
+ overflow-y: scroll;
+ height: 75vh;
+}
+
+.scrollNav::-webkit-scrollbar {
+ width: 5px;
+}
+.scrollNav::-webkit-scrollbar-track {
+ border-radius: 10px;
+}
+.scrollNav::-webkit-scrollbar-thumb {
+ background-color: #2e81e8;
+ border-radius: 5px;
+ height: 5px;
+}
diff --git a/log-in/src/components/logIn/Footer/Footer.scss b/log-in/src/components/logIn/Splashes/Footer.scss
similarity index 100%
rename from log-in/src/components/logIn/Footer/Footer.scss
rename to log-in/src/components/logIn/Splashes/Footer.scss
diff --git a/log-in/src/components/logIn/Splashes/Splash1.js b/log-in/src/components/logIn/Splashes/Splash1.js
index 9779903..5d4d8d2 100644
--- a/log-in/src/components/logIn/Splashes/Splash1.js
+++ b/log-in/src/components/logIn/Splashes/Splash1.js
@@ -1,6 +1,8 @@
import React from "react";
import Header from "../Header/Header";
-import Footer from "../Footer/Footer";
+import { ArrowRight } from "react-iconly";
+import { Link } from "react-router-dom";
+import "./Footer.scss";
import "./Splashes.scss";
const Splash1 = () => {
@@ -18,11 +20,21 @@ const Splash1 = () => {
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با
استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در
ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و
- کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد،
- 1
+ کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، 1
-
+
>
);
};
diff --git a/log-in/src/components/logIn/Splashes/Splash2.js b/log-in/src/components/logIn/Splashes/Splash2.js
index 0d1dd9e..84a99a1 100644
--- a/log-in/src/components/logIn/Splashes/Splash2.js
+++ b/log-in/src/components/logIn/Splashes/Splash2.js
@@ -1,6 +1,8 @@
import React from "react";
import Header from "../Header/Header";
-import Footer from "../Footer/Footer";
+import { ArrowRight } from "react-iconly";
+import { Link } from "react-router-dom";
+import "./Footer.scss";
const Splash2 = () => {
return (
@@ -17,11 +19,21 @@ const Splash2 = () => {
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با
استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در
ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و
- کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد،
- 2
+ کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، 2
-
+
>
);
};
diff --git a/log-in/src/components/logIn/Splashes/Splash3.js b/log-in/src/components/logIn/Splashes/Splash3.js
index 0cbf092..e975a83 100644
--- a/log-in/src/components/logIn/Splashes/Splash3.js
+++ b/log-in/src/components/logIn/Splashes/Splash3.js
@@ -1,11 +1,13 @@
-import React from 'react'
+import React from "react";
import Header from "../Header/Header";
-import Footer from "../Footer/Footer";
+import { ArrowRight } from "react-iconly";
+import { Link } from "react-router-dom";
+import "./Footer.scss";
const Splash3 = () => {
return (
<>
-
+
دنیای از فناوری های جدیدپیش روی شماست
@@ -17,13 +19,23 @@ const Splash3 = () => {
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با
استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در
ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و
- کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد،
- 3
+ کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، 3