Templates/bootstrap-3.2.0-dist/urlaubsliste.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap 101 Template</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-theme.min.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- success: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="http://www.worldvision.at"><img src="images/logo.png" alt="www.worldvision.at" height="50px" style="margin-top:-15px; margin-left:-10px"></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="index.html">Übersicht</a></li>
<li><a href="stundenzettel.html">Stundenzettel</a></li>
<li class="active"><a href="urlaubsliste.html">Urlaubsliste</a></li>
<li><a href="dienstreisen.html">Dienstreisen</a></li>
<li><a href="projekte.html">Projekte</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="profil.html">Mein Profil</a></li>
<li><a href="admin.html">Admin</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<h1 align="center">Urlaubsliste</h1>
<br /> <br />
<div class="row">
<div class="col-xs-1"></div>
<div class="col-xs-3"></div>
<div class="col-xs-1" align="center">
<button type="button" class="btn btn-warning"><</button>
</div>
<div class="col-xs-2" align="center">
<h2>Juli 2014</h2>
</div>
<div class="col-xs-1" align="center">
<button type="button" class="btn btn-warning">></button>
</div>
<div class="col-xs-2" align="center"></div>
<div class="col-xs-2">
</div>
</div>
<div class="row">
<div class="col-xs-1"></div>
<div class="col-xs-1"></div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin">
<b>KW</b>
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin">
<b>Mo</b>
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin">
<b>Di</b>
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin">
<b>Mi</b>
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin">
<b>Do</b>
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin">
<b>Fr</b>
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin">
<b>Sa</b>
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin">
<b>So</b>
</div>
<div class="col-xs-2"></div>
</div>
<div class="row">
<div class="col-xs-1"></div>
<div class="col-xs-1"></div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin">
<b>36</b>
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin">
<i>28</i>
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin">
<i>29</i>
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin">
<i>30</i>
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin; background-color:lightgrey;">
<i>31</i>
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin; background-color:lightgrey;">
1
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin; background-color:lightgrey;">
2
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin; background-color:lightgrey;">
3
</div>
<div class="col-xs-2"></div>
</div>
<div class="row">
<div class="col-xs-1"></div>
<div class="col-xs-1"></div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin">
<b>37</b>
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin; background-color:lightgrey;">
4
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin; background-color:lightgrey;">
5
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin">
6
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin">
7
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin">
8
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin">
9
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin">
10
</div>
<div class="col-xs-2"></div>
</div>
<div class="row">
<div class="col-xs-1"></div>
<div class="col-xs-1"></div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin; background-color:lightblue">
<b>38</b>
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin; background-color:lightblue">
11
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin; background-color:lightblue">
12
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin; background-color:lightblue">
13
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin; background-color:lightblue">
14
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin; background-color:lightblue">
15
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin; background-color:lightblue">
16
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin; background-color:lightblue">
17
</div>
<div class="col-xs-2"></div>
</div>
<div class="row">
<div class="col-xs-1"></div>
<div class="col-xs-1"></div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin; background-color:lightblue">
<b>39</b>
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin; background-color:lightblue">
18
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin; background-color:lightblue">
19
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin; background-color:lightblue">
20
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin; background-color:lightblue">
21
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin; background-color:lightblue">
22
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin; background-color:lightblue">
23
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin; background-color:lightblue">
24
</div>
<div class="col-xs-2"></div>
</div>
<div class="row">
<div class="col-xs-1"></div>
<div class="col-xs-1"></div>
<div class="col-xs-1" align="center" style="border-style:dotted; border-width:thin; color:grey">
<b>39</b>
</div>
<div class="col-xs-1" align="center" style="border-style:dotted; border-width:thin; background-color:lightgreen; color:grey">
18
</div>
<div class="col-xs-1" align="center" style="border-style:dotted; border-width:thin; background-color:lightgreen; color:grey">
19
</div>
<div class="col-xs-1" align="center" style="border-style:dotted; border-width:thin; background-color:lightgreen; color:grey">
20
</div>
<div class="col-xs-1" align="center" style="border-style:dotted; border-width:thin; background-color:lightgreen; color:grey">
21
</div>
<div class="col-xs-1" align="center" style="border-style:dotted; border-width:thin; background-color:lightgreen; color:grey">
22
</div>
<div class="col-xs-1" align="center" style="border-style:dotted; border-width:thin; background-color:lightgreen; color:grey">
23
</div>
<div class="col-xs-1" align="center" style="border-style:dotted; border-width:thin; background-color:lightgreen; color:grey">
24
</div>
<div class="col-xs-2"></div>
</div>
<div class="row">
<div class="col-xs-1"></div>
<div class="col-xs-1"></div>
<div class="col-xs-1" align="center" style="border-style:dotted; border-width:thin; color:grey">
<b>39</b>
</div>
<div class="col-xs-1" align="center" style="border-style:dotted; border-width:thin; color:grey">
18
</div>
<div class="col-xs-1" align="center" style="border-style:dotted; border-width:thin; olor:grey">
19
</div>
<div class="col-xs-1" align="center" style="border-style:dotted; border-width:thin; color:grey">
20
</div>
<div class="col-xs-1" align="center" style="border-style:dotted; border-width:thin; background-color:orange; color:grey">
21
</div>
<div class="col-xs-1" align="center" style="border-style:dotted; border-width:thin; background-color:orange; color:grey">
22
</div>
<div class="col-xs-1" align="center" style="border-style:dotted; border-width:thin; background-color:orange; color:grey">
23
</div>
<div class="col-xs-1" align="center" style="border-style:dotted; border-width:thin; background-color:orange; color:grey">
24
</div>
<div class="col-xs-2"></div>
</div>
<div class="row">
<div class="col-xs-1"></div>
<div class="col-xs-1"></div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin">
<b>40</b>
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin; background-color:orange">
25
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin; background-color:orange">
26
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin; background-color:orange">
27
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin">
28
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin">
29
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin">
30
</div>
<div class="col-xs-1" align="center" style="border-style:solid; border-width:thin">
<i>1</i>
</div>
<div class="col-xs-2"></div>
</div>
<div class="row">
<div class="col-xs-1"></div>
<div class="col-xs-10"><h3>Anzeigen:</h3></div>
<div class="col-xs-1"></div>
</div>
<div class="row">
<div class="col-xs-1"></div>
<div class="col-xs-2"><b>Urlaube</b></div>
<div class="col-xs-3">
<div class="checkbox">
<label>
<input type="checkbox">alle anzeigen</input>
</label>
</div>
</div>
<div class="col-xs-2"><b>Dienstreisen</b></div>
<div class="col-xs-3">
<div class="checkbox">
<label>
<input type="checkbox">alle anzeigen</input>
</label>
</div>
</div>
<div class="col-xs-1"></div>
</div>
<div class="row">
<div class="col-xs-1"></div>
<div class="col-xs-3" style="background-color:orange">
<div class="checkbox">
<label>
<input type="checkbox">Sebastian Corti</input>
</label>
</div>
</div>
<div class="col-xs-2"></div>
<div class="col-xs-3" style="background-color:lightblue">
<div class="checkbox">
<label>
<input type="checkbox">Anton Kühnelt-Leddihn</input>
</label>
</div>
</div>
<div class="col-xs-2"></div>
<div class="col-xs-1"></div>
</div>
<div class="row">
<div class="col-xs-1"></div>
<div class="col-xs-3" style="background-color:lightgreen">
<div class="checkbox">
<label>
<input type="checkbox">Dieter Bacher</input>
</label>
</div>
</div>
<div class="col-xs-2"></div>
<div class="col-xs-3"></div>
<div class="col-xs-2"></div>
<div class="col-xs-1"></div>
</div>
<div class="row">
<div class="col-xs-1"></div>
<div class="col-xs-3" style="background-color:lightgrey">
<div class="checkbox">
<label>
<input type="checkbox">Ursula Königshofer</input>
</label>
</div>
</div>
<div class="col-xs-2"></div>
<div class="col-xs-3"></div>
<div class="col-xs-2"></div>
<div class="col-xs-1"></div>
</div>
<br /> <br />
<h2 align="center">Urlaubsanträge</h2>
<br /> <br />
<div class="row">
<div class="col-xs-1"></div>
<div class="col-xs-1">
<form class="form-inline" role="form">
<div class="form-group">
<label class="sr-only" for="Uvon">Uvon</label>
<input type="text" class="form-control input-sm" id="Uvon" style="width:100px" placeholder="von">
</div>
</form>
</div>
<div class="col-xs-1">
<form class="form-inline" role="form">
<div class="form-group">
<label class="sr-only" for="Ubis">Ubis</label>
<input type="text" class="form-control input-sm" id="Ubis" style="width:100px" placeholder="bis">
</div>
</form>
</div>
<div class="col-xs-1">
<b>0 Tage</b>
</div>
<div class="col-xs-1">
<button type="button" class="btn btn-success">+</button>
</div>
<div class="col-xs-1">
<button type="button" class="btn btn-warning">Speichern</button>
</div>
<div class="col-xs-1">
<button type="button" class="btn btn-danger">Ansuchen</button>
</div>
<div class="col-xs-5"></div>
</div>
<br />
<div class="row">
<div class="col-xs-1"></div>
<div class="col-xs-1">
<b>von</b>
</div>
<div class="col-xs-1">
<b>bis</b>
</div>
<div class="col-xs-1">
<b>Tage</b>
</div>
<div class="col-xs-1">
<b>Status</b>
</div>
<div class="col-xs-3">
<b>Begründung für nicht genehmigten Urlaub</b>
</div>
<div class="col-xs-1"></div>
<div class="col-xs-1"></div>
<div class="col-xs-2"></div>
</div>
<div class="row">
<div class="col-xs-1"></div>
<div class="col-xs-1">
1.9.2014
</div>
<div class="col-xs-1">
21.9.2014
</div>
<div class="col-xs-1">
15
</div>
<div class="col-xs-1 alert alert-success">
genehmigt
</div>
<div class="col-xs-3"></div>
<div class="col-xs-1">
<button type="button" class="btn btn-danger">Löschen</button>
</div>
<div class="col-xs-1"></div>
<div class="col-xs-1"></div>
<div class="col-xs-1"></div>
</div>
<div class="row">
<div class="col-xs-1"></div>
<div class="col-xs-1">
1.12.2014
</div>
<div class="col-xs-1">
4.12.2014
</div>
<div class="col-xs-1">
3
</div>
<div class="col-xs-1 alert alert-danger">
nicht genehmigt
</div>
<div class="col-xs-3">Day of Prayer</div>
<div class="col-xs-1">
<button type="button" class="btn btn-danger">Löschen</button>
</div>
<div class="col-xs-1"></div>
<div class="col-xs-1"></div>
<div class="col-xs-1"></div>
</div>
<div class="row">
<div class="col-xs-1"></div>
<div class="col-xs-1">
24.12.2014
</div>
<div class="col-xs-1">
6.1.2015
</div>
<div class="col-xs-1">
5
</div>
<div class="col-xs-1 alert alert-warning">
pending
</div>
<div class="col-xs-3"></div>
<div class="col-xs-1">
<button type="button" class="btn btn-danger">Löschen</button>
</div>
<div class="col-xs-1">
<button type="button" class="btn btn-warning">Bearbeiten</button>
</div>
<div class="col-xs-1"></div>
<div class="col-xs-1"></div>
</div>
<div class="row">
<div class="col-xs-1"></div>
<div class="col-xs-1">
1.10.2014
</div>
<div class="col-xs-1">
1.10.2014
</div>
<div class="col-xs-1">
1
</div>
<div class="col-xs-1 alert alert-info">
nicht abgeschickt
</div>
<div class="col-xs-3"></div>
<div class="col-xs-1">
<button type="button" class="btn btn-danger">Löschen</button>
</div>
<div class="col-xs-1">
<button type="button" class="btn btn-warning">Bearbeiten</button>
</div>
<div class="col-xs-1">
<button type="button" class="btn btn-success">Abschicken</button>
</div>
<div class="col-xs-1"></div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>