Gulum/weddingapiPage
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
Files
d533f2f114b4e6aa828f7bc7b6359a99d95ce761
weddingapiPage/index.html
Julian d533f2f114 progress
2022-05-14 17:28:12 +02:00

397 lines
14 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Hochzeit</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Facebook and Twitter integration -->
<meta property="og:title" content="" />
<meta property="og:image" content="" />
<meta property="og:url" content="" />
<meta property="og:site_name" content="" />
<meta property="og:description" content="" />
<meta name="twitter:title" content="" />
<meta name="twitter:image" content="" />
<meta name="twitter:url" content="" />
<meta name="twitter:card" content="" />
<link href='https://fonts.googleapis.com/css?family=Work+Sans:400,300,600,400italic,700' rel='stylesheet'
type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Sacramento" rel="stylesheet">
<!-- Animate.css -->
<link rel="stylesheet" href="css/animate.css">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="css/icomoon.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Magnific Popup -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Owl Carousel -->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="css/style.css">
<!-- sweetalert2 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/6.2.0/sweetalert2.min.css">
<!-- Modernizr JS -->
<script src="js/modernizr-2.6.2.min.js"></script>
<!-- FOR IE9 below -->
<!--[if lt IE 9]>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="fh5co-loader"></div>
<div id="page">
<nav class="fh5co-nav" role="navigation">
<div class="container">
<div class="row">
<div class="col-xs-2">
<div id="fh5co-logo"><a href="index.html" data-i18n="top_left_title">Hochzeit<strong>.</strong></a></div>
</div>
<div class="col-xs-10 text-right menu-1">
<ul>
<a href="#" class="change-language-js"><img class="js-flag-image" id="js-flag-image" src="flags/4x3/de.svg" width="50" height="50" ></a>
</ul>
</div>
</div>
</div>
</nav>
<header id="fh5co-header" class="fh5co-cover" role="banner"
style="background-image:url(images/front.jpg); background-position-x: center;"
data-stellar-background-ratio="0.5">
<div class="overlay"></div>
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center">
<div class="display-t">
<div class="display-tc animate-box" data-animate-effect="fadeIn">
<h1>Draga &amp; Julian</h1>
<h2 data-i18n="welcoming_title">Wir werden am 01.07.2022 heiraten!</h2>
<div class="simply-countdown simply-countdown-one"></div>
</div>
</div>
</div>
</div>
</div>
</header>
<div id="fh5co-couple">
<div class="container">
<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="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>
<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">
<a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
</div>
<!-- jQuery -->
<script src="js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="js/jquery.waypoints.min.js"></script>
<!-- Carousel -->
<script src="js/owl.carousel.min.js"></script>
<!-- countTo -->
<script src="js/jquery.countTo.js"></script>
<!-- Stellar -->
<script src="js/jquery.stellar.min.js"></script>
<!-- Magnific Popup -->
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/magnific-popup-options.js"></script>
<!-- Sweetalert2 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/6.2.0/sweetalert2.min.js"></script>
<!-- // <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/0.0.1/prism.min.js"></script> -->
<script src="js/simplyCountdown.js"></script>
<!-- Main -->
<script src="js/main.js"></script>
<script>
var d = new Date(2022, 7, 1, 14, 0, 0);
// default example
simplyCountdown('.simply-countdown-one', {
year: d.getFullYear(),
month: d.getMonth(),
day: d.getDate()
});
//jQuery example
// $('#simply-countdown-losange').simplyCountdown({
// year: d.getFullYear(),
// month: d.getMonth() + 1,
// day: d.getDate(),
// enableUtc: false
// });
</script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink