updated bootstrap

This commit is contained in:
2026-09-17 18:12:24 +02:00
parent 97997f51f8
commit 4ab201752c
12 changed files with 73 additions and 83 deletions
File diff suppressed because one or more lines are too long
+2 -3
View File
@@ -1,11 +1,10 @@
.row.content {
height: 1500px;
min-height: calc(100vh - 3.5rem);
}
.sidenav {
background-color: #f1f1f1;
height: 100%;
}
@@ -22,7 +21,7 @@
padding: 15px;
}
.row.content {height: auto;}
.row.content {min-height: auto;}
}
.svgimages {
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+7 -8
View File
@@ -6,9 +6,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/style.css">
<script src="assets/js/jquery-4.0.0.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
</head>
<body>
<main>
@@ -16,11 +13,11 @@
<div class="row content">
<div class="col-sm-3 sidenav">
<h4>Navigation</h4>
<ul class="nav nav-pills nav-stacked">
<li><a href="index.html"><img src="assets/images/home.svg" role="img" alt="Home" class="svgimages"> Home / About me</a></li>
<li><a href="sites/empty1.html"><img src="assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 1</a></li>
<li><a href="sites/empty2.html"><img src="assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 2</a></li>
<li><a href="sites/empty3.html"><img src="assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 3</a></li>
<ul class="nav nav-pills flex-column">
<li class="nav-item"><a class="nav-link" href="index.html"><img src="assets/images/home.svg" role="img" alt="Home" class="svgimages"> Home / About me</a></li>
<li class="nav-item"><a class="nav-link" href="sites/empty1.html"><img src="assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 1</a></li>
<li class="nav-item"><a class="nav-link" href="sites/empty2.html"><img src="assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 2</a></li>
<li class="nav-item"><a class="nav-link" href="sites/empty3.html"><img src="assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 3</a></li>
</ul><br>
</div>
@@ -44,5 +41,7 @@
<footer class="container-fluid">
<p style="text-align: center;"> &copy; 2026 - Christian Braumann <a href="sites/legal/impress.html">Impress</a> <a href="sites/legal/privacy.html">Privacy policy</a> <a href="sites/legal/contact.html">Contact</a></p>
</footer>
<script src="assets/js/bootstrap.bundle.min.js"></script>
</body>
</html>
+7 -8
View File
@@ -6,9 +6,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../assets/css/bootstrap.min.css">
<link rel="stylesheet" href="../assets/css/style.css">
<script src="../assets/js/jquery-4.0.0.min.js"></script>
<script src="../assets/js/bootstrap.min.js"></script>
</head>
<body>
<main>
@@ -16,11 +13,11 @@
<div class="row content">
<div class="col-sm-3 sidenav">
<h4>Navigation</h4>
<ul class="nav nav-pills nav-stacked">
<li><a href="../index.html"><img src="../assets/images/home.svg" role="img" alt="Home" class="svgimages"> Home / About me</a></li>
<li><a href="empty1.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 1</a></li>
<li><a href="empty2.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 2</a></li>
<li><a href="empty3.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 3</a></li>
<ul class="nav nav-pills flex-column">
<li class="nav-item"><a class="nav-link" href="../index.html"><img src="../assets/images/home.svg" role="img" alt="Home" class="svgimages"> Home / About me</a></li>
<li class="nav-item"><a class="nav-link" href="empty1.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 1</a></li>
<li class="nav-item"><a class="nav-link" href="empty2.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 2</a></li>
<li class="nav-item"><a class="nav-link" href="empty3.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 3</a></li>
</ul><br>
</div>
@@ -34,5 +31,7 @@
<footer class="container-fluid">
<p style="text-align: center;"> &copy; 2026 - Christian Braumann <a href="../sites/legal/impress.html">Impress</a> <a href="../sites/legal/privacy.html">Privacy policy</a> <a href="../sites/legal/contact.html">Contact</a></p>
</footer>
<script src="../assets/js/bootstrap.bundle.min.js"></script>
</body>
</html>
+7 -8
View File
@@ -6,9 +6,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../assets/css/bootstrap.min.css">
<link rel="stylesheet" href="../assets/css/style.css">
<script src="../assets/js/jquery-4.0.0.min.js"></script>
<script src="../assets/js/bootstrap.min.js"></script>
</head>
<body>
<main>
@@ -16,11 +13,11 @@
<div class="row content">
<div class="col-sm-3 sidenav">
<h4>Navigation</h4>
<ul class="nav nav-pills nav-stacked">
<li><a href="../index.html"><img src="../assets/images/home.svg" role="img" alt="Home" class="svgimages"> Home / About me</a></li>
<li><a href="empty1.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 1</a></li>
<li><a href="empty2.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 2</a></li>
<li><a href="empty3.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 3</a></li>
<ul class="nav nav-pills flex-column">
<li class="nav-item"><a class="nav-link" href="../index.html"><img src="../assets/images/home.svg" role="img" alt="Home" class="svgimages"> Home / About me</a></li>
<li class="nav-item"><a class="nav-link" href="empty1.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 1</a></li>
<li class="nav-item"><a class="nav-link" href="empty2.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 2</a></li>
<li class="nav-item"><a class="nav-link" href="empty3.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 3</a></li>
</ul><br>
</div>
@@ -34,5 +31,7 @@
<footer class="container-fluid">
<p style="text-align: center;"> &copy; 2026 - Christian Braumann <a href="../sites/legal/impress.html">Impress</a> <a href="../sites/legal/privacy.html">Privacy policy</a> <a href="../sites/legal/contact.html">Contact</a></p>
</footer>
<script src="../assets/js/bootstrap.bundle.min.js"></script>
</body>
</html>
+7 -8
View File
@@ -6,9 +6,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../assets/css/bootstrap.min.css">
<link rel="stylesheet" href="../assets/css/style.css">
<script src="../assets/js/jquery-4.0.0.min.js"></script>
<script src="../assets/js/bootstrap.min.js"></script>
</head>
<body>
<main>
@@ -16,11 +13,11 @@
<div class="row content">
<div class="col-sm-3 sidenav">
<h4>Navigation</h4>
<ul class="nav nav-pills nav-stacked">
<li><a href="../index.html"><img src="../assets/images/home.svg" role="img" alt="Home" class="svgimages"> Home / About me</a></li>
<li><a href="empty1.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 1</a></li>
<li><a href="empty2.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 2</a></li>
<li><a href="empty3.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 3</a></li>
<ul class="nav nav-pills flex-column">
<li class="nav-item"><a class="nav-link" href="../index.html"><img src="../assets/images/home.svg" role="img" alt="Home" class="svgimages"> Home / About me</a></li>
<li class="nav-item"><a class="nav-link" href="empty1.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 1</a></li>
<li class="nav-item"><a class="nav-link" href="empty2.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 2</a></li>
<li class="nav-item"><a class="nav-link" href="empty3.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 3</a></li>
</ul><br>
</div>
@@ -34,5 +31,7 @@
<footer class="container-fluid">
<p style="text-align: center;"> &copy; 2026 - Christian Braumann <a href="../sites/legal/impress.html">Impress</a> <a href="../sites/legal/privacy.html">Privacy policy</a> <a href="../sites/legal/contact.html">Contact</a></p>
</footer>
<script src="../assets/js/bootstrap.bundle.min.js"></script>
</body>
</html>
+12 -13
View File
@@ -1,14 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<html lang="de">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../../assets/css/bootstrap.min.css">
<link rel="stylesheet" href="../../assets/css/style.css">
<script src="../../assets/js/jquery-4.0.0.min.js"></script>
<script src="../../assets/js/bootstrap.min.js"></script>
</head>
<body>
<main>
@@ -16,11 +13,11 @@
<div class="row content">
<div class="col-sm-3 sidenav">
<h4>Navigation</h4>
<ul class="nav nav-pills nav-stacked">
<li><a href="../../index.html"><img src="../../assets/images/home.svg" role="img" alt="Home" class="svgimages"> Home / About me</a></li>
<li><a href="../empty1.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 1</a></li>
<li><a href="../empty2.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 2</a></li>
<li><a href="../empty3.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 3</a></li>
<ul class="nav nav-pills flex-column">
<li class="nav-item"><a class="nav-link" href="../../index.html"><img src="../../assets/images/home.svg" role="img" alt="Home" class="svgimages"> Home / About me</a></li>
<li class="nav-item"><a class="nav-link" href="../empty1.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 1</a></li>
<li class="nav-item"><a class="nav-link" href="../empty2.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 2</a></li>
<li class="nav-item"><a class="nav-link" href="../empty3.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 3</a></li>
</ul><br>
</div>
@@ -39,7 +36,7 @@
<div class="row">
<div class="mb-3 col-md-4">
<label for="SelectGender" class="form-label">Anrede <span class="req">Pflichtfeld</span></label>
<select name="gender" class="form-control" id="SelectGender" required>
<select name="gender" class="form-select" id="SelectGender" required>
<option value=""></option>
<option value="Herr">Herr</option>
<option value="Frau">Frau</option>
@@ -58,7 +55,7 @@
</div>
<div class="mb-3 col-md-6">
<label for="subject" class="form-label">Anliegen <span class="req">Pflichtfeld</span></label>
<select name="subject" class="form-control" id="subject" required>
<select name="subject" class="form-select" id="subject" required>
<option value=""></option>
<option value="Allgemein">Allgemeine Anfrage</option>
</select>
@@ -74,14 +71,14 @@
<input type="hidden" name="optin" value="0">
<input type="checkbox" id="opt-in" name="optin" value="1" class="form-check-input" required>
<label for="opt-in" class="form-check-label">
<strong style="color:var(--text-page)">HINWEIS</strong> <span class="req">Pflichtfeld</span><br>
<strong>HINWEIS</strong> <span class="req">Pflichtfeld</span><br>
Ich habe die Hinweise in der
<a href="privacy.html" target="_blank">Datenschutzerklärung</a>
verstanden und stimme diesen hiermit zu.
</label>
</div>
<button type="submit" name="sendform" class="btn-primary-al" style="margin-top:0.5rem">Absenden</button>
<button type="submit" name="sendform" class="btn btn-primary" style="margin-top:0.5rem">Absenden</button>
</form>
<br><br>
</div>
@@ -91,5 +88,7 @@
<footer class="container-fluid">
<p style="text-align: center;"> &copy; 2026 - Christian Braumann <a href="impress.html">Impress</a> <a href="privacy.html">Privacy policy</a> <a href="contact.html">Contact</a></p>
</footer>
<script src="../../assets/js/bootstrap.bundle.min.js"></script>
</body>
</html>
+8 -9
View File
@@ -1,14 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<html lang="de">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../../assets/css/bootstrap.min.css">
<link rel="stylesheet" href="../../assets/css/style.css">
<script src="../../assets/js/jquery-4.0.0.min.js"></script>
<script src="../../assets/js/bootstrap.min.js"></script>
</head>
<body>
<main>
@@ -16,11 +13,11 @@
<div class="row content">
<div class="col-sm-3 sidenav">
<h4>Navigation</h4>
<ul class="nav nav-pills nav-stacked">
<li><a href="../../index.html"><img src="../../assets/images/home.svg" role="img" alt="Home" class="svgimages"> Home / About me</a></li>
<li><a href="../empty1.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 1</a></li>
<li><a href="../empty2.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 2</a></li>
<li><a href="../empty3.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 3</a></li>
<ul class="nav nav-pills flex-column">
<li class="nav-item"><a class="nav-link" href="../../index.html"><img src="../../assets/images/home.svg" role="img" alt="Home" class="svgimages"> Home / About me</a></li>
<li class="nav-item"><a class="nav-link" href="../empty1.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 1</a></li>
<li class="nav-item"><a class="nav-link" href="../empty2.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 2</a></li>
<li class="nav-item"><a class="nav-link" href="../empty3.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 3</a></li>
</ul><br>
</div>
@@ -65,5 +62,7 @@
<footer class="container-fluid">
<p style="text-align: center;"> &copy; 2026 - Christian Braumann <a href="impress.html">Impress</a> <a href="privacy.html">Privacy policy</a> <a href="contact.html">Contact</a></p>
</footer>
<script src="../../assets/js/bootstrap.bundle.min.js"></script>
</body>
</html>
+8 -9
View File
@@ -1,14 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<html lang="de">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../../assets/css/bootstrap.min.css">
<link rel="stylesheet" href="../../assets/css/style.css">
<script src="../../assets/js/jquery-4.0.0.min.js"></script>
<script src="../../assets/js/bootstrap.min.js"></script>
</head>
<body>
<main>
@@ -16,11 +13,11 @@
<div class="row content">
<div class="col-sm-3 sidenav">
<h4>Navigation</h4>
<ul class="nav nav-pills nav-stacked">
<li><a href="../../index.html"><img src="../../assets/images/home.svg" role="img" alt="Home" class="svgimages"> Home / About me</a></li>
<li><a href="../empty1.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 1</a></li>
<li><a href="../empty2.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 2</a></li>
<li><a href="../empty3.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 3</a></li>
<ul class="nav nav-pills flex-column">
<li class="nav-item"><a class="nav-link" href="../../index.html"><img src="../../assets/images/home.svg" role="img" alt="Home" class="svgimages"> Home / About me</a></li>
<li class="nav-item"><a class="nav-link" href="../empty1.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 1</a></li>
<li class="nav-item"><a class="nav-link" href="../empty2.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 2</a></li>
<li class="nav-item"><a class="nav-link" href="../empty3.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 3</a></li>
</ul><br>
</div>
@@ -298,5 +295,7 @@
<footer class="container-fluid">
<p style="text-align: center;"> &copy; 2026 - Christian Braumann <a href="impress.html">Impress</a> <a href="privacy.html">Privacy policy</a> <a href="contact.html">Contact</a></p>
</footer>
<script src="../../assets/js/bootstrap.bundle.min.js"></script>
</body>
</html>