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.
239 Commits
2 Branches
0 Tags
62 MiB
 
 
 
 
 
Tree: 07396413f9
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '07396413f9'
${ noResults }
anmeldeportal_hochzeit/frontend/index.html

695 lines
35 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. Viel 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 ds "JA" wort gegeben haben. So gibt es in jeder Kriese auch Lichtblicke. Wir hoffen das auch ihr Lichtbllicke findet. Wir haben uns gefunden und freuen uns nun auf uner 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 Krichrüsselbach hat es uns ermöglicht, die großzügige Kollekte aus unseren Trauugottesdienst als Spende an eine NGO in Tansania zu verwennden. So können wir gemeinsam das <a href="https://www.rehabilitation-center-tanzania.org/de/"> Usa River Rehabilitation and Training Center</a> unterstützen. Zusammen mit euren Spenden haben wir über <mark> 510€ </mark> an das Zenter überwiesen und können damit einen Schüler ein geanzes Jahr die Ausbildung finanzieren.
</p>
<p>
Das URRC ist ein Ort, an dem Menschen mit und ohne Behinderung gemeinsam leben, lernen und arbeiten. Gerde Behinderte Kinder haben in Tansania kaum eine Möglichkeit eine Ausbildung zu absolvieren um später Geld zu verdienen um ihr eigenen Lebensunterhalt zu finanzieren. Dabei sind In Afrika Behinderungen, wie zum Beispiel Klumpfus, weit verbreitet und noch immer ein große Einschränkung. In Europa sind diese Behinderungen gut behandelbar und stellt kaum eine Einschränkung dar. Im URRC werden die Kinder aufgenommen und können dort das Schreiner-, Schneider-, Schlosser- oder Bäckerhandwerk erlährenen. Dabei werden zum Beispiel Protesen selber Hergestellt.
</p>
<p>
Die Spende ist bereits auf dem Weg. Wir werden im Januar hinterherreisen und uns von der Arbeit vorort, in der nähe von Arusha, überzeugen. Im Gästehaus des URRC werden wir eine Nacht verbringen und Krisi wird sich vor Ort mit den Terapeuten über die Behandlungsmethoden austauschen. Wir freuen uns schon sehr zu erleben, wie unsere finazielle Hilfe vorort 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 ">Unsere 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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>