Responsive Portfolio Webseite mit HTML und CSS erstellen | Anfänger Tutorial Deutsch

👉 Source Code auf unserer Webseite: https://coding-kurzundknapp.com

Hol dir bei Hostinger das beste Webhosting, um deine Webseite online zu stellen: https://www.hostinger.de/kurzundknapp
Mit dem Coupon-Code: KURZUNDKNAPP
sparst du 10% Rabatt auf alle Webhosting-Pakete mit einer Laufzeit von 12 Monaten und mehr.

In diesem Video werden wir eine Portfolio-Webseite nur in HTML und CSS entwickeln. Bei diesem Praxisprojekt wirst du viele spannende und moderne CSS Konzepte lernen.
Unter anderem:
- Flexbox
- Grid-Layouts
- CSS Variablen
- Media Queries
- Responsive Webdesign.
und viele mehr.
Nach diesem Video wirst du also in der Lage sein eigene Webseiten zu erstellen, die sogar auf dem Handy gut aussehen.

************************************************************************

HTML5 Udemy Kurs: https://www.udemy.com/course/coding2g...

Wichtige Links und Ressourcen:

Links zu den Bildern (und Icons)
https://www.pexels.com/de-de/foto/man...
https://www.pexels.com/de-de/foto/por...
https://www.svgrepo.com/svg/271094/in...
https://www.svgrepo.com/svg/271091/te...
https://www.svgrepo.com/svg/126780/tw...
https://www.svgrepo.com/svg/134513/yo...

Visual Studio Code: https://code.visualstudio.com

Google Fonts: fonts.google.com/icons

Schriftart Poppins: https://fonts.google.com/specimen/Pop...

************************************************************************

Timestamps:
01:01 Endprodukt
03:04 Vorbereitungen
07:34 Header
28:26 Über mich
34:06 Dienstleistungen
41:49 Footer (mit Grid)
55:23 Code zum Vergleichen

************************************************************************