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
+8 -9
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,15 +13,15 @@
<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>
<div class="col-sm-9">
<div class="col-sm-9">
<p>Empty site 1</p>
<br><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>
+8 -9
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,15 +13,15 @@
<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>
<div class="col-sm-9">
<div class="col-sm-9">
<p>Empty site 2</p>
<br><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>
+8 -9
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,15 +13,15 @@
<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>
<div class="col-sm-9">
<div class="col-sm-9">
<p>Empty site 3</p>
<br><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>