titzi
/
anmeldeportal_hochzeit
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
243 Commits
2 Branches
0 Tags
62 MiB
 
 
 
 
 
Tree: c559b531b1
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'c559b531b1'
${ noResults }
anmeldeportal_hochzeit/frontend/index.html

711 lines
37 KiB
Raw Blame History

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="" />
<meta name="author" content="Christopher Bross" />
<title>CKris - Hochzeit</title>
<link rel="icon" type="image/x-icon" href="assets/img/favicon.ico" />
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v5.13.0/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.10.0/baguetteBox.min.css" />
<link rel="stylesheet" href="css/grid-gallery.css">
</head>
<body id="page-top">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top"><img src="assets/img/kc.svg" alt="KC" /></a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i class="fas fa-bars ml-1"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto">
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#danke">Danke</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#spende">Spendenaktion</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#polterabend">Polterabend</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#standesamt">Standesamt</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#trauung">Trauung</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#paarbilder">Paarbilder</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#reportage">Reportage</a></li>
</ul>
</div>
</div>
</nav>
<!-- Masthead-->
<header class="masthead">
<div class="container">
<div class="masthead-subheading">Wir haben uns getraut!</div>
<div class="masthead-heading text-uppercase my-5">Krisi & Chris</div>
<div class="masthead-heading text-uppercase my-5">Bross</div>
<!-- <a class="btn btn-primary btn-xl text-uppercase js-scroll-trigger" href="#anmelden">... und wir sind dabei!</a> -->
</div>
</header>
<!-- Fotogalery - Danke -->
<section class="page-section bg-wood" id="danke">
<div class="container">
<div class="text-center">
<h2 class="section-heading ">Vielen Dank!</h2>
<p>
Wir hatten eine wunderbare Hochzeit.<br />
Vielen Dank, dass ihr an uns gedacht habt und mit uns zusammen gefeiert habt. Es war für viele kein einfaches Jahr, aber für uns bleibt 2020 in sehr guter Erinnerung. Ist es doch das Jahr in dem wir uns das "Ja" Wort gegeben haben. So gibt es in jeder Krise auch Lichtblicke. Wir hoffen, dass auch ihr Lichtblicke gefunden habt.<br />
Wir haben uns gefunden und freuen uns nun auf unser gemeinsames Leben als Ehepaar.
</p>
</div>
</div>
</section>
<!-- Fotogalery - Spende -->
<section class="page-section bg-wood" id="spende">
<div class="container">
<div class="text-center">
<h2 class="section-heading ">Spendenaktion an unserer Trauung</h2>
<p>
Unsere Kirchengemeinde Kirchrüsselbach hat es uns ermöglicht, die großzügige Kollekte aus unserem Traugottesdienst als Spende an eine NGO(Nicht Regierungsorganisation) in Tansania zu verwenden.
So können wir gemeinsam das <a href="https://www.rehabilitation-center-tanzania.org/de/"> Usa River Rehabilitation and Training Center (URRC) </a> unterstützen.
Zusammen mit euren Spenden haben wir über <mark> 510 € </mark> an das Zentrum überwiesen.
Damit kann einem/r Schüler/in ein ganzes Jahr die Ausbildung finanziert werden.
</p>
<p>
Das URRC ist ein Ort, an dem Menschen mit und ohne Behinderung gemeinsam leben, lernen und arbeiten.
Gerade behinderte Menschen haben in Tansania kaum eine Möglichkeit eine Ausbildung zu absolvieren, um ihren eigenen Lebensunterhalt zu finanzieren.
Dabei sind in Afrika Behinderungen, wie zum Beispiel Klumpfuß, weit verbreitet und noch immer eine sehr große Einschränkung.
In Europa sind diese Behinderungen gut behandelbar und stellen kaum eine Handycap dar.
Im URRC werden die Jugendlichen und jungen Erwachsenen aufgenommen und können dort das Schreiner-, Schneider-, Schlosser- oder Bäckerhandwerk erlernen.
Dabei werden zum Beispiel Prothesen und Orthesen selber hergestellt.
</p>
<p>
Die Spende ist bereits auf dem Weg nach Tansania.
Wir werden im Januar hinterherreisen und uns von der Arbeit im URRC, in der Nähe von Arusha, überzeugen.
Im Gästehaus des Zentrums werden wir eine Nacht verbringen und Krisi wird sich mit den Terapeuten über die Behandlungsmethoden austauschen.
Wir freuen uns schon sehr zu erleben, wie unsere finazielle Hilfe vor Ort eingesetzt wird und werden natürlich auch darüber berichten.
</div>
</div>
</section>
<!-- Fotogalery - Polterabed -->
<section class="page-section bg-wood gallery-block grid-gallery" id="polterabend">
<div class="container">
<div class="text-center">
<h2 class="section-heading ">Unser Polterabend</h2>
<h3 class="section-subheading text-muted">
Das war unser Polterabend.
</h3>
</div>
<div class="row">
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/polterabend//01.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/polterabend//01.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/polterabend//02.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/polterabend//02.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/polterabend//03.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/polterabend//03.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/polterabend//04.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/polterabend//04.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/polterabend//05.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/polterabend//05.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/polterabend//06.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/polterabend//06.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/polterabend//07.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/polterabend//07.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/polterabend//08.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/polterabend//08.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/polterabend//09.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/polterabend//09.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/polterabend//10.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/polterabend//10.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/polterabend//11.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/polterabend//11.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/polterabend//12.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/polterabend//12.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/polterabend//13.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/polterabend//13.jpg">
</a>
</div>
</div>
</div>
</section>
<!-- Fotogalery - Standesamt -->
<section class="page-section bg-wood gallery-block grid-gallery" id="standesamt">
<div class="container">
<div class="text-center">
<h2 class="section-heading ">Standesamtliche Trauung</h2>
<h3 class="section-subheading text-muted">
Unsere Standesamtliche Trauung im Rathaus in Igensdorf.
</h3>
</div>
<div class="row">
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/standesamt//1.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/standesamt//1.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/standesamt//2.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/standesamt//2.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/standesamt//3.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/standesamt//3.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/standesamt//4.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/standesamt//4.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/standesamt//5.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/standesamt//5.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/standesamt//6.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/standesamt//6.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/standesamt//7.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/standesamt//7.jpg">
</a>
</div>
</div>
</div>
</section>
<!-- Fotogalery - Trauung -->
<section class="page-section bg-wood gallery-block grid-gallery" id="trauung">
<div class="container">
<div class="text-center">
<h2 class="section-heading ">Unsere Kirchliche Trauung</h2>
<h3 class="section-subheading text-muted">
In der St. Jakobuskirche Kirchrüsselbach haben wir uns Gottes Segen für unser Eheglück abgeholt.
</h3>
</div>
<div class="row">
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/kirche/00_h.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/kirche/00_h.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/kirche/01_h.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/kirche/01_h.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/kirche/02_h.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/kirche/02_h.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/kirche/03_l.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/kirche/03_l.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/kirche/04_h.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/kirche/04_h.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/kirche/05_h.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/kirche/05_h.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/kirche/06_l.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/kirche/06_l.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/kirche/07_h.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/kirche/07_h.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/kirche/08_l.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/kirche/08_l.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/kirche/09_h.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/kirche/09_h.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/kirche/10_h.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/kirche/10_h.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/kirche/11_h.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/kirche/11_h.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/kirche/12_h.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/kirche/12_h.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/kirche/13_h.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/kirche/13_h.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/kirche/14_l.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/kirche/14_l.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/kirche/15_h.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/kirche/15_h.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/kirche/16_h.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/kirche/16_h.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/kirche/17_h.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/kirche/17_h.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/kirche/18_h.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/kirche/18_h.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/kirche/19_h.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/kirche/19_h.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/kirche/20_h.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/kirche/20_h.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/kirche/21_l.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/kirche/21_l.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/kirche/22_l.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/kirche/22_l.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/kirche/23.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/kirche/23.jpg">
</a>
</div>
</div>
</div>
</section>
<!-- Fotogalery - Paarbilde -->
<section class="page-section bg-wood gallery-block grid-gallery" id="paarbilder">
<div class="container">
<div class="text-center">
<h2 class="section-heading ">Unsere glücklichsten Momente</h2>
<h3 class="section-subheading text-muted">
Ein paar Eindrücke von unserem Fotooshooting.
</h3>
</div>
<div class="row">
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/paarbilder//10.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/paarbilder//10.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/paarbilder//11.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/paarbilder//11.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/paarbilder//12.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/paarbilder//12.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/paarbilder//13.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/paarbilder//13.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/paarbilder//14.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/paarbilder//14.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/paarbilder//15.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/paarbilder//15.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/paarbilder//16.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/paarbilder//16.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/paarbilder//17.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/paarbilder//17.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/paarbilder//18.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/paarbilder//18.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/paarbilder//1.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/paarbilder//1.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/paarbilder//2.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/paarbilder//2.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/paarbilder//3.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/paarbilder//3.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/paarbilder//4.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/paarbilder//4.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/paarbilder//5.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/paarbilder//5.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/paarbilder//6.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/paarbilder//6.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/paarbilder//7.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/paarbilder//7.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/paarbilder//8.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/paarbilder//8.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/paarbilder//9.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/paarbilder//9.jpg">
</a>
</div>
</div>
</div>
</section>
<!-- Fotogalery - Reportage -->
<section class="page-section bg-wood gallery-block grid-gallery" id="reportage">
<div class="container">
<div class="text-center">
<h2 class="section-heading ">Das war unsere Feier</h2>
<h3 class="section-subheading text-muted">
Eindrücke von unserer Hochzeitsfeier.
</h3>
</div>
<div class="row">
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/reportage//01p.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/reportage//01p.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/reportage//02l.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/reportage//02l.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/reportage//03l.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/reportage//03l.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/reportage//04p.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/reportage//04p.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/reportage//05p.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/reportage//05p.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/reportage//06l.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/reportage//06l.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/reportage//07l.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/reportage//07l.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/reportage//08l.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/reportage//08l.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/reportage//09l.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/reportage//09l.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/reportage//10l.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/reportage//10l.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/reportage//11l.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/reportage//11l.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/reportage//12l.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/reportage//12l.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/reportage//13l.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/reportage//13l.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/reportage//14p.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/reportage//14p.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/reportage//15l.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/reportage//15l.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/reportage//16p.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/reportage//16p.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/reportage//17l.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/reportage//17l.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/reportage//18l.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/reportage//18l.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/reportage//19l.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/reportage//19l.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/reportage//20l.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/reportage//20l.jpg">
</a>
</div>
<div class="col-md-6 col-lg-3 item">
<a class="lightbox" href="assets/img/reportage//21p.jpg">
<img loading="lazy" class="img-fluid image scale-on-hover" src="assets/img/reportage//21p.jpg">
</a>
</div> </div>
</div>
</section>
<!-- Footer-->
<footer class="footer py-4">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-5 text-lg-left">Copyright © ckris 2020</div>
<div class="col-lg-2 my-3 my-lg-0">
<a class="btn btn-dark btn-social mx-2" href="mailto:webmaster@ckris.de"><i class="fa fa-envelope"></i></a>
</div>
<div class="col-lg-5 text-lg-right">
Christopher Bross, Gartenstraße 9, 91338 Igensdorf
</div>
</div>
</div>
</footer>
<!-- Bootstrap core JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
<!-- Third party plugin JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
<!-- Gallery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.10.0/baguetteBox.min.js"></script>
<script>
baguetteBox.run('.grid-gallery', { animation: 'slideIn'});
</script>
</body>
</html>