add bootstrap template

2 years ago · 8da5b717ba
1 changed files with 42 additions and 0 deletions
--- a/template.html
+++ b/template.html
@ -0,0 +1,42 @@
+<!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.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css">
+</head>
+<body class="d-flex flex-column min-vh-100">
+    <!-- Navigační lišta -->
+    <div class="container">
+        <header class="d-flex flex-wrap justify-content-center 
+        py-3 mb-4 border-bottom">
+            <a href="/" class="d-flex align-content-center text-dark 
+                            text-decoration-none mb-3 mb-md-0 me-md-auto">
+                <span class="fs-4">NAZEV APLIKACE</span>
+            </a>
+            <ul class="nav nav-pills ms-auto">
+                <li class="nav-item"><a href="" class="nav-link active">HOME</a></li>
+                <li class="nav-item"><a href="" class="nav-link">Link</a></li>
+                <li class="nav-item"><a href="" class="nav-link">Link</a></li>
+            </ul>
+        </header>
+    </div>
+
+    <!-- HLAVNÍ ČÁST KÓDU -->
+    <main class="container"> 
+        <h1 class="display-1">TEST</h1>
+    </main>
+
+    <!-- Footer -->
+    <footer class="footer mt-auto">
+        <ul class="nav justify-content-center border-bottom py-2 mb-3">
+            <li class="nav-item"><a href="/" class="nav-link text-muted">HOME</a></li>
+            <li class="nav-item"><a href="#" class="nav-link text-muted">Link 1</a></li>
+
+        </ul>
+    </footer>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
+</body>
+</html>