diff --git a/index.html b/index.html
index 101135c..afc7ce2 100644
--- a/index.html
+++ b/index.html
@@ -109,31 +109,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>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.
+						<h2>Nimmst du teil?</h2>
+						<p>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>
+							Draga & Julian
 						</p>
 					</div>
 				</div>
 				<div class="row animate-box">
-					<div id="attentants" class="col-md-10">
-						<form class="form-inline">
-							<div class="col-md-6 col-sm-6">
-								<div class="form-group">
-									<label for="firstname" class="sr-only">Vorname</label>
-									<input type="firstname" class="form-control" id="firstname" placeholder="Vorname">
+					<div class="col-md-10">
+						<form id="js-attentants" class="form-inline">
+							<div>
+								<div class="col-md-4 col-sm-4">
+									<div class="form-group">
+										<label for="firstname" class="sr-only">Vorname</label>
+										<input type="firstname" class="form-control" id="firstname"
+											placeholder="Vorname">
+									</div>
 								</div>
-							</div>
-							<div class="col-md-6 col-sm-6">
-								<div class="form-group">
-									<label for="lastname" class="sr-only">Nachname</label>
-									<input type="lastname" class="form-control" id="lastname" placeholder="Nachname">
+								<div class="col-md-4 col-sm-4">
+									<div class="form-group">
+										<label for="lastname" class="sr-only">Nachname</label>
+										<input type="lastname" class="form-control" id="lastname"
+											placeholder="Nachname">
+									</div>
+								</div>
+								<div class="col-md-4 col-sm-4">
+									<div class="form-group">
+										<label for="tel" class="sr-only">Telefonnummer</label>
+										<input type="telephon" class="form-control" id="tel"
+											placeholder="Telefonnummer">
+									</div>
 								</div>
 							</div>
 						</form>
 					</div>
+
 					<div class="plus-button col-md-2">
 						<span class="icon">
-							<a href="#" class="js-addField"><i class="icon-plus"></i></a> 
+							<a href="#" class="js-addField"><i class="icon-plus"></i></a>
 						</span>
 					</div>
 				</div>
diff --git a/js/main.js b/js/main.js
index 2edf024..3ca28f0 100644
--- a/js/main.js
+++ b/js/main.js
@@ -188,7 +188,7 @@
 			event.preventDefault();
 
 			// Container <div> where dynamic content will be placed
-			var container = document.getElementById("attentants");
+			var container = document.getElementById("js-attentants");
 			// Clear previous contents of the container
 			// while (container.hasChildNodes()) {
 			// 	container.removeChild(container.lastChild);
@@ -196,15 +196,61 @@
 			//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"));
+			//container.appendChild(document.createTextNode("Member"));
+			var outerDiv = document.createElement("div");
+			outerDiv.style="padding-top: 20px;";
+
+			var firstNameDiv = document.createElement("div");
+			firstNameDiv.classList.add('col-md-6');
+			firstNameDiv.classList.add('col-sm-6');
+			var formGroupDiv = document.createElement("div");
+			formGroupDiv.classList.add('form-group');
+			firstNameDiv.appendChild(formGroupDiv);
+
+			//Label
+			var labelElement = document.createElement("label");
+			labelElement.setAttribute("for","firstname");
+			labelElement.classList.add('sr-only');
+			labelElement.innerHTML = "Vorname";
+			formGroupDiv.appendChild(labelElement);
 			
+			//Input
+			var inputElement = document.createElement("input");
+			inputElement.setAttribute("type","firstname");
+			inputElement.classList.add('form-control');
+			inputElement.setAttribute("id","firstname");
+			inputElement.setAttribute("placeholder","Vorname");
+			formGroupDiv.appendChild(inputElement);
+
+			outerDiv.appendChild(firstNameDiv);
+			
+
+			var lastNameDiv = document.createElement("div");
+			lastNameDiv.classList.add('col-md-6');
+			lastNameDiv.classList.add('col-sm-6');
+			var lastnameFormGroupDiv = document.createElement("div");
+			lastnameFormGroupDiv.classList.add('form-group');
+			lastNameDiv.appendChild(lastnameFormGroupDiv);
+
+			//Label
+			var lastNamelabelElement = document.createElement("label");
+			lastNamelabelElement.setAttribute("for","lastname");
+			lastNamelabelElement.classList.add('sr-only');
+			lastNamelabelElement.innerHTML = "Nachname";
+			lastnameFormGroupDiv.appendChild(lastNamelabelElement);
+
+			//Input
+			var firstNameInputElement = document.createElement("input");
+			firstNameInputElement.setAttribute("type","lastname");
+			firstNameInputElement.classList.add('form-control');
+			firstNameInputElement.setAttribute("id","lastname");
+			firstNameInputElement.setAttribute("placeholder","Nachname");
+			lastnameFormGroupDiv.appendChild(firstNameInputElement);
+
+			outerDiv.appendChild(lastNameDiv);	
+
+			container.appendChild(outerDiv);
+
 			return false;
 		});
 	}