Erstellen einer responsiven Webseite - Thema Wandern - Teil 1

➡️ Link zum Quelltext: https://codepen.io/Fantoma555/pen/GRv...

Im ersten Teil erstellen wir die Navigation im Header Bereich.

In dieser Reihe geht es um die Erstellung einer responsiven Webseite (Startseite) zum Thema Wandern. Wir erstellen eine Navigation mit MouseOver (:hover) Effekt. Im Content-Bereich erstellen wir 2 Abschnitte. Im ersten kommt etwas Text und eine Überschrift und ein Info Button. Im zweiten Bereich kommen dann einzelne Bilder mit einem :hover Effekt und einem Schatten (box-shadow). Ganz unten kommt der Footer mit Social Media Buttons. Auch diese haben einen :hover Effekt. Wir verwenden für die gesamte Webseite Flex-Boxen.

Unterstützen kannst du mich durch einen der folgenden Links. Ich bedanke mich im Voraus

🖥Videokurse:
🧑‍🎓Mein HTML 5 und CSS 3 Kurs - Eigene Webseiten erstellen: Lerne wie du eigene Webseiten erstellen kannst - Der Kurs geht über 16 Stunden
https://academy-blue.com/academyblue

📚Bücher
📖C# Programmieren für Einsteiger (Schnell und flockig)
https://amzn.to/34uOZSy

📖C# 8 mit Visual Studio 2019: Das umfassende C#-Handbuch (Wenn man etwas tiefer in die Materie eindringen möchte)
https://amzn.to/34BJnGo

📖Einstieg in Unity: Schritt für Schritt zum eigenen Computerspiel - Mit 18 Beispiel-Games
https://amzn.to/36d297u

📖Blender 3: Das umfassende Handbuch zu Blender 3 - Eigene Game Assets mit Blender erstellen
https://amzn.to/3CtZ3Id

🔗Weitere nützliche Links:
🔎Game Assets - Günstige und auch kostenlose Modelle, Grafiken, Sounds, Music Add-Ons, Templates, Tools VFX für Spieleentwicklung
https://prf.hn/click/camref:1100lkWFw

🌴PNG Tree - Günstige Bilder für Spieleentwicklung, Webseiten oder Sonstiges:
https://pngtree.com/?sce=af&id=7712

📺Amazon Prime:
https://amzn.to/3HJnySF

🛒Amazon Shopping:
https://amzn.to/3pDr8aD

😏Paypal: Du kannst mich auch direkt mit einer Zahlung über Paypal unterstützen.
paypal.me/academyBlue

Einige dieser Links, sind Affiliate Links. Das bedeutet, das ich eine kleine Provision erhalte für den Kauf von Produkten auf der verlinkten Webseite. Bei Paypal könnt ihr mich direkt unterstützen. Ich mach das ja nicht aus Langeweile ;) Nee, nur Spaß. Ich freue mich über jeden, der meine Videos schaut und vielleicht Inspiration für seine Projekte findet.

Fertige Spiele:
🕹️-Stupid Bug - https://academyblue.itch.io/stupid-bug