Connect/features.php at main · ImperialX1104/Connect · 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
    <?php
    include('header.php');
    ?>

    <main id="main">

      <!-- ======= Features Section ======= -->

      <section class="hero-section inner-page">
        <div class="wave">

          <svg width="1920px" height="265px" viewBox="0 0 1920 265" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
            <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
              <g id="Apple-TV" transform="translate(0.000000, -402.000000)" fill="#FFFFFF">
                <path d="M0,439.134243 C175.04074,464.89273 327.944386,477.771974 458.710937,477.771974 C654.860765,477.771974 870.645295,442.632362 1205.9828,410.192501 C1429.54114,388.565926 1667.54687,411.092417 1920,477.771974 L1920,667 L1017.15166,667 L0,667 L0,439.134243 Z" id="Path"></path>
              </g>
            </g>
          </svg>

        </div>

        <div class="container">
          <div class="row align-items-center">
            <div class="col-12">
              <div class="row justify-content-center">
                <div class="col-md-7 text-center hero-text">
                  <h1 data-aos="fade-up" data-aos-delay="">Connect-App</h1>
                  <p class="mb-5" data-aos="fade-up" data-aos-delay="100">Find Love Amongst Friends: Connecting Hearts with 'Connect'.</p>
                </div>
              </div>
            </div>
          </div>
        </div>

      </section>

      <section class="section pb-0">
        <div class="container">
          <div class="row align-items-center">
            <div class="col-md-4 me-auto">
              <h2 class="mb-4">Seamlessly Communicate</h2>
              <p class="mb-4">Experience our dating app's seamless communication, effortlessly connecting you with potential matches to forge meaningful relationships and kindle lasting love and happiness.</p>
            </div>
            <div class="col-md-6" data-aos="fade-left">
              <img src="assets/img/undraw_svg_2.svg" alt="Seamlessly Communicate Feature" class="img-fluid">
            </div>
          </div>
        </div>
      </section>
      <section class="section pb-0">
        <div class="container">
          <div class="row align-items-center ">
            <div class="col-md-4 me-auto order-2">
              <h2 class="mb-4">End to End Encrypt</h2>
              <p class="mb-4">Data securely encrypted from sender to recipient, ensuring privacy and protection against unauthorized access.</p>
            </div>
            <div class="col-md-6" data-aos="fade-right">
              <img src="assets/img/undraw_svg_3.svg" alt="End to End Encrypt" class="img-fluid">
            </div>
          </div>
        </div>
      </section>


      <section class="section pb-0">
        <div class="container">
          <div class="row align-items-center">
            <div class="col-md-4 me-auto">
              <h2 class="mb-4">Messaging</h2>
              <p class="mb-4">Enable a chat function that allows matched users to communicate with each other easily. Consider incorporating multimedia support, read receipts, and typing indicators.</p>
            </div>
            <div class="col-md-6" data-aos="fade-left">
              <img src="assets/img/undraw_svg_4.svg" alt="Message-feature" class="img-fluid">
            </div>
          </div>
        </div>
      </section>


      <?php
      include('testimonial_section.php');
      include('cta_section.php');
      ?>

    </main><!-- End #main -->

    <?php
    include('footer.php');
    ?>