Inhalt für Karriere, Kontakt und Unterseiten

README.md

@@ -24,11 +24,11 @@ placeholder text and images.
 - [x] Energie
 - [x] Öffentliche Verwaltung
 - [x] Softwareentwicklung
-- [ ] Karriere
+- [x] Karriere
 - [x] Stellenangebote
-- [ ] Unternehmenskultur
+- [x] Unternehmenskultur
 - [x] Bewerbungsformular
-- [ ] Kontakt
+- [x] Kontakt
 - [x] Kontaktformular
 - [x] Standort und Anfahrt
-- [ ] Direkte Kommunikationswege
+- [x] Direkte Kommunikationswege

bewerbung.html

@@ -72,7 +72,7 @@
         <main>
             <!-- Bewerbungsformular -->
             <section class="container mt-5 mb-5">
-                <h1 class="text-center">Bewerbungsformular</h1>
+                <h1 class="text-center mt-5">Bewerbungsformular</h1>
                 <form action="bewerbung.html" method="post">
                     <div class="mb-3">
                         <label for="vorname" class="form-label">Vorname *</label>

direktkom.html

@@ -70,7 +70,27 @@
 
         <!-- Main Section of Impressum -->
         <main>
-
+            <!-- Direkte Kommunikationswege -->
+            <section class="container mt-5 mb-5">
+                <h1 class="text-center mt-5">Direkte Kommunikationswege</h1>
+                <p class="text-center">Hier finden Sie alle wichtigen Kontaktdaten, um uns zu erreichen.</p>
+                <div class="row mt-5">
+                    <div class="col-lg-6 col-md-6">
+                        <h2>Telefon</h2>
+                        <p>Telefon: 0123 456789</p>
+                        <p>Fax: 0123 456789</p>
+                    </div>
+                    <div class="col-lg-6 col-md-6">
+                        <h2>E-Mail</h2>
+                        <p>Allgemeine Anfragen:
+                            <a href="mailto:[email protected]">[email protected]</a>
+                        </p>
+                        <p>Support:
+                            <a href="mailto:[email protected]">[email protected]</a>
+                        </p>
+                    </div>
+                </div>
+            </section>
         </main>
 
 

jobs.html

@@ -72,7 +72,7 @@
         <main>
             <!--- Stellenangebote -->
             <section class="container mt-5 mb-5">
-                <h1 class="text-center">Stellenangebote</h1>
+                <h1 class="text-center mt-5">Stellenangebote</h1>
                 <div class="row mt-5">
                     <div class="col-lg-4 col-md-6 col-sm-12">
                         <div class="card">

kontaktformular.html

@@ -72,7 +72,7 @@
         <main>
             <!-- Kontaktformular -->
             <section class="container mt-5 mb-5">
-                <h1 class="text-center">Kontaktformular</h1>
+                <h1 class="text-center mt-5">Kontaktformular</h1>
                 <form action="kontaktformular.html" method="post">
                     <div class="mb-3">
                         <label for="name" class="form-label">Name *</label>

kultur.html

@@ -70,6 +70,39 @@
 
         <!-- Main Section of Impressum -->
         <main>
+            <!-- Überischt über die Unternehmenskultur -->
+            <section class="container mt-5 mb-5">
+                <h1 class="text-center mt-5">Unternehmenskultur</h1>
+                <p>
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor, nunc nec ultricies bibendum,
+                    nunc dui fermentum nunc, nec lacinia nunc purus sit amet nunc. Nullam auctor, nunc nec ultricies
+                    bibendum, nunc dui fermentum nunc, nec lacinia nunc purus sit amet nunc. Nullam auctor, nunc nec
+                    ultricies bibendum, nunc dui fermentum nunc, nec lacinia nunc purus sit amet nunc. Nullam auctor, nunc
+                    nec ultricies bibendum, nunc dui fermentum nunc, nec lacinia nunc purus sit amet nunc. Nullam auctor,
+                    nunc nec ultricies bibendum, nunc dui fermentum nunc, nec lacinia nunc purus sit amet nunc. Nullam
+                    auctor, nunc nec ultricies bibendum, nunc dui fermentum nunc, nec lacinia nunc purus sit amet nunc.
+                </p>
+                <div class="row mt-5">
+                    <div class="col-lg-6 col-md-6 col-sm-12">
+                        <img src="images/apps.jpg" class="img-fluid" alt="Unsere Kultur">
+                    </div>
+                    <div class="col-lg-6 col-md-6 col-sm-12">
+                        <h2>Unsere Kultur</h2>
+                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor, nunc nec ultricies bibendum, nunc dui fermentum nunc, nec lacinia nunc purus sit amet nunc. Nullam auctor, nunc nec ultricies bibendum, nunc dui fermentum nunc, nec lacinia nunc purus sit amet nunc.</p>
+                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor, nunc nec ultricies bibendum, nunc dui fermentum nunc, nec lacinia nunc purus sit amet nunc. Nullam auctor, nunc nec ultricies bibendum, nunc dui fermentum nunc, nec lacinia nunc purus sit amet nunc.</p>
+                    </div>
+                </div>
+                <div class="row mt-5">
+                    <div class="col-lg-6 col-md-6 col-sm-12">
+                        <h2>Unsere Vision</h2>
+                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor, nunc nec ultricies bibendum, nunc dui fermentum nunc, nec lacinia nunc purus sit amet nunc. Nullam auctor, nunc nec ultricies bibendum, nunc dui fermentum nunc, nec lacinia nunc purus sit amet nunc.</p>
+                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor, nunc nec ultricies bibendum, nunc dui fermentum nunc, nec lacinia nunc purus sit amet nunc. Nullam auctor, nunc nec ultricies bibendum, nunc dui fermentum nunc, nec lacinia nunc purus sit amet nunc.</p>
+                    </div>
+                    <div class="col-lg-6 col-md-6 col-sm-12">
+                        <img src="images/fallbeispiel.jpg" class="img-fluid" alt="Unsere Vision">
+                    </div>
+                </div>
+            </section>
 
         </main>