diff --git a/frontend/src/App.css b/frontend/src/App.css index 20cb279..aa0ed54 100644 --- a/frontend/src/App.css +++ b/frontend/src/App.css @@ -6,7 +6,7 @@ } .home, -.services, +.about, .products, .sign-up { display: flex; @@ -16,12 +16,10 @@ font-size: 3rem; } -.services { - background-image: url('images/img-9.jpg'); +.about { background-position: center; background-size: cover; background-repeat: no-repeat; - color: #fff; font-size: 100px; } diff --git a/frontend/src/App.js b/frontend/src/App.js index f87389e..7bf5259 100644 --- a/frontend/src/App.js +++ b/frontend/src/App.js @@ -3,9 +3,9 @@ import Navbar from "./components/Navbar"; import "./App.css"; import { BrowserRouter as Router, Switch, Route } from "react-router-dom"; import Home from "./components/pages/Home"; -import Services from "./components/pages/Services"; import Products from "./components/pages/Products"; import SignUp from "./components/pages/SignUp"; +import Ueber from "./components/pages/Ueber"; function App() { return ( @@ -14,7 +14,7 @@ function App() { - + diff --git a/frontend/src/Footer.css b/frontend/src/Footer.css index efd08ac..fc52b69 100644 --- a/frontend/src/Footer.css +++ b/frontend/src/Footer.css @@ -1,5 +1,5 @@ .footer-container { - background-color: #242424; + background-color: #6C7A89; padding: 4rem 0 2rem 0; display: flex; flex-direction: column; diff --git a/frontend/src/Footer.js b/frontend/src/Footer.js index 59298b6..5b77192 100644 --- a/frontend/src/Footer.js +++ b/frontend/src/Footer.js @@ -7,60 +7,24 @@ import "@fortawesome/fontawesome-free/css/all.css"; function Footer() { return (
-
-

- Join the Adventure newsletter to receive our best vacation deals -

-

- You can unsubscribe at any time. -

-
-
- - -
-
-
-

About Us

- How it Works - Testimonials - Careers - Investors - Terms of Service +

Informationen

+ Hintergrund + Ziel dieser Webseite
-

Contact Us

- How it Works - Testimonials - Careers - Investors - Terms of Service +

Kontakt

+ Matrix + E-Mail + Mastodon
-

Videos

- How it Works - Testimonials - Careers - Investors - Terms of Service -
-
-

Social Media

- How it Works - Testimonials - Careers - Investors - Terms of Service +

Rechtliches

+ Datenschutz
diff --git a/frontend/src/components/Author.js b/frontend/src/components/Author.js new file mode 100644 index 0000000..b41550d --- /dev/null +++ b/frontend/src/components/Author.js @@ -0,0 +1,11 @@ +import React from 'react' + +function AuthorDate() { + return ( +
+ +
+ ) +} + +export default AuthorDate diff --git a/frontend/src/components/Button.css b/frontend/src/components/Button.css index 8f7448e..965f2ba 100644 --- a/frontend/src/components/Button.css +++ b/frontend/src/components/Button.css @@ -12,7 +12,7 @@ .btn--primary { background-color: var(--primary); - color: #242424; + color: #BDC3C7; border: 1px solid var(--primary); } @@ -38,6 +38,6 @@ .btn--medium:hover { transition: all 0.3s ease-out; background: #fff; - color: #242424; + color: #BDC3C7; transition: 250ms; } diff --git a/frontend/src/components/Navbar.css b/frontend/src/components/Navbar.css index fc24481..6dc9fa7 100644 --- a/frontend/src/components/Navbar.css +++ b/frontend/src/components/Navbar.css @@ -1,5 +1,5 @@ .navbar { - background: linear-gradient(90deg, rgb(28, 27, 27) 0%, rgb(26, 23, 23) 100%); + background: linear-gradient(90deg, #6c7a89 0%, #6c7a89 100%); height: 80px; display: flex; justify-content: center; @@ -93,7 +93,7 @@ } .nav-menu.active { - background: #242222; + background: #abb7b7; left: 0; opacity: 1; transition: all 0.5s ease; @@ -109,7 +109,7 @@ .nav-links:hover { background-color: #fff; - color: #242424; + color: #000; border-radius: 0; } @@ -152,7 +152,7 @@ .nav-links-mobile:hover { background: #fff; - color: #242424; + color: #6c7a89; transition: 250ms; } } diff --git a/frontend/src/components/Navbar.js b/frontend/src/components/Navbar.js index 7fdae15..6ef9981 100644 --- a/frontend/src/components/Navbar.js +++ b/frontend/src/components/Navbar.js @@ -23,24 +23,27 @@ function Navbar() { useEffect(() => { showButton(); }, []); - window.addEventListener("resize", showButton); - return ( <> + {" "}
diff --git a/frontend/src/components/pages/Services.js b/frontend/src/components/pages/Ueber.js similarity index 61% rename from frontend/src/components/pages/Services.js rename to frontend/src/components/pages/Ueber.js index d30d4cc..fc18703 100644 --- a/frontend/src/components/pages/Services.js +++ b/frontend/src/components/pages/Ueber.js @@ -2,10 +2,10 @@ import React from "react"; import "../../App.css"; import Footer from "../../Footer"; -export default function Services() { +export default function Ueber() { return ( <> -

SERVICES

+

Über das Projekt