Gulum/weddingapiPage
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

progress

Browse Source
This commit is contained in:
Julian
2022-05-14 17:28:12 +02:00
parent 41bd8da093
commit d533f2f114
15 changed files with 398 additions and 183 deletions
Download Patch File Download Diff File Expand all files Collapse all files

308
index.html
View File

@@ -94,84 +94,256 @@
</div>
</header>
<div id="fh5co-started">
<div id="fh5co-couple">
<div class="container">
<div class="row animate-box">
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
<h2 data-i18n="header_text">Nimmst du teil?</h2>
<p data-i18n="invitation_text">Liebe Gäste, zu unserer Hochzeit laden wir euch recht herzlich ein. Bitte gebt uns mit folgendem Formular bis zum 03.03.2022 Bescheid, ob ihr teilnehmt! Über das Plus-Symbol könnt ihr eure Begleitpersonen hinzufügen. Wenn Bedarf an einer Übernachtung besteht, können wir euch kostengünstig ein Hotel vermitteln. Falls ihr nicht teilnehmen könnt, bitte einfach die Seite wieder verlassen. Die Feier wird in 55234 Kettenheim (DE) stattfinden.
</p>
<p data-i18n="greetings">
Liebe Grüße<br/>
Draga & Julian
</p>
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading animate-box">
<h2>Schön das Ihr kommt!</h2>
<h3>Wir schließen am Freitag, den 01.07.2022 den Bund fürs Leben!</h3>
</div>
</div>
<div class="row animate-box" id="attentant-container">
<div class="col-md-11">
<form id="js-attentants" class="form-inline">
<div>
<div class="col-md-3 col-sm-3">
<div class="form-group">
<label for="firstname" class="sr-only">Vorname</label>
<input type="firstname" class="form-control js-form-input" id="firstname" data-i18n="firstname"
data-i18n-attr="placeholder" placeholder="Vorname">
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="form-group">
<label for="lastname" class="sr-only">Nachname</label>
<input type="lastname" class="form-control js-form-input" id="lastname" data-i18n="lastname"
data-i18n-attr="placeholder" placeholder="Nachname">
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="form-group">
<label for="tel" class="sr-only">Telefonnummer</label>
<input type="telephon" class="form-control js-form-input" id="tel" data-i18n="telephone_number"
data-i18n-attr="placeholder" placeholder="Telefonnummer">
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="form-group">
<label for="email" class="sr-only">E-Mail Addresse</label>
<input type="email" class="form-control js-form-input" id="email" data-i18n="E-Mail"
data-i18n-attr="placeholder" placeholder="E-Mail">
</div>
</div>
</div>
</form>
<div class="couple-wrap animate-box">
<div class="couple-half">
<div class="groom">
<img src="images/Julian.png" alt="groom" class="img-responsive">
</div>
<div class="desc-groom">
<h3>Julian Nießner</h3>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove</p>
</div>
</div>
<div class="plus-button col-md-1">
<span class="icon">
<a href="#" class="js-addField"><i class="icon-plus"></i></a>
</span>
</div>
</div>
<div class="row animate-box overnight" id="overnight-div">
<input class="overnight-js" type="checkbox" name="overnight" checked>
<label for="overnight" data-i18n="overnightoffer">Übernachtungsangebot?</label>
</div>
<div class="row animate-box">
<div class="col-md-4 col-md-offset-4 text-center fh5co-heading">
<button type="submit" id="js-submitbtn" data-i18n="submit" class="btn btn-default btn-block">Absenden</button>
</div>
</div>
<div class="row animate-box" style="margin-top: 50px;">
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
<div id="guest_counter_holder" class="feature-center">
<span class="icon">
<i class="icon-users"></i>
</span>
<span id="guest_counter" class="counter js-counter" data-from="0" data-to="500" data-speed="5000"
data-refresh-interval="50">1</span>
<span class="counter-label" data-i18n="guest_count">Geschätzte Gäste</span>
<p class="heart text-center"><i class="icon-heart2"></i></p>
<div class="couple-half">
<div class="bride">
<img src="images/Draga.png" alt="groom" class="img-responsive">
</div>
<div class="desc-bride">
<h3>Drazena Rimac</h3>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove</p>
</div>
</div>
</div>
</div>
</div>
<div class="fh5co-section-gray">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading animate-box">
<h2>Feste Zusage!</h2>
<form id="attendForm" action="#">
<div class="row form-group">
<div class="col-md-12">
<label for="fname">Familienname</label>
<input type="text" id="fname" name="fname" class="form-control" placeholder="Your firstname">
</div>
</div>
<div class="row form-group">
<div class="col-md-12">
<label for="message">Nachricht</label>
<textarea name="message" id="message" cols="30" rows="10" class="form-control" placeholder="Write us something"></textarea>
</div>
</div>
<div class="form-group">
<input type="submit" id="finalSubmit" value="Absenden" class="btn btn-primary">
</div>
</form>
</div>
</div>
</div>
</div>
<div id="fh5co-event" class="fh5co-bg" style="background-image:url(images/img_bg_3.jpg);">
<div class="overlay"></div>
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading animate-box">
<span>Ihr wollt unsere Hochzeit mitgestallten?</span>
<h2>Unsere Trauzeugen</h2>
</div>
</div>
<div class="row">
<div class="display-t">
<div class="display-tc">
<div class="col-md-10 col-md-offset-1">
<div class="col-md-6 col-sm-6 text-center">
<div class="event-wrap animate-box">
<h3>Katha Schmidt</h3>
<p>Tel.-Nr.: 0176 44707271</p>
</div>
</div>
<div class="col-md-6 col-sm-6 text-center">
<div class="event-wrap animate-box">
<h3>Philipp Bienossek</h3>
<p>Tel.-Nr.: 01512 5272067</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="fh5co-couple-story">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading animate-box">
<span></span>
<h2>Ablauf des großen Tages</h2>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
</div>
</div>
<div class="row">
<div class="col-md-12 col-md-offset-0">
<ul class="timeline animate-box">
<li class="animate-box">
<div class="timeline-badge" style="background-image:url(images/Brauthaus.jpg);"></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h3 class="timeline-title">Treffen beim Brauthaus</h3>
<span class="date">11:30</span>
</div>
<div class="timeline-body">
<p style="margin-bottom: 25px;">Hier werden sich die Gäste zusammenfinden und es werden Platten zum essen angeboten. Anschließend wird gemeinsam mit der Braut zur Kirche gefahren.</p>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4298.65640298428!2d8.98158990377853!3d50.161204153948276!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47bd17f6cfba4df3%3A0xe0dcb57f7f43ed4b!2sKonrad-Adenauer-Stra%C3%9Fe%207%2C%2063526%20Erlensee!5e0!3m2!1sde!2sde!4v1652530643592!5m2!1sde!2sde" width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</li>
<li class="timeline-inverted animate-box">
<div class="timeline-badge" style="background-image:url(images/Kirche.png);"></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h3 class="timeline-title">Trauung St. Stephan</h3>
<span class="date">13:30</span>
</div>
<div class="timeline-body">
<p></p>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2156.6017222300893!2d8.207110167508382!3d49.99924393720268!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47bd94211ac4b243%3A0xb41375a34a37c58d!2sSt.%20Stephan!5e0!3m2!1sde!2sde!4v1652531846656!5m2!1sde!2sde" width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</li>
<li class="animate-box">
<div class="timeline-badge" style="background-image:url(images/Fotoshooting.JPG);"></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h3 class="timeline-title">Brautpaar Fotoshooting</h3>
<span class="date">15:30</span>
</div>
<div class="timeline-body">
<p></p>
</div>
</div>
</li>
<li class="timeline-inverted animate-box">
<div class="timeline-badge" style="background-image:url(images/Wiesenmühle.jpg);"></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h3 class="timeline-title">Sektempfang Wiesenmühle</h3>
<span class="date">16:15</span>
</div>
<div class="timeline-body">
<p></p>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2579.228371436668!2d8.119765151771038!3d49.72532704712457!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x479620afb9aeaecd%3A0xbff4c624da7370e5!2sWiesenm%C3%BChle!5e0!3m2!1sde!2sde!4v1652531912784!5m2!1sde!2sde" width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</li>
<li class="animate-box">
<div class="timeline-badge" style="background-image:url(images/catering.jpg);"></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h3 class="timeline-title">Abendessen & Dessert</h3>
<span class="date">18:30</span>
</div>
<div class="timeline-body">
<p></p>
</div>
</div>
</li>
<li class="timeline-inverted animate-box">
<div class="timeline-badge" style="background-image:url(images/LetsDance.JPG);"></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h3 class="timeline-title">Eröffnung der Tanzfläche</h3>
<span class="date">22:00</span>
</div>
<div class="timeline-body">
<p></p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div id="fh5co-services" class="fh5co-section-gray">
<div class="container">
<div class="row animate-box">
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
<h2>Übernachtung</h2>
<p>Wir haben für euch ein Zimmerkontigent mit folgenden Kondition reseviert!</p>
</div>
</div>
<div class="row">
<div>
<div class="feature-left animate-box" data-animate-effect="fadeInLeft">
<span class="icon">
<i class="icon-home"></i>
</span>
<div class="feature-copy">
<h3>Landgasthof Hotel Rebe Alzey</h3>
<p>Einzelzimmer a' 50 €, Zweibettzimmer a' 78 €, Dreibettzimmer a' 110€ und ein Familienzimmer ( 4 Personen) a' 140 €. Die Preise sind inklusive Frühstück. Zimmer werden freigehalten bis 01. Juni 2022. Sollten einige Gäste aus driftigen Gründen Absagen, so besteht die Möglichkeit bis zum Anreisetag bis spätestens 12.00 Uhr kostenfrei zu stornieren.</p>
<p>Landgasthof Hotel Rebe Alzey</br>
Antoniterstr. 47,</br>
55232 Alzey</br>
Tel. 06731/1285, Stichwort: "DJ"</br>
info@hotelrebealzey.de</br>
</p>
</div>
</div>
<div class="feature-left animate-box" data-animate-effect="fadeInLeft">
<span class="icon">
<i class="icon-home"></i>
</span>
<div class="feature-copy">
<h3>Hotel am Schloss</h3>
<p>Doppelzimmer a' 83,00 Euro pro Zimmer/Nacht zzgl. 9,50 Euro Frühstück pro Person/Tag.</p>
<p>Hotel Am Schloss</br>
Amtgasse 39,</br>
55232 Alzey</br>
Tel. 06731/94224, Stichwort: "DJ"</br>
info@hotelamschloss-alzey.de</br>
</p>
</div>
</div>
<div class="feature-left animate-box" data-animate-effect="fadeInLeft">
<span class="icon">
<i class="icon-home"></i>
</span>
<div class="feature-copy">
<h3>Dorint Hotel</h3>
<p>Einzelzimmer a' 89€, Doppelzimmer a' 109€. Die Preise sind inklusive Frühstück. Hier ist kein Zimmerkontigent reseviert!</p>
<p> Dorint Hotel Alzey/Worms</br>
Karl-Heinz-Kipp-Straße 13,</br>
55232 Alzey</br>
Tel. 06731/4030</br>
reservierung@alzey.dorint.com</br>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="gototop js-top">