23th

huhpact · Jul 23, 2024 · 93e1fd0 · 93e1fd0
1 parent 4c2f194
commit 93e1fd0
Show file tree

Hide file tree

Showing 18 changed files with 604 additions and 0 deletions.
diff --git a/about-us.html b/about-us.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>USP Hannover</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <div class="logo">
+        <img src="EBAAE451-7C99-43FF-A49D-1BFFFFC8E847_1_201_a-removebg-preview.png" alt="USP Hannover Logo">
+    </div>
+    <section class="home">
+    <h1>Arbeit ist nicht alles!</h1>
+    <p>Wussten Sie schon, dass man als Unternehmer im Durchschnitt ca. 90.000
+        bis 100.00 Stunden im Unternehmen verbringt? Direkt hintereinander
+        wären über 10 Jahre reine Arbeitszeit ohne Schlaf, Freizeit und Feierabend.
+        Manche Unternehmer schaffen auch noch mehr. Die Arbeit nimmt aber
+        nicht Zeit in Anspruch, sondern fordert den Menschen auch physisch und
+        psychisch. Häufig macht sie uns auch krank. Daher ist es ganz logisch, sich
+        zu überlegen, wie wir diese vielen Jahren sinnvoll nutzen können, um die
+        notwendige Zufriedenheit in persönlicher als auch in finanzieller Hinsicht zu
+        erreichen.</p>
+
+    <h1>Unser Ansatz</h1>
+    <p>Aufgrund unserer persönlichen Erfahrungen über 25 Jahre aus der
+        Beratung, Begleitung und Unterstützung als Steuerberater und Partner in
+        einem großen Beratungsunternehmen ist uns die Balance zwischen
+        „Unternehmer sein“ und Privatleben im unternehmerischen Umfeld
+        besonders wichtig geworden. Im Rahmen unserer Tätigkeiten haben wir
+        dabei erkannt, dass der Erfolg eines Unternehmens nicht nur von Umsatz
+        und Ertrag abhängig, sondern auch von der persönlichen
+        Leistungsfähigkeit, der Energie und der Gesundheit des Unternehmers und
+        dessen Verantwortung für sich selbst.
+        Daher ist unser Ziel, Unternehmerinnen und Unternehmer auf dem Weg zur
+        mehr Erfolg, mehr Einzigartigkeit und mehr persönliche Zufriedenheit als
+        Ihr Sparringspartner auf Ihrem Weg zu begleiten zu einem erfolgreichen
+        und erfüllten (Unternehmer)leben zu begleiten.
+        Dabei ist für uns die Kommunikation und der Kontakt auf Augenhöhe sowie
+        die vertrauensvolle Arbeitsatmosphäre mit Kunde besonders wichtig und
+        Grundlage unseres Auftrags
+        Als Ihr Sparringspartner und Ratgeber bringen wir Sie den entscheidenden
+        Schritt voran – probieren Sie es aus und lassen Sie uns sprechen.</p>
+    </section>
+</body>
+</html>
diff --git a/assets/Capture d’écran 2024-07-23 à 23.19.07.png b/assets/Capture d’écran 2024-07-23 à 23.19.07.png
diff --git a/assets/Capture d’écran 2024-07-23 à 23.20.49.png b/assets/Capture d’écran 2024-07-23 à 23.20.49.png
diff --git a/assets/EBAAE451-7C99-43FF-A49D-1BFFFFC8E847_1_201_a-removebg-preview.png b/assets/EBAAE451-7C99-43FF-A49D-1BFFFFC8E847_1_201_a-removebg-preview.png
diff --git a/...businessman-hand-shake-businesswoman-between-two-ok-in-picture-id1141688567.jpg b/...businessman-hand-shake-businesswoman-between-two-ok-in-picture-id1141688567.jpg
diff --git a/assets/c.png b/assets/c.png
diff --git a/assets/depositphotos_109111732-stock-photo-desperate-young-woman.jpg b/assets/depositphotos_109111732-stock-photo-desperate-young-woman.jpg
diff --git a/...tenant-debout-fond-gris-directeur-executif-pdg-ayant-problemes-au-travail_95891-4155.avif b/...tenant-debout-fond-gris-directeur-executif-pdg-ayant-problemes-au-travail_95891-4155.avif
diff --git a/assets/j.png b/assets/j.png
diff --git a/assets/shutterstock_1286169184-984x540.jpg b/assets/shutterstock_1286169184-984x540.jpg
diff --git a/contact.html b/contact.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="de">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Kontakt - USP Hannover</title>
+    <meta name="description" content="Kontaktieren Sie USP Hannover für Unterstützung bei Bürokratie, Fachkräftemangel, Digitalisierung und mehr.">
+    <meta name="keywords" content="USP Hannover, Kontakt, Unternehmensberatung, Bürokratie, Fachkräftemangel, Digitalisierung">
+    <meta name="author" content="USP Hannover">
+    <meta name="robots" content="index, follow">
+    <link href='https://fonts.googleapis.com/css?family=Avenir Next LT Pro' rel='stylesheet'>
+    <link href='https://cdn.jsdelivr.net/npm/boxicons@2.0.9/css/boxicons.min.css' rel='stylesheet'>
+    <link rel="icon" href="/assets/EBAAE451-7C99-43FF-A49D-1BFFFFC8E847_1_201_a-removebg-preview.png" type="image/x-icon">
+    <link rel="stylesheet" href="styles.css">
+    <script defer src="https://cdnjs.cloudflare.com/ajax/libs/scrollreveal/4.0.9/scrollreveal.min.js"></script>
+    <script defer src="script.js"></script>
+</head>
+
+<body>
+    <header>
+        <div class="logo">
+            <a href="index.html"><img src="/assets/EBAAE451-7C99-43FF-A49D-1BFFFFC8E847_1_201_a-removebg-preview.png" alt="USP Hannover Logo"></a>
+        </div>
+        <nav>
+            <a href="index.html#home">Home</a>
+            <a href="index.html#angebot">Angebot</a>
+            <a href="index.html#ueber-uns">Über uns</a>
+            <a href="contact.html">Kontakt</a>
+        </nav>
+    </header>
+
+    <main>
+        <section id="kontakt">
+            <h1>Kontaktieren Sie uns</h1>
+            <p>Wir freuen uns darauf, von Ihnen zu hören! Nutzen Sie die unten angegebenen Kontaktinformationen, um uns zu erreichen.</p>
+
+            <div class="contact-info">
+                <div class="contact-person">
+                    <img src="/assets/Capture d’écran 2024-07-22 151257.png" alt="Julia Chappuzeau" class="contact-image">
+                    <p><strong>Julia Chappuzeau</strong></p>
+                    <div class="contact-buttons">
+                        <a href="mailto:julia@example.com"><button class="button-52" role="button">E-Mail</button></a>
+                        <a href="tel:+49511987654"><button class="button-52" role="button">Telefon</button></a>
+                    </div>
+                </div>
+                <div class="divider"></div>
+                <div class="contact-person">
+                    <img src="/assets/Capture d’écran 2024-07-22 150730.png" alt="Carsten Klingebiel" class="contact-image">
+                    <p><strong>Carsten Klingebiel</strong></p>
+                    <div class="contact-buttons">
+                        <a href="mailto:carsten@example.com"><button class="button-52" role="button">E-Mail</button></a>
+                        <a href="tel:+49511123456"><button class="button-52" role="button">Telefon</button></a>
+                    </div>
+                </div>
+            </div>
+
+            <div class="contact-general">
+                <h2>Allgemeine Kontaktinformationen</h2>
+                <p><strong>Geschäftsadresse:</strong> Gretchenstraße 40, 30159 Hannover</p>
+                <p><strong>Allgemeine Nummer:</strong> +49 511 123456</p>
+                <p><strong>Allgemeine E-Mail:</strong> <a href="mailto:info@example.com">info@example.com</a></p>
+            </div>
+        </section>
+    </main>
+
+    <footer>
+        <p class="copy">&copy; 2024 USP Hannover. Alle Rechte vorbehalten.</p>
+        <div class="icons">
+            <a href="impressum.html"><i class='bx bxs-file'></i> Impressum</a>
+            <a href="privacy.html"><i class='bx bxs-lock-alt'></i> Datenschutzerklärung</a>
+            <a href="cookie.html"><i class='bx bxs-cookie'></i> Cookie Richtlinie</a>
+        </div>
+    </footer>
+</body>
+
+</html>
diff --git a/cookie.html b/cookie.html
diff --git a/impressum.html b/impressum.html
diff --git a/index.html b/index.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<html lang="de">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>USP Hannover - Ihr Partner für unternehmerischen Erfolg</title>
+    <meta name="description"
+        content="USP Hannover unterstützt mittelständische Unternehmen bei Bürokratie, Fachkräftemangel, Digitalisierung und mehr. Entdecken Sie unsere maßgeschneiderten Lösungen.">
+    <meta name="keywords"
+        content="USP Hannover, Mittelstand, Unternehmensberatung, Bürokratie, Fachkräftemangel, Digitalisierung">
+    <meta name="author" content="USP Hannover">
+    <meta name="robots" content="index, follow">
+    <link href='https://fonts.googleapis.com/css?family=Avenir Next LT Pro' rel='stylesheet'>
+    <link href='https://cdn.jsdelivr.net/npm/boxicons@2.0.9/css/boxicons.min.css' rel='stylesheet'>
+    <link rel="icon" href="/assets/EBAAE451-7C99-43FF-A49D-1BFFFFC8E847_1_201_a-removebg-preview.png" type="image/x-icon">
+    <link rel="stylesheet" href="styles.css">
+    <script defer src="https://cdnjs.cloudflare.com/ajax/libs/scrollreveal/4.0.9/scrollreveal.min.js"></script>
+    <script defer src="script.js"></script>
+</head>
+
+<body>
+    <header>
+        <div class="logo">
+            <img src="/assets/EBAAE451-7C99-43FF-A49D-1BFFFFC8E847_1_201_a-removebg-preview.png" alt="USP Hannover Logo">
+        </div>
+        <nav>
+            <a href="#home">Home</a>
+            <a href="#angebot">Angebot</a>
+            <a href="#ueber-uns">Über uns</a>
+            <a href="#kontakt">Kontakt</a>
+        </nav>
+    </header>
+
+    <main>
+        <section id="home">
+            <h1>Kommt Ihnen das auch bekannt vor?</h1>
+            <p>
+                Als Inhaber eines mittelständischen Unternehmens stehen Sie tagtäglich vor Herausforderungen wie z.B. Bürokratismus, Fachkräftemangel, Digitalisierung, künstliche Intelligenz und fühlen sich wie in einem „Hamsterrad“.
+            </p>
+            <p>
+                Durch die zunehmende Belastung in allen unternehmerischen Bereichen ist es für Sie oft schwer den „Wald vor lauter Bäumen“ zu erkennen.
+            </p>
+            <div class="quote-container">
+                <span>„Wie soll das alles weitergehen?“</span>
+            </div>
+            <div class="banner-container">
+                <div class="banner">
+                    <img src="/assets/Capture d’écran 2024-07-23 à 23.19.07.png" alt="Image 1">
+                    <img src="/assets/Capture d’écran 2024-07-23 à 23.20.49.png" alt="Image 2">
+                    <img src="/assets/homme-affaires-desespere-deprime-costume-recevant-mauvaises-nouvelles-touchant-front-main-se-sentant-inquiet-se-tenant-debout-fond-gris-directeur-executif-pdg-ayant-problemes-au-travail_95891-4155.avif"
+                        alt="Image 3">
+                    <img src="/assets/Rattankun-Thongbun_istock_closeup-of-a-businessman-hand-shake-businesswoman-between-two-ok-in-picture-id1141688567.jpg"
+                        alt="Image 4">
+                    <img src="/assets/shutterstock_1286169184-984x540.jpg" alt="Image 5">
+                </div>
+            </div>
+        </section>
+
+        <section id="angebot" style="margin-top: 0;">
+            <h1>Dann sind Sie hier genau richtig!</h1>
+            <h2>Wir unterstützen Sie!</h2>
+            <p>Entwickeln Sie mit uns gemeinsam eine Strategie, wie Ihr Unternehmen langfristig weiterwachsen, erfolgreicher werden und noch einzigartiger werden kann. Und wie Sie zufriedener und stressfreier leben können. Durch unsere Zusammenarbeit entwickeln wir einen strukturierten Maßnahmenplan, der Ihr Unternehmen und Ihre persönliche Situation umfasst.</p>
+            <p>Wir bieten eine Vielzahl von Dienstleistungen, die darauf abzielen, Ihr Unternehmen zu verbessern und Ihnen zu helfen, Ihre Ziele zu erreichen. Von der Beratung bis zur Implementierung – wir sind für Sie da.</p>
+            <a href="leistungen.html" class="button-52">Unsere Leistungen</a>
+            <img class="section-image"
+                src="/assets/Rattankun-Thongbun_istock_closeup-of-a-businessman-hand-shake-businesswoman-between-two-ok-in-picture-id1141688567.jpg"
+                alt="Unterstützung für Unternehmen">
+        </section>
+
+        <hr>
+
+        <section id="ueber-uns">
+            <h1>Über uns</h1>
+            <div class="about-container">
+                <div class="about-item">
+                    <img class="presentation" src="/assets/c.png" alt="Carsten Klingebiel">
+                    <h2>Carsten Klingebiel</h2>
+                    <h3>Geschäftsführender Partner</h3>
+                </div>
+                <div class="about-item">
+                    <img class="presentation" src="/assets/j.png" alt="Julia Chappuzeau">
+                    <h2>Julia Chappuzeau</h2>
+                    <h3>Geschäftsführende Partnerin</h3>
+                </div>
+            </div>
+            <a href="about-us.html" class="button-52">Mehr über uns</a>
+        </section>
+
+        <hr>
+
+        <section id="kontakt">
+            <h1>Wenn Sie bis hierher gelesen haben…</h1>
+            <ul>
+                <li>…dann wollen Sie Ihre unternehmerische und persönliche Situation nachhaltig verbessern. Analysieren mit uns Ihr Unternehmer-Leben. Finden Sie mit uns die Unwuchten, solange bis alles rund läuft. Dabei unterstützen wir Sie gerne!</li><br>
+                <li>Und wir identifizieren erste Schritte zur Verbesserung Ihrer persönlichen Performance und Ihres Unternehmens.</li><br>
+                <li>Wenn Sie Interesse haben, mit uns zu arbeiten, dann buchen Sie eine Online-Session mit uns. Die ist für Sie kostenlos, bringt Sie aber schon einen großen Schritt weiter. Garantiert!</li><br>
+                <li>Es wird Ihnen aber bereits die Augen öffnen für Verbesserungsmöglichkeiten, die Ihnen sofort weiterhelfen! Also nutzen Sie diese Chance und sichern Sie sich einen Termin.</li><br>
+            </ul>
+            <a href="contact.html" class="button-52">Kontakt aufnehmen</a>
+        </section>
+    </main>
+
+    <footer>
+        <p class="copy">&copy; 2024 USP Hannover. Alle Rechte vorbehalten.</p>
+        <div class="icons">
+            <a href="impressum.html"><i class='bx bxs-file'></i> Impressum</a>
+            <a href="privacy.html"><i class='bx bxs-lock-alt'></i> Datenschutzerklärung</a>
+            <a href="cookie.html"><i class='bx bxs-cookie'></i> Cookie Richtlinie</a>
+        </div>
+    </footer>
+</body>
+
+</html>
diff --git a/leistungen.html b/leistungen.html
diff --git a/privacy.html b/privacy.html
diff --git a/script.js b/script.js
@@ -0,0 +1,8 @@
+document.querySelectorAll('nav a').forEach(link => {
+    link.addEventListener('click', (e) => {
+        e.preventDefault();
+        document.querySelector(link.getAttribute('href')).scrollIntoView({
+            behavior: 'smooth'
+        });
+    });
+});