@ -1,11 +1,11 @@
<!DOCTYPE html> <!DOCTYPE html>
< html lang = "en " > < html lang = "d e" >
< head > < head >
< meta charset = "utf-8" / > < meta charset = "utf-8" / >
< meta name = "viewport" content = "width=device-width, initial-scale=1, shrink-to-fit=no" / > < meta name = "viewport" content = "width=device-width, initial-scale=1, shrink-to-fit=no" / >
< meta name = "description" content = "" / > < meta name = "description" content = "" / >
< meta name = "author" content = "" / > < meta name = "author" content = "Christopher Bross " / >
< title > Agency - Start Bootstrap Theme < / title > < title > CKris - Hochzeit < / title >
< link rel = "icon" type = "image/x-icon" href = "assets/img/favicon.ico" / > < link rel = "icon" type = "image/x-icon" href = "assets/img/favicon.ico" / >
<!-- Font Awesome icons (free version) --> <!-- Font Awesome icons (free version) -->
< script src = "https://use.fontawesome.com/releases/v5.13.0/js/all.js" crossorigin = "anonymous" > < / script > < script src = "https://use.fontawesome.com/releases/v5.13.0/js/all.js" crossorigin = "anonymous" > < / script >
@ -16,366 +16,521 @@
<!-- Core theme CSS (includes Bootstrap) --> <!-- Core theme CSS (includes Bootstrap) -->
< link href = "css/styles.css" rel = "stylesheet" / > < link href = "css/styles.css" rel = "stylesheet" / >
< / head > < / head >
< body id = "page-top" > < body id = "page-top" >
<!-- Navigation --> <!-- Navigation -->
< nav class = "navbar navbar-expand-lg navbar-dark fixed-top" id = "mainNav" > < nav class = "navbar navbar-expand-lg navbar-light fixed-top" id = "mainNav" >
< div class = "container" > < div class = "container" >
< a class = "navbar-brand js-scroll-trigger" href = "#page-top" > < img src = "assets/img/navbar-logo .svg" alt = "" / > < / a > < 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" > < 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 Menu
< i class = "fas fa-bars ml-1" > < / i > < i class = "fas fa-bars ml-1" > < / i >
< / button > < / button >
< div class = "collapse navbar-collapse" id = "navbarResponsive" > < div class = "collapse navbar-collapse" id = "navbarResponsive" >
< ul class = "navbar-nav text-uppercase ml-auto" > < ul class = "navbar-nav text-uppercase ml-auto" >
< li class = "nav-item" > < a class = "nav-link js-scroll-trigger" href = "#services" > Services < / a > < / li > < li class = "nav-item" > < a class = "nav-link js-scroll-trigger" href = "#einladung" > Einladung < / a > < / li >
< li class = "nav-item" > < a class = "nav-link js-scroll-trigger" href = "#portfolio" > Portfolio < / a > < / li > < li class = "nav-item" > < a class = "nav-link js-scroll-trigger" href = "#anmelden" > Rückmelden < / a > < / li >
< li class = "nav-item" > < a class = "nav-link js-scroll-trigger" href = "#about" > About < / a > < / li > < li class = "nav-item" > < a class = "nav-link js-scroll-trigger" href = "#ablauf" > Ablauf < / a > < / li >
< li class = "nav-item" > < a class = "nav-link js-scroll-trigger" href = "#team" > Team < / a > < / li > < li class = "nav-item" > < a class = "nav-link js-scroll-trigger" href = "#kontakt" > Kontakt < / a > < / li >
< li class = "nav-item" > < a class = "nav-link js-scroll-trigger" href = "#contact" > Contact < / a > < / li > < li class = "nav-item" > < a class = "nav-link js-scroll-trigger" href = "#portfolio" > weitere Infos < / a > < / li >
< / ul > < / ul >
< / div > < / div >
< / div > < / div >
< / nav > < / nav >
<!-- Masthead --> <!-- Masthead -->
< header class = "masthead" > < header class = "masthead" >
< div class = "container" > < div class = "container" >
< div class = "masthead-subheading" > Welcome To Our Studio !< / div > < div class = "masthead-subheading" > Wir sagen Ja !< / div >
< div class = "masthead-heading text-uppercase" > It's Nice To Meet You < / div > < div class = "masthead-heading text-uppercase my-5 " > Krisi & Chris < / div >
< a class = "btn btn-primary btn-xl text-uppercase js-scroll-trigger" href = "#services" > Tell Me More< / a > <!-- <a class="btn btn - primary btn - xl text - uppercase js - scroll - trigger" href="#anmelden">... und wir sind dabei!</a> -- >
< / div > < / div >
< / header > < / header >
<!-- Services -->
< section class = "page-section" id = "services" > <!-- Einladung -->
< section class = "page-section " id = "einladung" >
< div class = "container" > < div class = "container" >
< div class = "text-center" > < div class = "text-center" >
< h2 class = "section-heading text-uppercase" > Services< / h2 > < h2 class = "section-heading text-uppercase" > CK laden Dich/Euch ein< / h2 >
< h3 class = "section-subheading text-muted" > Lorem ipsum dolor sit amet consectetur.< / h3 > <!-- <h3 class="section - subheading text - muted">Wir würden geren unsere Hochzeit zusammen mit euch feiernc!<\b> -->
< h3 class = "section-subheading text-muted" > Um diesen wunderbaren Anlass zu feiern, laden wir Dich/Euch herzlich am 10.10.2020 ein
<!-- Daher laden wir euch herzlich am 10.10.2020 ein zur ... -->
< / h3 >
< / div > < / div >
< div class = "row text-center" > < div class = "row text-center" >
< div class = "col-md-4" > < div class = "col-md-4" >
< span class = "fa-stack fa-4x" > < span class = "fa-stack fa-4x" >
< i class = "fas fa-circle fa-stack-2x text-primary" > < / i > < i class = "fas fa-circle fa-stack-2x text-primary" > < / i >
< i class = "fas fa-shopping-cart fa-stack-1x fa-inverse" > < / i > < i class = "fas fa-church fa-stack-1x fa-inverse" > < / i >
< / span > < / span >
< h4 class = "my-3" > E-Commerce < / h4 > < h4 class = "my-3" > ... zur kirchlichen Trauung < / h4 >
< p class = "text-muted" > Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit .< / p > < p class = "text-muted" > in der St. Jakobuskirche in Kirchrüsselbach .< / p >
< / div > < / div >
< div class = "col-md-4" > < div class = "col-md-4" >
< span class = "fa-stack fa-4x" > < span class = "fa-stack fa-4x" >
< i class = "fas fa-circle fa-stack-2x text-primary" > < / i > < i class = "fas fa-circle fa-stack-2x text-primary" > < / i >
< i class = "fas fa-laptop fa-stack-1x fa-inverse" > < / i > < i class = "fas fa-glass-cheers fa-stack-1x fa-inverse" > < / i >
< / span > < / span >
< h4 class = "my-3" > Responsive Desig n< / h4 > < h4 class = "my-3" > ... um mit uns anzustoße n< / h4 >
< p class = "text-muted" > Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit. < / p > < p class = "text-muted" > auf unseren Start ins Eheglück < / p >
< / div > < / div >
< div class = "col-md-4" > < div class = "col-md-4" >
< span class = "fa-stack fa-4x" > < span class = "fa-stack fa-4x" >
< i class = "fas fa-circle fa-stack-2x text-primary" > < / i > < i class = "fas fa-circle fa-stack-2x text-primary" > < / i >
< i class = "fas fa-lock fa-stack-1x fa-inverse" > < / i > < i class = "fas fa-utensils fa-stack-1x fa-inverse" > < / i >
< / span > < / span >
< h4 class = "my-3" > Web Security < / h4 > < h4 class = "my-3" > ... mit uns zu feiern < / h4 >
< p class = "text-muted" > Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit .< / p > < p class = "text-muted" > in der Gastwirtschaft zum Roten Ochsen in Kalchreuth .< / p >
< / div > < / div >
< / div > < / div >
< div class = "text-center my-5" >
< a class = "btn btn-primary btn-xl text-uppercase js-scroll-trigger" href = "#anmelden" > wir sind dabei!< / a >
< / div >
< / div > < / div >
< / section > < / section >
<!-- Portfolio Grid -->
< section class = "page-section bg-light" id = "portfolio" > <!-- Anmelde Formular -->
< section class = "page-section bg-dark" id = "anmelden" >
< div class = "container" > < div class = "container" >
< div class = "text-center" > < div class = "text-center" >
< h2 class = "section-heading text-uppercase" > Portfolio< / h2 > < h2 class = "section-heading text-uppercase text-white" > Rückmelde Formular< / h2 >
< h3 class = "section-subheading text-muted" > Lorem ipsum dolor sit amet consectetur.< / h3 > < h3 class = "section-subheading text-muted" >
Bitte gebt uns bescheid, ob ihr kommen könnt oder verhindert seid.< br / >
Außerdem helft ihr uns bei der Planung, wenn ihr uns noch ein paar Zusatzinformationen gebt.
< / h3 >
< / div > < / div >
< div class = "row" > < form id = "anmeldeForm" name = "rueckmeldung" method = "post ">
< div class = "col-lg-4 col-sm-6 mb-4" >
< div class = "portfolio-item" > <!-- NAME -- >
< a class = "portfolio-link" data-toggle = "modal" href = "#portfolioModal1 " > < fieldset class = "form-group ">
< div class = "portfolio-hover " > < div class = "form-row align-items-stretch mb-2 " >
< div class = "portfolio-hover-content " > < i class = "fas fa-plus fa-3x" > < / i > < / div > < legen dclass = "col-sm-3 col-form-label pt-0 text-white " > < h5 class = "subheading" > Name< span class = "text-primary" > * < / span > < / h5 > < / legen d>
< / div > <!-- VORNAME -- >
< img class = "img-fluid" src = "assets/img/portfolio/01-thumbnail.jpg" alt = "" / > < div class = "col-md-4" >
< / a > < input class = "form-control" id = "firstn ame" type = "text" placeholder = "Vorname" required = "required" data-validation-required-message = "Bitte gebe deinen Vornamen ein, damit wir dich eindeutig zuortnen können." / >
< div class = "portfolio-caption" > < / div >
< div class = "portfolio-caption-heading " > Threads< / div > < div class = "col-md-4 " >
< div class = "portfolio-caption-subheading text-muted" > Illustration< / div > < input class = "form-control" id = "name" type = "text" placeholder = "Familienname" required = "required" data-validation-required-message = "Bitte gebe deinen Namen ein, damit wir dich zuortnen können." / >
< / div > < / div >
< p class = "help-block text-danger" > < / p >
< / div > < / div >
< / div > < / fieldset >
< div class = "col-lg-4 col-sm-6 mb-4" >
< div class = "portfolio-item" > <!-- Bestätigung -->
< a class = "portfolio-link" data-toggle = "modal" href = "#portfolioModal2" > < fieldset class = "form-group" >
< div class = "portfolio-hover" > < div class = "form-row align-items-stretch mb-2" >
< div class = "portfolio-hover-content" > < i class = "fas fa-plus fa-3x" > < / i > < / div > < legend class = "col-sm-3 col-form-label text-white" > < h5 class = "subheading" > Rückmeldung< span class = "text-primary" > *< / span > < / h5 > < / legend >
< div class = "col-md-8" >
< div class = "form-check custom-control custom-radio" >
< input class = "form-check-input custom-control-input" type = "radio" name = "rueckmeldung" id = "reuckmeldungYES" value = "yes" checked >
< label class = "form-check-label text-white custom-control-label" for = "reuckmeldungYES" > Ich/Wir freuen uns mit euch zu feiern.< / label >
< / div >
< div class = "form-check custom-control custom-radio" >
< input class = "form-check-input custom-control-input" type = "radio" name = "rueckmeldung" id = "reuckmeldungNO" value = "no" >
< label class = "form-check-label text-white custom-control-label" for = "reuckmeldungNO" > Ich/Wir stoßen aus der Ferne mit euch an.< / label >
< / div >
< div class = "form-check custom-control custom-radio" >
< input class = "form-check-input custom-control-input" type = "radio" name = "rueckmeldung" id = "reuckmeldungMaybe" value = "maybe" >
< label class = "form-check-label text-white custom-control-label" for = "reuckmeldungMaybe" > Aufgrud der unklaren Coronalage (z.B. Einreisebestimmungen) kann ich/ können wir leider noch nicht fest zusagen.< / label >
< / div > < / div >
< img class = "img-fluid" src = "assets/img/portfolio/02-thumbnail.jpg" alt = "" / >
< / a >
< div class = "portfolio-caption" >
< div class = "portfolio-caption-heading" > Explore< / div >
< div class = "portfolio-caption-subheading text-muted" > Graphic Design< / div >
< / div > < / div >
< / div > < / div >
< / div > < / fieldset >
< div class = "col-lg-4 col-sm-6 mb-4" >
< div class = "portfolio-item" > <!-- Anzahl Personen -->
< a class = "portfolio-link" data-toggle = "modal" href = "#portfolioModal3" > < fieldset class = "form-group" >
< div class = "portfolio-hover" > < div class = "form-row align-items-stretch mb-2" >
< div class = "portfolio-hover-content" > < i class = "fas fa-plus fa-3x" > < / i > < / div > < legend class = "col-sm-3 col-form-label text-white" > < h5 class = "subheading" > Anzahl< span class = "text-primary" > *< / span > < / h5 > < / legend >
< / div > < div class = "col-md-4" >
< img class = "img-fluid" src = "assets/img/portfolio/03-thumbnail.jpg" alt = "" / > <!-- Erwachsene -->
< / a > < input class = "form-control" id = "numAdult" type = "number" placeholder = "Erwachsene" required = "required" data-validation-required-message = "Bitte verrate uns wie viele Erwachsene du anmeldest." / >
< div class = "portfolio-caption" > < / div >
< div class = "portfolio-caption-heading" > Finish< / div > < div class = "col-md-4" >
< div class = "portfolio-caption-subheading text-muted" > Identity< / div > <!-- Kinder -->
< input class = "form-control" id = "numKids" type = "number" placeholder = "Kinder" required = "required" data-validation-required-message = "Bitte verrate uns wie viele Kinder du mitbringst." / >
< / div > < / div >
< p class = "help-block text-danger" > < / p >
< / div > < / div >
< / div > < / fieldset >
< div class = "col-lg-4 col-sm-6 mb-4 mb-lg-0" >
< div class = "portfolio-item" >
< a class = "portfolio-link" data-toggle = "modal" href = "#portfolioModal4" > < div class = "hline m-5" > < / div >
< div class = "portfolio-hover" >
< div class = "portfolio-hover-content" > < i class = "fas fa-plus fa-3x" > < / i > < / div >
< fieldset class = "form-group" >
< div class = "form-row align-items-stretch mb-2" >
< legend class = "col-sm-3 col-form-label text-white" > < h5 class = "subheading" > Essenswünsche< / h5 > < / legend >
< div class = "col-md-8 " >
< label class = "text-white mb-0" for = "vegi" > Vegetarier< / label >
< div class = "input-group mb-2" >
< div class = "input-group-prepend" >
< div class = "input-group-text" >
< input type = "checkbox" id = "vegi" >
< / div >
< / div >
< input class = "form-control" id = "numVegi" type = "number" placeholder = "Anzahl" / >
< / div >
< label class = "text-white mb-0" for = "vegan" > Veganer< / label >
< div class = "input-group mb-2" >
< div class = "input-group-prepend" >
< div class = "input-group-text" >
< input type = "checkbox" id = "vegan" >
< / div >
< / div >
< input class = "form-control" id = "numVegan" type = "number" placeholder = "Anzahl" / >
< / div >
< label class = "text-white mb-0" for = "alagen" > Allergien und Unverträglichkeiten< / label >
< div class = "input-group mb-2" >
< div class = "input-group-prepend" >
< div class = "input-group-text" >
< input type = "checkbox" id = "alagen" >
< / div >
< / div >
< input class = "form-control" id = "textAalagen" type = "text" placeholder = "Allergene und Unverträglichkeiten" / >
< / div > < / div >
< img class = "img-fluid" src = "assets/img/portfolio/04-thumbnail.jpg" alt = "" / >
< / a >
< div class = "portfolio-caption" >
< div class = "portfolio-caption-heading" > Lines< / div >
< div class = "portfolio-caption-subheading text-muted" > Branding< / div >
< / div > < / div >
< / div > < / div >
< / div > < / fieldset >
< div class = "col-lg-4 col-sm-6 mb-4 mb-sm-0" >
< div class = "portfolio-item" >
< a class = "portfolio-link" data-toggle = "modal" href = "#portfolioModal5" > < div class = "hline m-5" > < / div >
< div class = "portfolio-hover" >
< div class = "portfolio-hover-content" > < i class = "fas fa-plus fa-3x" > < / i > < / div >
< fieldset class = "form-group" >
< div class = "form-row align-items-stretch mb-2" >
< legend class = "col-sm-3 col-form-label text-white" > < h5 class = "subheading" > Unterkunft< / h5 > < / legend >
< div class = "col-md-8 " >
< label class = "text-white mb-0" for = "unterkunft" > Ich/Wir benötige/n eine Unterkunft< / label >
< div class = "input-group mb-2" >
< div class = "input-group-prepend" >
< div class = "input-group-text" >
< input type = "checkbox" id = "unterkunft" >
< / div >
< / div >
< input class = "form-control" id = "numUnterkunft" type = "number" placeholder = "Anzahl der Zimmer" / >
< / div >
< div >
< label class = "text-white mb-0" for = "arival" > Geplante Anreise< / label >
<!-- <input class="form - control" id="arival" type="date" value="2020 - 10 - 09" /> -->
< input class = "form-control" id = "arival" type = "date" / >
< / div > < / div >
< img class = "img-fluid" src = "assets/img/portfolio/05-thumbnail.jpg" alt = "" / >
< / a >
< div class = "portfolio-caption" >
< div class = "portfolio-caption-heading" > Southwest< / div >
< div class = "portfolio-caption-subheading text-muted" > Website Design< / div >
< / div > < / div >
< / div > < / div >
< / div > < / fieldset >
< div class = "col-lg-4 col-sm-6" >
< div class = "portfolio-item" >
< a class = "portfolio-link" data-toggle = "modal" href = "#portfolioModal6" > < div class = "hline m-5" > < / div >
< div class = "portfolio-hover" >
< div class = "portfolio-hover-content" > < i class = "fas fa-plus fa-3x" > < / i > < / div >
< fieldset class = "form-group" >
< div class = "form-row align-items-stretch mb-2" >
< legend class = "col-sm-3 col-form-label text-white" > < h5 class = "subheading" > Sonstiges< / h5 > < / legend >
< div class = "col-md-8 " >
< div class = "mb-4" >
< label class = "text-white mb-0" for = "musik" > Zu dieser Musik werde/n ich/wir die Tanzfläche rocken< / label >
< input class = "form-control" type = "text" id = "musik" placeholder = "Musikwunsch" >
< / div > < / div >
< img class = "img-fluid" src = "assets/img/portfolio/06-thumbnail.jpg" alt = "" / >
< / a > < div class = "mb-4" >
< div class = "portfolio-caption" > <!-- <input class="form - check - input custom - control - input" type="checkbox" id="trauzeugen" > -->
< div class = "portfolio-caption-heading" > Window< / div > < label class = "form-check-label text-white " for = "trauzeugen" > Dürfen wir deine/eure E-Mail Adresse an unsere Trauzeugen weitergeben, damit diese dich/euch anschreiben können?< / label >
< div class = "portfolio-caption-subheading text-muted" > Photography< / div > < div class = "input-group mb-4" >
< div class = "input-group-prepend" >
< div class = "input-group-text" >
< input type = "checkbox" id = "trauzeugen" >
< / div >
< / div >
< input class = "form-control" id = "contact" type = "email" placeholder = "E-Mail Kontaktadresse für Trauzeugen" / >
< / div >
< / div >
<!-- <div class="mb - 4 custom - control custom.control - switch">
< input class = "form-check-input custom-control-input" type = "checkbox" id = "corona" >
< label class = "form-check-label custom-control-label text-white " for = "corona" >
Sollten wir die gestzlichen Möglichkeiten NICHT voll ausschöpfen um keine Anteckungen auf unserer Hochzeit zu reskieren
< / label >
< / div >
-->
< / div > < / div >
< / div > < / div >
< / fieldset >
< div class = "hline m-5" > < / div >
< div class = "text-white mb-3" >
Wir verwenden die Angaben natürlich nur im Zusammenhang mit unserer Hochzeit und geben keine persönlichen Daten an Dritte weiter, die nicht direkt in die Planung oder Vorbereitung der Hochzeit involviert sind.
< br / > Bitte füllt mindestens die mit einem < span class = "text-primary" > *< / span > markierten Felder aus, damit wir zum Beispiel zusammen mit dem Wirt das Festmenü planen können.
< / div > < / div >
< / div >
< div class = "text-center" >
< div id = "success" > < / div >
< button class = "btn btn-primary btn-xl text-uppercase" id = "sendMessageButton" type = "submit" > Send Message< / button >
< / div >
< / form >
< / div > < / div >
< / section > < / section >
<!-- About -->
< section class = "page-section" id = "about" >
<!-- Ablauf -->
< section class = "page-section" id = "ablauf" >
< div class = "container" > < div class = "container" >
< div class = "text-center" > < div class = "text-center" >
< h2 class = "section-heading text-uppercase" > About< / h2 > < h2 class = "section-heading text-uppercase" > Ablauf < / h2 >
< h3 class = "section-subheading text-muted" > Lorem ipsum dolor sit amet consectetur.< / h3 > < h3 class = "section-subheading text-muted" > So planen wir mit euch zu feiern .< / h3 >
< / div > < / div >
< ul class = "timeline" > < ul class = "timeline" >
< li > < li >
< div class = "timeline-image" > < img class = "rounded-circle img-fluid" src = "assets/img/about/1.jpg" alt = "" / > < / div > < div class = "timeline-image" > < img class = "rounded-circle img-fluid" src = "assets/img/ablauf/kirche .jpg" alt = "Trauung " / > < / div >
< div class = "timeline-panel" > < div class = "timeline-panel" >
< div class = "timeline-heading" > < div class = "timeline-heading" >
< h4 > 2009-20 11< / h4 > < h4 > 11:30 Uhr < / h4 >
< h4 class = "subheading" > Our Humble Beginnings < / h4 > < h4 class = "subheading" > Kirchliche Trauung < / h4 >
< / div > < / div >
< div class = "timeline-body" > < p class = "text-muted" > Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!< / p > < / div > < div class = "timeline-body" > < p class = "text-muted" > Wir werden uns in der St. Jakobuskirche in Kirchrüsselbach trauen lassen und freuen uns darauf, dass ihr uns in unseren Traugottesdeinst begleitet.
<!-- und für uns betet. -->
< / p > < / div >
< / div > < / div >
< / li > < / li >
< li class = "timeline-inverted" > < li class = "timeline-inverted" >
< div class = "timeline-image" > < img class = "rounded-circle img-fluid" src = "assets/img/about/2.jpg" alt = "" / > < / div > <!-- Bildquelle: Pexels https://www.pexels.com/de - de/foto/alkohol - alkoholisches - getrank - champagner - drinnen - 1121331/ -->
< div class = "timeline-image" > < img class = "rounded-circle img-fluid" src = "assets/img/ablauf/clink.jpg" alt = "clink glases" / > < / div >
< div class = "timeline-panel" > < div class = "timeline-panel" >
< div class = "timeline-heading" > < div class = "timeline-heading" >
< h4 > March 2011< / h4 > <!-- <h4>12:30 Uhr</h4> -- >
< h4 class = "subheading" > An Agency is Born < / h4 > < h4 class = "subheading" > Sektempfang < / h4 >
< / div > < / div >
< div class = "timeline-body" > < p class = "text-muted" > Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur! < / p > < / div > < div class = "timeline-body" > < p class = "text-muted" > Im Anschluss der Trauung stoßen wir mit euch an und stärken uns gemeinsam mit kleinen Häppchen an der Kirche. < / p > < / div >
< / div > < / div >
< / li > < / li >
< li > < li >
< div class = "timeline-image" > < img class = "rounded-circle img-fluid" src = "assets/img/about/3.jpg" alt = "" / > < / div > <!-- Bildquelle: Pexels https://www.pexels.com/de - de/foto/braut - dessert - essen - feier - 1345574/ -->
< div class = "timeline-image" > < img class = "rounded-circle img-fluid" src = "assets/img/ablauf/cake.jpg" alt = "cake" / > < / div >
< div class = "timeline-panel" > < div class = "timeline-panel" >
< div class = "timeline-heading" > < div class = "timeline-heading" >
< h4 > December 2012< / h4 > <!-- <h4>15:30 Uhr</h4> -- >
< h4 class = "subheading" > Transition to Full Service < / h4 > < h4 class = "subheading" > Kaffee und Kuchen < / h4 >
< / div > < / div >
< div class = "timeline-body" > < p class = "text-muted" > Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!< / p > < / div > < div class = "timeline-body" > < p class = "text-muted" >
Wir wechseln die Location zum Roten Ochsen in Kalchreuth, wo
in rustikaler Atmosphäre der nächste Höhepunkt auf uns wartet: Das Anschneiden der Hochzeitstorte!< / p > < / div >
< / div > < / div >
< / li > < / li >
< li class = "timeline-inverted" > < li class = "timeline-inverted" >
< div class = "timeline-image" > < img class = "rounded-circle img-fluid" src = "assets/img/about/4.jpg" alt = "" / > < / div > <!-- Bildquelle: Pexels https://www.pexels.com/de - de/foto/business - dslr - erwachsener - fashion - 167832/ -->
< div class = "timeline-image" > < img class = "rounded-circle img-fluid" src = "assets/img/ablauf/photo.jpg" alt = "photo" / > < / div >
< div class = "timeline-panel" >
< div class = "timeline-heading" >
< h4 class = "subheading" > Fotos mit euch< / h4 >
< / div >
< div class = "timeline-body" > < p class = "text-muted" > Natürlich dürfen auch ein paar Erinnerungsfotos mit dem Brautpaar nicht fehlen.< / p > < / div >
< / div >
< / li >
< li >
<!-- Bildquelle: Pexels https://www.pexels.com/de - de/foto/bankett - besteck - blume - dekoration - 1114425/ -->
< div class = "timeline-image" > < img class = "rounded-circle img-fluid" src = "assets/img/ablauf/dinner.jpg" alt = "dinner" / > < / div >
< div class = "timeline-panel" > < div class = "timeline-panel" >
< div class = "timeline-heading" > < div class = "timeline-heading" >
< h4 > July 2014< / h4 > <!-- <h4>19:00 Uhr</h4> -- >
< h4 class = "subheading" > Phase Two Expansion< / h4 > < h4 class = "subheading" > Abendesse n< / h4 >
< / div > < / div >
< div class = "timeline-body" > < p class = "text-muted" > Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!< / p > < / div > < div class = "timeline-body" > < p class = "text-muted" > Nach einem aufregenden Tag nehmen wir das Festmenü in stilvollem Ambiente ein. < / p > < / div >
< / div > < / div >
< / li > < / li >
< li class = "timeline-inverted" > < li class = "timeline-inverted" >
< div class = "timeline-image" > <!-- Bildquelle: Pexels https://www.pexels.com/de - de/foto/toast - menschen - hand - festival - 59884/ -- >
< h4 > < div class = "timeline-image" > < img class = "rounded-circle img-fluid" src = "assets/img/ablauf/party.jpg" alt = "party" / > < / div >
Be Part < div class = "timeline-panel" >
< br / > < div class = "timeline-heading" >
Of Our <!-- <h4>22:00 Uhr</h4> -->
< br / > < h4 class = "su bheading" > Paty Time< / h4 >
Story! < / div >
< / h4 > < div class = "timeline-body" > < p class = "text-muted" > Mit dem Hochzeitstanz werden wir die Tanzfläche eröffnen, denn dann heist es: 'It's Party time!'< / p > < / div >
< / div > < / div >
< / li > < / li >
< / ul > < / ul >
< / div > < / div >
< / section > < / section >
<!-- Team -->
< section class = "page-section bg-light" id = "team" > <!-- Kontakt -->
< section class = "page-section bg-light" id = "kontakt" >
< div class = "container" > < div class = "container" >
< div class = "text-center" > < div class = "text-center" >
< h2 class = "section-heading text-uppercase" > Our Amazing Team < / h2 > < h2 class = "section-heading text-uppercase" > Schreibt uns! < / h2 >
< h3 class = "section-subheading text-muted" > Lorem ipsum dolor sit amet consectetur. < / h3 > < h3 class = "section-subheading text-muted" > Ihr habt noch Fragen oder wollt uns einfach noch was sagen? < / h3 >
< / div > < / div >
< div class = "row" > < div class = "row" >
< div class = "col-lg-4" > < div class = "col-lg-4" >
< div class = "team-member" > < div class = "team-member" >
< img class = "mx-auto rounded-circle" src = "assets/img/team/1.jpg" alt = "" / > < img class = "mx-auto rounded-circle" src = "assets/img/kontakt/sophia.jpg" alt = "Sophia" / >
< h4 > Kay Garland< / h4 > < h4 > Sophia< / h4 >
< p class = "text-muted" > Lead Designer< / p > < p class = "text-muted" > Trauzeugin von Chris< / p >
< a class = "btn btn-dark btn-social mx-2" href = "#!" > < i class = "fab fa-twitter" > < / i > < / a > < a class = "btn btn-dark btn-social mx-2" href = "mailto:trauzeugen@ckris.de" > < i class = "fa fa-envelope" > < / i > < / a >
< a class = "btn btn-dark btn-social mx-2" href = "#!" > < i class = "fab fa-facebook-f" > < / i > < / a >
< a class = "btn btn-dark btn-social mx-2" href = "#!" > < i class = "fab fa-linkedin-in" > < / i > < / a >
< / div > < / div >
< / div > < / div >
< div class = "col-lg-4" > < div class = "col-lg-4" >
< div class = "team-member" > < div class = "team-member" >
< img class = "mx-auto rounded-circle" src = "assets/img/team/2.jpg" alt = "" / > < img class = "mx-auto rounded-circle" src = "assets/img/kontakt/ck.jpg" alt = "Krisi & Chris" / >
< h4 > Larry Parker< / h4 > < h4 > Krisi & Chris< / h4 >
< p class = "text-muted" > Lead Marketer< / p > < p class = "text-muted" > Brautpaar< / p >
< a class = "btn btn-dark btn-social mx-2" href = "#!" > < i class = "fab fa-twitter" > < / i > < / a > <!-- <p class="text - muted" href="mailto:hochzeit@ckris.de" >hochzeit@ckris.de</p> -->
< a class = "btn btn-dark btn-social mx-2" href = "#!" > < i class = "fab fa-facebook-f" > < / i > < / a > < a class = "btn btn-dark btn-social mx-2" href = "mailto:hochzeit@ckris.de" > < i class = "fa fa-envelope" > < / i > < / a >
< a class = "btn btn-dark btn-social mx-2" href = "#!" > < i class = "fab fa-linkedin-in" > < / i > < / a > < a class = "btn btn-dark btn-social mx-2" href = "https://t.me/titzi1990" > < i class = "fab fa-telegram" > < / i > < / a >
< a class = "btn btn-dark btn-social mx-2" href = "https://t.me/Krisi1001" > < i class = "fab fa-telegram" > < / i > < / a >
< / div > < / div >
< / div > < / div >
< div class = "col-lg-4" > < div class = "col-lg-4" >
< div class = "team-member" > < div class = "team-member" >
< img class = "mx-auto rounded-circle" src = "assets/img/team/3.jpg" alt = "" / > < img class = "mx-auto rounded-circle" src = "assets/img/kontakt/desiree.jpg" alt = "Desiree" / >
< h4 > Diana Petersen< / h4 > < h4 > Desiree< / h4 >
< p class = "text-muted" > Lead Developer< / p > < p class = "text-muted" > Trauzeugin von Krisi< / p >
< a class = "btn btn-dark btn-social mx-2" href = "#!" > < i class = "fab fa-twitter" > < / i > < / a > < a class = "btn btn-dark btn-social mx-2" href = "mailto:trauzeugen@ckris.de" > < i class = "fa fa-envelope" > < / i > < / a >
< a class = "btn btn-dark btn-social mx-2" href = "#!" > < i class = "fab fa-facebook-f" > < / i > < / a >
< a class = "btn btn-dark btn-social mx-2" href = "#!" > < i class = "fab fa-linkedin-in" > < / i > < / a >
< / div > < / div >
< / div > < / div >
< / div > < / div >
< div class = "row" > < div class = "row" >
< div class = "col-lg-8 mx-auto text-center" > < p class = "large text-muted" > Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque, laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.< / p > < / div > < div class = "col-lg-8 mx-auto text-center" > < p class = "large text-muted" >
Auch unsere Trauzeugen - Desiree und Sophia - helfen euch gerne weiter. Wenn ihr eine Überaschung für uns plant oder Fragen zu Geschenken habt, seid ihr bei ihnen Gold richtig.< / p > < / div >
< / div > < / div >
< / div > < / div >
< / section > < / section >
<!-- Clients -->
< div class = "py-5" > <!-- Portfolio Grid -->
< div class = "container" > < section class = "page-section" id = "portfolio" >
< div class = "row" >
< div class = "col-md-3 col-sm-6 my-3" >
< a href = "#!" > < img class = "img-fluid d-block mx-auto" src = "assets/img/logos/envato.jpg" alt = "" / > < / a >
< / div >
< div class = "col-md-3 col-sm-6 my-3" >
< a href = "#!" > < img class = "img-fluid d-block mx-auto" src = "assets/img/logos/designmodo.jpg" alt = "" / > < / a >
< / div >
< div class = "col-md-3 col-sm-6 my-3" >
< a href = "#!" > < img class = "img-fluid d-block mx-auto" src = "assets/img/logos/themeforest.jpg" alt = "" / > < / a >
< / div >
< div class = "col-md-3 col-sm-6 my-3" >
< a href = "#!" > < img class = "img-fluid d-block mx-auto" src = "assets/img/logos/creative-market.jpg" alt = "" / > < / a >
< / div >
< / div >
< / div >
< / div >
<!-- Contact -->
< section class = "page-section" id = "contact" >
< div class = "container" > < div class = "container" >
< div class = "text-center" > < div class = "text-center" >
< h2 class = "section-heading text-uppercase" > Contact Us < / h2 > < h2 class = "section-heading text-uppercase" > weitere Informationen< / h2 >
< h3 class = "section-subheading text-muted" > Lorem ipsum dolor sit amet consectetur .< / h3 > < h3 class = "section-subheading text-muted" > Alles was ihr vor unserer Hochzeit noch wissen solltet.< / h3 >
< / div > < / div >
< form id = "contactForm" name = "sentMessage" novalidate = "novalidate" > < div class = "row" >
< div class = "row align-items-stretch mb-5" > < div class = "col-lg-4 col-sm-6 mb-4" >
< div class = "col-md-6" > < div class = "portfolio-item" >
< div class = "form-group" > < a class = "portfolio-link" data-toggle = "modal" href = "#infoAnfahrt" >
< input class = "form-control" id = "name" type = "text" placeholder = "Your Name *" required = "required" data-validation-required-message = "Please enter your name." / > < div class = "portfolio-hover" >
< p class = "help-block text-danger" > < / p > < div class = "portfolio-hover-content" > < i class = "fas fa-plus fa-3x" > < / i > < / div >
< / div >
< img class = "img-fluid" src = "assets/img/info/anfahrt.jpg" alt = "" / >
< / a >
< div class = "portfolio-caption" >
< div class = "portfolio-caption-heading" > Traulocation< / div >
< div class = "portfolio-caption-subheading text-muted" > Wo findet ihr die Kirche?< / div >
< / div > < / div >
< div class = "form-group" > < / div >
< input class = "form-control" id = "email" type = "email" placeholder = "Your Email *" required = "required" data-validation-required-message = "Please enter your email address." / > < / div >
< p class = "help-block text-danger" > < / p > < div class = "col-lg-4 col-sm-6 mb-4" >
< div class = "portfolio-item" >
< a class = "portfolio-link" data-toggle = "modal" href = "#infoConvoi" >
< div class = "portfolio-hover" >
< div class = "portfolio-hover-content" > < i class = "fas fa-plus fa-3x" > < / i > < / div >
< / div >
<!-- bild quelle: unsplash https://unsplash.com/photos/tPxnF8LVNEI -->
< img class = "img-fluid" src = "assets/img/info/auto_small.jpg" alt = "" / >
< / a >
< div class = "portfolio-caption" >
< div class = "portfolio-caption-heading" > Wegbeschreibung< / div >
< div class = "portfolio-caption-subheading text-muted" > Wie kommen wir von der Kirche zum Gasthof Roten Ochsen?< / div >
< / div > < / div >
< div class = "form-group mb-md-0" > < / div >
< input class = "form-control" id = "phone" type = "tel" placeholder = "Your Phone *" required = "required" data-validation-required-message = "Please enter your phone number." / > < / div >
< p class = "help-block text-danger" > < / p > < div class = "col-lg-4 col-sm-6 mb-4" >
< div class = "portfolio-item" >
< a class = "portfolio-link" data-toggle = "modal" href = "#infoUnterkunft" >
< div class = "portfolio-hover" >
< div class = "portfolio-hover-content" > < i class = "fas fa-plus fa-3x" > < / i > < / div >
< / div >
< img class = "img-fluid" src = "assets/img/info/hotell_small.jpg" alt = "" / >
< / a >
< div class = "portfolio-caption" >
< div class = "portfolio-caption-heading" > Unterkunft< / div >
< div class = "portfolio-caption-subheading text-muted" > Ihr braucht ein Hotelzimmer?< / div >
< / div > < / div >
< / div > < / div >
< div class = "col-md-6" > < / div >
< div class = "form-group form-group-textarea mb-md-0" > < div class = "col-lg-6 col-sm-6 mb-4 mb-lg-0" >
< textarea class = "form-control" id = "message" placeholder = "Your Message *" required = "required" data-validation-required-message = "Please enter a message." > < / textarea > < div class = "portfolio-item" >
< p class = "help-block text-danger" > < / p > < a class = "portfolio-link" data-toggle = "modal" href = "#infoDresscode" >
< div class = "portfolio-hover" >
< div class = "portfolio-hover-content" > < i class = "fas fa-plus fa-3x" > < / i > < / div >
< / div >
< img class = "img-fluid" src = "assets/img/info/kleider_small.jpg" alt = "" / >
< / a >
< div class = "portfolio-caption" >
< div class = "portfolio-caption-heading" > Dresscode< / div >
< div class = "portfolio-caption-subheading text-muted" > Was soll ich nur anziehen?< / div >
< / div > < / div >
< / div > < / div >
< / div > < / div >
< div class = "text-center" > < div class = "col-lg-6 col-sm-6 mb-4 mb-sm-0" >
< div id = "success" > < / div > < div class = "portfolio-item" >
< button class = "btn btn-primary btn-xl text-uppercase" id = "sendMessageButton" type = "submit" > Send Message< / button > < a class = "portfolio-link" data-toggle = "modal" href = "#infoGeschenk" >
< div class = "portfolio-hover" >
< div class = "portfolio-hover-content" > < i class = "fas fa-plus fa-3x" > < / i > < / div >
< / div >
< img class = "img-fluid" src = "assets/img/info/geschenk_small.jpeg" alt = "" / >
< / a >
< div class = "portfolio-caption" >
< div class = "portfolio-caption-heading" > Geschenketisch< / div >
< div class = "portfolio-caption-subheading text-muted" > Wie können wir euch eine Freude machen?< / div >
< / div >
< / div >
< / div > < / div >
< / form > < / div >
< / div > < / div >
< / section > < / section >
<!-- Footer --> <!-- Footer -->
< footer class = "footer py-4" > < footer class = "footer py-4" >
< div class = "container" > < div class = "container" >
< div class = "row align-items-center" > < div class = "row align-items-center" >
< div class = "col-lg-4 text-lg-left" > Copyright © Your Website 2020< / div > < div class = "col-lg-5 text-lg-left" > Copyright © ckris.de 2020< / div >
< div class = "col-lg-4 my-3 my-lg-0" > < div class = "col-lg-2 my-3 my-lg-0" >
< a class = "btn btn-dark btn-social mx-2" href = "#!" > < i class = "fab fa-twitter" > < / i > < / a > < a class = "btn btn-dark btn-social mx-2" href = "mailto:webmaster@ckris.de" > < i class = "fa fa-envelope" > < / i > < / a >
< a class = "btn btn-dark btn-social mx-2" href = "#!" > < i class = "fab fa-facebook-f" > < / i > < / a >
< a class = "btn btn-dark btn-social mx-2" href = "#!" > < i class = "fab fa-linkedin-in" > < / i > < / a >
< / div > < / div >
< div class = "col-lg-4 text-lg-right" > < div class = "col-lg-5 text-lg-right" >
< a class = "mr-3" href = "#!" > Privacy Policy< / a > Christopher Bross, Gratenstraße 9, 91338 Igensdorf
< a href = "#!" > Terms of Use< / a >
< / div > < / div >
< / div > < / div >
< / div > < / div >
< / footer > < / footer >
<!-- Portfolio Modals --> <!-- Portfolio Modals -->
<!-- Modal 1 --> <!-- Info Dresscode -->
< div class = "portfolio-modal modal fade" id = "portfolioModal1" tabindex = "-1" role = "dialog" aria-hidden = "true" > < div class = "portfolio-modal modal fade col-lg-8 " id = "infoDresscode " tabindex = "-1" role = "dialog" aria-hidden = "true" >
< div class = "modal-dialog" > < div class = "modal-dialog" >
< div class = "modal-content" > < div class = "modal-content" >
< div class = "close-modal" data-dismiss = "modal" > < img src = "assets/img/close-icon.svg" alt = "Close modal" / > < / div > < div class = "close-modal" data-dismiss = "modal" > < img src = "assets/img/close-icon.svg" alt = "Close modal" / > < / div >
< div class = "container" > < div class = "container" >
< div class = "row justify-content-center" > < div class = "row justify-content-center" >
< div class = "col-lg-8" > < div class = "col-lg-8" >
< div class = "modal-body" > < div class = "modal-body bg-light " >
<!-- Project Details Go Here --> <!-- Project Details Go Here -->
< h2 class = "text-uppercase" > Project Name< / h2 > < h2 class = "text-uppercase" > Was soll ich nur anziehen?< / h2 >
< p class = "item-intro text-muted" > Lorem ipsum dolor sit amet consectetur.< / p > < p class = "item-intro text-muted" > Mancher Gast der mag sich fragen, was soll ich an diesem Tage tragen.< br / >
< img class = "img-fluid d-block mx-auto" src = "assets/img/portfolio/01-full.jpg" alt = "" / > Es soll ein schickes Feste sein, dann kleidet euch entsprechend ein.< / p >
< p > Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!< / p > <!-- Bildquelle: pexels https://www.pexels.com/de - de/foto/anzuge - bunt - business - designeranzuge - 6805/ -->
< ul class = "list-inline" > < img class = "img-fluid d-block mx-auto" src = "assets/img/info/kleider.jpg" alt = "" / >
< li > Date: January 2020< / li > < p > Wenn ihr noch nach einem passenden Outfit sucht, orentiert euch doch am besten an den Dresscodes < a href = "https://www.dresscode.de/dresscodes/summer-chic/" target = "_blank" > Summer Chic< / a > und < a href = "https://www.dresscode.de/dresscodes/cocktail/" target = "_blank" > Cocktail< / a > . < / p >
< li > Client: Threads< / li >
< li > Category: Illustration< / li >
< / ul >
< button class = "btn btn-primary" data-dismiss = "modal" type = "button" > < button class = "btn btn-primary" data-dismiss = "modal" type = "button" >
< i class = "fas fa-times mr-1" > < / i > < i class = "fas fa-times mr-1" > < / i >
Close Project Schliesen
< / button > < / button >
< / div > < / div >
< / div > < / div >
@ -384,28 +539,31 @@
< / div > < / div >
< / div > < / div >
< / div > < / div >
<!-- Modal 2 -->
< div class = "portfolio-modal modal fade" id = "portfolioModal2" tabindex = "-1" role = "dialog" aria-hidden = "true" > <!-- Info Geschenk -->
< div class = "portfolio-modal modal fade col-lg-8" id = "infoGeschenk" tabindex = "-1" role = "dialog" aria-hidden = "true" >
< div class = "modal-dialog" > < div class = "modal-dialog" >
< div class = "modal-content" > < div class = "modal-content" >
< div class = "close-modal" data-dismiss = "modal" > < img src = "assets/img/close-icon.svg" alt = "Close modal" / > < / div > < div class = "close-modal" data-dismiss = "modal" > < img src = "assets/img/close-icon.svg" alt = "Close modal" / > < / div >
< div class = "container" > < div class = "container" >
< div class = "row justify-content-center" > < div class = "row justify-content-center" >
< div class = "col-lg-8" > < div class = "col-lg-8" >
< div class = "modal-body" > < div class = "modal-body bg-light " >
<!-- Project Details Go Here --> <!-- Project Details Go Here -->
< h2 class = "text-uppercase" > Project Name< / h2 > <!-- <h2 class="text - uppercase">Geschenketisch</h2> -->
< p class = "item-intro text-muted" > Lorem ipsum dolor sit amet consectetur.< / p > < h2 class = "text-uppercase" > Wie könnt ihr uns eine Freude machne?< / h2 >
< img class = "img-fluid d-block mx-auto" src = "assets/img/portfolio/02-full.jpg" alt = "" / > < p class = "item-intro text-muted" > So mancher Gast wird sich wohl denken: "Was sollen wir dem Brautpaar schenken?"< br / >
< p > Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!< / p > Am liebsten wäre uns fürwahr, nebst guten Wünschen eine Kleinigkeit in bar.< / p >
< ul class = "list-inline" > <!-- <p class="item - intro text - muted">Wie können wir euch eine Freude machen?</p> -->
< li > Date: January 2020< / li > <!-- Bildqulle: pexels https://www.pexels.com/de - de/foto/bluhen - blumen - blute - box - 2072169/ -->
< li > Client: Explore< / li > < img class = "img-fluid d-block mx-auto" src = "assets/img/info/geschenk.jpeg" alt = "" / >
< li > Category: Graphic Design< / li > < p > Für unsere Flitterwochen in Tansania freuen wir uns über einen finanziellen Zuschuss in unsere Reisekasse.< / p >
< / ul > < p > Für den Fall, dass euch Scheine und Münzen zu unpersönlich sind, führen unser Trauzeugen eine kleine Geschenkeliste.
Bitte erkundigt euch in so einem Fall bei ihnen, wie ihr uns eine Freude machen könnt.< / p >
<!-- TODO alternativ trauzeugen ein kleine liste geben? -->
< button class = "btn btn-primary" data-dismiss = "modal" type = "button" > < button class = "btn btn-primary" data-dismiss = "modal" type = "button" >
< i class = "fas fa-times mr-1" > < / i > < i class = "fas fa-times mr-1" > < / i >
Close Project Schliesen
< / button > < / button >
< / div > < / div >
< / div > < / div >
@ -414,28 +572,31 @@
< / div > < / div >
< / div > < / div >
< / div > < / div >
<!-- Modal 3 -->
< div class = "portfolio-modal modal fade" id = "portfolioModal3" tabindex = "-1" role = "dialog" aria-hidden = "true" > <!-- Info Anfarts Skitze -->
< div class = "portfolio-modal modal fade col-lg-8" id = "infoAnfahrt" tabindex = "-1" role = "dialog" aria-hidden = "true" >
< div class = "modal-dialog" > < div class = "modal-dialog" >
< div class = "modal-content" > < div class = "modal-content" >
< div class = "close-modal" data-dismiss = "modal" > < img src = "assets/img/close-icon.svg" alt = "Close modal" / > < / div > < div class = "close-modal" data-dismiss = "modal" > < img src = "assets/img/close-icon.svg" alt = "Close modal" / > < / div >
< div class = "container" > < div class = "container" >
< div class = "row justify-content-center" > < div class = "row justify-content-center" >
< div class = "col-lg-8" > < div class = "col-lg-8" >
< div class = "modal-body" > < div class = "modal-body bg-light " >
<!-- Project Details Go Here --> <!-- Project Details Go Here -->
< h2 class = "text-uppercase" > Project Name< / h2 > < h2 class = "text-uppercase" > Wo muss ich hin?< / h2 >
< p class = "item-intro text-muted" > Lorem ipsum dolor sit amet consectetur.< / p > < p class = "item-intro text-muted" > Unsere Trauung wird in der St. Jakobuskirche in Kirchrüsselbach stattfinden.< / p >
< img class = "img-fluid d-block mx-auto" src = "assets/img/portfolio/03-full.jpg" alt = "" / > < iframe class = "d-block mx-auto map-fluid" src = "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d165457.93912456147!2d11.2669754!3d49.6113201!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xe17de36b38c8cf20!2sEv.%20Pfarramt%20Kirchr%C3%BCsselbach!5e0!3m2!1sde!2sde!4v1594547048952!5m2!1sde!2sde" tabindex = "0" aria-hidden = "false" allowfullscreen = "" width = "600" height = "450" frameborder = "0" style = "border:0;" > < / iframe >
< p > Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!< / p > < ul class = "list-inline my-3" >
< ul class = "list-inline" > < a href = "https://www.google.com/maps/dir/?api=1&travelmode=driving&layer=traffic&destination=St.+Jakobuskirche,+st.-Jakobus-straße+2,+91338+Igensdorf" target = "_blank" >
< li > Date: January 2020< / li > < li > St. Jakobuskirche< / li >
< li > Client: Finish< / li > < li > St.-Jakobus-Straße 2< / li >
< li > Category: Identity< / li > < li > 91338 Igensdorf< / li >
< / a >
< / ul > < / ul >
< p > Am Straßenrand vor und hinter der Kirche kann geparkt werden.< / p >
< button class = "btn btn-primary" data-dismiss = "modal" type = "button" > < button class = "btn btn-primary" data-dismiss = "modal" type = "button" >
< i class = "fas fa-times mr-1" > < / i > < i class = "fas fa-times mr-1" > < / i >
Close Project Schließen
< / button > < / button >
< / div > < / div >
< / div > < / div >
@ -444,28 +605,33 @@
< / div > < / div >
< / div > < / div >
< / div > < / div >
<!-- Modal 4 -->
< div class = "portfolio-modal modal fade" id = "portfolioModal4" tabindex = "-1" role = "dialog" aria-hidden = "true" > <!-- Info Convoi -->
< div class = "portfolio-modal modal fade col-lg-8" id = "infoConvoi" tabindex = "-1" role = "dialog" aria-hidden = "true" >
< div class = "modal-dialog" > < div class = "modal-dialog" >
< div class = "modal-content" > < div class = "modal-content" >
< div class = "close-modal" data-dismiss = "modal" > < img src = "assets/img/close-icon.svg" alt = "Close modal" / > < / div > < div class = "close-modal" data-dismiss = "modal" > < img src = "assets/img/close-icon.svg" alt = "Close modal" / > < / div >
< div class = "container" > < div class = "container" >
< div class = "row justify-content-center" > < div class = "row justify-content-center" >
< div class = "col-lg-8" > < div class = "col-lg-8" >
< div class = "modal-body" > < div class = "modal-body bg-light " >
<!-- Project Details Go Here --> <!-- Project Details Go Here -->
< h2 class = "text-uppercase" > Project Name < / h2 > < h2 class = "text-uppercase" > Wie kommen wir zur Gastwirtschaft? < / h2 >
< p class = "item-intro text-muted" > Lorem ipsum dolor sit amet consectetur .< / p > < p class = "item-intro text-muted" > Nach der Kirche fahren wir gemeinsam im Konvoi zur Gastwirtschaft "Roter Ochse" .< / p >
< img class = "img-fluid d-block mx-auto" src = "assets/img/portfolio/04-full.jpg" alt = "" / > < iframe class = "d-block mx-auto map-fluid " src = "https://www.google.com/maps/embed?pb=!1m32!1m12!1m3!1d82773.47313477186!2d11.130958235149492!3d49.585093969070414!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m17!3e0!4m5!1s0x47a1e5c1a5f19139%3A0xe17de36b38c8cf20!2sEv.%20Pfarramt%20Kirchr%C3%BCsselbach%2C%20St.-Jakobus-Stra%C3%9Fe%202%2C%2091338%20Igensdorf!3m2!1d49.61119!2d11.26724!4m3!3m2!1d49.5873077!2d11.1856584!4m5!1s0x47a1fca2211d242f%3A0x9a6762c5c10c2459!2sZum%20Roten%20Ochsen%2C%20Wei%C3%9Fgasse%2010-12%2C%2090562%20Kalchreuth!3m2!1d49.5589101!2d11.1347962!5e0!3m2!1sde!2sde!4v1594581003996!5m2!1sde!2sde" tabindex = "0" aria-hidden = "false" allowfullscreen = "" width = "600" height = "450" frameborder = "0" style = "border:0; " > < / iframe >
< p > Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!< / p > < a href = "https://www.google.com/maps/dir/?api=1&travelmode=driving&layer=traffic&destination=Zum+Roten+Ochsen,+Wei%C3%9Fgasse+10-12,+90562+Kalchreuth" target = "_blank" >
< ul class = "list-inline" > < ul class = "list-inline my-3 " >
< li > Date: January 2020 < / li > < li > Zum Roten Ochsen < / li >
< li > Client: Lines < / li > < li > Weißgasse 10-12 < / li >
< li > Category: Branding < / li > < li > 90562 Kalchreuth < / li >
< / ul > < / ul >
< / a >
< p > Um möglichst als geschlossener Konvoi zur Gastwirtschaft zu fahren, bitten wir euch keine Lücken entsehen zu lassen und im gleichmäßigem Tempo des Konvois zu fahren.
Wir werden größere Straßen meiden, müssen aber ein kurzes Stück auf der B2 fahren. Solltet ihr dennoch den Anschluss verlieren, findet ihr oben die geplante Route und die Addresse der Gastwirtschaft zum Roten Ochsen.< / p >
< button class = "btn btn-primary" data-dismiss = "modal" type = "button" > < button class = "btn btn-primary" data-dismiss = "modal" type = "button" >
< i class = "fas fa-times mr-1" > < / i > < i class = "fas fa-times mr-1" > < / i >
Close Project Schließen
< / button > < / button >
< / div > < / div >
< / div > < / div >
@ -474,58 +640,29 @@
< / div > < / div >
< / div > < / div >
< / div > < / div >
<!-- Modal 5 --> <!-- Modal 5 -->
< div class = "portfolio-modal modal fade" id = "portfolioModal5 " tabindex = "-1" role = "dialog" aria-hidden = "true" > < div class = "portfolio-modal modal fade col-lg-8 " id = "infoUnterkunft " tabindex = "-1" role = "dialog" aria-hidden = "true" >
< div class = "modal-dialog" > < div class = "modal-dialog" >
< div class = "modal-content" > < div class = "modal-content" >
< div class = "close-modal" data-dismiss = "modal" > < img src = "assets/img/close-icon.svg" alt = "Close modal" / > < / div > < div class = "close-modal" data-dismiss = "modal" > < img src = "assets/img/close-icon.svg" alt = "Close modal" / > < / div >
< div class = "container" > < div class = "container" >
< div class = "row justify-content-center" > < div class = "row justify-content-center" >
< div class = "col-lg-8" > < div class = "col-lg-8" >
< div class = "modal-body" > < div class = "modal-body bg-light " >
<!-- Project Details Go Here --> <!-- Project Details Go Here -->
< h2 class = "text-uppercase" > Project Name< / h2 > < h2 class = "text-uppercase" > Wir brauchen noch eine Unterkunft!< / h2 >
< p class = "item-intro text-muted" > Lorem ipsum dolor sit amet consectetur.< / p > < p class = "item-intro text-muted" > Wir empfehlen euch, an unser Partylocation in der Gastwirtschaft zum Roten Ochsen, ein Zimmer zu buchen.< / p >
< img class = "img-fluid d-block mx-auto" src = "assets/img/portfolio/05-full.jpg" alt = "" / > < img class = "img-fluid d-block mx-auto" src = "assets/img/info/hotell.jpg" alt = "" / >
< p > Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!< / p > < p > Die Gastwirtschaft zum Roten Ochsen, in der wir feiern werden, bietet auch < a href = "https://www.roter-ochse-kalchreuth.de/hotel" target = "_blank" > Hotelzimmer< / a > an.
< ul class = "list-inline" > Wir haben uns dort ein Zimmer für unsere Hochzeitsnacht genommen und weieter Zimmer für euch geblockt.
< li > Date: January 2020< / li > Solltet ihr noch nach einer Unterkunft suchen, um nach der Party keinen Heimweg mehr zu haben, können wir euch die Zimmer beim Roten Ochen wärmlichst empfhelen.
< li > Client: Southwest< / li > Besonders freuen wir uns auf ein entspanntes, gemeinsames Frühstück mit allen Übernachtungsgästen am nächsten Morgen.
< li > Category: Website Design< / li > Gebt bei der Buchung einfach an, dass ihr zu Hochzeitsgesellschaft gehört.
< / ul > < / p >
< button class = "btn btn-primary" data-dismiss = "modal" type = "button" >
< i class = "fas fa-times mr-1" > < / i >
Close Project
< / button >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
<!-- Modal 6 -->
< div class = "portfolio-modal modal fade" id = "portfolioModal6" tabindex = "-1" role = "dialog" aria-hidden = "true" >
< div class = "modal-dialog" >
< div class = "modal-content" >
< div class = "close-modal" data-dismiss = "modal" > < img src = "assets/img/close-icon.svg" alt = "Close modal" / > < / div >
< div class = "container" >
< div class = "row justify-content-center" >
< div class = "col-lg-8" >
< div class = "modal-body" >
<!-- Project Details Go Here -->
< h2 class = "text-uppercase" > Project Name< / h2 >
< p class = "item-intro text-muted" > Lorem ipsum dolor sit amet consectetur.< / p >
< img class = "img-fluid d-block mx-auto" src = "assets/img/portfolio/06-full.jpg" alt = "" / >
< p > Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!< / p >
< ul class = "list-inline" >
< li > Date: January 2020< / li >
< li > Client: Window< / li >
< li > Category: Photography< / li >
< / ul >
< button class = "btn btn-primary" data-dismiss = "modal" type = "button" > < button class = "btn btn-primary" data-dismiss = "modal" type = "button" >
< i class = "fas fa-times mr-1" > < / i > < i class = "fas fa-times mr-1" > < / i >
Close Project Schließen
< / button > < / button >
< / div > < / div >
< / div > < / div >
@ -534,6 +671,8 @@
< / div > < / div >
< / div > < / div >
< / div > < / div >
<!-- Bootstrap core JS --> <!-- Bootstrap core JS -->
< script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" > < / script > < script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" > < / script >
< script src = "https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.bundle.min.js" > < / script > < script src = "https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.bundle.min.js" > < / script >
Christopher Bross
5 years ago
