diff options
Diffstat (limited to 'about.html')
| -rw-r--r-- | about.html | 120 |
1 files changed, 120 insertions, 0 deletions
diff --git a/about.html b/about.html new file mode 100644 index 0000000..3f32d93 --- /dev/null +++ b/about.html @@ -0,0 +1,120 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8" /> + <meta http-equiv="X-UA-Compatible" content="IE=edge" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + + <!-- font general --> + <link rel="preconnect" href="https://fonts.googleapis.com" /> + <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> + <link + href="https://fonts.googleapis.com/css2?family=Inter&display=swap" + rel="stylesheet" + /> + <!-- font navbar --> + <link rel="preconnect" href="https://fonts.googleapis.com" /> + <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> + <link + href="https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap" + rel="stylesheet" + /> + <!-- FA icons --> + <link + href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" + rel="stylesheet" + /> + <link href="style.css" rel="stylesheet" /> + + <title>Arne Rief - Webentwickler</title> + </head> + <body> + <!-- NAVBAR --> + <header> + <nav> + <ul> + <li> + <a href="index.html"><h1>Arne Rief</h1></a> + </li> + <li><a href="about.html">Über mich</a></li> + <li><a href="index.html#projects">Projekte</a></li> + <li><a href="index.html#contact">Kontakt</a></li> + <li> + <a href="https://linkedin.com/in/arne-rief" target="_blank" + ><i class="fa-brands fa-linkedin"></i + ></a> + </li> + <li> + <a href="https://github.com/Arrief" target="_blank" + ><i class="fa-brands fa-github"></i + ></a> + </li> + <li><a href="about-en.html">🇬🇧</a></li> + </ul> + </nav> + </header> + + <main> + <section class="about-section"> + <div class="portrait-container"> + <img src="images/portrait.JPG" alt="Arne Rief" /> + </div> + <div class="text-container text-about"> + <p> + Hallo, mein Name ist <span class="text-emphasis">Arne Rief</span>. + Ursprünglich hatte ich eine akademische Karriere als + Geschichtswissenschaftler geplant, als meine natürliche Neugier und + meine <span class="text-emphasis">Liebe fürs Lernen</span> mich dazu + brachten, mich am Programmieren zu versuchen. Als ich dann meine + ersten Schritte im Programmieren unternommen hatte, stellte ich + fest, dass ich so viel Spaß daran (und offenbar auch ein Talent + dafür) habe, dass ich mich dazu entschloss, dieses neue Hobby zu + einem neuen Karrierepfad für mich zu machen. + </p> + <p> + Bisher habe ich die Reise auf diesem neuen Pfad sehr genossen. Denn + hier habe ich ein + <span class="text-emphasis" + >kreatives und dynamisches Betätigungsfeld</span + > + gefunden für meine + <span class="text-emphasis" + >analytische Denkenweise, mein Auge fürs Detail und meinen + Antrieb, immer Neues zu lernen und sowohl persönlich als auch + beruflich zu wachsen</span + >. Für <span class="text-emphasis">neue Herausforderungen</span> bin + ich immer offen und bereit. Ich freue mich darauf, von Ihnen zu + hören! + </p> + </div> + </section> + </main> + + <!-- FOOTER --> + <footer> + <address> + <dl> + <dt>LinkedIn:</dt> + <dd> + <a href="https://linkedin.com/in/arne-rief" target="_blank" + ><i class="fa-brands fa-linkedin big-icon"></i + ></a> + </dd> + <dt>Github:</dt> + <dd> + <a href="https://github.com/Arrief" target="_blank" + ><i class="fa-brands fa-github big-icon"></i + ></a> + </dd> + <dt>Email:</dt> + <dd> + <a href="#contact"> + <i class="fa-solid fa-envelope big-icon"></i + ></a> + </dd> + </dl> + </address> + <p>© 2023 Arne Rief</p> + </footer> + </body> +</html> |