LyteLink/about.html at main · Aurits/LyteLink · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <title>about-LyteLink</title>
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css?h=afad4525f1b4b0f8763e671324ba37b3">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&amp;display=swap">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Kaushan+Script&amp;display=swap">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,700&amp;display=swap">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins&amp;display=swap">
</head>

<body>
    <!-- Start: Navbar Centered Links -->
    <nav class="navbar navbar-dark navbar-expand-md sticky-top py-3" id="mainNav" style="background: rgb(45, 44, 56);">
        <div class="container"><a class="navbar-brand d-flex align-items-center" href="index.html"><span><img class="rounded" src="assets/img/logoFinal.png?h=cf2dea01fb0b7e2900b4546e2147935f" width="120vw" height="55vh"></span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
            <div class="collapse navbar-collapse" id="navcol-1" style="margin: auto;">
                <ul class="navbar-nav mx-auto">
                    <li class="nav-item"><a class="nav-link" href="index.html" style="font-family: Inter, sans-serif;">Home</a></li>
                    <li class="nav-item"><a class="nav-link" href="services.html" style="font-family: Inter, sans-serif;">Services</a></li>
                    <li class="nav-item"><a class="nav-link" href="projects.html" style="font-family: Inter, sans-serif;">Projects</a></li>
                    <li class="nav-item"><a class="nav-link active" href="about.html" style="font-family: Montserrat, sans-serif;">About</a></li>
                    <li class="nav-item"><a class="nav-link" href="contacts.html" style="font-family: Inter, sans-serif;">Contact</a></li>
                </ul>
            </div>
        </div>
    </nav><!-- End: Navbar Centered Links -->
    <!-- Start: Features Cards -->
    <div class="container py-5" style="background: rgb(45,44,56);border-style: none;">
        <div class="row" style="background: rgb(45,44,56);">
            <div class="col-md-8 col-xl-6 text-center mx-auto">
                <p class="fw-bold text-success mb-2">About us</p>
                <h3 class="fw-bold">Who are we?</h3>
            </div>
        </div>
        <div class="py-5 p-lg-5" style="margin-left: 0px;margin-right: 0px;background: rgb(45,44,56);">
            <div class="row row-cols-1 row-cols-md-2 mx-auto" style="max-width: 900px;">
                <div class="col mb-5" style="background: url(&quot;about/1.jpg&quot;) center / cover no-repeat;">
                    <div class="card shadow-sm">
                        <div class="card-body text-start text-white px-4 py-5 px-md-5" style="height: 50vh;">
                            <p class="fs-6 fw-light card-text pb-sm-0 mb-sm-5 pe-sm-0 ms-sm-0" style="height: 70vh;width: 105%;">Future-oriented technology. <br>An African effort called LyteLink aims to use young, technologically gifted individuals to use technology to address Africa's<br> difficulties. <br>LyteLink stimulates company innovation, increases consumer value, and operational effectiveness. We are a devoted group with extensive experience in offering IT solutions. We at LyteLink offer straightforward answers to difficult digital problems.<br><br><br></p>
                        </div>
                    </div>
                </div>
                <div class="col mb-5" style="background: rgb(45,44,56);">
                    <div class="card shadow-sm"></div><img class="rounded-circle img-fluid d-inline float-none d-md-flex justify-content-center align-items-center justify-content-md-center align-items-md-center" src="assets/img/logoFinal.png?h=cf2dea01fb0b7e2900b4546e2147935f" width="400vw" height="400vh" loading="auto" style="padding-right: 5px;padding-top: 10vh;padding-bottom: 10vh;padding-left: 5px;" alt="Logo">
                </div>
            </div>
        </div>
    </div><!-- End: Features Cards -->
    <section>
        <!-- Start: Features Cards -->
        <div class="container py-5">
            <div class="mx-auto" style="max-width: 900px;">
                <div class="row row-cols-1 row-cols-md-2 d-flex justify-content-center">
                    <div class="col mb-4">
                        <div class="card bg-primary-light">
                            <div class="card-body text-center px-4 py-5 px-md-5">
                                <p class="fw-bold text-primary card-text mb-2">Simple</p>
                                <h5 class="fs-6 fw-lighter text-start card-title mb-3">Our software is designed to be easy to use, with a clear and intuitive interface<br>that makes it simple for even novice users to navigate. We prioritize simplicity in our products to ensure that they are accessible to a wide range<br>of users.</h5>
                            </div>
                        </div>
                    </div>
                    <div class="col mb-4">
                        <div class="card bg-secondary-light">
                            <div class="card-body text-center px-4 py-5 px-md-5">
                                <p class="fw-bold text-secondary card-text mb-2">Reliable</p>
                                <h5 class="fs-6 fw-lighter text-start card-title mb-3">We are committed to providing reliable software that our customers can count on, with regular updates and maintenance to ensure smooth operation. We understand the importance of reliability in the products we offer and work hard to ensure<br>that our software is always available and performing at its best.</h5>
                            </div>
                        </div>
                    </div>
                    <div class="col mb-4">
                        <div class="card bg-info-light">
                            <div class="card-body text-center px-4 py-5 px-md-5">
                                <p class="fw-bold text-info card-text mb-2">Effective</p>
                                <h5 class="fs-6 fw-lighter text-start card-title mb-3">We prioritize functionality and effectiveness in our software, ensuring that it delivers the results our customers need. Our products are designed to solve<br>real-world problems and meet the needs of our customers.</h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div><!-- End: Features Cards -->
    </section><!-- Start: Footer Multi Column -->
    <footer class="bg-dark">
        <div class="container py-4 py-lg-5">
            <div class="row justify-content-center">
                <!-- Start: Services -->
                <div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
                    <h3 class="fs-6 fw-bold">Services</h3>
                    <ul class="list-unstyled">
                        <li><a href="services.html">Development</a></li>
                        <li><a href="services.html">Consultation</a></li>
                        <li><a href="services.html">Analysis and Intelligence</a></li>
                    </ul>
                </div><!-- End: Services -->
                <!-- Start: About -->
                <div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
                    <h3 class="fs-6 fw-bold">About</h3>
                    <ul class="list-unstyled">
                        <li><a href="about.html">Company</a></li>
                        <li><a href="about.html">Team</a></li>
                        <li><a href="about.html">Legacy</a></li>
                    </ul>
                </div><!-- End: About -->
                <!-- Start: Careers -->
                <div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
                    <h3 class="fs-6 fw-bold">Careers</h3>
                    <ul class="list-unstyled">
                        <li><a href="about.html">Vacancies</a></li>
                        <li><a href="about.html">Team success</a></li>
                        <li><a href="about.html">Benefits</a></li>
                    </ul>
                </div><!-- End: Careers -->
                <!-- Start: Social Icons -->
                <div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
                    <div class="fw-bold d-flex align-items-center mb-2"></div>
                    <h4 class="display-2 font-monospace text-capitalize fs-2 fw-bolder text-center text-success">LyteLink</h4>
                    <p class="lead font-monospace text-break fs-6 fw-lighter text-start text-muted shadow-sm d-inline-block" style="margin-left: -1px;">To solve man's complex challenges through developing simple solutions using the various available technologies.<br></p>
                </div><!-- End: Social Icons -->
            </div>
            <hr>
            <div class="text-muted d-flex justify-content-between align-items-center pt-3">
                <p class="mb-0">Copyright © 2022 LyteLink</p>
                <ul class="list-inline mb-0">
                    <li class="list-inline-item"><a href="www.facebook.com"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-facebook">
                                <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"></path>
                            </svg></a></li>
                    <li class="list-inline-item"><a href="www.twitter.com"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-twitter">
                                <path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"></path>
                            </svg></a></li>
                    <li class="list-inline-item"><a href="https://www.insta.com"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-instagram">
                                <path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"></path>
                            </svg></a></li>
                </ul>
            </div>
        </div>
    </footer><!-- End: Footer Multi Column -->
    <script src="assets/bootstrap/js/bootstrap.min.js?h=981245863c383366a329259d02b8172c"></script>
    <script src="assets/js/script.min.js?h=92cf06d81361f353c4a3cd17069b3279"></script>
</body>

</html>