1 files changed, 55 insertions, 0 deletions
diff --git a/linkshorter/view/templ-index.php b/linkshorter/view/templ-index.php
new file mode 100644
index 0000000..b78b5c7
--- /dev/null
+++ b/linkshorter/view/templ-index.php
@@ -0,0 +1,55 @@
+<?php
+	$title= "Link Shorter";
+	require 'view/templ-head.php';
+?>
+	<div class="container"> 
+		<div class="text-center">
+			<div class="row center-block vertical-center">
+				<form class="form-horizontal " method="POST" action="">
+					<fieldset>
+
+					<legend class="text-centered"><h1>Amazing Linkshorter</h1><p>Short your link and use a easy to remembery query string.</p></legend>
+
+					<div class="form-group">
+					  <label class="col-md-4 control-label" for="url">Link:</label>  
+					  <div class="col-md-5">
+					  <input id="url" name="url" placeholder="http://www.moehm.org/" class="form-control input-md" required="" type="text">
+					  </div>
+					</div>
+
+					<div class="form-group">
+					  <label class="col-md-4 control-label grey" for="short">(optional)</label>  
+					  <div class="col-md-4">
+					  <input id="short" name="short" placeholder="Your own query string here." class="form-control input-md" type="text">
+					  </div>
+					</div>
+
+					<!-- Password input-->
+					<div class="form-group">
+					  <label class="col-md-4 control-label grey" for="password">(optional)</label>
+					  <div class="col-md-4">
+					    <input id="password" name="password" placeholder="Protect your link with a password." class="form-control input-md" type="password">
+					  </div>
+					</div>
+
+					<div class="form-group">
+					  <label class="col-md-4 control-label grey" for="ttl">(optional)</label>  
+					  <div class="col-md-4">
+					  <input id="ttl" name="ttl" class="form-control input-md" type="number">
+					  <span class="help-block text-left">Choose how long the shortlink should be valid. (In seconds)</span>
+					  </div>
+					</div>
+
+					<div class="form-group">
+					  <label class="col-md-4 control-label" for="singlebutton"></label>
+					  <div class="col-md-4">
+					    <button id="singlebutton" name="singlebutton" class="btn btn-primary" type="submit">Short!</button>
+					  </div>
+					</div>
+
+					</fieldset>
+				</form>
+			</div>
+		</div>
+	</div>
+	<?php require("../tools/footer.php"); ?>