<!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, maximum-scale=1, user-scalable=no">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<!-- Bootstrap -->
<link rel="stylesheet" href="externals/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="externals/bootstrap.min.css">
<link rel="stylesheet" href="externals/bootswatch.min.css">
<style>
html, body {
height: 100%;
}
.content-wrapper {
min-height: 100%;
margin-bottom: -75px;
padding-bottom: 75px;
}
.footer {
height: 75px;
padding: 7px;
}
.spinner {
width: 100px;
}
.spinner input {
text-align: right;
}
.input-group-btn-vertical {
position: relative;
white-space: nowrap;
width: 1%;
vertical-align: middle;
display: table-cell;
}
.input-group-btn-vertical > .btn {
display: block;
float: none;
width: 100%;
max-width: 100%;
padding: 8px;
margin-left: -1px;
position: relative;
border-radius: 0;
}
.input-group-btn-vertical > .btn:first-child {
border-top-right-radius: 4px;
}
.input-group-btn-vertical > .btn:last-child {
margin-top: -2px;
border-bottom-right-radius: 4px;
}
.input-group-btn-vertical i{
position: absolute;
top: 0;
left: 4px;
}
.form-control {
height: 32px;
margin-top: 1px;
}
.carousel-control.left,
.carousel-control.right {
background-image: none;
}
.carousel-inner {
height: 70vh;
}
.carousel-inner .item {
height: 70vh;
}
.main-title h1 {
font-weight: 600;
font-size: 37pt;
}
.footer > .container > .h-divider {
height: 10px;
padding: 0px;
margin: 0px;
}
</style>
<script src="externals/jquery.min.js"></script>
<script>
(function (\$) {
\$('.spinner .btn:first-of-type').on('click', function() {
\$('.spinner input').val( parseInt(\$('.spinner input').val(), 10) + 1);
});
\$('.spinner .btn:last-of-type').on('click', function() {
\$('.spinner input').val( parseInt(\$('.spinner input').val(), 10) - 1);
});
})(jQuery);
</script>
</head>
<body id="home">
<div class="content-wrapper">
<div class="container">
