diff options
Diffstat (limited to 'linkshorter/index.html')
| -rw-r--r-- | linkshorter/index.html | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/linkshorter/index.html b/linkshorter/index.html new file mode 100644 index 0000000..62ff295 --- /dev/null +++ b/linkshorter/index.html @@ -0,0 +1,50 @@ +<!doctype html> +<html> +<head> +<meta charset=utf-8> +<title>Link Shorter</title> +<link rel='shortcut icon' href='/favicon.ico' type='image/x-icon'> +<link rel=stylesheet href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> +<style>html{position:relative;min-height:100%}body{margin-bottom:60px}.footer{position:absolute;bottom:0;width:100%}#copyright-text{text-decoration:underline;color:#333}</style> +<meta name=viewport content="width=device-width, initial-scale=1.0"> +</head> +<nav class="navbar navbar-default navbar-custom" role=navigation> +<div class=container> +<div class=navbar-header> +<button type=button class=navbar-toggle data-toggle=collapse data-target="#navbarCollapse"> +<span class=sr-only>Toggle navigation</span> +<span class=icon-bar></span> +</button> +<a class=navbar-brand href="">Home</a> +</div> +</div> +</nav> +<div class=container> +<div class=text-center> +<div class="row center-block vertical-center"> +<form class="form-horizontal " method=POST action=insert> +<fieldset> +<legend class=text-centered><h1>Amazing Linkshorter</h1></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> +</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-info" type=submit>Short!</button> +</div> +</div> +</fieldset> +</form> +</div> +</div> +</div> +<div class="footer text-right"> +<div class=container> +<p> Copyright 2014 <a id=copyright-text href="//www.moehm.org/" target=_blank>Maximilian Möhring</a></p> +</div> +</div> +</body> |
