75 lines
2.8 KiB
HTML
75 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
|
|
|
|
</head>
|
|
<body>
|
|
|
|
|
|
|
|
<div class="container text-center">
|
|
<h1>Hello, world!</h1>
|
|
|
|
<div class="row">
|
|
<div class="col col-lg-2 col-md-4 col-sm-6 col-12 col-xxl-1 ">
|
|
Column 1
|
|
</div>
|
|
<div class="col col-xxl-1 col-lg-2 col-md-4 col-sm-6 col-12">
|
|
Column 2
|
|
</div>
|
|
<div class="col col-xxl-1 col-lg-2 col-md-4 col-sm-6 col-12">
|
|
Column 3
|
|
</div>
|
|
<div class="col col-xxl-1 col-lg-2 col-md-4 col-sm-6 col-12">
|
|
Column 4
|
|
</div>
|
|
<div class="col col-xxl-1 col-lg-2 col-md-4 col-sm-6 col-12">
|
|
Column 5
|
|
</div>
|
|
<div class="col col-xxl-1 col-lg-2 col-md-4 col-sm-6 col-12">
|
|
Column 6
|
|
</div>
|
|
<div class="col col-xxl-1 col-lg-2 col-md-4 col-sm-6 col-12">
|
|
Column extra
|
|
</div>
|
|
<div class="col col-xxl-1 col-lg-2 col-md-4 col-sm-6 col-12">
|
|
Column extra
|
|
</div>
|
|
<div class="col col-xxl-1 col-lg-2 col-md-4 col-sm-6 col-12">
|
|
Column extra
|
|
</div>
|
|
<div class="col col-xxl-1 col-lg-2 col-md-4 col-sm-6 col-12">
|
|
Column extra
|
|
</div>
|
|
<div class="col col-xxl-1 col-lg-2 col-md-4 col-sm-6 col-12">
|
|
Column extra
|
|
</div>
|
|
<div class="col col-xxl-1 col-lg-2 col-md-4 col-sm-6 col-12">
|
|
Column extra
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col col-md-6 col-12">
|
|
(c) 2023 Christian Lidner
|
|
</div>
|
|
<div class="col col-md-6 col-12">
|
|
Porsche AG Zuffenhausen
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Card title</h5>
|
|
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
|
|
<a href="#" class="btn btn-danger">Go somewhere</a>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|