br0tkasten/test.creative-crafter.de
1
0
Fork 0
Code

neu

Browse Source
This commit is contained in:
matt 2025-01-31 18:19:33 +01:00
parent cf4961453f
commit aae59dd4c1
2 changed files with 57 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
index.html
View File

@ -1,3 +1,59 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ladeanimation Beispiel</title>
<script type="module" src="https://cdn.jsdelivr.net/npm/ldrs/dist/auto/quantum.js"></script>
<style>
body, html {
height: 100%;
margin: 0;
}
.loader-container {
display: none;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.8); /* Halbtransparenter milchiger Hintergrund */
z-index: 9999; /* Sicherstellen, dass die Ladeanimation immer im Vordergrund ist */
}
/* Ladeanimation anzeigen */
.loading .loader-container {
display: flex;
}
</style>
</head>
<body>
<!-- Ladeanimation -->
<div class="loader-container">
<l-quantum
size="45"
speed="1.75"
color="black"
></l-quantum>
</div>
<!-- Deine anderen Inhalte hier -->
<p></p>
<script>
// Simulieren des Ladevorgangs
document.body.classList.add('loading');
// Nach 3 Sekunden den Ladevorgang beenden
setTimeout(() => {
document.body.classList.remove('loading');
}, 3000);
</script>
</body>
</html>
<html> <html>
<head> <head>
<title>Creative Crafter</title> <title>Creative Crafter</title>

46
laden.html
View File

@ -41,51 +41,7 @@
</div> </div>
<!-- Deine anderen Inhalte hier --> <!-- Deine anderen Inhalte hier -->
<p>Über Mich <p></p>
Name: [Dein Name] Beruf: [Dein Beruf] Standort: [Dein Standort] Kontakt: [Deine E-Mail-Adresse oder Telefonnummer] Webseite: [Deine Webseite URL]
Kurzbiografie:
Hallo, ich bin [Dein Name], ein engagierter [Dein Beruf] aus [Dein Standort]. Mit einer Leidenschaft für [Deine Leidenschaft oder Fachgebiet], arbeite ich seit [Anzahl der Jahre] Jahren in der Branche. Mein Ziel ist es, [Ziel oder Mission]. Wenn ich nicht arbeite, genieße ich es, [Hobby oder Interesse].
Fähigkeiten und Expertise:
Fähigkeit 1: Beschreibe kurz deine Fähigkeiten
Fähigkeit 2: Beschreibe kurz deine Fähigkeiten
Fähigkeit 3: Beschreibe kurz deine Fähigkeiten
Fähigkeit 4: Beschreibe kurz deine Fähigkeiten
Erfahrungen:
Firma 1: [Position] bei [Firma], [Jahr] - [Jahr]
[Kurze Beschreibung deiner Aufgaben und Erfolge]
Firma 2: [Position] bei [Firma], [Jahr] - [Jahr]
[Kurze Beschreibung deiner Aufgaben und Erfolge]
Firma 3: [Position] bei [Firma], [Jahr] - [Jahr]
[Kurze Beschreibung deiner Aufgaben und Erfolge]
Ausbildung:
Abschluss: [Abschluss] in [Studiengang], [Universität], [Jahr]
Abschluss: [Abschluss] in [Studiengang], [Universität], [Jahr]
Hobbys und Interessen:
Wenn ich nicht arbeite, verbringe ich meine Zeit gerne mit [Hobby oder Interesse]. Ich liebe es, [Aktivität], und genieße es, [Aktivität].
Kontaktieren Sie mich:
Ich freue mich darauf, von Ihnen zu hören! Sie können mich jederzeit per E-Mail unter [Deine E-Mail-Adresse] erreichen.</p>
<script> <script>
// Simulieren des Ladevorgangs // Simulieren des Ladevorgangs