Premium Only Content

Erstellen einer responsiven Webseite - Thema Wandern - Teil 6
➡️ 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
-
LIVE
The Rubin Report
41 minutes agoWatch Zohran Get Visibly Frustrated as His Fox Interview Backfires Spectacularly
1,202 watching -
1:02:07
VINCE
2 hours agoBolton Busted In Poetic Fashion | Episode 149 - 10/17/25
48.5K46 -
LIVE
LFA TV
16 hours agoLIVE & BREAKING NEWS! | FRIDAY 10/17/25
3,548 watching -
LIVE
Benny Johnson
1 hour agoDC in PANIC: John Bolton DRAGGED Into Federal Court LIVE Right Now in BIG Classified Docs Indictment
4,979 watching -
LIVE
Dr Disrespect
3 hours ago🔴LIVE - DR DISRESPECT - ARC RAIDERS - THE ULTRA EXTRACTION GAME
1,184 watching -
1:49:03
Dear America
3 hours agoDems Are The Party Of TERRORIST & VIOLENT CRIMINALS! Jon Bolton INDICTED! Trump Threatens Hamas!
72.4K62 -
LIVE
The Big Mig™
2 hours agoJohn Bolton Indicted on the Espionage Act on 18 Federal Counts , Who's Next
5,163 watching -
LIVE
Badlands Media
8 hours agoBadlands Daily: October 17, 2025
3,712 watching -
LIVE
Matt Kohrs
12 hours agoLive Trading Futures & Options || Payday Friday!!!
457 watching -
1:45
From Zero → Viral with AI
7 hours agoAI Isn’t Taking Over — It’s Leveling the Playing Field | Work Smarter, Not Harder
9.02K15