-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
135 lines (128 loc) · 6.27 KB
/
index.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
<!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" />
<!-- CSS only -->
<link rel="stylesheet" href="./assets/css/style.css" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous" />
<title>Infinity Web Development</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="#works">Our Works</a></li>
<li class="menu-item"><a href="#team">Our Team</a></li>
<li class="menu-item"><a href="#partners">Partners</a></li>
<li class="goals-btn">
<a href="./about-page.html#projects">Our Projects</a>
</li>
</ul>
</nav>
</header>
<section class="header" id="hero">
<a> <img class="humbarger" src="./assets/images/icons8-menu-50.png" width="40px" alt="Menu icon"></a>
<div class="headline">
<p class="greeting">Hello, Sharing world</p>
<h1 class="title">Innovative, Reliable, and Effective Web Development</h1>
<P class="headline-detail">We make Technology work to Empower you, Help you Achieve Efficiency, Transparency,
Effectiveness, and Growth. </P>
<h2 class="timing">If you want to develop your website or database, you are in the right place.</h2>
<p class="text-white">Infinity company, Kabul, Afghanistan</p>
</div>
</section>
<main class="works" id="works">
<h1 class="heading">Our Works</h1>
<hr class="hr-line">
<div class="work-cards">
<div class="w-card">
<lord-icon src="https://cdn.lordicon.com/ivhjpjsw.json" trigger="loop-on-hover" delay="100"
colors="primary:#ec5242,secondary:#f4c89c" class="work-icons">
</lord-icon>
<h2>Web Development</h2>
<p>Great design is more than just aesthetics. It can change the way we feel about a company and the products and
services they offer. </p>
</div>
<div class="w-card">
<lord-icon src="https://cdn.lordicon.com/vnioezyi.json" trigger="loop-on-hover" delay="100"
colors="outline:#ffffff,primary:#ec5242" class="work-icons">
</lord-icon>
<h2>Web Hosting</h2>
<p>Our goal is to provide outstanding services for the best possible price. </p>
</div>
<div class="w-card">
<lord-icon src="https://cdn.lordicon.com/nrxxmbbt.json" trigger="loop-on-hover" delay="100"
colors="primary:#606874,secondary:#ec5242,tertiary:#ebe6ef" class="work-icons">
</lord-icon>
<h2>Domain Registration</h2>
<p>Online success starts with a great domain. At Afghan Graphics, we make it easy and inexpensive to get the
domain you want, fast!</p>
</div>
<div class="w-card">
<lord-icon src="https://cdn.lordicon.com/hiqmdfkt.json" trigger="hover"
colors="primary:#ec5242,secondary:#cb5eee" class="work-icons">
</lord-icon>
<h2>Digital Branding</h2>
<p>To stand out, brands must have personality. They must express themselves in a unique way to be easily
recognizable. We work with you to define your brand's.</p>
</div>
<div class="w-card">
<lord-icon src="https://cdn.lordicon.com/luglsinl.json" trigger="loop-on-hover" delay="100"
colors="primary:#ffffff,secondary:#ec5242" class="work-icons">
</lord-icon>
<h2>Network Management</h2>
<p>We review the components of your existing network and make sound recommendations for improvements to the
network's design and performance.</p>
</div>
</div>
<button class="join-button">Contact Us</button>
</main>
<section class="our-team" id="team">
<h1 class="heading text-black">Our Team</h1>
<hr class="hr-line">
<div class="team ">
</div>
</section>
<footer>
<div class="partners" id="partners">
<h1 class="heading">Partners</h1>
<hr class="hr-line">
<ul class="d-flex justify-content-center align-items-center flex-wrap gap-4">
<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">
<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>
<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>