-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout-page.html
122 lines (115 loc) · 6.5 KB
/
about-page.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./assets/css/style.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" />
<!-- <script src="https://kit.fontawesome.com/f76966036b.js" crossorigin="anonymous"></script> -->
<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous" />
<title>About the Infinity web development company</title>
</head>
<body>
<header class="top-header">
<div class="nav1 bg-dark d-none d-md-flex justify-content-end align-items-center gap-3 text-white">
<a href=""><i class="fa-brands"></i></a>
<a href=""><i class="fa-brands"></i></a>
<a href="">English</a>
<a href="">My page</a>
<a href="">Logout</a>
</div>
<nav class="nav-bar">
<div class="logo"><a href="" class="d-flex align-items-center text-decoration-none text-black">
<lord-icon src="https://cdn.lordicon.com/dfxesbyu.json" trigger="loop" delay="800"
colors="primary:#242424,secondary:#ec5242" style="width:45px;height:45px">
</lord-icon><span>Infinity</span>
</a></div>
<ul class="menu d-flex align-items-center gap-5">
<li><a class="menu-item close"><img src="./assets/images/close.png" alt="close icon"></a></li>
<li class="menu-item"><a href="./index.html">Home</a></li>
<li class="menu-item"><a href="./about-page.html">About</a></li>
<li class="menu-item"><a href="./index.html#works">Our Works</a></li>
<li class="menu-item"><a href="./index.html#team">Our Team</a></li>
<li class="menu-item"><a href="./index.html#partners">Partners</a></li>
<li class="goals-btn">
<a href="">Our Projects</a>
</li>
</ul>
</nav>
</header>
<section class="header">
<a> <img class="humbarger" src="./assets/images/icons8-menu-50.png" width="40px" alt="Menu icon"></a>
<div class="headline d-flex align-items-center justify-content-center text-center">
<h1 class="title">Innovative, Reliable, and Effective Web Development</h1>
<P class="headline-detail">Infinity Company, a team of creatives with strong expertise and many years of
experience in web and digital design, founded in 2022 and based in Kabul, where city noise and every
original sounds giving us more energy to work. </P>
<h2 class="timing">We Try To Realize And Fulfil All Your Requirements</h2>
<p class="text-white company-name">Infinity Company</p>
</div>
</section>
<main class="main-about flex p-4 gap-2">
<h2 class="heading text-black mt-5">Few words about us</h2>
<hr class="hr-line">
<p class="about-p">Infinity is a privately owned website development and IT solutions company registered with
AISA offering
various services to clients all over Afghanistan. We began our successful foray into the IT world in 2011
and are running parallel with the rapidly accelerating stream of technology ensuring that we stay at par
with the global changes that affect the business world.
Today we have achieved various laurels in providing services and became preferred vendor to many small to
large businesses all across the country. With our unique consulting approach, specialized developers team,
quick response to queries, affordable development costs and professional designs we have been successful in
creating various differentiators in this emerging market.</p>
<img src="./assets/images/slider-01.jpg" alt="">
</main>
<hr>
<section class="past flex p-4 gap-4 my-5" id="projects">
<h2 class="heading text-black">See the Projects
<hr class="hr-line mt-2">
</h2>
<p class="about-p">We have done 500+ websites, almost every industry around the world. All of our Designers and
Developers are
young and have enthusiasm oozing from their eyes. here are few recent works</p>
<div class="main-cards flex gap-5 flex-md-row">
<div class="first flex">
<p class="h1">2020</p>
<p>Thebookbazaar.af</p>
</div>
<div class="second flex">
<p class="h1">2021</p>
<p>Product Landing</p>
</div>
</div>
</section>
<footer >
<div class="partners about-partner">
<h2 class="heading">Partner</h2>
<hr class="hr-line">
<ul class="d-flex justify-content-center align-items-center flex-wrap gap-3">
<li><img src="./assets/images/oracle-logo.png" width="100px" alt=""></li>
<li><img src="./assets/images/Google_2015_logo.svg" width="100px" alt=""></li>
<li><img src="./assets/images/Mozilla_Foundation_logo_(pre_2017).svg.png" width="100px" alt=""></li>
<li><img src="./assets/images/jb_beam.png" width="100px" alt=""></li>
<li><img src="./assets/images/Lenovo_logo_2015.svg.png" width="100px" alt=""></li>
</ul>
</div>
<div class="footer-2 about-footer">
<div><a class="d-flex align-items-center justify-content-center" href="#hero">
<p><i class="fa-solid fa-xl"></i> </p>
<p> Infinity<br>Company</p>
</a></div>
<div>2022 Infinity Web Development Company. Some Rights Reserved</div>
</div>
</footer>
<!-- JavaScript Bundle with Popper -->
<script src="https://kit.fontawesome.com/f76966036b.js" crossorigin="anonymous"></script>
<script src="./assets/js/script.js"></script>
<script src="https://cdn.lordicon.com/qjzruarw.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3"
crossorigin="anonymous"></script>
</body>
</html>