unison/index.html at main · PrimeSolar/unison · 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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>
      Let two hearts beat in Unison | Web Developer Vladislav Kazantsev
    </title>
    <meta name="author" content="Vladislav Kazantsev" />
    <meta name="copyright" content="© 2026 Vladislav Kazantsev" />
    <link
      rel="stylesheet"
      type="text/css"
      href="styles/style-preload-min.css"
    />
    <!-- Inline script - runs immediately to start fallback timer,
      providing a safety net for network issues -->
    <script type="text/javascript">
      /** Remove loading state after timeout as fallback. **/
      const FALLBACK_TIMEOUT = 5000;

      function showContent() {
        document.body.classList.remove("loading");
      }

      /** Show content after timeout. */
      const fallbackTimer = setTimeout(showContent, FALLBACK_TIMEOUT);
      /** Cancel fallback if JS (JavaScript) finished first. */
      window.addEventListener("load", () => {
        clearTimeout(fallbackTimer);
        showContent();
      });
    </script>
    <!-- The following scripts run in a specific order to ensure proper component initialization
     and DOM readiness. Description notes for the scripts can be found in their respective source files. -->
    <script
      src="scripts/meta-tags-min.js"
      type="text/javascript"
      defer
    ></script>
    <script
      src="scripts/components-min.js"
      type="text/javascript"
      defer
    ></script>
    <script
      src="scripts/p-1-line-indent-min.js"
      type="text/javascript"
      defer
    ></script>
    <script src="scripts/headings.js" type="text/javascript" defer></script>
  </head>

  <body class="loading">
    <div
      class="loader"
      role="status"
      aria-live="polite"
      aria-label="Loading Unison application"
    >
      <div>Loading Unison...</div>
      <div>❤</div>
    </div>
    <noscript
      >Enabling JavaScript will improve your experience significantly.</noscript
    >
    <main>
      <section class="title gradient-background">
        <div class="container col-xxl-8 px-4 pt-5">
          <div class="row flex-lg-row-reverse align-items-center g-5 pt-5">
            <div class="concept-div col-10 col-sm-8 col-lg-6">
              <img
                src="./assets/app-concept.jpg"
                class="app-concept d-block mx-lg-auto img-fluid"
                title="Unison Concept"
                alt="Unison Concept"
              />
            </div>
            <div class="col-lg-6 mb-5">
              <h1 class="display-5 fw-bold lh-1 mb-3">
                Let two hearts beat in Unison.
              </h1>

              <div class="d-grid gap-2 d-md-flex justify-content-md-start">
                <button
                  type="button"
                  class="btn btn-light btn-lg px-4 me-md-2"
                  title="Download Unison for iOS"
                  aria-label="Download Unison for iOS"
                >
                  <img
                    src="assets/app-store.svg"
                    alt="App Store"
                    aria-hidden="true"
                  />
                  Download
                </button>
                <button
                  type="button"
                  class="btn btn-light btn-lg px-4 me-md-2"
                  title="Download Unison for Android"
                  aria-label="Download Unison for Android"
                >
                  <img
                    src="assets/google-play.svg"
                    alt="Google Play"
                    aria-hidden="true"
                  />
                  Download
                </button>
              </div>
            </div>
          </div>
        </div>
      </section>

      <section>
        <div class="stack-area">
          <div class="left">
            <h2>Our Features</h2>
            <p>
              Unison is a unique dating app that focuses on fostering harmonious
              connections between individuals based on compatibility in various
              aspects of life. The application goes beyond traditional matching
              algorithms and incorporates elements of emotional intelligence,
              shared values, and personal growth. It aims to create a supportive
              and uplifting community where users can find meaningful
              relationships that resonate with their true selves.
            </p>
          </div>
          <div class="right">
            <div class="card card1">
              <p>Emotional Intelligence Assessment</p>
              <p>
                Users can take an emotional intelligence assessment to better
                understand their own emotions, communication style, and
                relationship preferences. This data is used to match users with
                compatible partners who complement their emotional needs.
              </p>
            </div>
            <div class="card card2">
              <p>Values Alignment</p>
              <p>
                The app emphasizes the importance of shared values and beliefs
                in forming strong connections. Users can highlight their core
                values, interests, and life goals to find like-minded
                individuals who align with their worldview.
              </p>
            </div>
            <div class="card card3">
              <p>Growth-Oriented Community</p>
              <p>
                Unison promotes personal growth and self-improvement within its
                community. Users can participate in mindfulness exercises,
                relationship workshops, and personal development challenges to
                enhance their emotional well-being and relationship skills.
              </p>
            </div>
            <div class="card card4">
              <p>Relationship Coaches</p>
              <p>
                Offer access to relationship coaches or counselors who provide
                guidance, support, and advice on navigating dating challenges,
                communication issues, and personal growth opportunities.
              </p>
            </div>
            <div class="card card5">
              <p>Community Events</p>
              <p>
                Organize virtual and in-person events such as discussions,
                workshops, and gatherings to facilitate connections and foster a
                sense of belonging within the Unison community. This concept
                sets the foundation for a dating app that prioritizes personal
                growth to create harmonious relationships.
              </p>
            </div>
          </div>
        </div>
      </section>

      <section class="testimonial bg-body-tertiary">
        <div>
          <div class="pt-5 text-center bg-body-tertiary">
            <div class="container">
              <blockquote class="text-body-emphasis">
                "The app was so easy to use, and it really helped me find
                someone who just gets me. I never thought online dating could be
                this simple and effective. Thanks to this app, I met someone
                special, and we've been together happily for over a year now. If
                you're looking for a real connection,
                <span class="highlight"
                  >I highly recommend giving this app a try.</span
                >"
              </blockquote>
              <img
                class="profile-img mt-5"
                src="./assets/person.jpg"
                title="Jordan from New York, Unison application user"
                alt="Jordan from New York, Unison application user"
                loading="lazy"
              />
              <p class="col-lg-8 mx-auto lead mt-2">
                <cite>Jordan, New York</cite>
              </p>

              <div class="container brands my-5">
                <div class="col-lg-3 col-sm-12 my-2">
                  <img
                    src="./assets/techcrunch.jpg"
                    title="TechCrunch Logo"
                    alt="TechCrunch"
                    loading="lazy"
                  />
                </div>
                <div class="col-lg-3 col-sm-12 my-2">
                  <img
                    src="./assets/mashable.jpg"
                    title="Mashable Logo"
                    alt="Mashable"
                    loading="lazy"
                  />
                </div>
                <div class="col-lg-3 col-sm-12 my-2">
                  <img
                    src="./assets/bizinsider.jpg"
                    title="Business Insider Logo"
                    alt="Business Insider"
                    loading="lazy"
                  />
                </div>
                <div class="col-lg-3 col-sm-12 my-2">
                  <img
                    src="./assets/tnw.jpg"
                    title="TNW Logo"
                    alt="TNW"
                    loading="lazy"
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
    </main>

    <!-- Custom web component for footer content initialized via JS (JavaScript) -->
    <footer-container></footer-container>
  </body>
</html>