-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout_us.html
143 lines (128 loc) · 3.88 KB
/
about_us.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<script src="https://kit.fontawesome.com/fe6dd8ab70.js" crossorigin="anonymous"></script>
<title>Document</title>
</head>
<style>
.logo {
font-size: 48px;
/* float:inline-start;*/
color: aliceblue;
margin-left: 400px;
float: left;
margin-left: 100px;
}
.ul {
padding: 4px;
margin-right: 10px;
color: white;
}
.a1 {
text-transform: uppercase;
display: inline-block;
padding: 0.5em, 1.5em;
margin: 0.5em, 0;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
#class1 {
background-color: #263238;
}
.class1 .ul .a1:link {
color: white;
text-decoration: none;
}
.class1 .ul .a1:visited {
color: blueviolet;
text-decoration: none;
}
.class1 .ul .a1:hover {
color: red;
text-decoration: underline;
}
/* .about_us{
padding: 50px 0px;
}*/
</style>
<nav class="class1" id="class1">
<h class="logo" id="logo">AM</h>
<ul class='ul' id="ul">
<li class="a1" id="a1"><a href="contact.html">Contact Us</a></li>
<li class="a1" id="a1"><a href="about_us.html">About</a></li>
<li class="a1" id="a1"><a href="home.html">Home</a></li>
</ul>
</nav>
<section class=section1>
<div class="container class3">
<h1 class="about_us">About Us</h1>
</div>
<p class="para3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem saepe, distinctio impedit atque
eveniet iure incidunt modi! Autem beatae quidem maxime veritatis iure? Nostrum rem, molestias delectus
voluptatem nemo officiis!</p>
<div class="options">
<div class="lits">
<ul class="listitem left">
<li>Lorem ipsum dolor sit.</li>
<li>Lorem ipsum dolor sit.</li>
<li>Lorem ipsum dolor sit.</li>
<li>Lorem ipsum dolor sit.</li>
<li>Lorem ipsum dolor sit.</li>
<li>Lorem ipsum dolor sit.</li>
</ul>
</div>
<div class="lits">
<ul class="listitem right">
<li> Lorem ipsum dolor sit.</li>
<li> Lorem ipsum dolor sit.</li>
<li> Lorem ipsum dolor sit.</li>
<li>Lorem ipsum dolor sit.</li>
<li>Lorem ipsum dolor sit.</li>
<li>Lorem ipsum dolor sit.</li>
</ul>
</div>
</div>
<div class="countitem">
<div class="data data1">
<span>150K+</span>
<p>Travelled</p>
</div>
<div class="data data2">
<span>1000+</span>
<p>Places</p>
</div>
<div class="data data3">
<span>400+</span>
<p>Guides</p>
</div>
<div class="data data4">
<span>100+</span>
<p>Sports</p>
</div>
</div>
<div class="banner">
<div class="text">
<p>What are you waiting for?? Reach us right now.</p>
</div>
<div class="button">
<a href="##">CONTACT US</a>
</div>
</div>
</section>
<footer class="footer1">
<div class="social_media_links">
<i class="fab fa-facebook fa-2x"></i>
<i class="fab fa-twitter-square fa-2x"></i>
<i class="fab fa-instagram-square fa-2x"></i>
<i class="fab fa-linkedin fa-2x"></i>
</div>
<p>AM solutions ©, 2020, All Rights Reserved.</p>
</footer>
<body>
</body>
</html>