104 changed files with 119964 additions and 0 deletions
@ -0,0 +1,94 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en" data-bs-theme="auto"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<title>Document</title> |
|||
<link rel="stylesheet" href="css/bootstrap.min.css"> |
|||
<meta name="theme-color" content="#712cf9"> |
|||
|
|||
</head> |
|||
<body> |
|||
<header data-bs-theme="dark"> |
|||
<div class="collapse text-bg-dark" id="navbarHeader"> |
|||
<div class="container"> |
|||
<div class="row"> |
|||
<div class="col-sm-8 col-md-7 py-4"> |
|||
<h4 class="text-white">TEMPLATE</h4> |
|||
<p class="">LOOOREM</p> |
|||
</div> |
|||
<div class="col-sm-4 offset-md-1 py-4"> |
|||
<h4>Odkazy</h4> |
|||
<!-- ul.list-unstyled>li*4>a.text-white --> |
|||
<ul class="list-unstyled"> |
|||
<li><a href="index.html" class="text-white">Home</a></li> |
|||
<li><a href="about.html" class="text-white">About</a></li> |
|||
<li><a href="galery.html" class="text-white">Gallery</a></li> |
|||
<li><a href="contact.html" class="text-white">Contact us</a></li> |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="navbar navbar-dark bg-dark shadow-sm"> |
|||
<div class="container"> |
|||
<a class="navbar-brand d-flex" href="#"> |
|||
<strong>Nazev WEBu</strong> |
|||
</a> |
|||
<button class="navbar-toggler" |
|||
type="button" |
|||
data-bs-toggle="collapse" |
|||
data-bs-target="#navbarHeader" |
|||
aria-controls="navbarHeader" |
|||
aria-expanded="false" |
|||
aria-label="Toggle navbar" |
|||
> <span class="navbar-toggler-icon"></span></button> |
|||
</div> |
|||
</div> |
|||
</header> |
|||
|
|||
<main> |
|||
<div class="container"> |
|||
<h1>About Us</h1> |
|||
<h3 class="lead"> TEXT TEXT TEXT TEXT TEXT </h3> |
|||
<hr> |
|||
<div class="p-2"> |
|||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo consectetur rem fugiat ad. Iusto optio libero, cum quis fuga eligendi aut cumque provident itaque officia ab voluptatum? Itaque, ea officiis!</p> |
|||
</div> |
|||
<div class="p-2"> |
|||
<p>Excepturi quasi enim, aliquid laudantium est nisi dolorum magni. Rem consequuntur fuga expedita? Aperiam eligendi unde ab quasi incidunt, itaque quo quam et eaque commodi ipsam deserunt quas ex beatae!</p> |
|||
</div> |
|||
<div class="p-2"> |
|||
<p>Voluptate, praesentium at. Placeat nostrum eos tempora veniam vitae quae accusamus, veritatis similique libero est numquam maiores voluptatem repellendus necessitatibus, id quas aut amet quaerat fugit molestias quod! Ut, ipsa.</p> |
|||
</div> |
|||
<div class="p-2"> |
|||
<p>Natus, cumque doloribus. Libero architecto aliquid officiis modi sed explicabo dignissimos? Iste repellendus fugiat, expedita dolore dolorem ad asperiores quaerat, ipsa quo repellat nesciunt et recusandae impedit. Deleniti, nesciunt? Libero.</p> |
|||
</div> |
|||
<div class="p-2"> |
|||
<p>Optio eos amet architecto deserunt veritatis tempora sapiente sit necessitatibus nulla quos asperiores maxime, hic culpa eveniet minus iure molestias quis perferendis facilis ducimus odit dignissimos. Soluta nulla perferendis ipsum!</p> |
|||
</div> |
|||
<div class="p-2"> |
|||
<p>Maiores, ex debitis! Nobis eius consectetur dignissimos ducimus maxime est, architecto explicabo quos autem pariatur corporis rem aliquid quaerat eveniet sit omnis officiis sunt excepturi natus! Numquam possimus fuga tempora!</p> |
|||
</div> |
|||
<div class="p-2"> |
|||
<p>Nisi error ipsam impedit totam reprehenderit rerum officia, saepe quibusdam doloribus repudiandae pariatur vel assumenda veritatis dolore vero! Nulla veniam consectetur dolorem non at ea expedita excepturi nesciunt reprehenderit necessitatibus.</p> |
|||
</div> |
|||
<div class="p-2"> |
|||
<p>Quidem veniam sint aperiam et libero quis nobis, iure consequuntur id dolorem, minima beatae sapiente magni eum, assumenda ratione deleniti architecto perspiciatis totam molestiae ad? Hic pariatur facilis architecto in!</p> |
|||
</div> |
|||
</div> |
|||
|
|||
|
|||
</main> |
|||
|
|||
<footer class="text-body-secondary py-5"> |
|||
<div class="container"> |
|||
<p class="float-end mb-1"><a href="#"> Zpět nahoru</a></p> |
|||
<p class="mb-1"> Jméno.Příjmení @ 2024</p> |
|||
</div> |
|||
|
|||
</footer> |
|||
|
|||
<script src="js/bootstrap.bundle.js"></script> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,121 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en" data-bs-theme="auto"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<title>Document</title> |
|||
<link rel="stylesheet" href="css/bootstrap.min.css"> |
|||
<meta name="theme-color" content="#712cf9"> |
|||
|
|||
</head> |
|||
<body> |
|||
<header data-bs-theme="dark"> |
|||
<div class="collapse text-bg-dark" id="navbarHeader"> |
|||
<div class="container"> |
|||
<div class="row"> |
|||
<div class="col-sm-8 col-md-7 py-4"> |
|||
<h4 class="text-white">TEMPLATE</h4> |
|||
<p class="">LOOOREM</p> |
|||
</div> |
|||
<div class="col-sm-4 offset-md-1 py-4"> |
|||
<h4>Odkazy</h4> |
|||
<!-- ul.list-unstyled>li*4>a.text-white --> |
|||
<ul class="list-unstyled"> |
|||
<li><a href="index.html" class="text-white">Home</a></li> |
|||
<li><a href="about.html" class="text-white">About</a></li> |
|||
<li><a href="galery.html" class="text-white">Gallery</a></li> |
|||
<li><a href="contact.html" class="text-white">Contact us</a></li> |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="navbar navbar-dark bg-dark shadow-sm"> |
|||
<div class="container"> |
|||
<a class="navbar-brand d-flex" href="#"> |
|||
<strong>Nazev WEBu</strong> |
|||
</a> |
|||
<button class="navbar-toggler" |
|||
type="button" |
|||
data-bs-toggle="collapse" |
|||
data-bs-target="#navbarHeader" |
|||
aria-controls="navbarHeader" |
|||
aria-expanded="false" |
|||
aria-label="Toggle navbar" |
|||
> <span class="navbar-toggler-icon"></span></button> |
|||
</div> |
|||
</div> |
|||
</header> |
|||
|
|||
<main> |
|||
<div class="container"> |
|||
<div class="text-center pt-3"> |
|||
<h1>Contact Us</h1> |
|||
<h3 class="lead"> Contact us with our form</h3> |
|||
</div> |
|||
<br> |
|||
<h3 class="display-5">Contact Form</h3> |
|||
|
|||
<form action="#" method="get"> |
|||
<div class="row g-2 align-items-center mb-3"> |
|||
<div class="col-auto"> |
|||
<label for="contact_name" class="form-label">Name</label> |
|||
</div> |
|||
<div class="col-auto"> |
|||
<input type="text" class="form-control bg-danger bg-opacity-10" name="contact_name" id="contact_name"> |
|||
</div> |
|||
</div> |
|||
<div class="mb-3"> |
|||
<div class="input-group mb-3"> |
|||
<span class="input-group-text" id="basic-addon1">Username</span> |
|||
<input type="text" class="form-control" placeholder="Write here..." aria-label="Username"> |
|||
</div> |
|||
</div> |
|||
|
|||
|
|||
<div class="mb-3"> |
|||
<label for="contact_mail" class="form-label">Email</label> |
|||
<input type="email" name="contact_mail" id="contact_mail" class="form-control bg-warning bg-opacity-10"> |
|||
</div> |
|||
<div class="mb-3"> |
|||
<label for="contact_tel" class="form-label">Tel.num</label> |
|||
<input type="tel" name="contact_tel" id="contact_tel" class="form-control bg-primary bg-opacity-10"> |
|||
</div> |
|||
<div class="mb-3"> |
|||
<label for="contact_select" class="form-label">Select</label> |
|||
<select class="form-select" aria-label="Default select example" name="contact_select" id="contact_select"> |
|||
<option selected>Open this select menu</option> |
|||
<option value="1">One</option> |
|||
<option value="2">Two</option> |
|||
<option value="3">Three</option> |
|||
</select> |
|||
</div> |
|||
<div class="mb-3"> |
|||
<label for="contact_textarea" class="form-label">Text</label> |
|||
<textarea name="contact_textarea" id="contact_textarea" class="form-control"></textarea> |
|||
</div> |
|||
<div class="mb-3"> |
|||
<div class="form-check"> |
|||
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault"> |
|||
<label class="form-check-label" for="flexCheckDefault"> |
|||
Remember me |
|||
</label> |
|||
</div> |
|||
</div> |
|||
|
|||
|
|||
</form> |
|||
</div> |
|||
</main> |
|||
|
|||
<footer class="text-body-secondary py-5"> |
|||
<div class="container"> |
|||
<p class="float-end mb-1"><a href="#"> Zpět nahoru</a></p> |
|||
<p class="mb-1"> Jméno.Příjmení @ 2024</p> |
|||
</div> |
|||
|
|||
</footer> |
|||
|
|||
<script src="js/bootstrap.bundle.js"></script> |
|||
</body> |
|||
</html> |
|||
File diff suppressed because it is too large
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
File diff suppressed because it is too large
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
@ -0,0 +1,597 @@ |
|||
/*! |
|||
* Bootstrap Reboot v5.3.3 (https://getbootstrap.com/) |
|||
* Copyright 2011-2024 The Bootstrap Authors |
|||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) |
|||
*/ |
|||
:root, |
|||
[data-bs-theme=light] { |
|||
--bs-blue: #0d6efd; |
|||
--bs-indigo: #6610f2; |
|||
--bs-purple: #6f42c1; |
|||
--bs-pink: #d63384; |
|||
--bs-red: #dc3545; |
|||
--bs-orange: #fd7e14; |
|||
--bs-yellow: #ffc107; |
|||
--bs-green: #198754; |
|||
--bs-teal: #20c997; |
|||
--bs-cyan: #0dcaf0; |
|||
--bs-black: #000; |
|||
--bs-white: #fff; |
|||
--bs-gray: #6c757d; |
|||
--bs-gray-dark: #343a40; |
|||
--bs-gray-100: #f8f9fa; |
|||
--bs-gray-200: #e9ecef; |
|||
--bs-gray-300: #dee2e6; |
|||
--bs-gray-400: #ced4da; |
|||
--bs-gray-500: #adb5bd; |
|||
--bs-gray-600: #6c757d; |
|||
--bs-gray-700: #495057; |
|||
--bs-gray-800: #343a40; |
|||
--bs-gray-900: #212529; |
|||
--bs-primary: #0d6efd; |
|||
--bs-secondary: #6c757d; |
|||
--bs-success: #198754; |
|||
--bs-info: #0dcaf0; |
|||
--bs-warning: #ffc107; |
|||
--bs-danger: #dc3545; |
|||
--bs-light: #f8f9fa; |
|||
--bs-dark: #212529; |
|||
--bs-primary-rgb: 13, 110, 253; |
|||
--bs-secondary-rgb: 108, 117, 125; |
|||
--bs-success-rgb: 25, 135, 84; |
|||
--bs-info-rgb: 13, 202, 240; |
|||
--bs-warning-rgb: 255, 193, 7; |
|||
--bs-danger-rgb: 220, 53, 69; |
|||
--bs-light-rgb: 248, 249, 250; |
|||
--bs-dark-rgb: 33, 37, 41; |
|||
--bs-primary-text-emphasis: #052c65; |
|||
--bs-secondary-text-emphasis: #2b2f32; |
|||
--bs-success-text-emphasis: #0a3622; |
|||
--bs-info-text-emphasis: #055160; |
|||
--bs-warning-text-emphasis: #664d03; |
|||
--bs-danger-text-emphasis: #58151c; |
|||
--bs-light-text-emphasis: #495057; |
|||
--bs-dark-text-emphasis: #495057; |
|||
--bs-primary-bg-subtle: #cfe2ff; |
|||
--bs-secondary-bg-subtle: #e2e3e5; |
|||
--bs-success-bg-subtle: #d1e7dd; |
|||
--bs-info-bg-subtle: #cff4fc; |
|||
--bs-warning-bg-subtle: #fff3cd; |
|||
--bs-danger-bg-subtle: #f8d7da; |
|||
--bs-light-bg-subtle: #fcfcfd; |
|||
--bs-dark-bg-subtle: #ced4da; |
|||
--bs-primary-border-subtle: #9ec5fe; |
|||
--bs-secondary-border-subtle: #c4c8cb; |
|||
--bs-success-border-subtle: #a3cfbb; |
|||
--bs-info-border-subtle: #9eeaf9; |
|||
--bs-warning-border-subtle: #ffe69c; |
|||
--bs-danger-border-subtle: #f1aeb5; |
|||
--bs-light-border-subtle: #e9ecef; |
|||
--bs-dark-border-subtle: #adb5bd; |
|||
--bs-white-rgb: 255, 255, 255; |
|||
--bs-black-rgb: 0, 0, 0; |
|||
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; |
|||
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; |
|||
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); |
|||
--bs-body-font-family: var(--bs-font-sans-serif); |
|||
--bs-body-font-size: 1rem; |
|||
--bs-body-font-weight: 400; |
|||
--bs-body-line-height: 1.5; |
|||
--bs-body-color: #212529; |
|||
--bs-body-color-rgb: 33, 37, 41; |
|||
--bs-body-bg: #fff; |
|||
--bs-body-bg-rgb: 255, 255, 255; |
|||
--bs-emphasis-color: #000; |
|||
--bs-emphasis-color-rgb: 0, 0, 0; |
|||
--bs-secondary-color: rgba(33, 37, 41, 0.75); |
|||
--bs-secondary-color-rgb: 33, 37, 41; |
|||
--bs-secondary-bg: #e9ecef; |
|||
--bs-secondary-bg-rgb: 233, 236, 239; |
|||
--bs-tertiary-color: rgba(33, 37, 41, 0.5); |
|||
--bs-tertiary-color-rgb: 33, 37, 41; |
|||
--bs-tertiary-bg: #f8f9fa; |
|||
--bs-tertiary-bg-rgb: 248, 249, 250; |
|||
--bs-heading-color: inherit; |
|||
--bs-link-color: #0d6efd; |
|||
--bs-link-color-rgb: 13, 110, 253; |
|||
--bs-link-decoration: underline; |
|||
--bs-link-hover-color: #0a58ca; |
|||
--bs-link-hover-color-rgb: 10, 88, 202; |
|||
--bs-code-color: #d63384; |
|||
--bs-highlight-color: #212529; |
|||
--bs-highlight-bg: #fff3cd; |
|||
--bs-border-width: 1px; |
|||
--bs-border-style: solid; |
|||
--bs-border-color: #dee2e6; |
|||
--bs-border-color-translucent: rgba(0, 0, 0, 0.175); |
|||
--bs-border-radius: 0.375rem; |
|||
--bs-border-radius-sm: 0.25rem; |
|||
--bs-border-radius-lg: 0.5rem; |
|||
--bs-border-radius-xl: 1rem; |
|||
--bs-border-radius-xxl: 2rem; |
|||
--bs-border-radius-2xl: var(--bs-border-radius-xxl); |
|||
--bs-border-radius-pill: 50rem; |
|||
--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); |
|||
--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); |
|||
--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); |
|||
--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); |
|||
--bs-focus-ring-width: 0.25rem; |
|||
--bs-focus-ring-opacity: 0.25; |
|||
--bs-focus-ring-color: rgba(13, 110, 253, 0.25); |
|||
--bs-form-valid-color: #198754; |
|||
--bs-form-valid-border-color: #198754; |
|||
--bs-form-invalid-color: #dc3545; |
|||
--bs-form-invalid-border-color: #dc3545; |
|||
} |
|||
|
|||
[data-bs-theme=dark] { |
|||
color-scheme: dark; |
|||
--bs-body-color: #dee2e6; |
|||
--bs-body-color-rgb: 222, 226, 230; |
|||
--bs-body-bg: #212529; |
|||
--bs-body-bg-rgb: 33, 37, 41; |
|||
--bs-emphasis-color: #fff; |
|||
--bs-emphasis-color-rgb: 255, 255, 255; |
|||
--bs-secondary-color: rgba(222, 226, 230, 0.75); |
|||
--bs-secondary-color-rgb: 222, 226, 230; |
|||
--bs-secondary-bg: #343a40; |
|||
--bs-secondary-bg-rgb: 52, 58, 64; |
|||
--bs-tertiary-color: rgba(222, 226, 230, 0.5); |
|||
--bs-tertiary-color-rgb: 222, 226, 230; |
|||
--bs-tertiary-bg: #2b3035; |
|||
--bs-tertiary-bg-rgb: 43, 48, 53; |
|||
--bs-primary-text-emphasis: #6ea8fe; |
|||
--bs-secondary-text-emphasis: #a7acb1; |
|||
--bs-success-text-emphasis: #75b798; |
|||
--bs-info-text-emphasis: #6edff6; |
|||
--bs-warning-text-emphasis: #ffda6a; |
|||
--bs-danger-text-emphasis: #ea868f; |
|||
--bs-light-text-emphasis: #f8f9fa; |
|||
--bs-dark-text-emphasis: #dee2e6; |
|||
--bs-primary-bg-subtle: #031633; |
|||
--bs-secondary-bg-subtle: #161719; |
|||
--bs-success-bg-subtle: #051b11; |
|||
--bs-info-bg-subtle: #032830; |
|||
--bs-warning-bg-subtle: #332701; |
|||
--bs-danger-bg-subtle: #2c0b0e; |
|||
--bs-light-bg-subtle: #343a40; |
|||
--bs-dark-bg-subtle: #1a1d20; |
|||
--bs-primary-border-subtle: #084298; |
|||
--bs-secondary-border-subtle: #41464b; |
|||
--bs-success-border-subtle: #0f5132; |
|||
--bs-info-border-subtle: #087990; |
|||
--bs-warning-border-subtle: #997404; |
|||
--bs-danger-border-subtle: #842029; |
|||
--bs-light-border-subtle: #495057; |
|||
--bs-dark-border-subtle: #343a40; |
|||
--bs-heading-color: inherit; |
|||
--bs-link-color: #6ea8fe; |
|||
--bs-link-hover-color: #8bb9fe; |
|||
--bs-link-color-rgb: 110, 168, 254; |
|||
--bs-link-hover-color-rgb: 139, 185, 254; |
|||
--bs-code-color: #e685b5; |
|||
--bs-highlight-color: #dee2e6; |
|||
--bs-highlight-bg: #664d03; |
|||
--bs-border-color: #495057; |
|||
--bs-border-color-translucent: rgba(255, 255, 255, 0.15); |
|||
--bs-form-valid-color: #75b798; |
|||
--bs-form-valid-border-color: #75b798; |
|||
--bs-form-invalid-color: #ea868f; |
|||
--bs-form-invalid-border-color: #ea868f; |
|||
} |
|||
|
|||
*, |
|||
*::before, |
|||
*::after { |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
@media (prefers-reduced-motion: no-preference) { |
|||
:root { |
|||
scroll-behavior: smooth; |
|||
} |
|||
} |
|||
|
|||
body { |
|||
margin: 0; |
|||
font-family: var(--bs-body-font-family); |
|||
font-size: var(--bs-body-font-size); |
|||
font-weight: var(--bs-body-font-weight); |
|||
line-height: var(--bs-body-line-height); |
|||
color: var(--bs-body-color); |
|||
text-align: var(--bs-body-text-align); |
|||
background-color: var(--bs-body-bg); |
|||
-webkit-text-size-adjust: 100%; |
|||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); |
|||
} |
|||
|
|||
hr { |
|||
margin: 1rem 0; |
|||
color: inherit; |
|||
border: 0; |
|||
border-top: var(--bs-border-width) solid; |
|||
opacity: 0.25; |
|||
} |
|||
|
|||
h6, h5, h4, h3, h2, h1 { |
|||
margin-top: 0; |
|||
margin-bottom: 0.5rem; |
|||
font-weight: 500; |
|||
line-height: 1.2; |
|||
color: var(--bs-heading-color); |
|||
} |
|||
|
|||
h1 { |
|||
font-size: calc(1.375rem + 1.5vw); |
|||
} |
|||
@media (min-width: 1200px) { |
|||
h1 { |
|||
font-size: 2.5rem; |
|||
} |
|||
} |
|||
|
|||
h2 { |
|||
font-size: calc(1.325rem + 0.9vw); |
|||
} |
|||
@media (min-width: 1200px) { |
|||
h2 { |
|||
font-size: 2rem; |
|||
} |
|||
} |
|||
|
|||
h3 { |
|||
font-size: calc(1.3rem + 0.6vw); |
|||
} |
|||
@media (min-width: 1200px) { |
|||
h3 { |
|||
font-size: 1.75rem; |
|||
} |
|||
} |
|||
|
|||
h4 { |
|||
font-size: calc(1.275rem + 0.3vw); |
|||
} |
|||
@media (min-width: 1200px) { |
|||
h4 { |
|||
font-size: 1.5rem; |
|||
} |
|||
} |
|||
|
|||
h5 { |
|||
font-size: 1.25rem; |
|||
} |
|||
|
|||
h6 { |
|||
font-size: 1rem; |
|||
} |
|||
|
|||
p { |
|||
margin-top: 0; |
|||
margin-bottom: 1rem; |
|||
} |
|||
|
|||
abbr[title] { |
|||
-webkit-text-decoration: underline dotted; |
|||
text-decoration: underline dotted; |
|||
cursor: help; |
|||
-webkit-text-decoration-skip-ink: none; |
|||
text-decoration-skip-ink: none; |
|||
} |
|||
|
|||
address { |
|||
margin-bottom: 1rem; |
|||
font-style: normal; |
|||
line-height: inherit; |
|||
} |
|||
|
|||
ol, |
|||
ul { |
|||
padding-left: 2rem; |
|||
} |
|||
|
|||
ol, |
|||
ul, |
|||
dl { |
|||
margin-top: 0; |
|||
margin-bottom: 1rem; |
|||
} |
|||
|
|||
ol ol, |
|||
ul ul, |
|||
ol ul, |
|||
ul ol { |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
dt { |
|||
font-weight: 700; |
|||
} |
|||
|
|||
dd { |
|||
margin-bottom: 0.5rem; |
|||
margin-left: 0; |
|||
} |
|||
|
|||
blockquote { |
|||
margin: 0 0 1rem; |
|||
} |
|||
|
|||
b, |
|||
strong { |
|||
font-weight: bolder; |
|||
} |
|||
|
|||
small { |
|||
font-size: 0.875em; |
|||
} |
|||
|
|||
mark { |
|||
padding: 0.1875em; |
|||
color: var(--bs-highlight-color); |
|||
background-color: var(--bs-highlight-bg); |
|||
} |
|||
|
|||
sub, |
|||
sup { |
|||
position: relative; |
|||
font-size: 0.75em; |
|||
line-height: 0; |
|||
vertical-align: baseline; |
|||
} |
|||
|
|||
sub { |
|||
bottom: -0.25em; |
|||
} |
|||
|
|||
sup { |
|||
top: -0.5em; |
|||
} |
|||
|
|||
a { |
|||
color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); |
|||
text-decoration: underline; |
|||
} |
|||
a:hover { |
|||
--bs-link-color-rgb: var(--bs-link-hover-color-rgb); |
|||
} |
|||
|
|||
a:not([href]):not([class]), a:not([href]):not([class]):hover { |
|||
color: inherit; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
pre, |
|||
code, |
|||
kbd, |
|||
samp { |
|||
font-family: var(--bs-font-monospace); |
|||
font-size: 1em; |
|||
} |
|||
|
|||
pre { |
|||
display: block; |
|||
margin-top: 0; |
|||
margin-bottom: 1rem; |
|||
overflow: auto; |
|||
font-size: 0.875em; |
|||
} |
|||
pre code { |
|||
font-size: inherit; |
|||
color: inherit; |
|||
word-break: normal; |
|||
} |
|||
|
|||
code { |
|||
font-size: 0.875em; |
|||
color: var(--bs-code-color); |
|||
word-wrap: break-word; |
|||
} |
|||
a > code { |
|||
color: inherit; |
|||
} |
|||
|
|||
kbd { |
|||
padding: 0.1875rem 0.375rem; |
|||
font-size: 0.875em; |
|||
color: var(--bs-body-bg); |
|||
background-color: var(--bs-body-color); |
|||
border-radius: 0.25rem; |
|||
} |
|||
kbd kbd { |
|||
padding: 0; |
|||
font-size: 1em; |
|||
} |
|||
|
|||
figure { |
|||
margin: 0 0 1rem; |
|||
} |
|||
|
|||
img, |
|||
svg { |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
table { |
|||
caption-side: bottom; |
|||
border-collapse: collapse; |
|||
} |
|||
|
|||
caption { |
|||
padding-top: 0.5rem; |
|||
padding-bottom: 0.5rem; |
|||
color: var(--bs-secondary-color); |
|||
text-align: left; |
|||
} |
|||
|
|||
th { |
|||
text-align: inherit; |
|||
text-align: -webkit-match-parent; |
|||
} |
|||
|
|||
thead, |
|||
tbody, |
|||
tfoot, |
|||
tr, |
|||
td, |
|||
th { |
|||
border-color: inherit; |
|||
border-style: solid; |
|||
border-width: 0; |
|||
} |
|||
|
|||
label { |
|||
display: inline-block; |
|||
} |
|||
|
|||
button { |
|||
border-radius: 0; |
|||
} |
|||
|
|||
button:focus:not(:focus-visible) { |
|||
outline: 0; |
|||
} |
|||
|
|||
input, |
|||
button, |
|||
select, |
|||
optgroup, |
|||
textarea { |
|||
margin: 0; |
|||
font-family: inherit; |
|||
font-size: inherit; |
|||
line-height: inherit; |
|||
} |
|||
|
|||
button, |
|||
select { |
|||
text-transform: none; |
|||
} |
|||
|
|||
[role=button] { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
select { |
|||
word-wrap: normal; |
|||
} |
|||
select:disabled { |
|||
opacity: 1; |
|||
} |
|||
|
|||
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { |
|||
display: none !important; |
|||
} |
|||
|
|||
button, |
|||
[type=button], |
|||
[type=reset], |
|||
[type=submit] { |
|||
-webkit-appearance: button; |
|||
} |
|||
button:not(:disabled), |
|||
[type=button]:not(:disabled), |
|||
[type=reset]:not(:disabled), |
|||
[type=submit]:not(:disabled) { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
::-moz-focus-inner { |
|||
padding: 0; |
|||
border-style: none; |
|||
} |
|||
|
|||
textarea { |
|||
resize: vertical; |
|||
} |
|||
|
|||
fieldset { |
|||
min-width: 0; |
|||
padding: 0; |
|||
margin: 0; |
|||
border: 0; |
|||
} |
|||
|
|||
legend { |
|||
float: left; |
|||
width: 100%; |
|||
padding: 0; |
|||
margin-bottom: 0.5rem; |
|||
font-size: calc(1.275rem + 0.3vw); |
|||
line-height: inherit; |
|||
} |
|||
@media (min-width: 1200px) { |
|||
legend { |
|||
font-size: 1.5rem; |
|||
} |
|||
} |
|||
legend + * { |
|||
clear: left; |
|||
} |
|||
|
|||
::-webkit-datetime-edit-fields-wrapper, |
|||
::-webkit-datetime-edit-text, |
|||
::-webkit-datetime-edit-minute, |
|||
::-webkit-datetime-edit-hour-field, |
|||
::-webkit-datetime-edit-day-field, |
|||
::-webkit-datetime-edit-month-field, |
|||
::-webkit-datetime-edit-year-field { |
|||
padding: 0; |
|||
} |
|||
|
|||
::-webkit-inner-spin-button { |
|||
height: auto; |
|||
} |
|||
|
|||
[type=search] { |
|||
-webkit-appearance: textfield; |
|||
outline-offset: -2px; |
|||
} |
|||
|
|||
/* rtl:raw: |
|||
[type="tel"], |
|||
[type="url"], |
|||
[type="email"], |
|||
[type="number"] { |
|||
direction: ltr; |
|||
} |
|||
*/ |
|||
::-webkit-search-decoration { |
|||
-webkit-appearance: none; |
|||
} |
|||
|
|||
::-webkit-color-swatch-wrapper { |
|||
padding: 0; |
|||
} |
|||
|
|||
::-webkit-file-upload-button { |
|||
font: inherit; |
|||
-webkit-appearance: button; |
|||
} |
|||
|
|||
::file-selector-button { |
|||
font: inherit; |
|||
-webkit-appearance: button; |
|||
} |
|||
|
|||
output { |
|||
display: inline-block; |
|||
} |
|||
|
|||
iframe { |
|||
border: 0; |
|||
} |
|||
|
|||
summary { |
|||
display: list-item; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
progress { |
|||
vertical-align: baseline; |
|||
} |
|||
|
|||
[hidden] { |
|||
display: none !important; |
|||
} |
|||
|
|||
/*# sourceMappingURL=bootstrap-reboot.css.map */ |
|||
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
@ -0,0 +1,594 @@ |
|||
/*! |
|||
* Bootstrap Reboot v5.3.3 (https://getbootstrap.com/) |
|||
* Copyright 2011-2024 The Bootstrap Authors |
|||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) |
|||
*/ |
|||
:root, |
|||
[data-bs-theme=light] { |
|||
--bs-blue: #0d6efd; |
|||
--bs-indigo: #6610f2; |
|||
--bs-purple: #6f42c1; |
|||
--bs-pink: #d63384; |
|||
--bs-red: #dc3545; |
|||
--bs-orange: #fd7e14; |
|||
--bs-yellow: #ffc107; |
|||
--bs-green: #198754; |
|||
--bs-teal: #20c997; |
|||
--bs-cyan: #0dcaf0; |
|||
--bs-black: #000; |
|||
--bs-white: #fff; |
|||
--bs-gray: #6c757d; |
|||
--bs-gray-dark: #343a40; |
|||
--bs-gray-100: #f8f9fa; |
|||
--bs-gray-200: #e9ecef; |
|||
--bs-gray-300: #dee2e6; |
|||
--bs-gray-400: #ced4da; |
|||
--bs-gray-500: #adb5bd; |
|||
--bs-gray-600: #6c757d; |
|||
--bs-gray-700: #495057; |
|||
--bs-gray-800: #343a40; |
|||
--bs-gray-900: #212529; |
|||
--bs-primary: #0d6efd; |
|||
--bs-secondary: #6c757d; |
|||
--bs-success: #198754; |
|||
--bs-info: #0dcaf0; |
|||
--bs-warning: #ffc107; |
|||
--bs-danger: #dc3545; |
|||
--bs-light: #f8f9fa; |
|||
--bs-dark: #212529; |
|||
--bs-primary-rgb: 13, 110, 253; |
|||
--bs-secondary-rgb: 108, 117, 125; |
|||
--bs-success-rgb: 25, 135, 84; |
|||
--bs-info-rgb: 13, 202, 240; |
|||
--bs-warning-rgb: 255, 193, 7; |
|||
--bs-danger-rgb: 220, 53, 69; |
|||
--bs-light-rgb: 248, 249, 250; |
|||
--bs-dark-rgb: 33, 37, 41; |
|||
--bs-primary-text-emphasis: #052c65; |
|||
--bs-secondary-text-emphasis: #2b2f32; |
|||
--bs-success-text-emphasis: #0a3622; |
|||
--bs-info-text-emphasis: #055160; |
|||
--bs-warning-text-emphasis: #664d03; |
|||
--bs-danger-text-emphasis: #58151c; |
|||
--bs-light-text-emphasis: #495057; |
|||
--bs-dark-text-emphasis: #495057; |
|||
--bs-primary-bg-subtle: #cfe2ff; |
|||
--bs-secondary-bg-subtle: #e2e3e5; |
|||
--bs-success-bg-subtle: #d1e7dd; |
|||
--bs-info-bg-subtle: #cff4fc; |
|||
--bs-warning-bg-subtle: #fff3cd; |
|||
--bs-danger-bg-subtle: #f8d7da; |
|||
--bs-light-bg-subtle: #fcfcfd; |
|||
--bs-dark-bg-subtle: #ced4da; |
|||
--bs-primary-border-subtle: #9ec5fe; |
|||
--bs-secondary-border-subtle: #c4c8cb; |
|||
--bs-success-border-subtle: #a3cfbb; |
|||
--bs-info-border-subtle: #9eeaf9; |
|||
--bs-warning-border-subtle: #ffe69c; |
|||
--bs-danger-border-subtle: #f1aeb5; |
|||
--bs-light-border-subtle: #e9ecef; |
|||
--bs-dark-border-subtle: #adb5bd; |
|||
--bs-white-rgb: 255, 255, 255; |
|||
--bs-black-rgb: 0, 0, 0; |
|||
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; |
|||
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; |
|||
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); |
|||
--bs-body-font-family: var(--bs-font-sans-serif); |
|||
--bs-body-font-size: 1rem; |
|||
--bs-body-font-weight: 400; |
|||
--bs-body-line-height: 1.5; |
|||
--bs-body-color: #212529; |
|||
--bs-body-color-rgb: 33, 37, 41; |
|||
--bs-body-bg: #fff; |
|||
--bs-body-bg-rgb: 255, 255, 255; |
|||
--bs-emphasis-color: #000; |
|||
--bs-emphasis-color-rgb: 0, 0, 0; |
|||
--bs-secondary-color: rgba(33, 37, 41, 0.75); |
|||
--bs-secondary-color-rgb: 33, 37, 41; |
|||
--bs-secondary-bg: #e9ecef; |
|||
--bs-secondary-bg-rgb: 233, 236, 239; |
|||
--bs-tertiary-color: rgba(33, 37, 41, 0.5); |
|||
--bs-tertiary-color-rgb: 33, 37, 41; |
|||
--bs-tertiary-bg: #f8f9fa; |
|||
--bs-tertiary-bg-rgb: 248, 249, 250; |
|||
--bs-heading-color: inherit; |
|||
--bs-link-color: #0d6efd; |
|||
--bs-link-color-rgb: 13, 110, 253; |
|||
--bs-link-decoration: underline; |
|||
--bs-link-hover-color: #0a58ca; |
|||
--bs-link-hover-color-rgb: 10, 88, 202; |
|||
--bs-code-color: #d63384; |
|||
--bs-highlight-color: #212529; |
|||
--bs-highlight-bg: #fff3cd; |
|||
--bs-border-width: 1px; |
|||
--bs-border-style: solid; |
|||
--bs-border-color: #dee2e6; |
|||
--bs-border-color-translucent: rgba(0, 0, 0, 0.175); |
|||
--bs-border-radius: 0.375rem; |
|||
--bs-border-radius-sm: 0.25rem; |
|||
--bs-border-radius-lg: 0.5rem; |
|||
--bs-border-radius-xl: 1rem; |
|||
--bs-border-radius-xxl: 2rem; |
|||
--bs-border-radius-2xl: var(--bs-border-radius-xxl); |
|||
--bs-border-radius-pill: 50rem; |
|||
--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); |
|||
--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); |
|||
--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); |
|||
--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); |
|||
--bs-focus-ring-width: 0.25rem; |
|||
--bs-focus-ring-opacity: 0.25; |
|||
--bs-focus-ring-color: rgba(13, 110, 253, 0.25); |
|||
--bs-form-valid-color: #198754; |
|||
--bs-form-valid-border-color: #198754; |
|||
--bs-form-invalid-color: #dc3545; |
|||
--bs-form-invalid-border-color: #dc3545; |
|||
} |
|||
|
|||
[data-bs-theme=dark] { |
|||
color-scheme: dark; |
|||
--bs-body-color: #dee2e6; |
|||
--bs-body-color-rgb: 222, 226, 230; |
|||
--bs-body-bg: #212529; |
|||
--bs-body-bg-rgb: 33, 37, 41; |
|||
--bs-emphasis-color: #fff; |
|||
--bs-emphasis-color-rgb: 255, 255, 255; |
|||
--bs-secondary-color: rgba(222, 226, 230, 0.75); |
|||
--bs-secondary-color-rgb: 222, 226, 230; |
|||
--bs-secondary-bg: #343a40; |
|||
--bs-secondary-bg-rgb: 52, 58, 64; |
|||
--bs-tertiary-color: rgba(222, 226, 230, 0.5); |
|||
--bs-tertiary-color-rgb: 222, 226, 230; |
|||
--bs-tertiary-bg: #2b3035; |
|||
--bs-tertiary-bg-rgb: 43, 48, 53; |
|||
--bs-primary-text-emphasis: #6ea8fe; |
|||
--bs-secondary-text-emphasis: #a7acb1; |
|||
--bs-success-text-emphasis: #75b798; |
|||
--bs-info-text-emphasis: #6edff6; |
|||
--bs-warning-text-emphasis: #ffda6a; |
|||
--bs-danger-text-emphasis: #ea868f; |
|||
--bs-light-text-emphasis: #f8f9fa; |
|||
--bs-dark-text-emphasis: #dee2e6; |
|||
--bs-primary-bg-subtle: #031633; |
|||
--bs-secondary-bg-subtle: #161719; |
|||
--bs-success-bg-subtle: #051b11; |
|||
--bs-info-bg-subtle: #032830; |
|||
--bs-warning-bg-subtle: #332701; |
|||
--bs-danger-bg-subtle: #2c0b0e; |
|||
--bs-light-bg-subtle: #343a40; |
|||
--bs-dark-bg-subtle: #1a1d20; |
|||
--bs-primary-border-subtle: #084298; |
|||
--bs-secondary-border-subtle: #41464b; |
|||
--bs-success-border-subtle: #0f5132; |
|||
--bs-info-border-subtle: #087990; |
|||
--bs-warning-border-subtle: #997404; |
|||
--bs-danger-border-subtle: #842029; |
|||
--bs-light-border-subtle: #495057; |
|||
--bs-dark-border-subtle: #343a40; |
|||
--bs-heading-color: inherit; |
|||
--bs-link-color: #6ea8fe; |
|||
--bs-link-hover-color: #8bb9fe; |
|||
--bs-link-color-rgb: 110, 168, 254; |
|||
--bs-link-hover-color-rgb: 139, 185, 254; |
|||
--bs-code-color: #e685b5; |
|||
--bs-highlight-color: #dee2e6; |
|||
--bs-highlight-bg: #664d03; |
|||
--bs-border-color: #495057; |
|||
--bs-border-color-translucent: rgba(255, 255, 255, 0.15); |
|||
--bs-form-valid-color: #75b798; |
|||
--bs-form-valid-border-color: #75b798; |
|||
--bs-form-invalid-color: #ea868f; |
|||
--bs-form-invalid-border-color: #ea868f; |
|||
} |
|||
|
|||
*, |
|||
*::before, |
|||
*::after { |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
@media (prefers-reduced-motion: no-preference) { |
|||
:root { |
|||
scroll-behavior: smooth; |
|||
} |
|||
} |
|||
|
|||
body { |
|||
margin: 0; |
|||
font-family: var(--bs-body-font-family); |
|||
font-size: var(--bs-body-font-size); |
|||
font-weight: var(--bs-body-font-weight); |
|||
line-height: var(--bs-body-line-height); |
|||
color: var(--bs-body-color); |
|||
text-align: var(--bs-body-text-align); |
|||
background-color: var(--bs-body-bg); |
|||
-webkit-text-size-adjust: 100%; |
|||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); |
|||
} |
|||
|
|||
hr { |
|||
margin: 1rem 0; |
|||
color: inherit; |
|||
border: 0; |
|||
border-top: var(--bs-border-width) solid; |
|||
opacity: 0.25; |
|||
} |
|||
|
|||
h6, h5, h4, h3, h2, h1 { |
|||
margin-top: 0; |
|||
margin-bottom: 0.5rem; |
|||
font-weight: 500; |
|||
line-height: 1.2; |
|||
color: var(--bs-heading-color); |
|||
} |
|||
|
|||
h1 { |
|||
font-size: calc(1.375rem + 1.5vw); |
|||
} |
|||
@media (min-width: 1200px) { |
|||
h1 { |
|||
font-size: 2.5rem; |
|||
} |
|||
} |
|||
|
|||
h2 { |
|||
font-size: calc(1.325rem + 0.9vw); |
|||
} |
|||
@media (min-width: 1200px) { |
|||
h2 { |
|||
font-size: 2rem; |
|||
} |
|||
} |
|||
|
|||
h3 { |
|||
font-size: calc(1.3rem + 0.6vw); |
|||
} |
|||
@media (min-width: 1200px) { |
|||
h3 { |
|||
font-size: 1.75rem; |
|||
} |
|||
} |
|||
|
|||
h4 { |
|||
font-size: calc(1.275rem + 0.3vw); |
|||
} |
|||
@media (min-width: 1200px) { |
|||
h4 { |
|||
font-size: 1.5rem; |
|||
} |
|||
} |
|||
|
|||
h5 { |
|||
font-size: 1.25rem; |
|||
} |
|||
|
|||
h6 { |
|||
font-size: 1rem; |
|||
} |
|||
|
|||
p { |
|||
margin-top: 0; |
|||
margin-bottom: 1rem; |
|||
} |
|||
|
|||
abbr[title] { |
|||
-webkit-text-decoration: underline dotted; |
|||
text-decoration: underline dotted; |
|||
cursor: help; |
|||
-webkit-text-decoration-skip-ink: none; |
|||
text-decoration-skip-ink: none; |
|||
} |
|||
|
|||
address { |
|||
margin-bottom: 1rem; |
|||
font-style: normal; |
|||
line-height: inherit; |
|||
} |
|||
|
|||
ol, |
|||
ul { |
|||
padding-right: 2rem; |
|||
} |
|||
|
|||
ol, |
|||
ul, |
|||
dl { |
|||
margin-top: 0; |
|||
margin-bottom: 1rem; |
|||
} |
|||
|
|||
ol ol, |
|||
ul ul, |
|||
ol ul, |
|||
ul ol { |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
dt { |
|||
font-weight: 700; |
|||
} |
|||
|
|||
dd { |
|||
margin-bottom: 0.5rem; |
|||
margin-right: 0; |
|||
} |
|||
|
|||
blockquote { |
|||
margin: 0 0 1rem; |
|||
} |
|||
|
|||
b, |
|||
strong { |
|||
font-weight: bolder; |
|||
} |
|||
|
|||
small { |
|||
font-size: 0.875em; |
|||
} |
|||
|
|||
mark { |
|||
padding: 0.1875em; |
|||
color: var(--bs-highlight-color); |
|||
background-color: var(--bs-highlight-bg); |
|||
} |
|||
|
|||
sub, |
|||
sup { |
|||
position: relative; |
|||
font-size: 0.75em; |
|||
line-height: 0; |
|||
vertical-align: baseline; |
|||
} |
|||
|
|||
sub { |
|||
bottom: -0.25em; |
|||
} |
|||
|
|||
sup { |
|||
top: -0.5em; |
|||
} |
|||
|
|||
a { |
|||
color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); |
|||
text-decoration: underline; |
|||
} |
|||
a:hover { |
|||
--bs-link-color-rgb: var(--bs-link-hover-color-rgb); |
|||
} |
|||
|
|||
a:not([href]):not([class]), a:not([href]):not([class]):hover { |
|||
color: inherit; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
pre, |
|||
code, |
|||
kbd, |
|||
samp { |
|||
font-family: var(--bs-font-monospace); |
|||
font-size: 1em; |
|||
} |
|||
|
|||
pre { |
|||
display: block; |
|||
margin-top: 0; |
|||
margin-bottom: 1rem; |
|||
overflow: auto; |
|||
font-size: 0.875em; |
|||
} |
|||
pre code { |
|||
font-size: inherit; |
|||
color: inherit; |
|||
word-break: normal; |
|||
} |
|||
|
|||
code { |
|||
font-size: 0.875em; |
|||
color: var(--bs-code-color); |
|||
word-wrap: break-word; |
|||
} |
|||
a > code { |
|||
color: inherit; |
|||
} |
|||
|
|||
kbd { |
|||
padding: 0.1875rem 0.375rem; |
|||
font-size: 0.875em; |
|||
color: var(--bs-body-bg); |
|||
background-color: var(--bs-body-color); |
|||
border-radius: 0.25rem; |
|||
} |
|||
kbd kbd { |
|||
padding: 0; |
|||
font-size: 1em; |
|||
} |
|||
|
|||
figure { |
|||
margin: 0 0 1rem; |
|||
} |
|||
|
|||
img, |
|||
svg { |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
table { |
|||
caption-side: bottom; |
|||
border-collapse: collapse; |
|||
} |
|||
|
|||
caption { |
|||
padding-top: 0.5rem; |
|||
padding-bottom: 0.5rem; |
|||
color: var(--bs-secondary-color); |
|||
text-align: right; |
|||
} |
|||
|
|||
th { |
|||
text-align: inherit; |
|||
text-align: -webkit-match-parent; |
|||
} |
|||
|
|||
thead, |
|||
tbody, |
|||
tfoot, |
|||
tr, |
|||
td, |
|||
th { |
|||
border-color: inherit; |
|||
border-style: solid; |
|||
border-width: 0; |
|||
} |
|||
|
|||
label { |
|||
display: inline-block; |
|||
} |
|||
|
|||
button { |
|||
border-radius: 0; |
|||
} |
|||
|
|||
button:focus:not(:focus-visible) { |
|||
outline: 0; |
|||
} |
|||
|
|||
input, |
|||
button, |
|||
select, |
|||
optgroup, |
|||
textarea { |
|||
margin: 0; |
|||
font-family: inherit; |
|||
font-size: inherit; |
|||
line-height: inherit; |
|||
} |
|||
|
|||
button, |
|||
select { |
|||
text-transform: none; |
|||
} |
|||
|
|||
[role=button] { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
select { |
|||
word-wrap: normal; |
|||
} |
|||
select:disabled { |
|||
opacity: 1; |
|||
} |
|||
|
|||
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { |
|||
display: none !important; |
|||
} |
|||
|
|||
button, |
|||
[type=button], |
|||
[type=reset], |
|||
[type=submit] { |
|||
-webkit-appearance: button; |
|||
} |
|||
button:not(:disabled), |
|||
[type=button]:not(:disabled), |
|||
[type=reset]:not(:disabled), |
|||
[type=submit]:not(:disabled) { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
::-moz-focus-inner { |
|||
padding: 0; |
|||
border-style: none; |
|||
} |
|||
|
|||
textarea { |
|||
resize: vertical; |
|||
} |
|||
|
|||
fieldset { |
|||
min-width: 0; |
|||
padding: 0; |
|||
margin: 0; |
|||
border: 0; |
|||
} |
|||
|
|||
legend { |
|||
float: right; |
|||
width: 100%; |
|||
padding: 0; |
|||
margin-bottom: 0.5rem; |
|||
font-size: calc(1.275rem + 0.3vw); |
|||
line-height: inherit; |
|||
} |
|||
@media (min-width: 1200px) { |
|||
legend { |
|||
font-size: 1.5rem; |
|||
} |
|||
} |
|||
legend + * { |
|||
clear: right; |
|||
} |
|||
|
|||
::-webkit-datetime-edit-fields-wrapper, |
|||
::-webkit-datetime-edit-text, |
|||
::-webkit-datetime-edit-minute, |
|||
::-webkit-datetime-edit-hour-field, |
|||
::-webkit-datetime-edit-day-field, |
|||
::-webkit-datetime-edit-month-field, |
|||
::-webkit-datetime-edit-year-field { |
|||
padding: 0; |
|||
} |
|||
|
|||
::-webkit-inner-spin-button { |
|||
height: auto; |
|||
} |
|||
|
|||
[type=search] { |
|||
-webkit-appearance: textfield; |
|||
outline-offset: -2px; |
|||
} |
|||
|
|||
[type="tel"], |
|||
[type="url"], |
|||
[type="email"], |
|||
[type="number"] { |
|||
direction: ltr; |
|||
} |
|||
::-webkit-search-decoration { |
|||
-webkit-appearance: none; |
|||
} |
|||
|
|||
::-webkit-color-swatch-wrapper { |
|||
padding: 0; |
|||
} |
|||
|
|||
::-webkit-file-upload-button { |
|||
font: inherit; |
|||
-webkit-appearance: button; |
|||
} |
|||
|
|||
::file-selector-button { |
|||
font: inherit; |
|||
-webkit-appearance: button; |
|||
} |
|||
|
|||
output { |
|||
display: inline-block; |
|||
} |
|||
|
|||
iframe { |
|||
border: 0; |
|||
} |
|||
|
|||
summary { |
|||
display: list-item; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
progress { |
|||
vertical-align: baseline; |
|||
} |
|||
|
|||
[hidden] { |
|||
display: none !important; |
|||
} |
|||
/*# sourceMappingURL=bootstrap-reboot.rtl.css.map */ |
|||
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
File diff suppressed because it is too large
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
File diff suppressed because it is too large
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
File diff suppressed because it is too large
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
File diff suppressed because it is too large
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
@ -0,0 +1,97 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en" data-bs-theme="auto"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<title>Document</title> |
|||
<link rel="stylesheet" href="css/bootstrap.min.css"> |
|||
<meta name="theme-color" content="#712cf9"> |
|||
|
|||
</head> |
|||
<body> |
|||
<header data-bs-theme="dark"> |
|||
<div class="collapse text-bg-dark" id="navbarHeader"> |
|||
<div class="container"> |
|||
<div class="row"> |
|||
<div class="col-sm-8 col-md-7 py-4"> |
|||
<h4 class="text-white">TEMPLATE</h4> |
|||
<p class="">LOOOREM</p> |
|||
</div> |
|||
<div class="col-sm-4 offset-md-1 py-4"> |
|||
<h4>Odkazy</h4> |
|||
<!-- ul.list-unstyled>li*4>a.text-white --> |
|||
<ul class="list-unstyled"> |
|||
<li><a href="index.html" class="text-white">Home</a></li> |
|||
<li><a href="about.html" class="text-white">About</a></li> |
|||
<li><a href="galery.html" class="text-white">Gallery</a></li> |
|||
<li><a href="contact.html" class="text-white">Contact us</a></li> |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="navbar navbar-dark bg-dark shadow-sm"> |
|||
<div class="container"> |
|||
<a class="navbar-brand d-flex" href="#"> |
|||
<strong>Nazev WEBu</strong> |
|||
</a> |
|||
<button class="navbar-toggler" |
|||
type="button" |
|||
data-bs-toggle="collapse" |
|||
data-bs-target="#navbarHeader" |
|||
aria-controls="navbarHeader" |
|||
aria-expanded="false" |
|||
aria-label="Toggle navbar" |
|||
> <span class="navbar-toggler-icon"></span></button> |
|||
</div> |
|||
</div> |
|||
</header> |
|||
|
|||
<main> |
|||
<div class="container"> |
|||
<h1>Galerry</h1> |
|||
<h3 class="lead ">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Officia sit tenetur omnis eveniet adipisci tempora nesciunt voluptate minima modi ad iste odio asperiores amet eaque, earum nulla, culpa, ullam provident?</h3> |
|||
<div class="row"> |
|||
<div class="col-md-4"> |
|||
<div class="border border-5 rounded p-2 m-1">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eos odit dolore aperiam vel dolores nobis eaque perspiciatis ut quis enim provident ratione quos, autem pariatur, aliquid magni! Nam, ratione in?</div> |
|||
</div> |
|||
<div class="col-md-4"> |
|||
<div class="border border-5 rounded p-5 m-1">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eos odit dolore aperiam vel dolores nobis eaque perspiciatis ut quis enim provident ratione quos, autem pariatur, aliquid magni! Nam, ratione in?</div> |
|||
</div> |
|||
<div class="col-md-4"> |
|||
<div class="border border-5 rounded p-2 m-1">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eos odit dolore aperiam vel dolores nobis eaque perspiciatis ut quis enim provident ratione quos, autem pariatur, aliquid magni! Nam, ratione in?</div> |
|||
</div> |
|||
<div class="col-md-4"> |
|||
<div class="border border-5 rounded p-4 m-1">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eos odit dolore aperiam vel dolores nobis eaque perspiciatis ut quis enim provident ratione quos, autem pariatur, aliquid magni! Nam, ratione in?</div> |
|||
</div> |
|||
<div class="col-md-4"> |
|||
<div class="border border-5 rounded p-2 m-3">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eos odit dolore aperiam vel dolores nobis eaque perspiciatis ut quis enim provident ratione quos, autem pariatur, aliquid magni! Nam, ratione in?</div> |
|||
</div> |
|||
<div class="col-md-4"> |
|||
<div class="border border-5 rounded p-1 m-5">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eos odit dolore aperiam vel dolores nobis eaque perspiciatis ut quis enim provident ratione quos, autem pariatur, aliquid magni! Nam, ratione in?</div> |
|||
</div> |
|||
<div class="col-md-4"> |
|||
<div class="border border-5 rounded p-2 m-2">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eos odit dolore aperiam vel dolores nobis eaque perspiciatis ut quis enim provident ratione quos, autem pariatur, aliquid magni! Nam, ratione in?</div> |
|||
</div> |
|||
<div class="col-md-4"> |
|||
<div class="border border-5 rounded p-2 m-1">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eos odit dolore aperiam vel dolores nobis eaque perspiciatis ut quis enim provident ratione quos, autem pariatur, aliquid magni! Nam, ratione in?</div> |
|||
</div> |
|||
<div class="col-md-4"> |
|||
<div class="border border-5 rounded p-2 m-1">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eos odit dolore aperiam vel dolores nobis eaque perspiciatis ut quis enim provident ratione quos, autem pariatur, aliquid magni! Nam, ratione in?</div> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</main> |
|||
|
|||
<footer class="text-body-secondary py-5"> |
|||
<div class="container"> |
|||
<p class="float-end mb-1"><a href="#"> Zpět nahoru</a></p> |
|||
<p class="mb-1"> Jméno.Příjmení @ 2024</p> |
|||
</div> |
|||
|
|||
</footer> |
|||
|
|||
<script src="js/bootstrap.bundle.js"></script> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,67 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en" data-bs-theme="auto"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<title>Document</title> |
|||
<link rel="stylesheet" href="css/bootstrap.min.css"> |
|||
<meta name="theme-color" content="#712cf9"> |
|||
|
|||
</head> |
|||
<body> |
|||
<header data-bs-theme="dark"> |
|||
<div class="collapse text-bg-dark" id="navbarHeader"> |
|||
<div class="container"> |
|||
<div class="row"> |
|||
<div class="col-sm-8 col-md-7 py-4"> |
|||
<h4 class="text-white">TEMPLATE</h4> |
|||
<p class="">LOOOREM</p> |
|||
</div> |
|||
<div class="col-sm-4 offset-md-1 py-4"> |
|||
<h4>Odkazy</h4> |
|||
<!-- ul.list-unstyled>li*4>a.text-white --> |
|||
<ul class="list-unstyled"> |
|||
<li><a href="index.html" class="text-white">Home</a></li> |
|||
<li><a href="about.html" class="text-white">About</a></li> |
|||
<li><a href="galery.html" class="text-white">Gallery</a></li> |
|||
<li><a href="contact.html" class="text-white">Contact us</a></li> |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="navbar navbar-dark bg-dark shadow-sm"> |
|||
<div class="container"> |
|||
<a class="navbar-brand d-flex" href="#"> |
|||
<strong>Nazev WEBu</strong> |
|||
</a> |
|||
<button class="navbar-toggler" |
|||
type="button" |
|||
data-bs-toggle="collapse" |
|||
data-bs-target="#navbarHeader" |
|||
aria-controls="navbarHeader" |
|||
aria-expanded="false" |
|||
aria-label="Toggle navbar" |
|||
> <span class="navbar-toggler-icon"></span></button> |
|||
</div> |
|||
</div> |
|||
</header> |
|||
|
|||
<main> |
|||
<div class="container"> |
|||
<h1>Index</h1> |
|||
</div> |
|||
|
|||
</main> |
|||
|
|||
<footer class="text-body-secondary py-5"> |
|||
<div class="container"> |
|||
<p class="float-end mb-1"><a href="#"> Zpět nahoru</a></p> |
|||
<p class="mb-1"> Jméno.Příjmení @ 2024</p> |
|||
</div> |
|||
|
|||
</footer> |
|||
|
|||
<script src="js/bootstrap.bundle.js"></script> |
|||
</body> |
|||
</html> |
|||
File diff suppressed because it is too large
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
File diff suppressed because it is too large
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
File diff suppressed because it is too large
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
@ -0,0 +1,80 @@ |
|||
/*! |
|||
* Color mode toggler for Bootstrap's docs (https://getbootstrap.com/)
|
|||
* Copyright 2011-2023 The Bootstrap Authors |
|||
* Licensed under the Creative Commons Attribution 3.0 Unported License. |
|||
*/ |
|||
|
|||
(() => { |
|||
'use strict' |
|||
|
|||
const getStoredTheme = () => localStorage.getItem('theme') |
|||
const setStoredTheme = theme => localStorage.setItem('theme', theme) |
|||
|
|||
const getPreferredTheme = () => { |
|||
const storedTheme = getStoredTheme() |
|||
if (storedTheme) { |
|||
return storedTheme |
|||
} |
|||
|
|||
return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light' |
|||
} |
|||
|
|||
const setTheme = theme => { |
|||
if (theme === 'auto') { |
|||
document.documentElement.setAttribute('data-bs-theme', (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light')) |
|||
} else { |
|||
document.documentElement.setAttribute('data-bs-theme', theme) |
|||
} |
|||
} |
|||
|
|||
setTheme(getPreferredTheme()) |
|||
|
|||
const showActiveTheme = (theme, focus = false) => { |
|||
const themeSwitcher = document.querySelector('#bd-theme') |
|||
|
|||
if (!themeSwitcher) { |
|||
return |
|||
} |
|||
|
|||
const themeSwitcherText = document.querySelector('#bd-theme-text') |
|||
const activeThemeIcon = document.querySelector('.theme-icon-active use') |
|||
const btnToActive = document.querySelector(`[data-bs-theme-value="${theme}"]`) |
|||
const svgOfActiveBtn = btnToActive.querySelector('svg use').getAttribute('href') |
|||
|
|||
document.querySelectorAll('[data-bs-theme-value]').forEach(element => { |
|||
element.classList.remove('active') |
|||
element.setAttribute('aria-pressed', 'false') |
|||
}) |
|||
|
|||
btnToActive.classList.add('active') |
|||
btnToActive.setAttribute('aria-pressed', 'true') |
|||
activeThemeIcon.setAttribute('href', svgOfActiveBtn) |
|||
const themeSwitcherLabel = `${themeSwitcherText.textContent} (${btnToActive.dataset.bsThemeValue})` |
|||
themeSwitcher.setAttribute('aria-label', themeSwitcherLabel) |
|||
|
|||
if (focus) { |
|||
themeSwitcher.focus() |
|||
} |
|||
} |
|||
|
|||
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => { |
|||
const storedTheme = getStoredTheme() |
|||
if (storedTheme !== 'light' && storedTheme !== 'dark') { |
|||
setTheme(getPreferredTheme()) |
|||
} |
|||
}) |
|||
|
|||
window.addEventListener('DOMContentLoaded', () => { |
|||
showActiveTheme(getPreferredTheme()) |
|||
|
|||
document.querySelectorAll('[data-bs-theme-value]') |
|||
.forEach(toggle => { |
|||
toggle.addEventListener('click', () => { |
|||
const theme = toggle.getAttribute('data-bs-theme-value') |
|||
setStoredTheme(theme) |
|||
setTheme(theme) |
|||
showActiveTheme(theme, true) |
|||
}) |
|||
}) |
|||
}) |
|||
})() |
|||
@ -0,0 +1,104 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en" data-bs-theme="auto"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<title>Document</title> |
|||
<link rel="stylesheet" href="css/bootstrap.min.css"> |
|||
<meta name="theme-color" content="#712cf9"> |
|||
<style> |
|||
/* .bd-mode-toggle { |
|||
z-index: 1500; |
|||
} |
|||
.bd-mode-toggle .dropdown-menu .active .bi { |
|||
display: block !important; |
|||
} */ |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<!-- <div class="dropdown position-fixed bottom-0 end-0 mb-3 me-3 bd-mode-toggle"> |
|||
<button class="btn btn-bd-primary py-2 dropdown-toggle d-flex align-items-center" |
|||
id="bd-theme" |
|||
type="button" |
|||
aria-expanded="false" |
|||
data-bs-toggle="dropdown" |
|||
aria-label="Změna vzhledu" |
|||
> |
|||
Dark/Light</button> |
|||
<ul class="dropdown-menu dropdown-menu-end shadow" |
|||
aria-labelledby="bd-theme-text"> |
|||
<li> |
|||
<button type="button" |
|||
class="dropdown-item d-flex align-items-center" |
|||
data-bs-theme-value="light" |
|||
aria-pressed="false"> Light</button> |
|||
</li> |
|||
<li> |
|||
<button type="button" |
|||
class="dropdown-item d-flex align-items-center" |
|||
data-bs-theme-value="dark" |
|||
aria-pressed="false"> dark</button> |
|||
</li> |
|||
<li> |
|||
<button type="button" |
|||
class="dropdown-item d-flex align-items-center" |
|||
data-bs-theme-value="auto" |
|||
aria-pressed="false"> auto</button> |
|||
</li> |
|||
</ul> |
|||
</div> --> |
|||
|
|||
<header data-bs-theme="dark"> |
|||
<div class="collapse text-bg-dark" id="navbarHeader"> |
|||
<div class="container"> |
|||
<div class="row"> |
|||
<div class="col-sm-8 col-md-7 py-4"> |
|||
<h4 class="text-white">TEMPLATE</h4> |
|||
<p class="">LOOOREM</p> |
|||
</div> |
|||
<div class="col-sm-4 offset-md-1 py-4"> |
|||
<h4>Odkazy</h4> |
|||
<!-- ul.list-unstyled>li*4>a.text-white --> |
|||
<ul class="list-unstyled"> |
|||
<li><a href="" class="text-white">TEST1</a></li> |
|||
<li><a href="" class="text-white">TEST2</a></li> |
|||
<li><a href="" class="text-white">TEST3</a></li> |
|||
<li><a href="" class="text-white">TEST4</a></li> |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="navbar navbar-dark bg-dark shadow-sm"> |
|||
<div class="container"> |
|||
<a class="navbar-brand d-flex" href="#"> |
|||
<strong>TempTitle</strong> |
|||
</a> |
|||
<button class="navbar-toggler" |
|||
type="button" |
|||
data-bs-toggle="collapse" |
|||
data-bs-target="#navbarHeader" |
|||
aria-controls="navbarHeader" |
|||
aria-expanded="false" |
|||
aria-label="Toggle navbar" |
|||
> <span class="navbar-toggler-icon"></span></button> |
|||
</div> |
|||
</div> |
|||
</header> |
|||
|
|||
<main> |
|||
|
|||
|
|||
</main> |
|||
|
|||
<footer class="text-body-secondary py-5"> |
|||
<div class="container"> |
|||
<p class="float-end mb-1"><a href="#"> Zpět nahoru</a></p> |
|||
<p class="mb-1"> Jméno.Příjmení @ 2024</p> |
|||
</div> |
|||
|
|||
</footer> |
|||
|
|||
<script src="js/bootstrap.bundle.js"></script> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,44 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<title>Document</title> |
|||
<link rel="stylesheet" href="css/bootstrap.min.css"> |
|||
<script src="js/bootstrap.bundle.js"></script> |
|||
</head> |
|||
<body> |
|||
<div id="myCarousel" class="carousel slide"> |
|||
<!-- Indikátory(tečky) --> |
|||
<div class="carousel-indicators"> |
|||
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="0" class="active"></button> |
|||
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="1"></button> |
|||
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="2"></button> |
|||
</div> |
|||
<!-- Obrázky/Předměty --> |
|||
<div class="carousel-inner"> |
|||
<!-- div.carousel-item*3>img.d-block.w-100 --> |
|||
<!-- https://picsum.photos/1000/300 --> |
|||
<div class="carousel-item active"> |
|||
<img src="img/1.jpg" alt="Notebook" class="d-block w-100"> |
|||
</div> |
|||
<div class="carousel-item"> |
|||
<img src="img/2.jpg" alt="kniha" class="d-block w-100"> |
|||
</div> |
|||
<div class="carousel-item"> |
|||
<img src="img/3.jpg" alt="panorama" class="d-block w-100"> |
|||
</div> |
|||
</div> |
|||
<!-- Ovládání --> |
|||
<button class="carousel-control-prev" type="button" |
|||
data-bs-target="#myCarousel" data-bs-slide="prev"> |
|||
<span class="carousel-control-prev-icon"></span> |
|||
</button> |
|||
<button class="carousel-control-next" type="button" |
|||
data-bs-target="#myCarousel" data-bs-slide="next"> |
|||
<span class="carousel-control-next-icon"></span> |
|||
</button> |
|||
</div> |
|||
|
|||
</body> |
|||
</html> |
|||
File diff suppressed because it is too large
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
File diff suppressed because it is too large
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
@ -0,0 +1,597 @@ |
|||
/*! |
|||
* Bootstrap Reboot v5.3.3 (https://getbootstrap.com/) |
|||
* Copyright 2011-2024 The Bootstrap Authors |
|||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) |
|||
*/ |
|||
:root, |
|||
[data-bs-theme=light] { |
|||
--bs-blue: #0d6efd; |
|||
--bs-indigo: #6610f2; |
|||
--bs-purple: #6f42c1; |
|||
--bs-pink: #d63384; |
|||
--bs-red: #dc3545; |
|||
--bs-orange: #fd7e14; |
|||
--bs-yellow: #ffc107; |
|||
--bs-green: #198754; |
|||
--bs-teal: #20c997; |
|||
--bs-cyan: #0dcaf0; |
|||
--bs-black: #000; |
|||
--bs-white: #fff; |
|||
--bs-gray: #6c757d; |
|||
--bs-gray-dark: #343a40; |
|||
--bs-gray-100: #f8f9fa; |
|||
--bs-gray-200: #e9ecef; |
|||
--bs-gray-300: #dee2e6; |
|||
--bs-gray-400: #ced4da; |
|||
--bs-gray-500: #adb5bd; |
|||
--bs-gray-600: #6c757d; |
|||
--bs-gray-700: #495057; |
|||
--bs-gray-800: #343a40; |
|||
--bs-gray-900: #212529; |
|||
--bs-primary: #0d6efd; |
|||
--bs-secondary: #6c757d; |
|||
--bs-success: #198754; |
|||
--bs-info: #0dcaf0; |
|||
--bs-warning: #ffc107; |
|||
--bs-danger: #dc3545; |
|||
--bs-light: #f8f9fa; |
|||
--bs-dark: #212529; |
|||
--bs-primary-rgb: 13, 110, 253; |
|||
--bs-secondary-rgb: 108, 117, 125; |
|||
--bs-success-rgb: 25, 135, 84; |
|||
--bs-info-rgb: 13, 202, 240; |
|||
--bs-warning-rgb: 255, 193, 7; |
|||
--bs-danger-rgb: 220, 53, 69; |
|||
--bs-light-rgb: 248, 249, 250; |
|||
--bs-dark-rgb: 33, 37, 41; |
|||
--bs-primary-text-emphasis: #052c65; |
|||
--bs-secondary-text-emphasis: #2b2f32; |
|||
--bs-success-text-emphasis: #0a3622; |
|||
--bs-info-text-emphasis: #055160; |
|||
--bs-warning-text-emphasis: #664d03; |
|||
--bs-danger-text-emphasis: #58151c; |
|||
--bs-light-text-emphasis: #495057; |
|||
--bs-dark-text-emphasis: #495057; |
|||
--bs-primary-bg-subtle: #cfe2ff; |
|||
--bs-secondary-bg-subtle: #e2e3e5; |
|||
--bs-success-bg-subtle: #d1e7dd; |
|||
--bs-info-bg-subtle: #cff4fc; |
|||
--bs-warning-bg-subtle: #fff3cd; |
|||
--bs-danger-bg-subtle: #f8d7da; |
|||
--bs-light-bg-subtle: #fcfcfd; |
|||
--bs-dark-bg-subtle: #ced4da; |
|||
--bs-primary-border-subtle: #9ec5fe; |
|||
--bs-secondary-border-subtle: #c4c8cb; |
|||
--bs-success-border-subtle: #a3cfbb; |
|||
--bs-info-border-subtle: #9eeaf9; |
|||
--bs-warning-border-subtle: #ffe69c; |
|||
--bs-danger-border-subtle: #f1aeb5; |
|||
--bs-light-border-subtle: #e9ecef; |
|||
--bs-dark-border-subtle: #adb5bd; |
|||
--bs-white-rgb: 255, 255, 255; |
|||
--bs-black-rgb: 0, 0, 0; |
|||
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; |
|||
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; |
|||
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); |
|||
--bs-body-font-family: var(--bs-font-sans-serif); |
|||
--bs-body-font-size: 1rem; |
|||
--bs-body-font-weight: 400; |
|||
--bs-body-line-height: 1.5; |
|||
--bs-body-color: #212529; |
|||
--bs-body-color-rgb: 33, 37, 41; |
|||
--bs-body-bg: #fff; |
|||
--bs-body-bg-rgb: 255, 255, 255; |
|||
--bs-emphasis-color: #000; |
|||
--bs-emphasis-color-rgb: 0, 0, 0; |
|||
--bs-secondary-color: rgba(33, 37, 41, 0.75); |
|||
--bs-secondary-color-rgb: 33, 37, 41; |
|||
--bs-secondary-bg: #e9ecef; |
|||
--bs-secondary-bg-rgb: 233, 236, 239; |
|||
--bs-tertiary-color: rgba(33, 37, 41, 0.5); |
|||
--bs-tertiary-color-rgb: 33, 37, 41; |
|||
--bs-tertiary-bg: #f8f9fa; |
|||
--bs-tertiary-bg-rgb: 248, 249, 250; |
|||
--bs-heading-color: inherit; |
|||
--bs-link-color: #0d6efd; |
|||
--bs-link-color-rgb: 13, 110, 253; |
|||
--bs-link-decoration: underline; |
|||
--bs-link-hover-color: #0a58ca; |
|||
--bs-link-hover-color-rgb: 10, 88, 202; |
|||
--bs-code-color: #d63384; |
|||
--bs-highlight-color: #212529; |
|||
--bs-highlight-bg: #fff3cd; |
|||
--bs-border-width: 1px; |
|||
--bs-border-style: solid; |
|||
--bs-border-color: #dee2e6; |
|||
--bs-border-color-translucent: rgba(0, 0, 0, 0.175); |
|||
--bs-border-radius: 0.375rem; |
|||
--bs-border-radius-sm: 0.25rem; |
|||
--bs-border-radius-lg: 0.5rem; |
|||
--bs-border-radius-xl: 1rem; |
|||
--bs-border-radius-xxl: 2rem; |
|||
--bs-border-radius-2xl: var(--bs-border-radius-xxl); |
|||
--bs-border-radius-pill: 50rem; |
|||
--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); |
|||
--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); |
|||
--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); |
|||
--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); |
|||
--bs-focus-ring-width: 0.25rem; |
|||
--bs-focus-ring-opacity: 0.25; |
|||
--bs-focus-ring-color: rgba(13, 110, 253, 0.25); |
|||
--bs-form-valid-color: #198754; |
|||
--bs-form-valid-border-color: #198754; |
|||
--bs-form-invalid-color: #dc3545; |
|||
--bs-form-invalid-border-color: #dc3545; |
|||
} |
|||
|
|||
[data-bs-theme=dark] { |
|||
color-scheme: dark; |
|||
--bs-body-color: #dee2e6; |
|||
--bs-body-color-rgb: 222, 226, 230; |
|||
--bs-body-bg: #212529; |
|||
--bs-body-bg-rgb: 33, 37, 41; |
|||
--bs-emphasis-color: #fff; |
|||
--bs-emphasis-color-rgb: 255, 255, 255; |
|||
--bs-secondary-color: rgba(222, 226, 230, 0.75); |
|||
--bs-secondary-color-rgb: 222, 226, 230; |
|||
--bs-secondary-bg: #343a40; |
|||
--bs-secondary-bg-rgb: 52, 58, 64; |
|||
--bs-tertiary-color: rgba(222, 226, 230, 0.5); |
|||
--bs-tertiary-color-rgb: 222, 226, 230; |
|||
--bs-tertiary-bg: #2b3035; |
|||
--bs-tertiary-bg-rgb: 43, 48, 53; |
|||
--bs-primary-text-emphasis: #6ea8fe; |
|||
--bs-secondary-text-emphasis: #a7acb1; |
|||
--bs-success-text-emphasis: #75b798; |
|||
--bs-info-text-emphasis: #6edff6; |
|||
--bs-warning-text-emphasis: #ffda6a; |
|||
--bs-danger-text-emphasis: #ea868f; |
|||
--bs-light-text-emphasis: #f8f9fa; |
|||
--bs-dark-text-emphasis: #dee2e6; |
|||
--bs-primary-bg-subtle: #031633; |
|||
--bs-secondary-bg-subtle: #161719; |
|||
--bs-success-bg-subtle: #051b11; |
|||
--bs-info-bg-subtle: #032830; |
|||
--bs-warning-bg-subtle: #332701; |
|||
--bs-danger-bg-subtle: #2c0b0e; |
|||
--bs-light-bg-subtle: #343a40; |
|||
--bs-dark-bg-subtle: #1a1d20; |
|||
--bs-primary-border-subtle: #084298; |
|||
--bs-secondary-border-subtle: #41464b; |
|||
--bs-success-border-subtle: #0f5132; |
|||
--bs-info-border-subtle: #087990; |
|||
--bs-warning-border-subtle: #997404; |
|||
--bs-danger-border-subtle: #842029; |
|||
--bs-light-border-subtle: #495057; |
|||
--bs-dark-border-subtle: #343a40; |
|||
--bs-heading-color: inherit; |
|||
--bs-link-color: #6ea8fe; |
|||
--bs-link-hover-color: #8bb9fe; |
|||
--bs-link-color-rgb: 110, 168, 254; |
|||
--bs-link-hover-color-rgb: 139, 185, 254; |
|||
--bs-code-color: #e685b5; |
|||
--bs-highlight-color: #dee2e6; |
|||
--bs-highlight-bg: #664d03; |
|||
--bs-border-color: #495057; |
|||
--bs-border-color-translucent: rgba(255, 255, 255, 0.15); |
|||
--bs-form-valid-color: #75b798; |
|||
--bs-form-valid-border-color: #75b798; |
|||
--bs-form-invalid-color: #ea868f; |
|||
--bs-form-invalid-border-color: #ea868f; |
|||
} |
|||
|
|||
*, |
|||
*::before, |
|||
*::after { |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
@media (prefers-reduced-motion: no-preference) { |
|||
:root { |
|||
scroll-behavior: smooth; |
|||
} |
|||
} |
|||
|
|||
body { |
|||
margin: 0; |
|||
font-family: var(--bs-body-font-family); |
|||
font-size: var(--bs-body-font-size); |
|||
font-weight: var(--bs-body-font-weight); |
|||
line-height: var(--bs-body-line-height); |
|||
color: var(--bs-body-color); |
|||
text-align: var(--bs-body-text-align); |
|||
background-color: var(--bs-body-bg); |
|||
-webkit-text-size-adjust: 100%; |
|||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); |
|||
} |
|||
|
|||
hr { |
|||
margin: 1rem 0; |
|||
color: inherit; |
|||
border: 0; |
|||
border-top: var(--bs-border-width) solid; |
|||
opacity: 0.25; |
|||
} |
|||
|
|||
h6, h5, h4, h3, h2, h1 { |
|||
margin-top: 0; |
|||
margin-bottom: 0.5rem; |
|||
font-weight: 500; |
|||
line-height: 1.2; |
|||
color: var(--bs-heading-color); |
|||
} |
|||
|
|||
h1 { |
|||
font-size: calc(1.375rem + 1.5vw); |
|||
} |
|||
@media (min-width: 1200px) { |
|||
h1 { |
|||
font-size: 2.5rem; |
|||
} |
|||
} |
|||
|
|||
h2 { |
|||
font-size: calc(1.325rem + 0.9vw); |
|||
} |
|||
@media (min-width: 1200px) { |
|||
h2 { |
|||
font-size: 2rem; |
|||
} |
|||
} |
|||
|
|||
h3 { |
|||
font-size: calc(1.3rem + 0.6vw); |
|||
} |
|||
@media (min-width: 1200px) { |
|||
h3 { |
|||
font-size: 1.75rem; |
|||
} |
|||
} |
|||
|
|||
h4 { |
|||
font-size: calc(1.275rem + 0.3vw); |
|||
} |
|||
@media (min-width: 1200px) { |
|||
h4 { |
|||
font-size: 1.5rem; |
|||
} |
|||
} |
|||
|
|||
h5 { |
|||
font-size: 1.25rem; |
|||
} |
|||
|
|||
h6 { |
|||
font-size: 1rem; |
|||
} |
|||
|
|||
p { |
|||
margin-top: 0; |
|||
margin-bottom: 1rem; |
|||
} |
|||
|
|||
abbr[title] { |
|||
-webkit-text-decoration: underline dotted; |
|||
text-decoration: underline dotted; |
|||
cursor: help; |
|||
-webkit-text-decoration-skip-ink: none; |
|||
text-decoration-skip-ink: none; |
|||
} |
|||
|
|||
address { |
|||
margin-bottom: 1rem; |
|||
font-style: normal; |
|||
line-height: inherit; |
|||
} |
|||
|
|||
ol, |
|||
ul { |
|||
padding-left: 2rem; |
|||
} |
|||
|
|||
ol, |
|||
ul, |
|||
dl { |
|||
margin-top: 0; |
|||
margin-bottom: 1rem; |
|||
} |
|||
|
|||
ol ol, |
|||
ul ul, |
|||
ol ul, |
|||
ul ol { |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
dt { |
|||
font-weight: 700; |
|||
} |
|||
|
|||
dd { |
|||
margin-bottom: 0.5rem; |
|||
margin-left: 0; |
|||
} |
|||
|
|||
blockquote { |
|||
margin: 0 0 1rem; |
|||
} |
|||
|
|||
b, |
|||
strong { |
|||
font-weight: bolder; |
|||
} |
|||
|
|||
small { |
|||
font-size: 0.875em; |
|||
} |
|||
|
|||
mark { |
|||
padding: 0.1875em; |
|||
color: var(--bs-highlight-color); |
|||
background-color: var(--bs-highlight-bg); |
|||
} |
|||
|
|||
sub, |
|||
sup { |
|||
position: relative; |
|||
font-size: 0.75em; |
|||
line-height: 0; |
|||
vertical-align: baseline; |
|||
} |
|||
|
|||
sub { |
|||
bottom: -0.25em; |
|||
} |
|||
|
|||
sup { |
|||
top: -0.5em; |
|||
} |
|||
|
|||
a { |
|||
color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); |
|||
text-decoration: underline; |
|||
} |
|||
a:hover { |
|||
--bs-link-color-rgb: var(--bs-link-hover-color-rgb); |
|||
} |
|||
|
|||
a:not([href]):not([class]), a:not([href]):not([class]):hover { |
|||
color: inherit; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
pre, |
|||
code, |
|||
kbd, |
|||
samp { |
|||
font-family: var(--bs-font-monospace); |
|||
font-size: 1em; |
|||
} |
|||
|
|||
pre { |
|||
display: block; |
|||
margin-top: 0; |
|||
margin-bottom: 1rem; |
|||
overflow: auto; |
|||
font-size: 0.875em; |
|||
} |
|||
pre code { |
|||
font-size: inherit; |
|||
color: inherit; |
|||
word-break: normal; |
|||
} |
|||
|
|||
code { |
|||
font-size: 0.875em; |
|||
color: var(--bs-code-color); |
|||
word-wrap: break-word; |
|||
} |
|||
a > code { |
|||
color: inherit; |
|||
} |
|||
|
|||
kbd { |
|||
padding: 0.1875rem 0.375rem; |
|||
font-size: 0.875em; |
|||
color: var(--bs-body-bg); |
|||
background-color: var(--bs-body-color); |
|||
border-radius: 0.25rem; |
|||
} |
|||
kbd kbd { |
|||
padding: 0; |
|||
font-size: 1em; |
|||
} |
|||
|
|||
figure { |
|||
margin: 0 0 1rem; |
|||
} |
|||
|
|||
img, |
|||
svg { |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
table { |
|||
caption-side: bottom; |
|||
border-collapse: collapse; |
|||
} |
|||
|
|||
caption { |
|||
padding-top: 0.5rem; |
|||
padding-bottom: 0.5rem; |
|||
color: var(--bs-secondary-color); |
|||
text-align: left; |
|||
} |
|||
|
|||
th { |
|||
text-align: inherit; |
|||
text-align: -webkit-match-parent; |
|||
} |
|||
|
|||
thead, |
|||
tbody, |
|||
tfoot, |
|||
tr, |
|||
td, |
|||
th { |
|||
border-color: inherit; |
|||
border-style: solid; |
|||
border-width: 0; |
|||
} |
|||
|
|||
label { |
|||
display: inline-block; |
|||
} |
|||
|
|||
button { |
|||
border-radius: 0; |
|||
} |
|||
|
|||
button:focus:not(:focus-visible) { |
|||
outline: 0; |
|||
} |
|||
|
|||
input, |
|||
button, |
|||
select, |
|||
optgroup, |
|||
textarea { |
|||
margin: 0; |
|||
font-family: inherit; |
|||
font-size: inherit; |
|||
line-height: inherit; |
|||
} |
|||
|
|||
button, |
|||
select { |
|||
text-transform: none; |
|||
} |
|||
|
|||
[role=button] { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
select { |
|||
word-wrap: normal; |
|||
} |
|||
select:disabled { |
|||
opacity: 1; |
|||
} |
|||
|
|||
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { |
|||
display: none !important; |
|||
} |
|||
|
|||
button, |
|||
[type=button], |
|||
[type=reset], |
|||
[type=submit] { |
|||
-webkit-appearance: button; |
|||
} |
|||
button:not(:disabled), |
|||
[type=button]:not(:disabled), |
|||
[type=reset]:not(:disabled), |
|||
[type=submit]:not(:disabled) { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
::-moz-focus-inner { |
|||
padding: 0; |
|||
border-style: none; |
|||
} |
|||
|
|||
textarea { |
|||
resize: vertical; |
|||
} |
|||
|
|||
fieldset { |
|||
min-width: 0; |
|||
padding: 0; |
|||
margin: 0; |
|||
border: 0; |
|||
} |
|||
|
|||
legend { |
|||
float: left; |
|||
width: 100%; |
|||
padding: 0; |
|||
margin-bottom: 0.5rem; |
|||
font-size: calc(1.275rem + 0.3vw); |
|||
line-height: inherit; |
|||
} |
|||
@media (min-width: 1200px) { |
|||
legend { |
|||
font-size: 1.5rem; |
|||
} |
|||
} |
|||
legend + * { |
|||
clear: left; |
|||
} |
|||
|
|||
::-webkit-datetime-edit-fields-wrapper, |
|||
::-webkit-datetime-edit-text, |
|||
::-webkit-datetime-edit-minute, |
|||
::-webkit-datetime-edit-hour-field, |
|||
::-webkit-datetime-edit-day-field, |
|||
::-webkit-datetime-edit-month-field, |
|||
::-webkit-datetime-edit-year-field { |
|||
padding: 0; |
|||
} |
|||
|
|||
::-webkit-inner-spin-button { |
|||
height: auto; |
|||
} |
|||
|
|||
[type=search] { |
|||
-webkit-appearance: textfield; |
|||
outline-offset: -2px; |
|||
} |
|||
|
|||
/* rtl:raw: |
|||
[type="tel"], |
|||
[type="url"], |
|||
[type="email"], |
|||
[type="number"] { |
|||
direction: ltr; |
|||
} |
|||
*/ |
|||
::-webkit-search-decoration { |
|||
-webkit-appearance: none; |
|||
} |
|||
|
|||
::-webkit-color-swatch-wrapper { |
|||
padding: 0; |
|||
} |
|||
|
|||
::-webkit-file-upload-button { |
|||
font: inherit; |
|||
-webkit-appearance: button; |
|||
} |
|||
|
|||
::file-selector-button { |
|||
font: inherit; |
|||
-webkit-appearance: button; |
|||
} |
|||
|
|||
output { |
|||
display: inline-block; |
|||
} |
|||
|
|||
iframe { |
|||
border: 0; |
|||
} |
|||
|
|||
summary { |
|||
display: list-item; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
progress { |
|||
vertical-align: baseline; |
|||
} |
|||
|
|||
[hidden] { |
|||
display: none !important; |
|||
} |
|||
|
|||
/*# sourceMappingURL=bootstrap-reboot.css.map */ |
|||
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
@ -0,0 +1,594 @@ |
|||
/*! |
|||
* Bootstrap Reboot v5.3.3 (https://getbootstrap.com/) |
|||
* Copyright 2011-2024 The Bootstrap Authors |
|||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) |
|||
*/ |
|||
:root, |
|||
[data-bs-theme=light] { |
|||
--bs-blue: #0d6efd; |
|||
--bs-indigo: #6610f2; |
|||
--bs-purple: #6f42c1; |
|||
--bs-pink: #d63384; |
|||
--bs-red: #dc3545; |
|||
--bs-orange: #fd7e14; |
|||
--bs-yellow: #ffc107; |
|||
--bs-green: #198754; |
|||
--bs-teal: #20c997; |
|||
--bs-cyan: #0dcaf0; |
|||
--bs-black: #000; |
|||
--bs-white: #fff; |
|||
--bs-gray: #6c757d; |
|||
--bs-gray-dark: #343a40; |
|||
--bs-gray-100: #f8f9fa; |
|||
--bs-gray-200: #e9ecef; |
|||
--bs-gray-300: #dee2e6; |
|||
--bs-gray-400: #ced4da; |
|||
--bs-gray-500: #adb5bd; |
|||
--bs-gray-600: #6c757d; |
|||
--bs-gray-700: #495057; |
|||
--bs-gray-800: #343a40; |
|||
--bs-gray-900: #212529; |
|||
--bs-primary: #0d6efd; |
|||
--bs-secondary: #6c757d; |
|||
--bs-success: #198754; |
|||
--bs-info: #0dcaf0; |
|||
--bs-warning: #ffc107; |
|||
--bs-danger: #dc3545; |
|||
--bs-light: #f8f9fa; |
|||
--bs-dark: #212529; |
|||
--bs-primary-rgb: 13, 110, 253; |
|||
--bs-secondary-rgb: 108, 117, 125; |
|||
--bs-success-rgb: 25, 135, 84; |
|||
--bs-info-rgb: 13, 202, 240; |
|||
--bs-warning-rgb: 255, 193, 7; |
|||
--bs-danger-rgb: 220, 53, 69; |
|||
--bs-light-rgb: 248, 249, 250; |
|||
--bs-dark-rgb: 33, 37, 41; |
|||
--bs-primary-text-emphasis: #052c65; |
|||
--bs-secondary-text-emphasis: #2b2f32; |
|||
--bs-success-text-emphasis: #0a3622; |
|||
--bs-info-text-emphasis: #055160; |
|||
--bs-warning-text-emphasis: #664d03; |
|||
--bs-danger-text-emphasis: #58151c; |
|||
--bs-light-text-emphasis: #495057; |
|||
--bs-dark-text-emphasis: #495057; |
|||
--bs-primary-bg-subtle: #cfe2ff; |
|||
--bs-secondary-bg-subtle: #e2e3e5; |
|||
--bs-success-bg-subtle: #d1e7dd; |
|||
--bs-info-bg-subtle: #cff4fc; |
|||
--bs-warning-bg-subtle: #fff3cd; |
|||
--bs-danger-bg-subtle: #f8d7da; |
|||
--bs-light-bg-subtle: #fcfcfd; |
|||
--bs-dark-bg-subtle: #ced4da; |
|||
--bs-primary-border-subtle: #9ec5fe; |
|||
--bs-secondary-border-subtle: #c4c8cb; |
|||
--bs-success-border-subtle: #a3cfbb; |
|||
--bs-info-border-subtle: #9eeaf9; |
|||
--bs-warning-border-subtle: #ffe69c; |
|||
--bs-danger-border-subtle: #f1aeb5; |
|||
--bs-light-border-subtle: #e9ecef; |
|||
--bs-dark-border-subtle: #adb5bd; |
|||
--bs-white-rgb: 255, 255, 255; |
|||
--bs-black-rgb: 0, 0, 0; |
|||
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; |
|||
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; |
|||
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); |
|||
--bs-body-font-family: var(--bs-font-sans-serif); |
|||
--bs-body-font-size: 1rem; |
|||
--bs-body-font-weight: 400; |
|||
--bs-body-line-height: 1.5; |
|||
--bs-body-color: #212529; |
|||
--bs-body-color-rgb: 33, 37, 41; |
|||
--bs-body-bg: #fff; |
|||
--bs-body-bg-rgb: 255, 255, 255; |
|||
--bs-emphasis-color: #000; |
|||
--bs-emphasis-color-rgb: 0, 0, 0; |
|||
--bs-secondary-color: rgba(33, 37, 41, 0.75); |
|||
--bs-secondary-color-rgb: 33, 37, 41; |
|||
--bs-secondary-bg: #e9ecef; |
|||
--bs-secondary-bg-rgb: 233, 236, 239; |
|||
--bs-tertiary-color: rgba(33, 37, 41, 0.5); |
|||
--bs-tertiary-color-rgb: 33, 37, 41; |
|||
--bs-tertiary-bg: #f8f9fa; |
|||
--bs-tertiary-bg-rgb: 248, 249, 250; |
|||
--bs-heading-color: inherit; |
|||
--bs-link-color: #0d6efd; |
|||
--bs-link-color-rgb: 13, 110, 253; |
|||
--bs-link-decoration: underline; |
|||
--bs-link-hover-color: #0a58ca; |
|||
--bs-link-hover-color-rgb: 10, 88, 202; |
|||
--bs-code-color: #d63384; |
|||
--bs-highlight-color: #212529; |
|||
--bs-highlight-bg: #fff3cd; |
|||
--bs-border-width: 1px; |
|||
--bs-border-style: solid; |
|||
--bs-border-color: #dee2e6; |
|||
--bs-border-color-translucent: rgba(0, 0, 0, 0.175); |
|||
--bs-border-radius: 0.375rem; |
|||
--bs-border-radius-sm: 0.25rem; |
|||
--bs-border-radius-lg: 0.5rem; |
|||
--bs-border-radius-xl: 1rem; |
|||
--bs-border-radius-xxl: 2rem; |
|||
--bs-border-radius-2xl: var(--bs-border-radius-xxl); |
|||
--bs-border-radius-pill: 50rem; |
|||
--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); |
|||
--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); |
|||
--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); |
|||
--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); |
|||
--bs-focus-ring-width: 0.25rem; |
|||
--bs-focus-ring-opacity: 0.25; |
|||
--bs-focus-ring-color: rgba(13, 110, 253, 0.25); |
|||
--bs-form-valid-color: #198754; |
|||
--bs-form-valid-border-color: #198754; |
|||
--bs-form-invalid-color: #dc3545; |
|||
--bs-form-invalid-border-color: #dc3545; |
|||
} |
|||
|
|||
[data-bs-theme=dark] { |
|||
color-scheme: dark; |
|||
--bs-body-color: #dee2e6; |
|||
--bs-body-color-rgb: 222, 226, 230; |
|||
--bs-body-bg: #212529; |
|||
--bs-body-bg-rgb: 33, 37, 41; |
|||
--bs-emphasis-color: #fff; |
|||
--bs-emphasis-color-rgb: 255, 255, 255; |
|||
--bs-secondary-color: rgba(222, 226, 230, 0.75); |
|||
--bs-secondary-color-rgb: 222, 226, 230; |
|||
--bs-secondary-bg: #343a40; |
|||
--bs-secondary-bg-rgb: 52, 58, 64; |
|||
--bs-tertiary-color: rgba(222, 226, 230, 0.5); |
|||
--bs-tertiary-color-rgb: 222, 226, 230; |
|||
--bs-tertiary-bg: #2b3035; |
|||
--bs-tertiary-bg-rgb: 43, 48, 53; |
|||
--bs-primary-text-emphasis: #6ea8fe; |
|||
--bs-secondary-text-emphasis: #a7acb1; |
|||
--bs-success-text-emphasis: #75b798; |
|||
--bs-info-text-emphasis: #6edff6; |
|||
--bs-warning-text-emphasis: #ffda6a; |
|||
--bs-danger-text-emphasis: #ea868f; |
|||
--bs-light-text-emphasis: #f8f9fa; |
|||
--bs-dark-text-emphasis: #dee2e6; |
|||
--bs-primary-bg-subtle: #031633; |
|||
--bs-secondary-bg-subtle: #161719; |
|||
--bs-success-bg-subtle: #051b11; |
|||
--bs-info-bg-subtle: #032830; |
|||
--bs-warning-bg-subtle: #332701; |
|||
--bs-danger-bg-subtle: #2c0b0e; |
|||
--bs-light-bg-subtle: #343a40; |
|||
--bs-dark-bg-subtle: #1a1d20; |
|||
--bs-primary-border-subtle: #084298; |
|||
--bs-secondary-border-subtle: #41464b; |
|||
--bs-success-border-subtle: #0f5132; |
|||
--bs-info-border-subtle: #087990; |
|||
--bs-warning-border-subtle: #997404; |
|||
--bs-danger-border-subtle: #842029; |
|||
--bs-light-border-subtle: #495057; |
|||
--bs-dark-border-subtle: #343a40; |
|||
--bs-heading-color: inherit; |
|||
--bs-link-color: #6ea8fe; |
|||
--bs-link-hover-color: #8bb9fe; |
|||
--bs-link-color-rgb: 110, 168, 254; |
|||
--bs-link-hover-color-rgb: 139, 185, 254; |
|||
--bs-code-color: #e685b5; |
|||
--bs-highlight-color: #dee2e6; |
|||
--bs-highlight-bg: #664d03; |
|||
--bs-border-color: #495057; |
|||
--bs-border-color-translucent: rgba(255, 255, 255, 0.15); |
|||
--bs-form-valid-color: #75b798; |
|||
--bs-form-valid-border-color: #75b798; |
|||
--bs-form-invalid-color: #ea868f; |
|||
--bs-form-invalid-border-color: #ea868f; |
|||
} |
|||
|
|||
*, |
|||
*::before, |
|||
*::after { |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
@media (prefers-reduced-motion: no-preference) { |
|||
:root { |
|||
scroll-behavior: smooth; |
|||
} |
|||
} |
|||
|
|||
body { |
|||
margin: 0; |
|||
font-family: var(--bs-body-font-family); |
|||
font-size: var(--bs-body-font-size); |
|||
font-weight: var(--bs-body-font-weight); |
|||
line-height: var(--bs-body-line-height); |
|||
color: var(--bs-body-color); |
|||
text-align: var(--bs-body-text-align); |
|||
background-color: var(--bs-body-bg); |
|||
-webkit-text-size-adjust: 100%; |
|||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); |
|||
} |
|||
|
|||
hr { |
|||
margin: 1rem 0; |
|||
color: inherit; |
|||
border: 0; |
|||
border-top: var(--bs-border-width) solid; |
|||
opacity: 0.25; |
|||
} |
|||
|
|||
h6, h5, h4, h3, h2, h1 { |
|||
margin-top: 0; |
|||
margin-bottom: 0.5rem; |
|||
font-weight: 500; |
|||
line-height: 1.2; |
|||
color: var(--bs-heading-color); |
|||
} |
|||
|
|||
h1 { |
|||
font-size: calc(1.375rem + 1.5vw); |
|||
} |
|||
@media (min-width: 1200px) { |
|||
h1 { |
|||
font-size: 2.5rem; |
|||
} |
|||
} |
|||
|
|||
h2 { |
|||
font-size: calc(1.325rem + 0.9vw); |
|||
} |
|||
@media (min-width: 1200px) { |
|||
h2 { |
|||
font-size: 2rem; |
|||
} |
|||
} |
|||
|
|||
h3 { |
|||
font-size: calc(1.3rem + 0.6vw); |
|||
} |
|||
@media (min-width: 1200px) { |
|||
h3 { |
|||
font-size: 1.75rem; |
|||
} |
|||
} |
|||
|
|||
h4 { |
|||
font-size: calc(1.275rem + 0.3vw); |
|||
} |
|||
@media (min-width: 1200px) { |
|||
h4 { |
|||
font-size: 1.5rem; |
|||
} |
|||
} |
|||
|
|||
h5 { |
|||
font-size: 1.25rem; |
|||
} |
|||
|
|||
h6 { |
|||
font-size: 1rem; |
|||
} |
|||
|
|||
p { |
|||
margin-top: 0; |
|||
margin-bottom: 1rem; |
|||
} |
|||
|
|||
abbr[title] { |
|||
-webkit-text-decoration: underline dotted; |
|||
text-decoration: underline dotted; |
|||
cursor: help; |
|||
-webkit-text-decoration-skip-ink: none; |
|||
text-decoration-skip-ink: none; |
|||
} |
|||
|
|||
address { |
|||
margin-bottom: 1rem; |
|||
font-style: normal; |
|||
line-height: inherit; |
|||
} |
|||
|
|||
ol, |
|||
ul { |
|||
padding-right: 2rem; |
|||
} |
|||
|
|||
ol, |
|||
ul, |
|||
dl { |
|||
margin-top: 0; |
|||
margin-bottom: 1rem; |
|||
} |
|||
|
|||
ol ol, |
|||
ul ul, |
|||
ol ul, |
|||
ul ol { |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
dt { |
|||
font-weight: 700; |
|||
} |
|||
|
|||
dd { |
|||
margin-bottom: 0.5rem; |
|||
margin-right: 0; |
|||
} |
|||
|
|||
blockquote { |
|||
margin: 0 0 1rem; |
|||
} |
|||
|
|||
b, |
|||
strong { |
|||
font-weight: bolder; |
|||
} |
|||
|
|||
small { |
|||
font-size: 0.875em; |
|||
} |
|||
|
|||
mark { |
|||
padding: 0.1875em; |
|||
color: var(--bs-highlight-color); |
|||
background-color: var(--bs-highlight-bg); |
|||
} |
|||
|
|||
sub, |
|||
sup { |
|||
position: relative; |
|||
font-size: 0.75em; |
|||
line-height: 0; |
|||
vertical-align: baseline; |
|||
} |
|||
|
|||
sub { |
|||
bottom: -0.25em; |
|||
} |
|||
|
|||
sup { |
|||
top: -0.5em; |
|||
} |
|||
|
|||
a { |
|||
color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); |
|||
text-decoration: underline; |
|||
} |
|||
a:hover { |
|||
--bs-link-color-rgb: var(--bs-link-hover-color-rgb); |
|||
} |
|||
|
|||
a:not([href]):not([class]), a:not([href]):not([class]):hover { |
|||
color: inherit; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
pre, |
|||
code, |
|||
kbd, |
|||
samp { |
|||
font-family: var(--bs-font-monospace); |
|||
font-size: 1em; |
|||
} |
|||
|
|||
pre { |
|||
display: block; |
|||
margin-top: 0; |
|||
margin-bottom: 1rem; |
|||
overflow: auto; |
|||
font-size: 0.875em; |
|||
} |
|||
pre code { |
|||
font-size: inherit; |
|||
color: inherit; |
|||
word-break: normal; |
|||
} |
|||
|
|||
code { |
|||
font-size: 0.875em; |
|||
color: var(--bs-code-color); |
|||
word-wrap: break-word; |
|||
} |
|||
a > code { |
|||
color: inherit; |
|||
} |
|||
|
|||
kbd { |
|||
padding: 0.1875rem 0.375rem; |
|||
font-size: 0.875em; |
|||
color: var(--bs-body-bg); |
|||
background-color: var(--bs-body-color); |
|||
border-radius: 0.25rem; |
|||
} |
|||
kbd kbd { |
|||
padding: 0; |
|||
font-size: 1em; |
|||
} |
|||
|
|||
figure { |
|||
margin: 0 0 1rem; |
|||
} |
|||
|
|||
img, |
|||
svg { |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
table { |
|||
caption-side: bottom; |
|||
border-collapse: collapse; |
|||
} |
|||
|
|||
caption { |
|||
padding-top: 0.5rem; |
|||
padding-bottom: 0.5rem; |
|||
color: var(--bs-secondary-color); |
|||
text-align: right; |
|||
} |
|||
|
|||
th { |
|||
text-align: inherit; |
|||
text-align: -webkit-match-parent; |
|||
} |
|||
|
|||
thead, |
|||
tbody, |
|||
tfoot, |
|||
tr, |
|||
td, |
|||
th { |
|||
border-color: inherit; |
|||
border-style: solid; |
|||
border-width: 0; |
|||
} |
|||
|
|||
label { |
|||
display: inline-block; |
|||
} |
|||
|
|||
button { |
|||
border-radius: 0; |
|||
} |
|||
|
|||
button:focus:not(:focus-visible) { |
|||
outline: 0; |
|||
} |
|||
|
|||
input, |
|||
button, |
|||
select, |
|||
optgroup, |
|||
textarea { |
|||
margin: 0; |
|||
font-family: inherit; |
|||
font-size: inherit; |
|||
line-height: inherit; |
|||
} |
|||
|
|||
button, |
|||
select { |
|||
text-transform: none; |
|||
} |
|||
|
|||
[role=button] { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
select { |
|||
word-wrap: normal; |
|||
} |
|||
select:disabled { |
|||
opacity: 1; |
|||
} |
|||
|
|||
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { |
|||
display: none !important; |
|||
} |
|||
|
|||
button, |
|||
[type=button], |
|||
[type=reset], |
|||
[type=submit] { |
|||
-webkit-appearance: button; |
|||
} |
|||
button:not(:disabled), |
|||
[type=button]:not(:disabled), |
|||
[type=reset]:not(:disabled), |
|||
[type=submit]:not(:disabled) { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
::-moz-focus-inner { |
|||
padding: 0; |
|||
border-style: none; |
|||
} |
|||
|
|||
textarea { |
|||
resize: vertical; |
|||
} |
|||
|
|||
fieldset { |
|||
min-width: 0; |
|||
padding: 0; |
|||
margin: 0; |
|||
border: 0; |
|||
} |
|||
|
|||
legend { |
|||
float: right; |
|||
width: 100%; |
|||
padding: 0; |
|||
margin-bottom: 0.5rem; |
|||
font-size: calc(1.275rem + 0.3vw); |
|||
line-height: inherit; |
|||
} |
|||
@media (min-width: 1200px) { |
|||
legend { |
|||
font-size: 1.5rem; |
|||
} |
|||
} |
|||
legend + * { |
|||
clear: right; |
|||
} |
|||
|
|||
::-webkit-datetime-edit-fields-wrapper, |
|||
::-webkit-datetime-edit-text, |
|||
::-webkit-datetime-edit-minute, |
|||
::-webkit-datetime-edit-hour-field, |
|||
::-webkit-datetime-edit-day-field, |
|||
::-webkit-datetime-edit-month-field, |
|||
::-webkit-datetime-edit-year-field { |
|||
padding: 0; |
|||
} |
|||
|
|||
::-webkit-inner-spin-button { |
|||
height: auto; |
|||
} |
|||
|
|||
[type=search] { |
|||
-webkit-appearance: textfield; |
|||
outline-offset: -2px; |
|||
} |
|||
|
|||
[type="tel"], |
|||
[type="url"], |
|||
[type="email"], |
|||
[type="number"] { |
|||
direction: ltr; |
|||
} |
|||
::-webkit-search-decoration { |
|||
-webkit-appearance: none; |
|||
} |
|||
|
|||
::-webkit-color-swatch-wrapper { |
|||
padding: 0; |
|||
} |
|||
|
|||
::-webkit-file-upload-button { |
|||
font: inherit; |
|||
-webkit-appearance: button; |
|||
} |
|||
|
|||
::file-selector-button { |
|||
font: inherit; |
|||
-webkit-appearance: button; |
|||
} |
|||
|
|||
output { |
|||
display: inline-block; |
|||
} |
|||
|
|||
iframe { |
|||
border: 0; |
|||
} |
|||
|
|||
summary { |
|||
display: list-item; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
progress { |
|||
vertical-align: baseline; |
|||
} |
|||
|
|||
[hidden] { |
|||
display: none !important; |
|||
} |
|||
/*# sourceMappingURL=bootstrap-reboot.rtl.css.map */ |
|||
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
File diff suppressed because it is too large
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
File diff suppressed because it is too large
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
File diff suppressed because it is too large
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
File diff suppressed because it is too large
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
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 45 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 9.1 KiB |
|
After Width: | Height: | Size: 20 KiB |
@ -0,0 +1,134 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<title>Document</title> |
|||
<link rel="stylesheet" href="css/bootstrap.css"> |
|||
<style> |
|||
.thum { |
|||
object-fit: cover; |
|||
width: 200px; |
|||
height: 200px; |
|||
} |
|||
</style> |
|||
</head> |
|||
<body class="d-flex flex-column min-vh-100"> |
|||
<!-- Header --> |
|||
<div class="container"> |
|||
<header class="d-flex flex-wrap justify-content-center py-3 mb-4 border-bottom"> |
|||
<a href="#" class="d-flex align-items-center mb-3 mb-md-0 |
|||
me-md-auto text-dark text-decoration-none fs-4">Název Stránky</a> |
|||
|
|||
<ul class="nav nav-pills"> |
|||
<li class="nav-item"><a class="nav-link active" href="#">Odkaz1</a></li> |
|||
<li class="nav-item"><a class="nav-link" href="#">Odkaz2</a></li> |
|||
<li class="nav-item"><a class="nav-link" href="#">Odkaz3</a></li> |
|||
<li class="nav-item"><a class="nav-link disabled" href="#">Odkaz4</a></li> |
|||
</ul> |
|||
</header> |
|||
</div> |
|||
|
|||
<!-- Main --> |
|||
<div id="myCarousel" class="carousel slide"> |
|||
<!-- Indikátory(tečky) --> |
|||
<div class="carousel-indicators"> |
|||
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="0" class="active"></button> |
|||
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="1"></button> |
|||
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="2"></button> |
|||
</div> |
|||
<!-- Obrázky/Předměty --> |
|||
<div class="carousel-inner"> |
|||
<!-- div.carousel-item*3>img.d-block.w-100 --> |
|||
<!-- https://picsum.photos/1000/300 --> |
|||
<div class="carousel-item active"> |
|||
<img src="img/1.jpg" alt="Notebook" class="d-block w-100"> |
|||
<div class="carousel-caption d-none d-md-block"> |
|||
<h5>Nadpis obrázku</h5> |
|||
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Neque blanditiis temporibus eaque. Reiciendis sint tempora, natus quidem, aspernatur, ex fugiat veritatis iste perferendis magni a repellendus porro excepturi minima dolores.</p> |
|||
</div> |
|||
</div> |
|||
<div class="carousel-item"> |
|||
<img src="img/2.jpg" alt="kniha" class="d-block w-100"> |
|||
</div> |
|||
<div class="carousel-item"> |
|||
<img src="img/3.jpg" alt="panorama" class="d-block w-100"> |
|||
</div> |
|||
</div> |
|||
<!-- Ovládání --> |
|||
<button class="carousel-control-prev" type="button" |
|||
data-bs-target="#myCarousel" data-bs-slide="prev"> |
|||
<span class="carousel-control-prev-icon"></span> |
|||
</button> |
|||
<button class="carousel-control-next" type="button" |
|||
data-bs-target="#myCarousel" data-bs-slide="next"> |
|||
<span class="carousel-control-next-icon"></span> |
|||
</button> |
|||
</div> |
|||
|
|||
<div class="container mt-3"> |
|||
<h2>Test Modal tlačítka</h2> |
|||
<!-- modálové tlačítko --> |
|||
<button class="btn btn-secondary" data-bs-toggle="modal" |
|||
data-bs-target="#myModal"> Otevřít Modal1</button> |
|||
<button class="btn btn-secondary" data-bs-toggle="modal" |
|||
data-bs-target="#myModal2"> Otevřít Modal2</button> |
|||
<hr> |
|||
|
|||
<a href="img/1.jpg"> |
|||
<img src="img/1.jpg" alt="" class="thum rounded-circle"> |
|||
</a> |
|||
|
|||
</div> |
|||
|
|||
<!-- Sub-main --> |
|||
<div class="modal" id="myModal"> |
|||
<div class="modal-dialog"> |
|||
<div class="modal-content"> |
|||
<div class="modal-header"> |
|||
<h4 class="modal-title"> TEST Modal #1</h4> |
|||
<button type="button" class="btn-close" |
|||
data-bs-dismiss="modal"></button> |
|||
</div> |
|||
<div class="modal-body"> |
|||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Non aliquid, quaerat animi atque commodi cumque minus temporibus earum odio quae veniam placeat velit magni, vel consectetur, voluptatibus sunt quam hic? |
|||
</div> |
|||
<div class="modal-footer"> |
|||
<button type="button" class="btn btn-danger" |
|||
data-bs-dismiss="modal">Zavřít</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="modal" id="myModal2"> |
|||
<div class="modal-dialog"> |
|||
<div class="modal-content"> |
|||
<div class="modal-header"> |
|||
<h4 class="modal-title"> TEST Modal #2</h4> |
|||
<button type="button" class="btn-close" |
|||
data-bs-dismiss="modal"></button> |
|||
</div> |
|||
<div class="modal-body"> |
|||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident esse omnis odio optio nobis, magni quod eaque repellat facere atque recusandae? Est impedit voluptatibus hic obcaecati laboriosam soluta corrupti accusantium. |
|||
Aut ex explicabo id eaque omnis hic necessitatibus numquam a voluptatibus repellendus repudiandae, modi veritatis. Sit, ea minima? Rerum minus, ratione nobis laboriosam odio veniam dolor optio officiis sunt cum. |
|||
</div> |
|||
<div class="modal-footer"> |
|||
<button type="button" class="btn btn-danger" |
|||
data-bs-dismiss="modal">Zavřít</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- Footer --> |
|||
<footer class="footer mt-auto"> |
|||
<div class="nav justify-content-center py-2 mb-3"> |
|||
<a class="px-2" href="/">Home</a> | |
|||
<span class="px-2">Coded @ 2024</span> |
|||
</div> |
|||
</footer> |
|||
|
|||
<script src="js/bootstrap.bundle.js"></script> |
|||
</body> |
|||
</html> |
|||
File diff suppressed because it is too large
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
File diff suppressed because it is too large
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
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
Some files were not shown because too many files changed in this diff
Loading…
Reference in new issue