diff --git a/src/App.js b/src/App.js
index f8888c4..a9fb268 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,6 +1,10 @@
-import Menu from './components/Menu';
-import Foot from './components/Foot';
-import NotFound from './components/NotFound'
+import Menu from './main/components/Menu';
+import Foot from './main/components/Foot';
+
+import NotFound from './main/components/NotFound';
+import Links from './privat/components/Links';
+
+
import './App.css';
function App() {
@@ -9,6 +13,7 @@ function App() {
+
diff --git a/src/components/Foot.css b/src/main/components/Foot.css
similarity index 100%
rename from src/components/Foot.css
rename to src/main/components/Foot.css
diff --git a/src/components/Foot.js b/src/main/components/Foot.js
similarity index 100%
rename from src/components/Foot.js
rename to src/main/components/Foot.js
diff --git a/src/components/LogoText.css b/src/main/components/LogoText.css
similarity index 100%
rename from src/components/LogoText.css
rename to src/main/components/LogoText.css
diff --git a/src/components/LogoText.js b/src/main/components/LogoText.js
similarity index 100%
rename from src/components/LogoText.js
rename to src/main/components/LogoText.js
diff --git a/src/components/Menu.css b/src/main/components/Menu.css
similarity index 100%
rename from src/components/Menu.css
rename to src/main/components/Menu.css
diff --git a/src/components/Menu.js b/src/main/components/Menu.js
similarity index 100%
rename from src/components/Menu.js
rename to src/main/components/Menu.js
diff --git a/src/components/NotFound.css b/src/main/components/NotFound.css
similarity index 100%
rename from src/components/NotFound.css
rename to src/main/components/NotFound.css
diff --git a/src/components/NotFound.js b/src/main/components/NotFound.js
similarity index 100%
rename from src/components/NotFound.js
rename to src/main/components/NotFound.js
diff --git a/src/font/ALGER.css b/src/main/font/ALGER.css
similarity index 100%
rename from src/font/ALGER.css
rename to src/main/font/ALGER.css
diff --git a/src/font/ALGER.eot b/src/main/font/ALGER.eot
similarity index 100%
rename from src/font/ALGER.eot
rename to src/main/font/ALGER.eot
diff --git a/src/font/ALGER.ttf b/src/main/font/ALGER.ttf
similarity index 100%
rename from src/font/ALGER.ttf
rename to src/main/font/ALGER.ttf
diff --git a/src/font/ALGER.woff b/src/main/font/ALGER.woff
similarity index 100%
rename from src/font/ALGER.woff
rename to src/main/font/ALGER.woff
diff --git a/src/images/NotFound.jsx b/src/main/images/NotFound.jsx
similarity index 100%
rename from src/images/NotFound.jsx
rename to src/main/images/NotFound.jsx
diff --git a/src/images/arrow.svg b/src/main/images/arrow.svg
similarity index 100%
rename from src/images/arrow.svg
rename to src/main/images/arrow.svg
diff --git a/src/images/cloud-download.svg b/src/main/images/cloud-download.svg
similarity index 100%
rename from src/images/cloud-download.svg
rename to src/main/images/cloud-download.svg
diff --git a/src/images/cloud.svg b/src/main/images/cloud.svg
similarity index 100%
rename from src/images/cloud.svg
rename to src/main/images/cloud.svg
diff --git a/src/privat/components/LinkBox.css b/src/privat/components/LinkBox.css
new file mode 100644
index 0000000..477becd
--- /dev/null
+++ b/src/privat/components/LinkBox.css
@@ -0,0 +1,42 @@
+.link-box {
+ display: grid;
+ grid-template-areas:
+ "logo title"
+ "logo subtitle";
+ grid-template-columns: 2.5em 1fr;
+ grid-template-rows: 1.5em 1em;
+ column-gap: 10px;
+ border-radius: 1em;
+ border-width: 3px;
+ border-style: solid;
+ background-color: #5555;
+ width: 300px;
+ color: black;
+ text-decoration: none;
+}
+
+.link-box:hover {
+ color: blueviolet;
+}
+
+.link-box-logo {
+ grid-area: logo;
+ width: 100%;
+ height: 100%;
+}
+
+.link-box-title {
+ grid-area: title;
+ font-size: 1.5em;
+ display: flex;
+ align-items: center;
+ line-height: 1;
+}
+
+.link-box-subtitle {
+ grid-area: subtitle;
+ font-size: 1em;
+ display: flex;
+ align-items: center;
+ line-height: 1;
+}
\ No newline at end of file
diff --git a/src/privat/components/LinkBox.js b/src/privat/components/LinkBox.js
new file mode 100644
index 0000000..982a02f
--- /dev/null
+++ b/src/privat/components/LinkBox.js
@@ -0,0 +1,22 @@
+import "./LinkBox.css"
+
+function LinkBox (par) {
+ const title = typeof par.title === "string" ? par.title : " ";
+ const subtitle = typeof par.subtitle === "string" ? par.subtitle : " ";
+ const logo = typeof par.logo === "string" ?
: " ";
+ const url = typeof par.url === "string" ? par.url : "#";
+
+ return (
+
+ {logo}
+
+
+
+ );
+}
+
+export default LinkBox;
\ No newline at end of file
diff --git a/src/privat/components/Links.js b/src/privat/components/Links.js
new file mode 100644
index 0000000..f0b5d34
--- /dev/null
+++ b/src/privat/components/Links.js
@@ -0,0 +1,11 @@
+import LinkBox from './LinkBox';
+
+function Links () {
+ return (
+
+
+
+ );
+}
+
+export default Links;
\ No newline at end of file