readme is updated

Author: pablo-sch

docs/README.de.md

@@ -7,7 +7,7 @@
 
 Dieses Projekt wurde erstellt, um das Wissen, das in den virtuellen Kursen zu HTML und CSS erworben wurde, zu üben und zu demonstrieren.
 
-## Das Projekt umfasst die folgenden Schlüsselaspekte:
+## Das Projekt umfasst die folgenden Schlüsselaspekte
 
 - Implementierung von strukturiertem **HTML** und seiner Interaktion mit dem **DOM**, zusammen mit kaskadierenden Stilen mit **CSS**.
 - Richtiges Verwenden der **HTML**-Tag-Semantik, kombiniert mit CSS-Regeln, die die Zugänglichkeit und Leistung verbessern.
@@ -22,6 +22,7 @@ Dieses Projekt wurde erstellt, um das Wissen, das in den virtuellen Kursen zu HT
 - Sicherstellung der **Kohärenz und Sauberkeit des Codes** mit einer organisierten Struktur, die die Wartung und Skalierbarkeit des Projekts erleichtert.
 
 ## Projektziel
+
 Das Hauptziel dieses Projekts ist es, ein persönliches **Portfolio** (oder das Portfolio einer fiktiven Figur) zu entwickeln, wobei das in der Klasse erworbene Wissen angewendet wird. Ziel ist es, eine interaktive und visuell ansprechende Präsentation zu erstellen, die die Fähigkeiten und Projekte unseres gewählten Charakters zeigt, indem die im Kurs erlernten Technologien und Praktiken verwendet werden.
 
 ## Projektdetails
@@ -30,21 +31,22 @@ Das Hauptziel dieses Projekts ist es, ein persönliches **Portfolio** (oder das
 - Ein Abschnitt mit einer Beschreibung von **uns** und unseren Fähigkeiten, die durch **Fortschrittsbalken** dargestellt werden. Diese Balken müssen mit **CSS** animiert werden.
 - Ein **Banner** mit einem Hintergrundbild. Auf mobilen Bildschirmen sollte ein anderes Bild angezeigt werden (implementiere **Media Queries** oder **responsive Images**).
 - Kontaktformular mit **Inputs**. Alle Felder sollten die richtigen Typen und HTML-Validierungen für jedes Feld haben:
-   - **Name**, **Nachname**, **Telefon** (erforderliche Felder).
-   - **Radio-Input**, um die Frage "Wie hast du mich kennengelernt?" zu beantworten (erforderliches Feld):
-      - Universität
-      - Keepcoding-Kick-off
-      - Schule
-      - Auf GitHub
-   - **GitHub-Tag** (Verwende den regulären Ausdruck `^@[^\s]+` zur Validierung - `@username`).
-   - **Textarea** mit mehr Informationen über den Benutzer (maximal 180 Zeichen) (erforderliches Feld).
-   - **Checkbox** für den Newsletter.
-   - **Speichern**- und **Zurücksetzen**-Schaltflächen.
+  - **Name**, **Nachname**, **Telefon** (erforderliche Felder).
+  - **Radio-Input**, um die Frage "Wie hast du mich kennengelernt?" zu beantworten (erforderliches Feld):
+    - Universität
+    - Keepcoding-Kick-off
+    - Schule
+    - Auf GitHub
+  - **GitHub-Tag** (Verwende den regulären Ausdruck `^@[^\s]+` zur Validierung - `@username`).
+  - **Textarea** mit mehr Informationen über den Benutzer (maximal 180 Zeichen) (erforderliches Feld).
+  - **Checkbox** für den Newsletter.
+  - **Speichern**- und **Zurücksetzen**-Schaltflächen.
 - **Footer** mit Links zu unseren sozialen Netzwerken über externe Ressourcen.
 - Eine neue Seite, die ein **Video** enthält, das beim Betreten der Webseite automatisch abgespielt wird und mit einer **fadeIn**-Animation erscheint.
 - Erstelle eine neue Seite mit einem **Grid**, das unsere Projekte anzeigt.
 
 ### Optional
+
 - Erstelle ein Burger-Menü nur mit CSS und einem Checkbox-Input, ohne JS zu verwenden.
 - Deployment auf Github Pages.
 - 404-Seite. Freies Design.
@@ -94,14 +96,25 @@ Dieses Projekt hat derzeit keine externen Beiträge oder eine Lizenz.
 ## Projektvorschau
 
 ### Index View
+
 ![Index View](../etc/preview_images/index.png)
+
 ### Index Mobile View
+
 ![Index Mobile View](../etc/preview_images/index_mobile.png)
+
 ### Projects View
+
 ![Projects View](../etc/preview_images/projects.png)
+
 ### Projects Mobile View
+
 ![Projects Mobile View](../etc/preview_images/projects_mobile.png)
+
 ### 404 View
+
 ![404 View](../etc/preview_images/404.png)
+
 ### 404 Mobile View
+
 ![404 Mobile View](../etc/preview_images/404_mobile.png)

docs/README.md

@@ -7,7 +7,7 @@
 
 This project was created to exercise and demonstrate the knowledge acquired during virtual classes on HTML and CSS.
 
-## The project covers the following key aspects:
+## The project covers the following key aspects
 
 - Implementation of structured **HTML** and its interaction with the **DOM**, along with cascading styles using **CSS**.
 - Proper use of **HTML** tag semantics, combined with CSS rules that improve accessibility and performance.
@@ -22,6 +22,7 @@ This project was created to exercise and demonstrate the knowledge acquired duri
 - Ensuring **cohesion and cleanliness of the code**, with an organized structure that facilitates project maintenance and scalability.
 
 ## Project Objective
+
 The main objective of this project is to develop a personal **portfolio** (or a fictional character’s portfolio), applying the knowledge acquired in class. The idea is to create an interactive and visually appealing presentation that showcases the skills and projects of our chosen character using the technologies and practices learned during the course.
 
 ## Project Details
@@ -30,21 +31,22 @@ The main objective of this project is to develop a personal **portfolio** (or a
 - A section with a description of **us** and our skills represented by **progress bars**. These bars must be animated using **CSS**.
 - A **banner** with a background image. On mobile screens, a different image should be shown (implement **media queries** or **responsive images**).
 - Contact form using **inputs**. All fields should have the correct types and HTML validation for each field:
-   - **Name**, **Surname**, **Phone** (required fields).
-   - **Radio input** to answer the question "How did you meet me?" (required field):
-      - University
-      - Keepcoding kick-off
-      - School
-      - On GitHub
-   - **GitHub Tag** (Use the regular expression `^@[^\s]+` for validation - `@username`).
-   - **Textarea** with more information about the user (maximum 180 characters) (required field).
-   - **Checkbox** for newsletter subscription.
-   - **Save** and **Reset** buttons.
+  - **Name**, **Surname**, **Phone** (required fields).
+  - **Radio input** to answer the question "How did you meet me?" (required field):
+    - University
+    - Keepcoding kick-off
+    - School
+    - On GitHub
+  - **GitHub Tag** (Use the regular expression `^@[^\s]+` for validation - `@username`).
+  - **Textarea** with more information about the user (maximum 180 characters) (required field).
+  - **Checkbox** for newsletter subscription.
+  - **Save** and **Reset** buttons.
 - **Footer** with links to our social media through external resources.
 - A new page containing a **video** that plays automatically when entering the website and appears with a **fadeIn** animation.
 - Create a new page with a **grid** that shows our projects.
 
 ### Optional
+
 - Create a burger menu with only CSS and a checkbox input, without using JS.
 - Deploy on Github pages.
 - 404 page. Free design.
@@ -94,14 +96,25 @@ This project currently does not have external contributions or a license.
 ## Project Preview
 
 ### Index View
+
 ![Index View](../etc/preview_images/index.png)
+
 ### Index Mobile View
+
 ![Index Mobile View](../etc/preview_images/index_mobile.png)
+
 ### Projects View
+
 ![Projects View](../etc/preview_images/projects.png)
+
 ### Projects Mobile View
+
 ![Projects Mobile View](../etc/preview_images/projects_mobile.png)
+
 ### 404 View
+
 ![404 View](../etc/preview_images/404.png)
+
 ### 404 Mobile View
-![404 Mobile View](../etc/preview_images/404_mobile.png)
+
+![404 Mobile View](../etc/preview_images/404_mobile.png)