Website/install_en.html at main · HelpAPaw/Website · 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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
      rel="stylesheet"
      href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"
      integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm"
      crossorigin="anonymous"
    />
    <link rel="stylesheet" href="signal.css" />
    <title>Help a Paw</title>
  </head>
  <body>
    <header class="header">
      <section class="header-section">
        <a href="http://www.helpapaw.org"
          ><img
            src="https://backendlessappcontent.com/BDCD56B9-351A-E067-FFA4-9EA9CF2F4000/473D7C4A-3FBC-69F4-FFFF-1635F07E4300/files/web/landing-page/img/Help+a+Paw+-+Logo.png"
            alt="logo"
            class="header-section-logo"
        /></a>
      </section>
      <nav class="header-nav">
        <ul class="header-nav-ul">
          <li><a href="http://www.helpapaw.org/index_en.html">Home</a></li>
          <li>
            <a href="http://www.helpapaw.org/index_en.html#features">About</a>
          </li>
          <li><a href="http://www.helpapaw.org/index_en.html#gallery">Gallery</a></li>
          <li><a href="http://www.helpapaw.org/index_en.html#team">Team</a></li>
          <li><a href="http://www.helpapaw.org/index_en.html#download">Download</a></li>
          <li><a href="http://www.helpapaw.org/index_en.html#contact">Contacts</a></li>
          <li><a href="install.html">BG</a></li>
        </ul>
      </nav>
    </header>
    <main class="main">
      <section class="main-message">
        <h1>"Help a Paw" is a free mobile application for iOS and Android</h1>
        <p>
          To install it, please scan the QR code below with your smartphone
          camera:
        </p>
        <br />
        <p id="qrImageParent">
          <img
            src="https://backendlessappcontent.com/BDCD56B9-351A-E067-FFA4-9EA9CF2F4000/473D7C4A-3FBC-69F4-FFFF-1635F07E4300/files/web/images/install_link_qr.jpg"
            alt="QR code"
            width="300"
            height="300"
          />
        </p>
      </section>
      <section class="main-download">
        <article class="main-download-wrapper">
          <h3>Download the app</h3>
          <p>
            In case your smartphone or browser can't read the QR code, please
            use the buttons below to download the application for iOS or
            Android.
          </p>
          <article class="main-download-wrapper-buttons">
            <button class="main-download-wrapper-buttons-button">
              <a
                href="https://itunes.apple.com/gb/app/help-a-paw/id1234893764?mt=8"
                class="main-download-wrapper-buttons-button-link"
              >
                <i class="fab fa-apple"></i>
                App Store
              </a>
            </button>
            <button class="main-download-wrapper-buttons-button">
              <a
                href="https://play.google.com/store/apps/details?id=org.helpapaw.helpapaw"
                class="main-download-wrapper-buttons-button-link"
              >
                <i class="fab fa-google-play"></i>
                Play Store
              </a>
            </button>
          </article>
        </article>
      </section>
    </main>
    <footer class="footer">
      <ul class="footer-list">
        <li>
          <a href="https://www.facebook.com/help.a.paw/"
            ><i class="fab fa-facebook-f"></i
          ></a>
        </li>
        <li>
          <a href="https://github.com/HelpAPaw"
            ><i class="fab fa-github"></i
          ></a>
        </li>
        <li>
          <a href="https://www.linkedin.com/company/help-a-paw/"
            ><i class="fab fa-linkedin"></i
          ></a>
        </li>
      </ul>
    </footer>
  </body>
</html>