`. Diese Abteilung enthält auch eine Menge anderer Sektionen.
+- Die **ersten 2** Sektionen sind exakt genau so wie: `
`. Klappe die Beiden zusammen, indem du auf den Pfeil auf deren linke Seite drückst, so wie im Bild darunter gezeigt wird. (Falls du einen anderen Editor benutzt, steht dir diese Funktion eventuell nicht zur Verfügung. In diesem Fall musst du runter scrollen). Das Einklappen macht es einfach einige Code-Teile zu verstecken, an welchen wir keine Änderungen durchführen müssen.
+- Nun solltest du die Sektion sehen, welche alle anderen Beitrags-Karten (von anderen Beitragenden) enthält: `
`
+
+| ![Find card template](/readme-only/find-card-template.png 'Finde die HTML-Karten Vorlage') |
+| :-----------------------------------------------------------------------: |
+
+- In dieser Sektion, gibt es eine Unterabteilung namens `== TEMPLATE ==`
+- Kopiere alles innehalb des roten Bereichs, welcher auf dem Bild zu sehen ist, vom Anfang des `Contributor card START` Kommentars, bis zum Ende des `Contributor card END` Kommentars.
+
+| ![Copy card template](/readme-only/card-copy.PNG 'Kopiere die HTML-Karten Vorlage') |
+| :-----------------------------------------------------------------------: |
+
+- Füge nun das Kopierte genau unterhalb der Linie mit dem anzeigendem Kommentar ein; Genau über der zuletzt eingefügten Karte vom vorherigen Beitragenden.
+- Stelle sicher, dass genau eine Zeile über und unter deiner Karte frei bleibt. Füge außerdem eine weitere freie Zeile zwischen deinem Code und dem Kommentar `=== Paste YOUR CARD directly BELOW this line ===` ein. Es ist gute Übung, unseren Code immer übersichtlich zu halten.
+- Benutze niemals Formatierer. Dieses Projekt hat schönere Werkzeuge zur Verfügung.
+
+| ![Paste card template](/readme-only/card-paste.PNG 'Füge unterhalb der angezeigten Linie ein') |
+| :---------------------------------------------------------------------------------: |
+
+- Dies ist nun **deine** HTML-Karte, welche du anpassen und bearbeiten kannst.
+
+[↑ Gehe nach oben ↑](#schnellzugriffsindex)
+
+---
+
+#### Schritt 6: Passe die Vorlage an
+
+- Nun werden wir damit anfangen, HTML zu bearbeiten, indem wir die anpassbaren Felder unserer HTML-Karte ändern.
+
+| :arrow_right_hook: Ersetze 'Name' mit deinem Namen | ![Change name](/readme-only/change-name.PNG 'Gib deinen Namen ein') |
+| :----------------------------------------------- | :----------------------------------------------------------: |
+
+- **Anmerkuing: Ändere KEINESFALLS `class="name"`**
+
+| :arrow_right_hook: Füge die URL zu deinem Twittter bzw. X-Account ein `href="Insert URL here"`, und gib deinen Twitter bzw. X Namen ein | ![Change contact](/readme-only/change-contact.PNG 'Füge einen Link zu deinem Twitter bzw. X Konto ein und gib deinen Namen an') |
+| :--------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------------------------------------------------------: |
+
+- Falls du lieber eine andere Kontakmöglichkeit angeben möchtest, musst das das Twitter icon in `` ersetzen, indem du auf die Seite [Font Awesome Icons](http://fontawesome.io/icons/) gehst, nach dem richtigen Icon suchst, und nur den `fa-x-twitter` teil mit dem beispielsweise passenden Teil `fa-facebook` für facebook ersetzt. Dann folge wieder den gleichen Schritten wie oben.
+
+| ![Change about](/readme-only/change-about.PNG 'Schreibe einen Satz über dich') |
+| :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
+| :arrow_right_hook: **Nenn uns etwas über dich. Halte dich kurz und präzise. Stelle es dir eher wie einen Tweet als wie einen Blogpost vor.** |
+| ![Change resources](/readme-only/change-resources.PNG 'Füge den Link ein, schreibe eine kurze Beschreibung, Und gib den Namen der Ressource ein.') |
+| :arrow_right_hook: **Teile mit der Gemeinde 3 Links, welche du hilfreich beim Web-Development findest. Das kann alles Mögliche sein, von Video, Zeitschrift, Artikel bis hin zu Blogposts. Falls du ein Anfänger bist, lass dich davon nicht einschüchtern, teile was auch immer du kennst, auch wenn es nur Grunlagen sind. Du wirst überrascht sein, wieviele Leute davon profitieren können.** |
+
+- **Link:** Füge den Link `href="here"`, das `#` ersetzend ein. Bitte benutze keinen URL-Kürzer oder versuche eine andere (welcher nicht von der ursprünglichen Website bereitgestellt wurde) Mehtode, um Ähnliches zu erreichen.
+- **Titel:** Gib eine kurze Beschreibung an `title="here"`.
+- **Name:** Schreibe den Namen der Ressource hier hin `>here`.
+- Stelle sicher, **dass du all deine Änderungen gespeichert hast.**.
+- **Teste deine Änderungen**. DIESER SCHRITT IST WICHTIG! Öffne die HTML Datei (index.html) in deinem Browser (z.B. in dem du doppelt darauf klickst) und sieh dir an, wie deine Karte aussehen wird. Stelle sicher, dass die Seite noch so aussieht wie davor (mit deiner neuen Karte), und nichts kaputt gegangen ist. Drücke auf deine Links, und stelle sicher, dass diese auch funktionieren. Öffne die Konsole (Strg) + Shift + J (Windows / Linux) oder Cmd + Opt + J (Mac)) und überprüfe, dass keine Fehler aufgetreten sind.
+- Sehr gut, du hast deinen Code fertig bearbeitet! Die nächsten Schritte werden dir zeigen, wie du deine Änderungen an GitHub senden kannst, und sie dann zum fertigen verschmelzen mit dem Hauptprojekt abgeben kannst.
+
+[↑ Gehe nach oben ↑](#schnellzugriffsindex)
+
+---
+
+#### Schritt 7: Übernimm deine Änderungen
+
+- Gehe zurück in die GitHub Desktop Anwendung.
+- Deine Änderungen wurden automatisch dem Vorbereitungsbereich (staging area) hinzugefügt.
+- Das bedeutet, dass Git alle **gespeicherten** Änderungen aufgezeichnet hat.
+- Dies sollte in der Anwendung widergespiegelt werden. Alles, was du der Datei hinzugefügt hast, erscheint in grün. Alles, was gelöscht wurde, erscheint in rot.
+
+| ![Commit changes](/readme-only/commit.PNG "Deine hinzugefügten Änderungen sollten in grün auf der rechten Seite der GitHub Desktop Anwendung erscheinen. Der Einreichen-Schalter (commit) ist unten links ") |
+| :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
+| :arrow_right_hook: Der nächste Schritt heißt _`Commit`_. Das bedeutet ungefährerweise `bestätige die Änderungen` |
+| ![Commit changes](/readme-only/commit-header.PNG "TDeine hinzugefügten Änderungen sollten in grün auf der rechten Seite der GitHub Desktop Anwendung erscheinen. Der Einreichen-Schalter (commit) ist unten links") |
+| :arrow_right_hook: **So sollte der obere Teil deiner GitHub Desktop Anwendung aussehen. Achte auf das Gabel Symbol neben dem Projektnamen bei `Current repository`, dein `Current branch` wird den Namen haben, welchen du ihm in Schritt 3 gegeben hast** |
+| ![Write commit message and commit](/readme-only/commit-message.PNG "Schreibe eine kurze Zusammenfassung deiner Änderungen bei 'summmary' und drücke dann auf 'commit'") |
+| :arrow_right_hook: **Um _`Commit`_ betätigen zu können, musst du erst das _`Summary`_ Feld ausfüllen. In dieser Einreichungsmeldung, kannst du festhalten, welche Änderungen du durchgeführt hast. In diesem Fall wäre `"Add my card information"` eine vernünftige Meldung. Alternativ kannst du auch noch mehr unter _`Description`_ eintragen. Drücke auf den _`Commit`_ Schalter. Dein Knopf müsste in ungefähr folgendes anzeigen: `Commit to "your-branch-name"`** |
+
+[↑ Gehe nach oben ↑](#schnellzugriffsindex)
+
+---
+
+#### Schritt 8: Drücke (Push) deine Änderungen zu GitHub
+
+- Deine Änderungen sind nun gespeichert und eingereicht. Allerdings nur lokal, also auf deinem Computer.
+- Synchronisieren von lokalen Änderungen mit deinem Online GitHub Konto nennt man _Push_. Du "schiebst" (pushing) die Änderungen von deiner lokalen Quelle (repository) zu der ferngesteuerten / abgelegenen (remote) Lager (repository) auf GitHub.
+
+| :arrow_right_hook: Drücke auf den _`Push`_ Schalter | ![Push to GitHub](/readme-only/push.PNG "Schiebe (push) deine Änderunge auf GitHub, drücke auf den 'Push' Schalter") |
+| :------------------------------------------- | :-----------------------------------------------------------------------------------------------: |
+
+- Nach einigen Sekunden sollte die Anweisung ausgeführt worden sein, und nun hast du die exakt gleiche Kopie dieses Zweigs (branch) auf deinem Computer, sowie online auf GitHub.
+
+[↑ Gehe nach oben ↑](#schnellzugriffsindex)
+
+---
+
+#### Schritt 9: Reiche eine 'Pull Request' ein
+
+- Nun ist der Moment gekommen, auf den Sie gewartet haben; Eine _Pull Request_ Anfrage (PR).
+- Bis jetzt hat all die Arbeit, die du getätigt hast, in deinem Zweig des Projektes stattgefunden, welcher sich, falls du dich erinnerst, auf deinem eigenen GitHub Account befindet.
+- Nun ist es an der Zeit die Änderungen an das Hauptprojekt (master) zu schicken, und diese mit jenem zu verschmelzen.
+- Diesen Vorgang nennt man [_Pull Request_](https://help.github.com/articles/about-pull-requests/ 'Über Pull Requests - GitHub Help') da du den originalen Projektbetreibt bittest, deine Änderungen "in das Projekt zu ziehen".
+- Gehe auf die Hauptseite **deines Zweiges** auf GitHub (dieses hat ein Gabelsymbol und deinen Benutzernamen ganz oben).
+- Oben auf der Seite deiner Repository, wirst du eine hervorgehobene "Pull Request" Nachricht mit einem grünem Schalter sehen.
+
+| ![Submit a Pull Request](/readme-only/pull-request.PNG 'Dieser ist normalerweise ganz oben auf der Seite, unter der Beschreibung und über den Projekt-Dateien und -Ordnern') |
+| :-------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
+| :arrow_right_hook: **Drücke auf `Compare and pull request`** |
+| ![Open a Pull Request](/readme-only/pull-request-branches.PNG 'Du stellst eine Anfrage, um deinen Zweig (branch) von deiner Abzweigung (fork) dem "Master"-Zweig des originalen Projekts hinzuzufügen.') |
+| :arrow_right_hook: So sieht die `Open a pull request` Seite aus. |
+
+- VERGISS NICHT _du versuchst deinen Zweig (branch) mit dem originalen Projekt zu verschmelzen, nicht mit dem `Master` Zweig (branch) deiner Abzweigung (fork)_.
+- Das Bild weiter unten zeigt dir, wie der Header deiner Pull Anfrage aussehen sollte.
+- Auf der linken Seite, steht das original projekt, gefolgt vom Master Zweig. Auf der rechten Seite, ist deine Abzweigung (fork) und der Zweig (branch), welchen du erstellt hast.
+
+| ![Submit a Pull Request](/readme-only/pull-request-open.PNG "Drücke au den grünen Schalter. Hab keine Angst!") |
+| :-----------------------------------------------------------------------------------------------------------------------------------------: |
+| :arrow_right_hook: **Erstelle eine Pull Anfrage: Schreibe einen Titel, füge der Beschreibung optionale Information hinzu, und drücke auf `Create pull request`** |
+
+- Lass dich nicht von all den Einstellungen beunruhigen. Du musst vorerst nur diese drei Schritte durchführen .
+- Lasse die Option `Allow edits from maintainers` angekreuzt.
+- Nun wird eine _Pull Request_ zum Projekt Betreibt gesendet. Sobald diese begutachtet wurde, werden eine Änderungen auf der [project web page](https://syknapse.github.io/Contribute-To-This-Project 'Trage zu diesem Projekt bei Seite') angezeigt.
+
+[↑ Gehe nach oben ↑](#schnellzugriffsindex)
+
+---
+
+#### Schritt 10: Feiere
+
+Das war's. Du hast es geschafft! Du hast nun zu Open Source auf GitHub beigetragen.
+
+Du hast Code zu einer live Internetseite beigetragen: [https://syknapse.github.io/Contribute-To-This-Project](https://syknapse.github.io/Contribute-To-This-Project)
+
+Deine Änderungen **werden nicht sofort sichtbar**; zuerst müssen Diese begutachtet, angenommen, und vom Projektbetreiber verschmolzen werden. Sobald diese verschmolzen wurden, sollte deine Karte live auf der Seite sichtbar sein.
+
+Es ist vollkommen normal, dass ein Begutachter um Änderungen an der Pull Anfrage bittet. Siehe es als eine gute Übung, falls es dir einmal passieren sollte. Halte Ausschau nach Kommentaren und erwünschten Änderungen. Sobald du die gewünschten Anpassungen (in deinem eigenem Zweig (branch)) vorgenommen hast, musst du nur noch deine Änderungen übernehmen und erneut auf GitHub "pushen". Die Pull Anfrage wird automatisch alle neuen Änderungen übernehmen.
+
+Ich verspreche, dass ich jede neue Karte so schnell wie möglich begutachte und verschmelze (merge), aber ich tue dies in meiner Freizeit, also sind einige Tage verzögerung leider nicht zu vermeiden.
+
+[↑ Gehe nach oben ↑](#schnellzugriffsindex)
+
+---
+
+### Nächste Schritte
+
+- Komme in einer Weile wieder, um nach deiner Pull Anfrage zu sehen.
+- Du solltest eine E-Mail von GitHub bekommen, falls deine Änderungen angenommen wurden, oder zusätzliche Änderungen notwendig sind. Sowie sobald deine Pull Anfrage mit dem master verschmolzen wurden und deine Karte hinzugefügt wurde.
+- Du kannst auch von dieser _kostenlosen_ Serie lernen, wie du weitere Beiträge leisten kannst: [How to Contribute to an Open Source Project on GitHub](https://kcd.im/pull-request)
+- Falls du dieses Projekt **nützlich** fandest, gib diesem bitte einen :star: Stern :star: oben auf der Seite und **Tweete** darüber um dieses Projekt weiter zu verbreiten [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)][twit]
+- Du kannst auch unserem [Discord server](https://discord.gg/tWkvS4ueVF) beitreten
+- Du kannst **mir folgen** und mit mir in Kontakt treten [𝕏 (Twitter)](https://twitter.com/Syknapse '@Syknapse') oder [eine der anderen Optionen nutzen](https://syknapse.github.io/Syk-Houdeib/#contact 'Meine Kontakt Abteilung | Portfolio')
+- Dieses Projekt ist ein Open Source Projekt. Du bist herzlich dazu eingeladen Verbesserungsvorschläge zu stellen, Bugs zu beheben, oder sonst irgendwie mitzuwirken. Eröffne ein [issue](https://help.github.com/articles/creating-an-issue/ 'Mastering Issues | GitHub Guides') oder schicke eine [pull request](https://help.github.com/articles/creating-a-pull-request-from-a-fork/ 'Erstelle eine Pull Anfrage von einer Abzweigung (fork) | GitHub Help')
+- Um die Gemeindschaft weiter zu verbessern, siehe auch nach: [Discussions](https://github.com/Syknapse/Contribute-To-This-Project/discussions) tab neben den Pull Anfragen. Dieser Bereich ist um dich genauer vorzustellen, an tieferen Diskussionen über OpenSource teilzunehmen, und mit den Projekt-Betreibern in Kontakt zu treten. Wirst du uns helfen diese Funktion und Gemeinschaft weiter zu verbessern?
+- **Vielen Dank für deine Teilnahme an diesem Projekt**. Nun kannst du fortfahren, und bei anderen Projekten beitragen; Halte nach dem ![Good First Issue](https://user-images.githubusercontent.com/29199184/33852733-e23b7070-debb-11e7-907b-4e7a03aad436.png) Kennwort ausschau, welches für anfängerfreundliche Problemstellungen gedacht ist.
+- Ich suche außerdem nach Mitwirkenden, welche mir bei der Begutachtung von eingereichten Pull Anfragen und Verschmelzungen jener helfen. Falls du fortgeschritternere Git Anwendungspraktiken lernen möchtest, lies den [maintainer's guide](/maintainer_guide.md), trete unserem [Discord server](https://discord.gg/tWkvS4ueVF) bei, und frage an, ob du dem Team der Projekt-Betreuer beitreten kannst.
+
+[↑ Gehe nach oben ↑](#schnellzugriffsindex)
+
+---
+### Anerkennungen
+
+Dieses Projekt ist sehr stark von [Roshan Jossey's](https://github.com/Roshanjossey) großartigem [first-contributions](https://github.com/Roshanjossey/first-contributions) Projekt und dessen hervorragender Anleitung beeinflusst.
+
+Es ist außerdem besonders von der großartigen [#GoogleUdacityScholars](https://twitter.com/hashtag/GoogleUdacityScholars?src=hash) Gemeinschaft inspiriert. The Google Challenge Scholarship: Front-End Web Dev, class of 2017 Europe.
+
+### Lizenzen
+
+Dieses Projekt ist lizensiert unter folgender Lizenz: [MIT License](./LICENSE).
+
+### Top 100 Beitragende
+
+[![GitHub Contributors Image](https://contrib.rocks/image?repo=Syknapse/Contribute-To-This-Project)](https://github.com/Syknapse/Contribute-To-This-Project/graphs/contributors)
+
+[Zurück nach oben ↑](#einführung)
+
+[twit]: https://twitter.com/intent/tweet?text=Contribute%20To%20This%20Project.%20An%20easy%20project%20for%20first-time%20contributors,%20with%20a%20full%20tutorial.%20By%20@Syknapse&url=https://github.com/Syknapse/Contribute-To-This-Project&hashtags=100DaysofCode 'Tweet this project'