37 lines
1.2 KiB
HTML
37 lines
1.2 KiB
HTML
<!doctype html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Styleguide – Public Page Components</title>
|
||
<link rel="stylesheet" href="../styleguide.css">
|
||
</head>
|
||
<body class="sg-page-public-page-components">
|
||
|
||
<h1 class="sg-main-heading">Components – Public Page Components</h1>
|
||
|
||
<section id="component-content-group-box">
|
||
<p class="sg-preview-label">Component: Content Group Box</p>
|
||
|
||
<div class="sg-preview-area">
|
||
<div class="sg-content-group-box" data-component="content-group-box">
|
||
<section>
|
||
<h2 class="sg-sub-heading">Abschnitt 1</h2>
|
||
<p class="sg-body">
|
||
Inhaltlicher Block für die erste Gruppe. Die Component liefert hier nur Breite, Abstand und den temporären Prüfrahmen.
|
||
</p>
|
||
</section>
|
||
|
||
<section>
|
||
<h2 class="sg-sub-heading">Abschnitt 2</h2>
|
||
<p class="sg-body">
|
||
Weitere Inhalte werden im selben Wrapper zusammengefasst, damit die vertikale Struktur auf Public Pages konsistent bleibt.
|
||
</p>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
</body>
|
||
</html>
|