-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
74 lines (71 loc) · 2.97 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<script src="https://kit.fontawesome.com/337a3c0cef.js" crossorigin="anonymous"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./st.css">
<title>TRAVEL | WELCOME</title>
</head>
<body>
<nav class="nav bg-dark">
<div class="container">
<h1 class="logo lg-heading text-light">WT</h1>
<ul class="nav-items">
<li class="nav-item"><a href="./index.html">HOME</a></li>
<li class="nav-item"><a href="./about.html">ABOUT</a></li>
<li class="nav-item"><a href="./contact.html">CONTACT</a></li>
</ul>
</div>
</nav>
<section class="about">
<div class="container">
<h2 class="lg-heading text-black about-heading">About us</h2>
<p class="text-gray">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestiae facere voluptatibus provident totam mollitia expedita voluptate blanditiis minus aliquam deleniti! Obcaecati alias quisquam ipsa explicabo. Quae iusto nisi architecto ullam praesentium amet quis iste? In quam incidunt accusantium doloremque inventore.</p>
<div class="about-wrapper">
<div class="left">
<ul>
<li>Lorem ipsum dolor sit.</li>
<li>Lorem ipsum dolor sit.</li>
<li>Lorem ipsum dolor sit.</li>
</ul>
</div>
<div class="right">
<ul>
<li>Lorem ipsum dolor sit.</li>
<li>Lorem ipsum dolor sit.</li>
<li>Lorem ipsum dolor sit.</li>
</ul>
</div>
</div>
<div class="counts">
<div class="count-item c-item1">
<span>2500</span>
<p>Travell</p>
</div>
<div class="count-item c-item2">
<span>500</span>
<p>Places</p>
</div>
<div class="count-item c-item3">
<span>2500</span>
<p>Spots</p>
</div>
<div class="count-item c-item3">
<span>2500</span>
<p>Guides</p>
</div>
</div>
<div class="cta-banner">
<div class="cta-banner-left">
<p class="cta-line">what are you waiting for , reach us right now</p>
</div>
<div class="cta-banner-right">
<a href="contact.html" class="btn-cta">contact us</a>
</div>
</div>
</div>
</section>
</body>
</html>