-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
343 lines (303 loc) · 20.6 KB
/
about.html
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
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Project Orbit</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<!-- Favicon -->
<link href="img/ANTARIKSHYA.png" rel="icon">
<!-- Google Web Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Heebo:wght@400;500&family=Jost:wght@500;600;700&display=swap" rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
<script src="https://kit.fontawesome.com/72a1463519.js" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<div class="container-2xl bg-white p-0">
<!-- Spinner Start -->
<div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
<div class="spinner-grow text-primary" style="width: 3rem; height: 3rem;" role="status">
<span class="sr-only">Loading...</span>
</div>
</div>
<!-- Spinner End -->
<!-- Navbar & Hero Start -->
<div class="container-2xl position-relative p-0">
<nav class="navbar navbar-expand-lg navbar-light px-4 px-lg-5 py-3 py-lg-0">
<a href="" class="navbar-brand p-0">
<img src="img/ANTARIKSHYA.png" alt="Logo">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="fa fa-bars"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav mx-auto py-0">
<a href="index.html" class="nav-item nav-link">Home</a>
<a href="service.html" class="nav-item nav-link">Troubleshoot</a>
<a href="project.html" class="nav-item nav-link">Project</a>
<a href="team.html" class="nav-item nav-link">Team</a>
<a href="about.html" class="nav-item nav-link active" >About</a>
<a href="contact.html" class="nav-item nav-link">Contact</a>
</div>
<a href="contact.html" class="btn rounded-pill py-2 px-4 ms-3 d-none d-lg-block">Get Started</a>
</div>
</nav>
<div class="container-2xl py-5 bg-primary hero-header">
<div class="container my-5 py-5 px-lg-5">
<div class="row g-5 py-5">
<div class="col-12 text-center">
<h1 class="text-white animated slideInDown">About Us</h1>
<hr class="bg-white mx-auto mt-0" style="width: 90px;">
<nav aria-label="breadcrumb">
<ol class="breadcrumb justify-content-center">
<li class="breadcrumb-item"><a class="text-white" href="#">Home</a></li>
<li class="breadcrumb-item"><a class="text-white" href="#">Pages</a></li>
<li class="breadcrumb-item text-white active" aria-current="page">About</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
</div>
<!-- Navbar & Hero End -->
<!-- Feature Start -->
<div class="container-2xl py-5">
<div class="container py-5 px-lg-5">
<div class="row g-4">
<div class="col-lg-4 wow fadeInUp" data-wow-delay="0.1s">
<div class="feature-item bg-light rounded text-center p-4">
<i class="fa fa-3x fa-mail-bulk text-primary mb-4"></i>
<h5 class="mb-3">Social Media Marketing</h5>
<p class="m-0">Social media marketing (SMM) can help in building your company's brand, driving website traffic, and increasing sales.</p>
</div>
</div>
<div class="col-lg-4 wow fadeInUp" data-wow-delay="0.3s">
<div class="feature-item bg-light rounded text-center p-4">
<i class="fa fa-3x fa-search text-primary mb-4"></i>
<h5 class="mb-3">SEO & Backlinks</h5>
<p class="m-0">In short, SEO is crucial because it makes your website more visible, and that means more traffic and more opportunities.</p>
</div>
</div>
<div class="col-lg-4 wow fadeInUp" data-wow-delay="0.5s">
<div class="feature-item bg-light rounded text-center p-4">
<i class="fa fa-3x fa-laptop-code text-primary mb-4"></i>
<h5 class="mb-3">Design & Development</h5>
<p class="m-0">Web design is the creation of websites and pages to reflect a company's brand and information .</p>
</div>
</div>
</div>
</div>
</div>
<!-- Feature End -->
<!-- About Start -->
<div class="container-2xl py-5">
<div class="container py-5 px-lg-5">
<div class="row g-5 align-items-center">
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.1s">
<p class="section-title text-secondary">About Us<span></span></p>
<h1 class="mb-5">#1 Digital solution with 5 years of experience</h1>
<p class="mb-4">"Elevate your online presence with Project Orbit, where IT excellence meets digital marketing innovation. We seamlessly integrate cutting-edge technology solutions with strategic digital marketing services to propel your business into orbit. Transform your online journey with us and reach new heights of success."</p>
<div class="skill mb-4">
<div class="d-flex justify-content-between">
<p class="mb-2">Engineering Design, Simulation & Develpoment</p>
<p class="mb-2">85%</p>
</div>
<div class="progress">
<div class="progress-bar bg-primary" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="skill mb-4">
<div class="d-flex justify-content-between">
<p class="mb-2">Software Development</p>
<p class="mb-2">90%</p>
</div>
<div class="progress">
<div class="progress-bar bg-secondary" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="skill mb-4">
<div class="d-flex justify-content-between">
<p class="mb-2">Digital Marketing & SEO</p>
<p class="mb-2">95%</p>
</div>
<div class="progress">
<div class="progress-bar bg-dark" role="progressbar" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<a href="" class="btn btn-primary py-sm-3 px-sm-5 rounded-pill mt-3">Read More</a>
</div>
<div class="col-lg-6">
<img class="img-fluid wow zoomIn" data-wow-delay="0.5s" src="img/Innovation-amico.png">
</div>
</div>
</div>
</div>
<!-- About End -->
<!-- Facts Start -->
<div class="container-2xl bg-primary fact py-5 wow fadeInUp" data-wow-delay="0.1s">
<div class="container py-5 px-lg-5">
<div class="row g-4">
<div class="col-md-6 col-lg-3 text-center wow fadeIn" data-wow-delay="0.1s">
<i class="fa fa-certificate fa-3x text-secondary mb-3"></i>
<h1 class="text-white mb-2" data-toggle="counter-up">2</h1>
<p style="text-align: center;"class="text-white mb-0">Years Experience</p>
</div>
<div class="col-md-6 col-lg-3 text-center wow fadeIn" data-wow-delay="0.3s">
<i class="fa fa-users-cog fa-3x text-secondary mb-3"></i>
<h1 class="text-white mb-2" data-toggle="counter-up">15</h1>
<p style="text-align: center;"class="text-white mb-0">Team Members</p>
</div>
<div class="col-md-6 col-lg-3 text-center wow fadeIn" data-wow-delay="0.5s">
<i class="fa fa-users fa-3x text-secondary mb-3"></i>
<h1 class="text-white mb-2" data-toggle="counter-up">100</h1>
<p style="text-align: center;"class="text-white mb-0">Satisfied Clients</p>
</div>
<div class="col-md-6 col-lg-3 text-center wow fadeIn" data-wow-delay="0.7s">
<i class="fa fa-check fa-3x text-secondary mb-3"></i>
<h1 class="text-white mb-2" data-toggle="counter-up">20</h1>
<p style="text-align: center;"class="text-white mb-0">Compleate Projects</p>
</div>
</div>
</div>
</div>
<!-- Facts End -->
<!-- Team Start -->
<div class="container-2xl py-5">
<div class="container py-5 px-lg-5">
<div class="wow fadeInUp" data-wow-delay="0.1s">
<p class="section-title text-secondary justify-content-center"><span></span>Our Story<span></span></p>
<h1 class="text-center mb-5">Walk with us</h1>
</div>
<div class="story">
<ul class="cards">
<li class="card">
<h1 id="storycard">Phase One </h1>
<p>As a startup in the tech and engineering sector, our journey is a thrilling exploration of innovation and problem-solving. From conceptualizing our unique solution to leveraging cutting-edge technology, we are constantly refining designs and addressing market needs.Navigating funding challenges and building our talented team, we embody the dynamic intersection of technology and engineering, contributing to the industry's evolution. Our success hinges on our agility, adaptability, and commitment to making meaningful contributions to the tech and engineering ecosystem.</p>
</li>
<li class="card">
<h1 id="storycard">Phase Two</h1>
<p>As a startup in the tech and engineering sector, our journey is a thrilling exploration of innovation and problem-solving. From conceptualizing our unique solution to leveraging cutting-edge technology, we are constantly refining designs and addressing market needs.Navigating funding challenges and building our talented team, we embody the dynamic intersection of technology and engineering, contributing to the industry's evolution. Our success hinges on our agility, adaptability, and commitment to making meaningful contributions to the tech and engineering ecosystem.</p>
</li>
<li class="card">
<h1 id="storycard">Phase Three</h1>
<p>As a startup in the tech and engineering sector, our journey is a thrilling exploration of innovation and problem-solving. From conceptualizing our unique solution to leveraging cutting-edge technology, we are constantly refining designs and addressing market needs.Navigating funding challenges and building our talented team, we embody the dynamic intersection of technology and engineering, contributing to the industry's evolution. Our success hinges on our agility, adaptability, and commitment to making meaningful contributions to the tech and engineering ecosystem.</p>
</li>
<li class="card">
<h1 id="storycard">Phase Four</h1>
<p>As a startup in the tech and engineering sector, our journey is a thrilling exploration of innovation and problem-solving. From conceptualizing our unique solution to leveraging cutting-edge technology, we are constantly refining designs and addressing market needs.Navigating funding challenges and building our talented team, we embody the dynamic intersection of technology and engineering, contributing to the industry's evolution. Our success hinges on our agility, adaptability, and commitment to making meaningful contributions to the tech and engineering ecosystem.</p>
</li>
</ul>
</div>
<!-- <div class="story">
<p> "Elevate your online presence with Project Orbit, where IT excellence meets digital marketing innovation. We seamlessly integrate cutting-edge technology solutions with strategic digital marketing services to propel your business into orbit. Transform your online journey with us and reach new heights of success." "Elevate your online presence with Project Orbit, where IT excellence meets digital marketing innovation. We seamlessly integrate cutting-edge technology solutions with strategic digital marketing services to propel your business into orbit. Transform your online journey with us and reach new heights of success."</p>
</div> -->
</div>
</div>
<!-- Team End -->
<!-- Footer Start -->
<div class="container-fluid bg-primary text-light footer wow fadeIn" data-wow-delay="0.1s">
<div class="container py-5 px-lg-5">
<div class="row g-5">
<div class="col-md-6 col-lg-3">
<p class="section-title text-white h5 mb-4">Address<span></span></p>
<p><i class="fa fa-map-marker-alt me-3"></i>Kathmandu, Nepal</p>
<p><i class="fa fa-phone-alt me-3"></i>+977 01-5913936</p>
<p><i class="fa fa-envelope me-3"></i>info@project.com</p>
<div class="d-flex pt-2">
<a class="btn btn-outline-light btn-social" href="https://www.facebook.com/profile.php?id=100094353254001&sk=about"><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-outline-light btn-social" href="https://www.instagram.com/_projectorbit_/"><i class="fab fa-instagram"></i></a>
<a class="btn btn-outline-light btn-social" href=""><i class="fa-brands fa-x-twitter"></i></a>
<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
<div class="col-md-6 col-lg-3">
<p class="section-title text-white h5 mb-4">Quick Link<span></span></p>
<a class="btn btn-link" href="index.html">Home</a>
<a class="btn btn-link" href="contact.html">Contact Us</a>
<a class="btn btn-link" href="service.html">Services</a>
<a class="btn btn-link" href="team.html">Teams</a>
<a class="btn btn-link" href="about.html">About Us</a>
</div>
<div class="col-md-6 col-lg-3">
<p class="section-title text-white h5 mb-4">Gallery<span></span></p>
<div class="row g-2">
<div class="col-4">
<img class="img-fluid" src="img/thrsut.png" alt="Image">
</div>
<div class="col-4">
<img class="img-fluid" src="img/Capture1.PNG" alt="Image">
</div>
<div class="col-4">
<img class="img-fluid" src="img/rocket.jpg" alt="Image">
</div>
<div class="col-4">
<img class="img-fluid" src="img/hotel-management-software-screens.png" alt="Image">
</div>
<div class="col-4">
<img class="img-fluid" src="img/rocket.jpg" alt="Image">
</div>
<div class="col-4">
<img class="img-fluid" src="img/tim-mossholder-Ca6Po3CoJaY-unsplash.jpg" alt="Image">
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<p class="section-title text-white h5 mb-4">Newsletter<span></span></p>
<p>Connect with us to get an update on every aspect of the Orbit</p>
<div class="position-relative w-100 mt-3">
<input class="form-control border-0 rounded-pill w-100 ps-4 pe-5" type="text" placeholder="Your Email" style="height: 48px;">
<button type="button" class="btn shadow-none position-absolute top-0 end-0 mt-1 me-2"><i class="fa fa-paper-plane text-primary fs-4"></i></button>
</div>
</div>
</div>
</div>
<div class="container px-lg-5">
<div class="copyright">
<div class="row">
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
© <a class="border-bottom" href="#">2024 Project Orbit</a> | All Right Reserved To Antarikhya
</div>
<div class="col-md-6 text-center text-md-end">
<div class="footer-menu">
<a href="index.html">Home</a>
<a href="">Cookies</a>
<a href="">Help</a>
<a href="">FQAs</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer End -->
<!-- Back to Top -->
<a href="#" class="btn btn-lg btn-secondary btn-lg-square back-to-top"><i class="bi bi-arrow-up"></i></a>
</div>
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/isotope/isotope.pkgd.min.js"></script>
<script src="lib/lightbox/js/lightbox.min.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>