====== LU03.L01 - Portfolio Seite ======

[[https://bzz-m293.github.io/m293-lu03-a01-portfolio/portfolio.html|Live Preview]]

{{gh>https://github.com/bzz-m293/m293-lu03-a01-portfolio/blob/solution/portfolio.html}}


Dieser Code enthält die folgenden neu hinzugefügten Elemente:

  * <section>: Jeder Abschnitt des Inhalts ist in einem <section>-Tag enthalten, um den Code besser strukturieren und organisieren zu können.
  * <h1>, <h2>: Überschriften verschiedener Ebenen zur Strukturierung des Inhalts.
  * <img>: Um ein Bild hinzuzufügen. Achten Sie darauf, dass Sie "meinBild.jpg" durch den tatsächlichen Pfad zu Ihrem Bild ersetzen müssen.
  * <p>: Ein Absatz, der die Beschreibung über Sie enthält.
  * <strong>: Dieses Tag wird verwendet, um wichtige Wörter im Text hervorzuheben.
  * <ul>, <li>: Diese Tags werden verwendet, um eine ungeordnete Liste (für die Hobbys und Social Media Links) zu erstellen.
  * <ol>: Dieses Tag wird verwendet, um eine geordnete Liste (für die Lieblingsessen) zu erstellen.
  * <a>: Dieses Tag wird verwendet, um Links zu Ihren Social-Media-Profilen hinzuzufügen. Die href-Attribute sollten durch die tatsächlichen URLs Ihrer Profile ersetzt werden. Das target='_blank'-Attribut sorgt dafür, dass der Link in einem neuen Tab bzw. Fenster geöffnet wird.

---- 

{{tag>m293-LU03}}
[[https://github.com/templates-html/M293_LU03_01_Portfolio/tree/solution|Repository]]

[[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Kevin Maurizi, Marcel Suter