hugo-theme-introduction/docs/de/index.html

8 lines
12 KiB
HTML
Raw Normal View History

<!doctype html><html lang=de><head><meta name=generator content="Hugo 0.56.3"><meta charset=utf-8><meta http-equiv=x-ua-compatible content="chrome=1"><meta name=HandheldFriendly content=True><meta name=MobileOptimized content=320><meta name=viewport content="width=device-width,initial-scale=1"><meta name=referrer content=no-referrer><meta name=description content="Beschreibung der Webseite"><title>Vorstellung</title><link href=/de/index.xml rel=alternate type=application/rss+xml title=Vorstellung><meta property=og:title content=Vorstellung><meta property=og:type content=website><meta property=og:description content="Beschreibung der Webseite"><meta property=og:url content=/de/><meta property=og:site_name content=Vorstellung><meta property=og:image content=/de/home/profile.jpg><link rel="shortcut icon" href=/img/fav.ico><link rel=stylesheet href=/css/main.min.26097110367dc7bcde736de3d68e3d6cf9256ba80549a9f81059d9c223b18ba4.css integrity="sha256-JglxEDZ9x7zec23j1o49bPkla6gFSan4EFnZwiOxi6Q=" crossorigin=anonymous media=screen><link rel=stylesheet href=/styles/owlCarousel.min.b1f26e29c43c61fe8b5a6f225b4ee7c5f969a7b33cfe512706271e07246d93d1.css integrity="sha256-sfJuKcQ8Yf6LWm8iW07nxflpp7M8/lEnBiceByRtk9E=" crossorigin=anonymous media=screen></head><body><section id=top class="hero is-fullheight"><div class=hero-head></div><div class=hero-body><div class="container has-text-centered"><h1 class="bold-title fade-in one">Hallo, ich bin Vorstellung</h1><div class="subtitle is-3 fade-in two"><p>Ich bin ein Hugo Theme</p></div><div class="fade-in three"><div class=social-icons><a href=https://twitter.com/><i class="fab fa-twitter"></i></a><a href=https://facebook.com/><i class="fab fa-facebook-f"></i></a><a href=https://linkedin.com/><i class="fab fa-linkedin-in"></i></a><a href=mailto:youremail@email.com><i class="fas fa-paper-plane"></i></a><a href=https://mastodon.social/ rel=me><i class="fab fa-mastodon"></i></a></div></div></div></div><div class="hero-foot fade-in three"><div class=container><hr><nav class=navbar role=navigation aria-label="main navigation"><a role=button class=navbar-burger data-target=navMenu aria-label=menu aria-expanded=false><span aria-hidden=true></span><span aria-hidden=true></span><span aria-hidden=true></span></a><div class="navbar-menu has-content-centered" id=navMenu><a class=navbar-item href=#about>Über mich</a>
<a class=navbar-item href=/de/#projekte>Projekte</a>
<a class=navbar-item href=/de/#blog>Blog</a>
2018-10-04 04:09:44 +00:00
<a class=navbar-item href=#lorem>Lorem Ipsum</a>
<a class=navbar-item href=#contact>Kontakt</a>
<a class=navbar-item href=/es/>Español</a>
<a class=navbar-item href=/>English</a></div></nav><hr></div></div></section><div class=section id=about><div class=container><h2 class="title is-2 has-text-centered">Über mich</h2><div class=columns><div class="column is-one-third has-text-centered"><img class="img-responsive avatar" src=/de/home/profile_hu3d03a01dcc18bc5be0e67db3d8d209a6_16363_320x0_resize_q75_box.jpg alt=profile.jpg></div><div class="markdown column"><p>Dies ist <strong>Vorstellung</strong>, ein minimales Webseiten Theme für <a href=https://gohugo.io>Hugo</a></p><h3 id=funktionen>Funktionen</h3><ul><li>Angepasst für jede Display Größe</li><li>Sanfte fade-in Animation mit CSS3</li><li>Sanfter Bildlauf von der Navigation zu den Abschnitten</li><li>Helles und dunkles Motiv</li><li>Abschnitt <em>Projekte</em> mit einer unbegrenzten Anzahl an Projekten: Konfigurierbar als Fotogalerie oder mit Verweisen zu externen Seiten</li><li>Abschnitt <em>Blog</em> mit optionalen <em>Neuster Artikel</em> Bereich auf der Hauptseite oder als seperate Seite</li><li>Komplett basierend auf Markdown mit Unterstützung für HighlightJS</li></ul></div></div></div><div class="container has-text-centered top-pad"><a href=#top><i class="fa fa-arrow-up"></i></a></div></div><div class=container><hr></div><div class=section id=projekte><div class=container><h2 class="title is-2 has-text-centered">Projekte</h2><div class=section><div class="columns is-multiline"><div class="column is-one-third"><div class=card data-target=#project-0><div class=card-image><figure class="image is-3by2"><a><img src=/de/projects/photography/camera_hu3d03a01dcc18bc5be0e67db3d8d209a6_30380_302x0_resize_q75_box.jpg alt=camera.jpg></a></figure></div><div class="card-content has-text-centered top-pad"><a>Fotografie</a></div></div></div><div class="column is-one-third"><div class=card data-target=#project-1><div class=card-image><figure class="image is-3by2"><a><img src=/de/projects/design/plant_hu3d03a01dcc18bc5be0e67db3d8d209a6_34602_302x0_resize_q75_box.jpg alt=plant.jpg></a></figure></div><div class="card-content has-text-centered top-pad"><a>Design</a></div></div></div><div class="column is-one-third"><div class=card data-target=#project-2><div class=card-image><figure class="image is-3by2"><a><img src=/de/projects/writing/workday_hu3d03a01dcc18bc5be0e67db3d8d209a6_59645_302x0_resize_q75_box.jpg alt=workday.jpg></a></figure></div><div class="card-content has-text-centered top-pad"><a>Schreiben</a></div></div></div></div></div></div><div class=modal id=project-0><div class=modal-background></div><div class=modal-card><header class="modal-card-header bottom-pad"><p class="modal-card-title has-text-centered">Fotografie</p></header><div class="owl-carousel owl-theme"><div class="item owl-height"><img src=/de/projects/photography/camera_hu3d03a01dcc18bc5be0e67db3d8d209a6_30380_640x0_resize_q75_box.jpg class=img-responsive alt=camera.jpg></div><div class="item owl-height"><img src=/de/projects/photography/erik-jan-leusink-180382-unsplash_hu3d03a01dcc18bc5be0e67db3d8d209a6_82088_640x0_resize_q75_box.jpg class=img-responsive alt=erik-jan-leusink-180382-unsplash.jpg></div><div class="item owl-height"><img src=/de/projects/photography/mario-ho-277298-unsplash_hu3d03a01dcc18bc5be0e67db3d8d209a6_19450_640x0_resize_q75_box.jpg class=img-responsive alt=mario-ho-277298-unsplash.jpg></div><div class="item owl-height"><img src=/de/projects/photography/tyler-lastovich-285380-unsplash_hu3d03a01dcc18bc5be0e67db3d8d209a6_20716_640x0_resize_q75_box.jpg class=img-responsive alt=tyler-lastovich-285380-unsplash.jpg></div></div><section class="modal-card-body markdown"><h2 id=machmal-nehme-ich-bilder-auf>Machmal nehme ich Bilder auf</h2><p>Dieses Projekt ist über die Bilder, die ich aufnehme. Machmal sind das Bilder von Katzen.</p></section></div><button class="modal-close is-large" aria-label=close data-target=#project-0></button></div><div class=modal id=project-1><div class=modal-background></div><div class=modal-card><header class="modal-card-header bottom-pad"><p class="modal-card-title has-text-centered">Design</p></h
<a href=/de/blog/hipster-ipsum/>Weiterlesen</a></div></div><div class="container has-text-centered top-pad"><a href=/de/blog/>Alle Artikel</a></div></div><div class="container has-text-centered top-pad"><a href=#top><i class="fa fa-arrow-up"></i></a></div></div><div class=container><hr></div><div class=section id=lorem><div class=container><h2 class="title is-2 has-text-centered">Lorem Ipsum</h2><div class="markdown has-text-centered"><p>Weitere Abschnitte für die Hauptseiten können hinzugefügt werden, indem Datein unter <code>content/home/</code> erstellt werden.</p></div></div><div class="container has-text-centered top-pad"><a href=#top><i class="fa fa-arrow-up"></i></a></div></div><div class=container><hr></div><div class=section id=contact><div class="container has-text-centered"><h2 class="title is-2">Kontakt</h2><div class=markdown><p>In dem Kontakt Abschnitt von <strong>Vorstellung</strong> kannst die aktuelle Zeit in einer belibigen Zeitzone angezeigt werden.</p><p>Somit können Besucher darauf hingewiesen werden, wann sie mit einer Antwort rechnen können. Die Zeitzone wird einfach über die Konfiguarationdatei gewählt.</p></div><p>Meine lokale Zeit ist <span id=time></span>.</p><h3 class="subtitle is-3 has-text-centered top-pad"><a href=mailto:youremail@email.com>youremail@email.com</a></h3><div class=social-icons><a href=https://twitter.com/><i class="fab fa-twitter"></i></a><a href=https://facebook.com/><i class="fab fa-facebook-f"></i></a><a href=https://linkedin.com/><i class="fab fa-linkedin-in"></i></a><a href=mailto:youremail@email.com><i class="fas fa-paper-plane"></i></a><a href=https://mastodon.social/ rel=me><i class="fab fa-mastodon"></i></a></div></div><div class="container has-text-centered top-pad"><a href=#top><i class="fa fa-arrow-up"></i></a></div></div><div class=container><hr></div><div class=section id=footer><div class="container has-text-centered"><span class=footer-text><a href=https://github.com/victoriadrake/hugo-theme-introduction/><strong>Vorstellung</strong></a>, ein Theme für <a href=http://gohugo.io/>Hugo</a>. Entwickelt mit <a href=https://victoria.dev><i class="fa fa-heart"></i>und <i class="fa fa-coffee"></i></a>von Open Source Mitwirkenden</span></div></div><script src=/js/bundle.e6934e69d06bb8a213134f4c1468f9478bb7755e786dfb60e3c5a917c5335805.js integrity="sha256-5pNOadBruKITE09MFGj5R4u3dV54bftg48WpF8UzWAU="></script><script src=/js/bundleOwlCarousel.afccb665ffddf92101a8bc04b924a4a5b9a36c0ad0ad61024da751cdd8fd1ed9.js integrity="sha256-r8y2Zf/d&#43;SEBqLwEuSSkpbmjbArQrWECTadRzdj9Htk="></script><script src=/js/bundleMoment.6cf441e4739aef8b98b9d5e4f935261bd6cb1408a14145bb3bcf8fd64ca75336.js integrity="sha256-bPRB5HOa74uYudXk&#43;TUmG9bLFAihQUW7O8&#43;P1kynUzY="></script></body></html>