-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
192 lines (173 loc) · 8.36 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
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
<!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="css/style.css">
<link href="https://fonts.googleapis.com/css2?family=Nunito&family=Nunito+Sans:wght@300&display=swap"
rel="stylesheet">
<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=Nanum+Gothic&display=swap" rel="stylesheet">
<!-- <script src="https://kit.fontawesome.com/552d7ad04a.js" crossorigin="anonymous"></script> -->
<title>Home</title>
</head>
<body>
<div class="top-bar">
<div class="icons">
<a href="#"><i class="fab fa-facebook-f"></i><i class="fas fa-cart-arrow-down"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-linkedin"></i></a>
</div>
<div class="contacts">
<a href="#"><i class="fas fa-envelope"> [email protected]</i></a>
<a href="#"><i class="fas fa-phone"> 041-8909080</i></a>
</div>
</div>
<header class="header">
<nav>
<input type="checkbox" name="" id="check">
<label for="check" class="menu-btn" title="Menu"><i class="fas fa-bars"></i></label>
<ul class="logo">
<li><img src="Images/Logo.png" alt=""></li>
</ul>
<ul class="links">
<li>
<a href="#" class="activated">Home</a>
</li>
<li>
<a href="#">About</a>
</li>
<li>
<a href="#">Chairman Message</a>
</li>
<li>
<a href="#">Services</a>
</li>
<li>
<a href="#">Our Clients</a>
</li>
<li>
<a href="#">Visa</a>
</li>
<li>
<a href="#">Contact</a>
</li>
</ul>
</nav>
</header>
<div class="front-page">
<img src="Images/Front-page.jpg" alt="Front Page Image">
</div>
<section class="container">
<div class="data">
<h2>Our Mission is</h2>
<br>
<div>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Tenetur modi inventore cumque voluptatum,
dolores atque esse rerum suscipit molestiae distinctio, nam eaque reiciendis? Totam, nihil
ipsum<br><br>
doloribus sapiente nemo quis? Velit iste odio dolorem. Labore reiciendis repudiandae, et natus
provident perferendis suscipit numquam cumque dolores, molestias fuga soluta adipisci delectus
distinctio nobis! Debitis quae ipsum dolore aperiam mollitia repellendus? Autem iure consequuntur
velit ad enim quo, officiis nemo, adipisci quae totam earum quas eos porro. Accusamus, ipsa est
eius<br><br>
quae expedita commodi velit magnam rerum tenetur? Quos molestias reprehenderit modi dolorem!
Delectus qui, beatae provident minus velit quidem libero sit perferendis cumque sapiente dolor.
Itaque illo nostrum, voluptatem, molestias dolor necessitatibus blanditiis eveniet aliquam molestiae
ducimus recusandae officiis voluptas autem placeat inventore? Dicta labore accusamus laborum iste
porro veritatis ea fuga obcaecati. Ex mollitia aliquam corrupti corporis quas beatae, modi iusto
distinctio laborum. Cupiditate nostrum veritatis molestiae excepturi commodi perspiciatis, et
explicabo non voluptate in praesentium dignissimos ad illo esse cum. Quis sed labore, aliquam
officiis adipisci maiores provident veniam illum! Architecto, eligendi reiciendis quae
asperiores<br><br>
obcaecati corporis. Rem facere iusto ut? Aspernatur, eius. Molestiae, quisquam. Quae, quaerat
molestiae fugit veritatis adipisci nesciunt atque perspiciatis obcaecati ex corrupti quasi illum
maiores tempore facere eaque recusandae excepturi. Voluptatibus itaque, quidem accusamus, voluptatem
illum, iste tempora quaerat aliquid quod dolorum amet? Consequatur illo sit rem id asperiores
quibusdam qui doloremque aut quam veniam. Reprehenderit enim aliquid autem aspernatur commodi
fugiat<br><br>
repudiandae obcaecati veniam itaque, nulla minima ut fuga distinctio animi possimus quod dicta
voluptatum libero dolorum dolore qui nam totam similique. Dignissimos debitis adipisci nulla libero
maiores ipsam tempora! Obcaecati sint voluptatum consequuntur, veniam illo tenetur voluptas sunt,
quod, accusamus maxime error aut esse officia iure. Earum dolorum nihil deserunt animi consequatur
quaerat nemo, ipsa soluta ad, accusamus molestiae ratione doloribus sunt!</p>
</div>
</div>
<div class="side-bar">
<h2>Chairman Message</h2>
<br>
<div class="image-section">
<br>
<br><br><br><br>
<h1>Image</h1>
</div>
<br>
<h2>Shahid Zulifqar</h2>
<br>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ut aliquam saepe tempora excepturi mollitia
quibusdam quam. Nobis doloremque dolor quam, facilis cupiditate pariatur tempora, delectus quaerat
aliquid, similique doloribus assumenda. Lorem ipsum dolor sit amet consectetur adipisicing elit.
Possimus fuga cupiditate perspiciatis eum in similique debitis fugiat reiciendis ex cumque.</p>
<br>
<a class="button" href="#">More...</a>
<a class="button2" href="#">Contact</a>
</div>
</section>
<section class="footer">
<div class="foot">
<h2>What We Serve</h2>
<br>
<ul>
<li><a href="#">Visas</a></li>
<li><a href="#">Air tickets</a></li>
<li><a href="#">Passport</a></li>
<li><a href="#">Turkey visit</a></li>
<li><a href="#">Korea visit</a></li>
<li><a href="#">Hong Kong visit</a></li>
<li><a href="#">Saudia visit</a></li>
<li><a href="#">PIA tickets</a></li>
</ul>
</div>
<div class="foot">
<h2>Quick Links</h2>
<br>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Our staff</a></li>
<li><a href="#">Contact us</a></li>
<li><a href="#">Chairman contact</a></li>
<li><a href="#">Visa detaits</a></li>
<li><a href="#">Our clients</a></li>
<li><a href="#">Services</a></li>
</ul>
</div>
<div class="foot">
<h2>Social Contacts</h2>
<br>
<ul>
<li><a href="#"><i class="fab fa-linkedin"></i> Linkedin Profile</a></li>
<li><a href="#"><i class="fab fa-twitter"></i> Twitter Profile</a></li>
<li><a href="#"><i class="fab fa-instagram"></i> Instagram Profile</a></li>
<li><a href="#"><i class="fab fa-facebook-f"></i> Facebook Profile</a></li>
<li><a href="#">Contact details:</a></li>
<li><a href="#">Email: [email protected]</a></li>
<li><a href="#">Call Us</a></li>
<li><a href="#">Help?</a></li>
</ul>
</div>
</section>
<footer>
<a href="#">Terms & Conditions</a>
<b>|</b>
<a href="#">Cookie Policy</a>
<b>|</b>
<a href="#">Privacy Policy</a>
<br>
<p>All Rights Reserved Copyright © 2021.</p>
</footer>
</body>
</html>