generated from PlexSheep/rs-base
178 lines
9.8 KiB
Plaintext
178 lines
9.8 KiB
Plaintext
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta name="generator" content="HTML Tidy for HTML5 for Linux version 5.6.0">
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<meta lang="{% block lang %}en{% endblock lang %}">
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3">
|
||
<link rel="stylesheet" href="https://static.cscherr.de/cdn/bootstrap-5.3.0-dist/css/bootstrap.min.css">
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
|
||
{% block head %}
|
||
<title>{% block title %}{% endblock title %} - cscherr.de</title>
|
||
{% endblock head %}
|
||
</head>
|
||
|
||
<body>
|
||
<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 link-body-emphasis text-decoration-none">
|
||
<svg class="bi me-2" width="40" height="32">
|
||
<use xlink:href="#bootstrap"></use>
|
||
</svg> <span class="fs-4">Simple header</span></a>
|
||
<ul class="nav nav-pills">
|
||
<li class="nav-item">
|
||
<a href="#" class="nav-link active" aria-current="page">Home</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a href="#" class="nav-link">Features</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a href="#" class="nav-link">FAQs</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a href="#" class="nav-link">About</a>
|
||
</li>
|
||
</ul>
|
||
</header>
|
||
</div>
|
||
<main class="container">
|
||
{% block main %}
|
||
<div class="px-4 py-5 my-5 text-center">
|
||
<img class="d-block mx-auto mb-4" src="https://getbootstrap.com/docs/5.3/assets/brand/bootstrap-logo.svg"
|
||
alt="" width="72" height="57">
|
||
<h1 class="display-5 fw-bold text-body-emphasis">Centered hero</h1>
|
||
<div class="col-lg-6 mx-auto">
|
||
<p class="lead mb-4">Quickly design and customize responsive mobile-first sites with Bootstrap, the
|
||
world’s most popular front-end open source toolkit, featuring Sass variables and mixins, responsive
|
||
grid system, extensive prebuilt components, and powerful JavaScript plugins.</p>
|
||
<div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
|
||
<button type="button" class="btn btn-primary btn-lg px-4 gap-3">Primary button</button>
|
||
<button type="button" class="btn btn-outline-secondary btn-lg px-4">Secondary</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="container px-4 py-5" id="hanging-icons">
|
||
<h2 class="pb-2 border-bottom">Hanging icons</h2>
|
||
<div class="row g-4 py-5 row-cols-1 row-cols-lg-3">
|
||
<div class="col d-flex align-items-start">
|
||
<div
|
||
class="icon-square text-body-emphasis d-inline-flex align-items-center justify-content-center fs-4 flex-shrink-0 me-3">
|
||
<i class="bi bi-toggles2"></i>
|
||
</div>
|
||
<div>
|
||
<h3 class="fs-2 text-body-emphasis">Featured title</h3>
|
||
<p>Paragraph of text beneath the heading to explain the heading. We'll add onto it with another
|
||
sentence and probably just keep going until we run out of words.</p>
|
||
<a href="#" class="btn btn-primary">
|
||
Primary button
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="col d-flex align-items-start">
|
||
<div
|
||
class="icon-square text-body-emphasis d-inline-flex align-items-center justify-content-center fs-4 flex-shrink-0 me-3">
|
||
<i class="bi bi-toggles2"></i>
|
||
</div>
|
||
<div>
|
||
<h3 class="fs-2 text-body-emphasis">Featured title</h3>
|
||
<p>Paragraph of text beneath the heading to explain the heading. We'll add onto it with another
|
||
sentence and probably just keep going until we run out of words.</p>
|
||
<a href="#" class="btn btn-primary">
|
||
Primary button
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="col d-flex align-items-start">
|
||
<div
|
||
class="icon-square text-body-emphasis d-inline-flex align-items-center justify-content-center fs-4 flex-shrink-0 me-3">
|
||
<i class="bi bi-toggles2"></i>
|
||
</div>
|
||
<div>
|
||
<h3 class="fs-2 text-body-emphasis">Featured title</h3>
|
||
<p>Paragraph of text beneath the heading to explain the heading. We'll add onto it with another
|
||
sentence and probably just keep going until we run out of words.</p>
|
||
<a href="#" class="btn btn-primary">
|
||
Primary button
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{% endblock main %}
|
||
</main>
|
||
<div class="container">
|
||
<footer class="py-5">
|
||
<div class="row">
|
||
<div class="col-6 col-md-2 mb-3">
|
||
<h5>Section</h5>
|
||
<ul class="nav flex-column">
|
||
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Home</a></li>
|
||
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Features</a></li>
|
||
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Pricing</a></li>
|
||
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">FAQs</a></li>
|
||
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">About</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="col-6 col-md-2 mb-3">
|
||
<h5>Section</h5>
|
||
<ul class="nav flex-column">
|
||
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Home</a></li>
|
||
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Features</a></li>
|
||
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Pricing</a></li>
|
||
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">FAQs</a></li>
|
||
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">About</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="col-6 col-md-2 mb-3">
|
||
<h5>Section</h5>
|
||
<ul class="nav flex-column">
|
||
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Home</a></li>
|
||
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Features</a></li>
|
||
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Pricing</a></li>
|
||
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">FAQs</a></li>
|
||
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">About</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="col-md-5 offset-md-1 mb-3">
|
||
<form>
|
||
<h5>Subscribe to our newsletter</h5>
|
||
<p>Monthly digest of what's new and exciting from us.</p>
|
||
<div class="d-flex flex-column flex-sm-row w-100 gap-2">
|
||
<label for="newsletter1" class="visually-hidden">Email address</label>
|
||
<input id="newsletter1" type="text" class="form-control" placeholder="Email address">
|
||
<button class="btn btn-primary" type="button">Subscribe</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
|
||
<i class="bi bi-alarm" style="font-size: 2rem; color: cornflowerblue;"></i>
|
||
<i class="bi bi-bar-chart-line" style="font-size: 2rem; color: cornflowerblue;"></i>
|
||
<i class="bi bi-steam" style="font-size: 2rem; color: cornflowerblue;"></i>
|
||
|
||
<div class="d-flex flex-column flex-sm-row justify-content-between py-4 my-4 border-top">
|
||
<p>© 2023 Company, Inc. All rights reserved.</p>
|
||
<ul class="list-unstyled d-flex">
|
||
<li class="ms-3"><a class="link-body-emphasis" href="#"><svg class="bi" width="24" height="24">
|
||
<use xlink:href="#twitter"></use>
|
||
</svg></a></li>
|
||
<li class="ms-3"><a class="link-body-emphasis" href="#"><svg class="bi" width="24" height="24">
|
||
<use xlink:href="#instagram"></use>
|
||
</svg></a></li>
|
||
<li class="ms-3"><a class="link-body-emphasis" href="#"><svg class="bi" width="24" height="24">
|
||
<use xlink:href="#facebook"></use>
|
||
</svg></a></li>
|
||
</ul>
|
||
</div>
|
||
</footer>
|
||
</div>
|
||
<script src="https://static.cscherr.de/cdn/bootstrap-5.3.0-dist/js/bootstrap.min.js"></script>
|
||
</body>
|
||
|
||
</html>
|