v2/contact.html at main · tcml-bme/v2 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html>
<html lang="en">
    <head id="head"></head>
    <body>
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark" id="navbar"></nav>

    <!-- Header -->
    <header class="py-5 bg-image-full" style="background-image: url('/assets/mri_center.jpg'); background-size: cover; background-position: 0% 50%;">
      <div class="text-center my-5">
          <h1 class="text-black fw-bolder" style="background-color: rgba(255, 255, 255, 0.5); padding: 10px;">
              Contact us
            </h1>
      </div>
    </header>

    <!-- Page Content -->
    <div class="container mt-5">


      <div class="row">

        <div class="col-md-6">

          <form
          action="https://formspree.io/f/mjvnyaee"
          method="POST"
        >
          <label>
            Your email:
            <input type="email" name="email">
          </label>
          <label>
            Your message:
            <textarea name="message"></textarea>
          </label>
          <!-- your other form fields go here -->
          <button type="submit">Send</button>
        </form>


        </div>

        <div class="col-md-6">
            <p>
              Address: Faculty of Biomedical Engineering, <br />
              Technion - Israel Institute of Technology, <br />
              Technion City, Haifa 3200003, Israel
            </p>

            <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d53674.2904429637!2d35.026504!3d32.775202!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x151dba9092eead27%3A0x23c7c6d311997032!2sTechnion%20Faculty%20of%20Biomedical%20Engineering!5e0!3m2!1sen!2sus!4v1707222704410!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>

        </div>
      </div>

    </div>
    <!-- /.container -->

    <!-- Footer -->

    <footer class="flex-shrink-0 py-4 bg-dark text-white-50 mt-5" id="footer">
    </footer>

    <!-- SCRIPTS -->
    <!-- jQuery library -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <!-- Popper JS -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
    <!-- Bootstrap JS -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>

    <!-- Fontawesome -->
    <script src="https://kit.fontawesome.com/b8a4a61420.js" crossorigin="anonymous"></script>

    <!-- <script src="js/people.js"></script> -->
    <script src="https://tcml-bme.github.io/v2/js/utils.js"></script>

    </body>
</html>