changes2

Author: psandboge

Diff for: contact.html

@@ -21,13 +21,13 @@
 
 <section id="contact">
     <h2>Kontakt</h2>
-    <p>Har du frågor? Kontakta oss på [email protected].</p>
     <!-- Platshållare för kontakt-bild -->
-    <img src="images/contact-placeholder.jpg" alt="Illustrativ bild av kontakt" class="contact-image">
+    <img class="contact-image" src="images/contact-meeting.png" alt="Illustrativ bild av kontakt" class="contact-image">
+    <p>Har du frågor? Kontakta oss på [email protected].</p>
 </section>
 
 <footer>
-    <p>&copy; 2024 CRM Systems AB. Alla rättigheter förbehållna.</p>
+    <p>&copy; 2024 Kits AB. Alla rättigheter förbehållna.</p>
 </footer>
 </body>
 </html>

Diff for: images/contact-meeting.png

@@ -23,7 +23,7 @@
     <h1>Organisera. Matcha. Vinn.</h1>
     <p>Organisera dina konsultprofiler enkelt och effektivt med Konpro. Matcha rätt profiler till rätt möjligheter på nolltid. Fokusera på att vinna fler affärer och låt systemet ta hand om resten. </p>
     <!-- Platshållare för en hero-bild -->
-    <p><img src="images/hero_image.png" alt="Illustrativ bild av CRM-systemet" class="hero-image"></p>
+    <p><img src="images/hero_image2.png" alt="Illustrativ bild av CRM-systemet" class="hero-image"></p>
     <a href="demo.html" class="cta-button">Boka en Demo</a>
 </section>
 

Diff for: images/hero_image2.png

@@ -57,11 +57,23 @@ nav ul li a:hover {
 }
 
 .hero-image {
-    width: 50%;
-    max-width: 800px;
+    width: 100%;
+    max-width: 80em;
     margin-top: 20px;
 }
 
+.contact-image {
+    width: 100%;
+    max-width: 50em;
+    margin-top: 20px;
+}
+
+#contact {
+    display: flex;
+    flex-direction: column;
+    text-align: center;
+    align-items: center;
+}
 .cta-button {
     background-color: #00bcd4; /* Turkos accent */
     color: white;