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 { .row.content {
height: 1500px; min-height: calc(100vh - 3.5rem);
} }
.sidenav { .sidenav {
background-color: #f1f1f1; background-color: #f1f1f1;
height: 100%;
} }
@@ -22,7 +21,7 @@
padding: 15px; padding: 15px;
} }
.row.content {height: auto;} .row.content {min-height: auto;}
} }
.svgimages { .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"> <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/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/style.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> </head>
<body> <body>
<main> <main>
@@ -16,11 +13,11 @@
<div class="row content"> <div class="row content">
<div class="col-sm-3 sidenav"> <div class="col-sm-3 sidenav">
<h4>Navigation</h4> <h4>Navigation</h4>
<ul class="nav nav-pills nav-stacked"> <ul class="nav nav-pills flex-column">
<li><a 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="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 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><a 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/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> <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> </ul><br>
</div> </div>
@@ -44,5 +41,7 @@
<footer class="container-fluid"> <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> <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> </footer>
<script src="assets/js/bootstrap.bundle.min.js"></script>
</body> </body>
</html> </html>
+8 -9
View File
@@ -6,9 +6,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <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/bootstrap.min.css">
<link rel="stylesheet" href="../assets/css/style.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> </head>
<body> <body>
<main> <main>
@@ -16,15 +13,15 @@
<div class="row content"> <div class="row content">
<div class="col-sm-3 sidenav"> <div class="col-sm-3 sidenav">
<h4>Navigation</h4> <h4>Navigation</h4>
<ul class="nav nav-pills nav-stacked"> <ul class="nav nav-pills flex-column">
<li><a 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="../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 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><a 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="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> <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> </ul><br>
</div> </div>
<div class="col-sm-9"> <div class="col-sm-9">
<p>Empty site 1</p> <p>Empty site 1</p>
<br><br> <br><br>
</div> </div>
@@ -34,5 +31,7 @@
<footer class="container-fluid"> <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> <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> </footer>
<script src="../assets/js/bootstrap.bundle.min.js"></script>
</body> </body>
</html> </html>
+8 -9
View File
@@ -6,9 +6,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <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/bootstrap.min.css">
<link rel="stylesheet" href="../assets/css/style.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> </head>
<body> <body>
<main> <main>
@@ -16,15 +13,15 @@
<div class="row content"> <div class="row content">
<div class="col-sm-3 sidenav"> <div class="col-sm-3 sidenav">
<h4>Navigation</h4> <h4>Navigation</h4>
<ul class="nav nav-pills nav-stacked"> <ul class="nav nav-pills flex-column">
<li><a 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="../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 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><a 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="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> <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> </ul><br>
</div> </div>
<div class="col-sm-9"> <div class="col-sm-9">
<p>Empty site 2</p> <p>Empty site 2</p>
<br><br> <br><br>
</div> </div>
@@ -34,5 +31,7 @@
<footer class="container-fluid"> <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> <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> </footer>
<script src="../assets/js/bootstrap.bundle.min.js"></script>
</body> </body>
</html> </html>
+8 -9
View File
@@ -6,9 +6,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <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/bootstrap.min.css">
<link rel="stylesheet" href="../assets/css/style.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> </head>
<body> <body>
<main> <main>
@@ -16,15 +13,15 @@
<div class="row content"> <div class="row content">
<div class="col-sm-3 sidenav"> <div class="col-sm-3 sidenav">
<h4>Navigation</h4> <h4>Navigation</h4>
<ul class="nav nav-pills nav-stacked"> <ul class="nav nav-pills flex-column">
<li><a 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="../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 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><a 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="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> <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> </ul><br>
</div> </div>
<div class="col-sm-9"> <div class="col-sm-9">
<p>Empty site 3</p> <p>Empty site 3</p>
<br><br> <br><br>
</div> </div>
@@ -34,5 +31,7 @@
<footer class="container-fluid"> <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> <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> </footer>
<script src="../assets/js/bootstrap.bundle.min.js"></script>
</body> </body>
</html> </html>
+12 -13
View File
@@ -1,14 +1,11 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="de">
<head> <head>
<title>Bootstrap Example</title> <title>Bootstrap Example</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <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/bootstrap.min.css">
<link rel="stylesheet" href="../../assets/css/style.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> </head>
<body> <body>
<main> <main>
@@ -16,11 +13,11 @@
<div class="row content"> <div class="row content">
<div class="col-sm-3 sidenav"> <div class="col-sm-3 sidenav">
<h4>Navigation</h4> <h4>Navigation</h4>
<ul class="nav nav-pills nav-stacked"> <ul class="nav nav-pills flex-column">
<li><a 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="../../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 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><a 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="../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> <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> </ul><br>
</div> </div>
@@ -39,7 +36,7 @@
<div class="row"> <div class="row">
<div class="mb-3 col-md-4"> <div class="mb-3 col-md-4">
<label for="SelectGender" class="form-label">Anrede <span class="req">Pflichtfeld</span></label> <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=""></option>
<option value="Herr">Herr</option> <option value="Herr">Herr</option>
<option value="Frau">Frau</option> <option value="Frau">Frau</option>
@@ -58,7 +55,7 @@
</div> </div>
<div class="mb-3 col-md-6"> <div class="mb-3 col-md-6">
<label for="subject" class="form-label">Anliegen <span class="req">Pflichtfeld</span></label> <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=""></option>
<option value="Allgemein">Allgemeine Anfrage</option> <option value="Allgemein">Allgemeine Anfrage</option>
</select> </select>
@@ -74,14 +71,14 @@
<input type="hidden" name="optin" value="0"> <input type="hidden" name="optin" value="0">
<input type="checkbox" id="opt-in" name="optin" value="1" class="form-check-input" required> <input type="checkbox" id="opt-in" name="optin" value="1" class="form-check-input" required>
<label for="opt-in" class="form-check-label"> <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 Ich habe die Hinweise in der
<a href="privacy.html" target="_blank">Datenschutzerklärung</a> <a href="privacy.html" target="_blank">Datenschutzerklärung</a>
verstanden und stimme diesen hiermit zu. verstanden und stimme diesen hiermit zu.
</label> </label>
</div> </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> </form>
<br><br> <br><br>
</div> </div>
@@ -91,5 +88,7 @@
<footer class="container-fluid"> <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> <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> </footer>
<script src="../../assets/js/bootstrap.bundle.min.js"></script>
</body> </body>
</html> </html>
+8 -9
View File
@@ -1,14 +1,11 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="de">
<head> <head>
<title>Bootstrap Example</title> <title>Bootstrap Example</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <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/bootstrap.min.css">
<link rel="stylesheet" href="../../assets/css/style.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> </head>
<body> <body>
<main> <main>
@@ -16,11 +13,11 @@
<div class="row content"> <div class="row content">
<div class="col-sm-3 sidenav"> <div class="col-sm-3 sidenav">
<h4>Navigation</h4> <h4>Navigation</h4>
<ul class="nav nav-pills nav-stacked"> <ul class="nav nav-pills flex-column">
<li><a 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="../../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 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><a 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="../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> <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> </ul><br>
</div> </div>
@@ -65,5 +62,7 @@
<footer class="container-fluid"> <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> <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> </footer>
<script src="../../assets/js/bootstrap.bundle.min.js"></script>
</body> </body>
</html> </html>
+8 -9
View File
@@ -1,14 +1,11 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="de">
<head> <head>
<title>Bootstrap Example</title> <title>Bootstrap Example</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <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/bootstrap.min.css">
<link rel="stylesheet" href="../../assets/css/style.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> </head>
<body> <body>
<main> <main>
@@ -16,11 +13,11 @@
<div class="row content"> <div class="row content">
<div class="col-sm-3 sidenav"> <div class="col-sm-3 sidenav">
<h4>Navigation</h4> <h4>Navigation</h4>
<ul class="nav nav-pills nav-stacked"> <ul class="nav nav-pills flex-column">
<li><a 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="../../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 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><a 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="../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> <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> </ul><br>
</div> </div>
@@ -298,5 +295,7 @@
<footer class="container-fluid"> <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> <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> </footer>
<script src="../../assets/js/bootstrap.bundle.min.js"></script>
</body> </body>
</html> </html>