-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
245 lines (242 loc) · 18.5 KB
/
Copy pathindex.html
File metadata and controls
245 lines (242 loc) · 18.5 KB
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
<!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>Home - 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&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Kaushan+Script&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins&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 active" 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" 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 -->
<header class="bg-dark" style="background: var(--bs-success);">
<!-- Start: Hero Clean Reverse -->
<div class="container pt-4 pt-xl-5">
<div class="row pt-5">
<div class="col-md-8 col-xl-6 text-center text-md-start mx-auto" style="margin-top: 10vh;margin-bottom: 10vh;">
<div class="text-center">
<p class="fw-bold text-start text-success mb-2">''</p>
<h1 class="fw-bold">Simple<br>Reliable<br>&<br>Effective</h1>
<p class="fw-bold text-end text-success mb-2">Services<sup>TM</sup></p>
</div>
</div>
<div class="col-12 col-lg-10 mx-auto">
<div class="position-relative" style="display: flex;flex-wrap: wrap;justify-content: flex-end;">
<div style="position: relative;flex: 0 0 45%;transform: translate3d(-15%, 35%, 0);"></div>
<div style="position: relative;flex: 0 0 45%;transform: translate3d(-5%, 20%, 0);" data-bs-spy="scroll"></div>
<div style="position: relative;flex: 0 0 60%;transform: translate3d(0, 0%, 0);"></div>
</div>
</div>
</div>
</div><!-- End: Hero Clean Reverse -->
</header>
<section>
<hr><!-- Start: Feature Cards -->
<div class="container bg-dark py-5" style="background: var(--bs-blue);">
<div class="row">
<div class="col-md-8 col-xl-6 text-center mx-auto">
<p class="fw-bold text-success mb-2">Our Services</p>
<h3 class="fw-bold">What we can do for you</h3>
</div>
</div>
<div class="py-5 p-lg-5">
<div class="row row-cols-1 row-cols-md-2 mx-auto" style="max-width: 900px;">
<div class="col mb-5">
<div class="card shadow-sm">
<div class="card-body px-4 py-5 px-md-5">
<div class="bs-icon-lg d-flex justify-content-center align-items-center mb-3 bs-icon" style="top: 1rem;right: 1rem;position: absolute;"></div>
<h5 class="fw-bold card-title">Software development</h5>
</div>
</div>
</div>
<div class="col mb-5">
<div class="card shadow-sm">
<div class="card-body px-4 py-5 px-md-5">
<div class="bs-icon-lg d-flex justify-content-center align-items-center mb-3 bs-icon" style="top: 1rem;right: 1rem;position: absolute;"></div>
<h5 class="fw-bold card-title">IT consulting</h5>
</div>
</div>
</div>
<div class="col mb-4">
<div class="card shadow-sm">
<div class="card-body px-4 py-5 px-md-5">
<div class="bs-icon-lg d-flex justify-content-center align-items-center mb-3 bs-icon" style="top: 1rem;right: 1rem;position: absolute;"></div>
<h5 class="fw-bold card-title">Web and mobile app development</h5>
</div>
</div>
</div>
<div class="col mb-4">
<div class="card shadow-sm">
<div class="card-body px-4 py-5 px-md-5">
<div class="bs-icon-lg d-flex justify-content-center align-items-center mb-3 bs-icon" style="top: 1rem;right: 1rem;position: absolute;"></div>
<h5 class="fw-bold card-title">Data analysis and business intelligence</h5>
</div>
</div>
</div>
</div>
</div>
</div><!-- End: Features Cards -->
</section>
<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="fw-light mb-3" style="font-family: Poppins, sans-serif;">Our software is designed to be easy to use for a wide range 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="fw-light card-title mb-3" style="font-family: Poppins, sans-serif;">We are committed to provide software you can count on</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="fw-light text-center card-title mb-3" style="font-family: Poppins, sans-serif;">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. </h5>
</div>
</div>
</div>
</div>
</div>
</div><!-- End: Features Cards -->
</section>
<section class="py-5 mt-5">
<!-- Start: Testimonials -->
<div class="container py-5">
<div class="row mb-5">
<div class="col-md-8 col-xl-6 text-center mx-auto">
<p class="fw-bold text-success mb-2" style="font-size: 23px;font-weight: bold;color: var(--bs-blue);">Co-values</p>
<h2 class="fw-bold"><strong>What has made us stand</strong></h2>
<p class="text-muted">There are values the co-founders treasure </p>
</div>
</div>
<div class="row row-cols-1 row-cols-sm-2 row-cols-lg-3 d-sm-flex justify-content-sm-center">
<div class="col mb-4">
<div class="d-flex flex-column align-items-center align-items-sm-start">
<p class="fw-bold text-primary mb-2 text-primary" style="text-align: center;color: var(--bs-blue);">Customer Satisfaction</p>
<p class="bg-dark border rounded border-dark p-4">providing top-notch services to our clients so they may get the most for their money at the lowest possible price and expand their businesses.</p>
</div>
</div>
<div class="col mb-4">
<div class="d-flex flex-column align-items-center align-items-sm-start">
<p class="fw-bold text-center text-primary mb-2" style="text-align: center;">Innovation</p>
<p class="bg-dark border rounded border-dark p-4">keeping up of market trends and working tirelessly to innovate and enhance so that our clients may take advantage of the newest technology</p>
</div>
</div>
<div class="col mb-4">
<div class="d-flex flex-column align-items-center align-items-sm-start">
<p class="fw-bold text-primary mb-2" style="text-align: center;">Sustainability</p>
<p class="bg-dark border rounded border-dark p-4">putting an emphasis on environmental protection and sustainability of our products to the society.</p>
<div class="d-flex">
<div></div>
</div>
</div>
</div>
</div>
</div><!-- End: Testimonials -->
</section><!-- Start: Brands -->
<section class="py-5">
<div class="container text-center py-5">
<p class="mb-4" style="font-size: 1.6rem;">Collaborating with <span class="text-success"><strong>Many</strong></span> of the best companies in the<br> world.</p><a href="#"> <img class="m-3" src="assets/img/brands/google.png?h=631cf15406a7aaa3cd858cbf4283fe9f"></a><a href="#"> <img class="m-3" src="assets/img/brands/microsoft.png?h=7ed03baa4d99a18698f7f4cf52ef4c5b"></a><a href="#"> <img class="m-3" src="assets/img/brands/apple.png?h=aca1ae9688213c0c4bbd30cc38b7123a"></a><a href="#"> <img class="m-3" src="assets/img/brands/facebook.png?h=be997ded4693a5145882d08b836adfb3"></a><a href="#"> <img class="m-3" src="assets/img/brands/twitter.png?h=207662f36d770903a3d3809e7f069b25"></a>
</div>
</section><!-- End: Brands -->
<!-- Start: Newsletter Subscription Color -->
<section class="py-5">
<div class="container">
<div class="bg-dark border rounded border-dark d-flex flex-column justify-content-between align-items-center flex-lg-row p-4 p-lg-5">
<div class="text-center text-lg-start py-3 py-lg-1">
<h2 class="fw-bold mb-2">Partner with us today</h2>
<p class="fs-6 mb-0">Be part of our story</p>
</div>
<form class="d-flex justify-content-center flex-wrap flex-lg-nowrap" method="post">
<div class="my-2"><input class="border rounded-pill shadow-sm form-control form-control-sm" type="email" name="email" placeholder="Your Email"></div>
<div class="my-2"><button class="btn btn-success btn-sm shadow ms-2" type="submit">Subscribe </button></div>
</form>
</div>
</div>
</section><!-- End: Newsletter Subscription Color -->
<!-- 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>