diff --git a/public/index.html b/public/index.html index be46fcc90b4b59dd6fb639c5d261546c7784cc1e..afc6aa3db4be28e99bcdb10f9103bdb097fb9ad7 100644 --- a/public/index.html +++ b/public/index.html @@ -526,98 +526,67 @@ <!-- Contact Section --> - <section id="contact" class="contact section"> + <section id="contact " class="contact "> + + <div class="container " data-aos="fade-up "> + + <header class="section-header "> + <h2>Contact</h2> + <p>Contact Us</p> + </header> + + <div class="row gy-4 "> + + <div class="col-lg-8 "> + + <div class="row gy-4 "> + <div class="col-md-6 "> + <div class="info-box "> + <i class="bi bi-geo-alt "></i> + <h3>Address</h3> + <p>Schellingstr. 24 <br> D-70174 Stuttgart</p> + </div> + </div> + <div class="col-md-6 "> + <div class="info-box "> + <i class="bi bi-telephone "></i> + <h3>Call Us</h3> + <p> Secretariat <br> +49 (0)711 8926 0 <br> </p> + <p></p> + </div> + </div> + <div class="col-md-6 "> + <div class="info-box "> + <i class="bi bi-envelope "></i> + <h3>Email Us</h3> + <p>Secretariat <br> icity@hft-stuttgart.de + <br></p> + </div> + </div> + <div class="col-md-6 "> + <div class="info-box "> + <i class="bi bi-clock "></i> + <h3>Open Hours</h3> + <p>Monday - Friday<br>9:00AM - 05:00PM</p> + </div> + </div> + </div> + + </div> + + + <div class="col-xl-4 text-center "> + <img src="assets/img/features-5.png " class="img-fluid p-4 " alt=" "> + + </div> - <!-- Section Title --> - <div class="container section-title" data-aos="fade-up"> - <h2>Contact</h2> - <p>Contact Us</p> - </div><!-- End Section Title --> - - <div class="container" data-aos="fade-up" data-aos-delay="100"> - - <div class="row gy-4"> - - <div class="col-lg-6"> - - <div class="row gy-4"> - <div class="col-md-6"> - <div class="info-item" data-aos="fade" data-aos-delay="200"> - <i class="bi bi-geo-alt"></i> - <h3>Address</h3> - <p>A108 Adam Street</p> - <p>New York, NY 535022</p> </div> - </div><!-- End Info Item --> - - <div class="col-md-6"> - <div class="info-item" data-aos="fade" data-aos-delay="300"> - <i class="bi bi-telephone"></i> - <h3>Call Us</h3> - <p>+1 5589 55488 55</p> - <p>+1 6678 254445 41</p> - </div> - </div><!-- End Info Item --> - - <div class="col-md-6"> - <div class="info-item" data-aos="fade" data-aos-delay="400"> - <i class="bi bi-envelope"></i> - <h3>Email Us</h3> - <p>info@example.com</p> - <p>contact@example.com</p> - </div> - </div><!-- End Info Item --> - - <div class="col-md-6"> - <div class="info-item" data-aos="fade" data-aos-delay="500"> - <i class="bi bi-clock"></i> - <h3>Open Hours</h3> - <p>Monday - Friday</p> - <p>9:00AM - 05:00PM</p> - </div> - </div><!-- End Info Item --> </div> - </div> - - <div class="col-lg-6"> - <form action="forms/contact.php" method="post" class="php-email-form" data-aos="fade-up" data-aos-delay="200"> - <div class="row gy-4"> - - <div class="col-md-6"> - <input type="text" name="name" class="form-control" placeholder="Your Name" required=""> - </div> - - <div class="col-md-6 "> - <input type="email" class="form-control" name="email" placeholder="Your Email" required=""> - </div> - - <div class="col-12"> - <input type="text" class="form-control" name="subject" placeholder="Subject" required=""> - </div> - - <div class="col-12"> - <textarea class="form-control" name="message" rows="6" placeholder="Message" required=""></textarea> - </div> - - <div class="col-12 text-center"> - <div class="loading">Loading</div> - <div class="error-message"></div> - <div class="sent-message">Your message has been sent. Thank you!</div> - - <button type="submit">Send Message</button> - </div> - - </div> - </form> - </div><!-- End Contact Form --> - - </div> - - </div> - - </section><!-- /Contact Section --> + </section> + + <!-- /Contact Section --> </main>