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

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