Skip to content

Commit

Permalink
Added content
Browse files Browse the repository at this point in the history
  • Loading branch information
@Noxmox6
Noxmox6 committed Dec 22, 2024
1 parent 2f3c871 commit 277cca3
Show file tree
Hide file tree
Showing 2 changed files with 186 additions and 12 deletions.
196 changes: 185 additions & 11 deletions docs/index.html
View file
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
<!DOCTYPE html>
<html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<title>Blumenfräulein</title>
<title>Seifenfräulein Sicherheitshinweise</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">
<link rel="stylesheet" href="style.css">
</head>
Expand All @@ -17,39 +17,213 @@
<div class="column is-1"></div>
<div class="column">
<h1 class="title is-3">
Blumenfräulein
Seifenfräulein
</h1>
<h2 class="title is-4">
Sicherheitshinweise
</h2>
<div class="column is-2">
<ol>
<li><a href="#haarspangen-content">Haarspangen</a></li>
<li><a href="#schluesselanhaenger-content">Schlüsselanhänger</a></li>
</ol>
</div>
</div>
</section>

<section>
<section id="haarspangen-content" class="haarspangen-content">
<div class="columns is-mobile">
<div class="column is-1"></div>
<div class="column">
<h3 class="title is-5">Haarspangen</h3>
</div>
</div>

<article class="columns is-mobile">
<div class="column is-1 has-text-right">
<span class="counter"></span>
</div>
<div class="column">
<p class="has-text-justified">
<strong>Für Kinder unter 3 Jahren ungeeignet</strong>: Kleine Teile können verschluckt werden. Erstickungsgefahr!
</p>
</div>
</article>
<article class="columns is-mobile">
<div class="column is-1 has-text-right">
<span class="counter"></span>
</div>
<div class="column">
<p class="has-text-justified">
<strong>Hautkontakt vermeiden</strong>: UV-Resin kann bei empfindlicher Haut Irritationen auslösen. Direkten und längeren Kontakt mit der Haut möglichst vermeiden.
</p>
</div>
</article>
<article class="columns is-mobile">
<div class="column is-1 has-text-right">
<span class="counter"></span>
</div>
<div class="column">
<p class="has-text-justified">
<strong>Bruchgefahr</strong>: UV-Resin kann bei zu starkem Druck brechen und scharfe Kanten bilden. Bitte vorsichtig handhaben, um Verletzungen zu vermeiden.
</p>
</div>
</article>
<article class="columns is-mobile">
<div class="column is-1 has-text-right">
<strong class="counter"></strong>
<span class="counter"></span>
</div>
<div class="column">
<p class="has-text-justified">Test</p>
<p class="has-text-justified">
<strong>Nicht bei offensichtlichen Schäden verwenden</strong>: Haarspangen mit Rissen, Splittern oder scharfen Kanten sofort entsorgen, um Verletzungen zu verhindern.
</p>
</div>
</article>
<article class="columns is-mobile">
<div class="column is-1 has-text-right">
<strong class="counter"></strong>
<span class="counter"></span>
</div>
<div class="column">
<p class="has-text-justified">Test</p>
<p class="has-text-justified">
<strong>Von starker Hitze oder direkter Sonneneinstrahlung fernhalten</strong>: UV-Resin kann bei hohen Temperaturen verformen, schmelzen oder seine Festigkeit verlieren.
</p>
</div>
</article>
<article class="columns is-mobile">
<div class="column is-1 has-text-right">
<span class="counter"></span>
</div>
<div class="column">
<p class="has-text-justified">
<strong>Nicht während des Schlafens tragen</strong>: Vermeiden Sie Verletzungen oder Beschädigungen der Spange durch unkontrollierte Bewegungen.
</p>
</div>
</article>
<article class="columns is-mobile">
<div class="column is-1 has-text-right">
<span class="counter"></span>
</div>
<div class="column">
<p class="has-text-justified">
<strong>Kein Kontakt mit Chemikalien oder Lösemitteln</strong>: UV-Resin kann durch Chemikalien angegriffen oder beschädigt werden.
</p>
</div>
</article>
<article class="columns is-mobile">
<div class="column is-1 has-text-right">
<span class="counter"></span>
</div>
<div class="column">
<p class="has-text-justified">
<strong>Umweltfreundliche Entsorgung</strong>: Beschädigte Haarspangen oder überschüssiges UV-Resin nicht im Hausmüll entsorgen. Entsorgung gemäß lokalen Vorschriften für Kunststoffe oder Harze.
</p>
</div>
</article>
</section>

<hr />

<section id="schluesselanhaenger-content" class="schluesselanhaenger-content">
<div class="columns is-mobile">
<div class="column is-1"></div>
<div class="column">
<h3 class="title is-5">Schlüsselanhänger</h3>
</div>
</div>

<article class="columns is-mobile">
<div class="column is-1 has-text-right">
<span class="counter"></span>
</div>
<div class="column">
<p class="has-text-justified">
<strong>Hautkontakt vermeiden</strong>: UV-Resin kann Hautreizungen oder allergische Reaktionen auslösen. Direkten Kontakt möglichst vermeiden.
</p>
</div>
</article>
<article class="columns is-mobile">
<div class="column is-1 has-text-right">
<span class="counter"></span>
</div>
<div class="column">
<p class="has-text-justified">
<strong>Kein Spielzeug</strong>: Schlüsselanhänger sind kein Spielzeug und sollten von Kindern unter 3 Jahren ferngehalten werden, da Kleinteile verschluckt werden können (Erstickungsgefahr).
</p>
</div>
</article>
<article class="columns is-mobile">
<div class="column is-1 has-text-right">
<span class="counter"></span>
</div>
<div class="column">
<p class="has-text-justified">
<strong>Bruchgefahr</strong>: UV-Resin kann bei starkem Druck oder Sturz brechen und scharfe Kanten bilden. Defekte Produkte nicht weiterverwenden und ordnungsgemäß entsorgen.
</p>
</div>
</article>
<article class="columns is-mobile">
<div class="column is-1 has-text-right">
<span class="counter"></span>
</div>
<div class="column">
<p class="has-text-justified">
<strong>Von Chemikalien fernhalten</strong>: Aggressive Reinigungsmittel, Alkohol oder Lösemittel können die Oberfläche beschädigen.
</p>
</div>
</article>
<article class="columns is-mobile">
<div class="column is-1 has-text-right">
<span class="counter"></span>
</div>
<div class="column">
<p class="has-text-justified">
<strong>Hitze vermeiden</strong>: UV-Resin kann sich bei hohen Temperaturen (z. B. in direktem Sonnenlicht oder im Auto) verformen oder schmelzen.
</p>
</div>
</article>
<article class="columns is-mobile">
<div class="column is-1 has-text-right">
<span class="counter"></span>
</div>
<div class="column">
<p class="has-text-justified">
<strong>Nicht in den Mund nehmen</strong>: Dieses Produkt ist nicht lebensmittelecht und darf nicht in Kontakt mit Lebensmitteln oder dem Mund kommen. .
</p>
</div>
</article>
<article class="columns is-mobile">
<div class="column is-1 has-text-right">
<span class="counter"></span>
</div>
<div class="column">
<p class="has-text-justified">
<strong>Defekte Produkte entsorgen</strong>: Schlüsselanhänger mit sichtbaren Schäden, wie Rissen oder Splittern, sollten umgehend entsorgt werden.
</p>
</div>
</article>
<article class="columns is-mobile">
<div class="column is-1 has-text-right">
<span class="counter"></span>
</div>
<div class="column">
<p class="has-text-justified">
<strong>Umweltfreundliche Entsorgung</strong>: Überschüssiges UV-Resin oder beschädigte Schlüsselanhänger gemäß den örtlichen Vorschriften für Kunststoffe oder Harze entsorgen.
</p>
</div>
</article>
</section>
</div>
</section>
<footer class="footer">
<div class="content has-text-centered">
<p>
<a href="https://jgthms.com">Impressum</a>
</p>
<div class="columns is-mobile">
<div class="column has-text-right">Impressum:</div>
<div class="column has-text-left">
<div>Julia Albrecht</div>
<div>Augustastraße 12</div>
<div>02826 Görlitz</div>
</div>
</div>
</div>
</footer>
</body>
Expand Down
2 changes: 1 addition & 1 deletion docs/style.css
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
body {
.haarspangen-content, .schluesselanhaenger-content {
counter-reset: section-counter;
}

Expand Down

0 comments on commit 277cca3

Please sign in to comment.