1299-team-02/contacts.contacts.partial.html at main · koldovsky/1299-team-02 · 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
<section class="contacts__page-contacts">
  <div class="contacts__block-contacts">
    <div class="contacts__info-contacts">
      <div class="contacts__logo-contacts">
        <img src="img/global/diving-mask.svg" alt="diving-mask-thai-logo" />
      </div>
      <h2 class="contacts__title-contacts">Contacts</h2>
      <p class="contacts__description-contacts">
        We recommend booking diving tours and courses in advance. Feel free to
        contact us for any personal inquiries:
      </p>
      <div class="contacts__details-contacts">
        <div class="contacts__details-block-contacts">
          <p class="contacts__details-label-contacts">Address</p>
          <span class="contacts__details-info-contacts">
            6/86 Moo 8, T. Vichit, A. Muang, Phuket, Thailand, 83000
          </span>
        </div>
        <div class="contacts__details-block-contacts">
          <p class="contacts__details-label-contacts">Hours</p>
          <span class="contacts__details-info-contacts">
            Monday - Saturday: 11 AM - 9 PM Sunday: 11 AM -11 PM
          </span>
        </div>
        <div class="contacts__details-block-contacts">
          <p class="contacts__details-label-contacts">Contacts</p>
          <a href="tel:+12345678900" data-action="phone" class="ui-link">
            <span class="contacts__details-info-contacts"
              >+1 (234) 567 89 00</span
            ></a
          >
          <a
            href="mailto:thaidiving@email.com"
            data-action="email"
            class="ui-link"
          >
            <span class="contacts__details-info-contacts">
              thaidiving@email.com
            </span>
          </a>
        </div>
      </div>
    </div>
    <div class="contacts__form-container-contacts">
      <form class="contacts__form-contacts" action="#" method="post">
        <input
          type="text"
          class="contacts__input-contacts"
          placeholder="Name*"
          name="name"
          required
        />
        <input
          type="tel"
          class="contacts__input-contacts"
          placeholder="Phone number*"
          name="phone"
          required
        />
        <input
          type="email"
          class="contacts__input-contacts"
          placeholder="E-mail*"
          name="email"
          required
        />
        <button type="submit" class="contacts__button-contacts">
          GO DIVING
        </button>
      </form>
    </div>
  </div>
</section>