-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
107 lines (104 loc) · 4.22 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="robots" content="index, follow" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="css/style.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<title>About</title>
</head>
<body>
<header class="header">
<a href="index.html"
><img class="logo" src="img/logo.JPG" alt="Logo image"
/></a>
<input class="menu-btn" type="checkbox" id="menu-btn" />
<label class="menu-icon" for="menu-btn"
><span class="navicon"></span
></label>
<ul class="menu">
<li><a href="products.html">Products</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</header>
<section class="about-container">
<img class="about-img" src="img/logo.JPG" alt="" />
<div class="about-text">
<h3 class="about-h3">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit
dolores quam, veniam fuga ad atque, repellendus vitae magni doloremque
unde in? Dolor, dolorum veritatis ullam numquam ratione nesciunt,
totam minima commodi voluptatem quaerat sint placeat. Vel voluptates
exercitationem alias soluta quaerat provident, quia veniam optio
consequatur non, culpa beatae ad hic? Dicta, enim odit. Voluptatem
deserunt laborum recusandae facere consequatur
</h3>
<h3 class="about-h3">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit
dolores quam, veniam fuga ad atque, repellendus vitae magni doloremque
unde in? Dolor, dolorum veritatis ullam numquam ratione nesciunt,
totam minima commodi voluptatem quaerat sint placeat. Vel voluptates
exercitationem alias soluta quaerat provident, quia veniam optio
consequatur non, culpa beatae ad hic? Dicta, enim odit. Voluptatem
deserunt laborum recusandae facere consequatur
</h3>
<h3 class="about-h3">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit
dolores quam, veniam fuga ad atque, repellendus vitae magni doloremque
unde in? Dolor, dolorum veritatis ullam numquam ratione nesciunt,
totam minima commodi voluptatem quaerat sint placeat. Vel voluptates
exercitationem alias soluta quaerat provident, quia veniam optio
consequatur non, culpa beatae ad hic? Dicta, enim odit. Voluptatem
deserunt laborum recusandae facere consequatur
</h3>
</div>
</section>
<footer class="footer-distributed">
<div class="footer-left">
<div>
<i class="fa fa-map-marker"></i>
<p><span>21 Rruga Dragodan</span> Kosovo, Prishtine</p>
</div>
<div>
<i class="fa fa-phone"></i>
<p>+383 49 333 333</p>
</div>
<div>
<i class="fa fa-envelope"></i>
<p>
<a href="mailto:Havolli-Group@company.ks"
>Havolli-Group@company.ks</a
>
</p>
</div>
<div class="icon-bar">
<a
href="https://www.facebook.com/ntphavolli"
target="_blank"
class="facebook"
><i class="fa fa-facebook"></i
></a>
<a href="https://www.twitter.com/" class="twitter" target="_blank"
><i class="fa fa-twitter"></i
></a>
<a href="https://www.linkedin.com/" class="linkedin" target="_blank"
><i class="fa fa-linkedin"></i
></a>
</div>
</div>
<div class="map">
<iframe
class="iframe"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d23470.920834514593!2d21.12544036305443!3d42.664213916711844!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x13549ef8b2a1680f%3A0x5354e0b8e136170c!2sArberi%2C%20Prishtina!5e0!3m2!1sen!2sse!4v1567979917206!5m2!1sen!2sse"
>
</iframe>
</div>
</footer>
</body>
</html>