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

Add localization

Browse Source
This commit is contained in:
Julian
2022-02-06 15:30:46 +01:00
parent ce826a833b
commit de5a039995
6 changed files with 272 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
index.html
View File

@@ -9,7 +9,7 @@
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Hochzeit &mdash; 100% Free Fully Responsive HTML5 Template by FREEHTML5.co</title>
<title>Hochzeit</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Free HTML5 Template by FREEHTML5.CO" />
<meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" />
@@ -61,6 +61,9 @@
<!-- 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 -->
@@ -78,7 +81,7 @@
<div class="container">
<div class="row">
<div class="col-xs-2">
<div id="fh5co-logo"><a href="index.html">Hochzeit<strong>.</strong></a></div>
<div id="fh5co-logo"><a href="index.html" data-i18n="top_left_title">Hochzeit<strong>.</strong></a></div>
</div>
</div>
@@ -95,7 +98,7 @@
<div class="display-t">
<div class="display-tc animate-box" data-animate-effect="fadeIn">
<h1>Draga &amp; Julian</h1>
<h2>Wir werden am 01.07.2022 heiraten!</h2>
<h2 data-i18n="welcoming_title">Wir werden am 01.07.2022 heiraten!</h2>
<div class="simply-countdown simply-countdown-one"></div>
</div>
</div>
@@ -108,45 +111,52 @@
<div class="container">
<div class="row animate-box">
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
<h2>Nimmst du teil?</h2>
<p>Liebe Gäste, zu unserer Hochzeit laden wir euch recht herzlich ein. Bitte gebt uns mit
<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.
Falls ihr nicht teilnehmen könnt, bitte einfach die Seite wieder verlassen. Die Feier wird
in 55234 Kettenheim (DE)
stattfinden.
</p>
<p>
Liebe Grüße</br>
<p data-i18n="greetings">
Liebe Grüße<br/>
Draga & Julian
</p>
</div>
</div>
<div class="row animate-box">
<div class="row animate-box" id="attentant-container">
<div class="col-md-10">
<form id="js-attentants" class="form-inline">
<div>
<div class="col-md-4 col-sm-4">
<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" id="firstname"
<input type="firstname" class="form-control" id="firstname" data-i18n="firstname" data-i18n-attr="placeholder"
placeholder="Vorname">
</div>
</div>
<div class="col-md-4 col-sm-4">
<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" id="lastname"
<input type="lastname" class="form-control" id="lastname" data-i18n="lastname" data-i18n-attr="placeholder"
placeholder="Nachname">
</div>
</div>
<div class="col-md-4 col-sm-4">
<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" id="tel"
<input type="telephon" class="form-control" 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" id="email" data-i18n="E-Mail" data-i18n-attr="placeholder"
placeholder="E-Mail">
</div>
</div>
</div>
</form>
</div>
@@ -159,7 +169,7 @@
</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" class="btn btn-default btn-block">Absenden</button>
<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;">
@@ -170,7 +180,7 @@
</span>
<span class="counter js-counter" data-from="0" data-to="500" data-speed="5000"
data-refresh-interval="50">1</span>
<span class="counter-label">Geschätzte Gäste</span>
<span class="counter-label" data-i18n="guest_count">Geschätzte Gäste</span>
</div>
</div>
</div>
@@ -182,7 +192,6 @@
<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 -->
@@ -200,7 +209,8 @@
<!-- 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 -->
@@ -212,17 +222,17 @@
// default example
simplyCountdown('.simply-countdown-one', {
year: d.getFullYear(),
month: d.getMonth() + 1,
month: d.getMonth(),
day: d.getDate()
});
//jQuery example
$('#simply-countdown-losange').simplyCountdown({
year: d.getFullYear(),
month: d.getMonth() + 1,
day: d.getDate(),
enableUtc: false
});
// $('#simply-countdown-losange').simplyCountdown({
// year: d.getFullYear(),
// month: d.getMonth() + 1,
// day: d.getDate(),
// enableUtc: false
// });
</script>
</body>