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

Skeleton clicky

Browse Source
This commit is contained in:
Julian
2022-02-05 15:42:59 +01:00
parent 80e999c142
commit f8f88d6fc2
3 changed files with 41 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
css/style.css
View File

@@ -1133,7 +1133,7 @@ form label {
text-align: center; text-align: center;
} }
.plus-button .icon .plus-button a
{ {
width: 70px; width: 70px;
height: 70px; height: 70px;
@@ -1147,13 +1147,11 @@ form label {
border-radius: 50%; border-radius: 50%;
} }
.plus-button .icon a i
.plus-button .icon i
{ {
display: table-cell; display: table-cell;
vertical-align: middle; vertical-align: middle;
height: 70px; height: 60px;
font-size: 40px; font-size: 40px;
line-height: 40px; line-height: 40px;
color: #efefef; color: #efefef;

16
index.html
View File

@@ -96,7 +96,7 @@
<div class="display-t"> <div class="display-t">
<div class="display-tc animate-box" data-animate-effect="fadeIn"> <div class="display-tc animate-box" data-animate-effect="fadeIn">
<h1>Draga &amp; Julian</h1> <h1>Draga &amp; Julian</h1>
<h2>Wir werden heiraten!</h2> <h2>Wir werden am 01.07.2022 heiraten!</h2>
<div class="simply-countdown simply-countdown-one"></div> <div class="simply-countdown simply-countdown-one"></div>
</div> </div>
</div> </div>
@@ -110,30 +110,30 @@
<div class="row animate-box"> <div class="row animate-box">
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading"> <div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
<h2>Nimmst du Teil?</h2> <h2>Nimmst du Teil?</h2>
<p>Bitte gebt uns mit folgendem Formular bis zum 03.03.2022 bescheid ob ihr könnt oder nicht! <p>Bitte gebt uns mit folgendem Formular bis zum 03.03.2022 bescheid ob ihr könnt oder nicht! Falls nicht bitte einfach die Seite wieder verlassen. Die Feier wird in Frankfurt (DE) stattfinden.
</p> </p>
</div> </div>
</div> </div>
<div class="row animate-box"> <div class="row animate-box">
<div class="col-md-10"> <div id="attentants" class="col-md-10">
<form class="form-inline"> <form class="form-inline">
<div class="col-md-6 col-sm-6"> <div class="col-md-6 col-sm-6">
<div class="form-group"> <div class="form-group">
<label for="name" class="sr-only">Name</label> <label for="firstname" class="sr-only">Vorname</label>
<input type="name" class="form-control" id="name" placeholder="Name"> <input type="firstname" class="form-control" id="firstname" placeholder="Vorname">
</div> </div>
</div> </div>
<div class="col-md-6 col-sm-6"> <div class="col-md-6 col-sm-6">
<div class="form-group"> <div class="form-group">
<label for="email" class="sr-only">Email</label> <label for="lastname" class="sr-only">Nachname</label>
<input type="email" class="form-control" id="email" placeholder="Email"> <input type="lastname" class="form-control" id="lastname" placeholder="Nachname">
</div> </div>
</div> </div>
</form> </form>
</div> </div>
<div class="plus-button col-md-2"> <div class="plus-button col-md-2">
<span class="icon"> <span class="icon">
<i class="icon-plus"></i> <a href="#" class="js-addField"><i class="icon-plus"></i></a>
</span> </span>
</div> </div>
</div> </div>

32
js/main.js
View File

@@ -182,6 +182,33 @@
}; };
var addField = function() {
$('.js-addField').on('click', function(event){
event.preventDefault();
// Container <div> where dynamic content will be placed
var container = document.getElementById("attentants");
// Clear previous contents of the container
// while (container.hasChildNodes()) {
// container.removeChild(container.lastChild);
// }
//container.appendChild()
// Append a node with a random text
container.appendChild(document.createTextNode("Member"));
// // Create an <input> element, set its type and name attributes
// var input = document.createElement("input");
// input.type = "text";
// input.name = "member" + i;
// container.appendChild(input);
// // Append a line break
// container.appendChild(document.createElement("br"));
return false;
});
}
// Loading page // Loading page
var loaderPage = function() { var loaderPage = function() {
$(".fh5co-loader").fadeOut("slow"); $(".fh5co-loader").fadeOut("slow");
@@ -209,7 +236,7 @@
// Parallax // Parallax
var parallax = function() { var parallax = function() {
$(window).stellar(); $(window).stellar({ horizontalScrolling: false });
}; };
@@ -225,9 +252,8 @@
loaderPage(); loaderPage();
counter(); counter();
counterWayPoint(); counterWayPoint();
addField();
}); });
}()); }());
$(window).stellar({ horizontalScrolling: false });