parcel-project-template/src/partials/footer.html at 7cb2dfc4b7790e96e382ddd3e64a982b8501adb2 · goitacademy/parcel-project-template · 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
<!--Footer.-->
<footer>
  <footer class="site-footer">
    <div class="footer-container">
      <div class="footer-left">
        <a href="index.html"
          ><img src="./images/logoalb.png" alt="Logo" class="footer-logo"
        /></a>
        <address>
          <ul class="contacts-list-footer-list">
            <li class="contacts-item-footer">
              <a class="contacts-link-footer-link" href="tel:+380684439426"
                >+380 (68) 443-94-26</a
              >
            </li>
            <li class="contacts-item-footer">
              <a
                class="contacts-link-footer-adr-link"
                href="https://www.google.com/maps/place/1678+Pioneer+Rd,+Salt+Lake+City,+UT+84104,+Сполучені+Штати+Америки/@40.7335892,-111.9622754,17z/data=!3m1!4b1!4m6!3m5!1s0x8752f35b0826d399:0x2b26230524fd3ca3!8m2!3d40.7335892!4d-111.9600867!16s%2Fg%2F11bw41vm_p"
                target="_blank"
                rel="noreferrer noopener"
                >1678 S. Pioneer Road Salt Lake City UT 84104</a
              >
            </li>
          </ul>
        </address>
      </div>
      <div class="footer-center">
        <ul class="footer-links">
          <li><a href="#">ABOUT US</a></li>
          <li><a href="#">CATALOG</a></li>
          <li><a href="#">SALE</a></li>
        </ul>
      </div>
      <div class="footer-right">
        <ul class="social-icons">
          <a href="https://www.facebook.com/" target="_blank" class="soc-link">
            <svg class="social-icon" width="24" height="24">
              <use href="./images/icons.svg#icon-Facebook"></use>
            </svg>
          </a>
            <a href="https://www.instagram.com/" target="_blank" class="soc-link">
              <svg class="social-icon" width="24" height="24">
                <use href="./images/icons.svg#icon-Instagram"></use>
              </svg>
            <a href="https://www.youtube.com/" target="_blank" class="soc-link">
              <svg class="social-icon" width="24" height="24">
                <use href="./images/icons.svg#icon-Youtube"></use>
              </svg>
            </a>
        </ul>
      </div>
    </div>
    <div class="footer-bottom">
      <p>&copy;2022 The Watch Spot. All rights reserved.</p>
      <div class="footer-legal">
        <a href="#">Privacy Policy</a>
        <a href="#">Terms of Service</a>
      </div>
    </div>
  </footer>
</footer>