forked from Badabee/Tourist-App
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
130 lines (112 loc) · 4.88 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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Us</title>
<link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet'>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://kit.fontawesome.com/7cbbed23cb.js" crossorigin="anonymous"></script>
<link rel='stylesheet' href="about.css">
</head>
<body>
<header class="grow">
<nav>
<div class="logo">
<h4>Tourano</h4>
</div>
<ul class="nav-links">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<div class="burger">
<div class="line1"></div>
<div class="line2"></div>
<div class="line3"></div>
</div>
</nav>
</header>
<div class="container">
<div class="in-text">
<div class="tourHead">
<h1>
<span>Tour</span><span>ano</span>
</h1>
<h3>Let's Help You Make Those Beautiful Memories</h3>
</div>
<div>
<button class="btn"> Explore</button>
</div>
</div>
</div>
<div class="abt">
<h3>About Us</h3>
<p>
Through the hassle of finding a cool place to explore comes frustration and doubt, TOURANO offers impeccable services that enables a stressfree search
</p>
</div>
<div class="services">
<div class="offer"><span><i class="fas fa-camera"></i></span>
<h4>Image Gallery</h4>
<p>We provide loads of beautiful pictures of places, to enable choose your preferred places. That way,you dont have to go to a place,doubting how it looks like </p>
</div>
<div class="offer"><span><i class="fas fa-search"></i></span>
<h4>Smooth Search</h4>
<p> Searching for a place to explore can be a bit of hardwork,we help to make the search easy and smooth </p>
</div>
<div class="offer"><span><i class="fas fa-directions"></i></span>
<h4>Location Details</h4>
<p>No one likes to get lost while going to have fun,trust us to take care of that little problem </p>
</div>
<div class="offer"><span><i class="fas fa-pen"></i></span>
<h4>Blog</h4>
<p>How about a background info of cool places to explore,It make touring exciting. </p>
</div>
<div class="offer"><span><i class="fas fa-database"></i></span>
<h4>Quick Access</h4>
<p>We provide loads of valuable information that makes tourism experience memorable with less stress and lots of fun.</p>
</div>
<div class="offer"><span><i class="fas fa-info"></i></span>
<h4>Find out other things</h4>
<p>Why not explore our page and see amazing ways we can help you create those beautiful memories </p>
</div>
</div>
<!--FOOTER-->
<footer class="bottom">
<div class="footers">
<div class="footer1">
<h3>TOURANO</h3>
<p>Get the most of tourism from a glance, providing you with unforgettable experiences of a lifetime.</p>
</div>
<div class="footer2">
<h3>USEFUL LINKS</h3>
<p><a href="about.html">About</a></p>
<p><a href="corner.html">Contact</a></p>
<p><a href="blog.html">Blog</a></p>
</div>
<div class="footer3">
<h3>CONTACT INFO</h3>
<p>[email protected]</p>
<p>+234 90 21 217 890</p>
<p>16 Madison street, Ikeja Lagos Nigeria</p>
</div>
<div class="footer4">
<h3>SOCIAL MEDIA</h3>
<p><i class=" icon fa fa-facebook"></i><a href="#">Facebook</a></p>
<p><i class=" icon fa fa-instagram"></i><a href="#">Instagram</a></p>
<p><i class=" icon fa fa-twitter"></i><a href="#">Twitter</a></p>
<p> <i class=" icon fa fa-linkedin"></i><a href="#">LinkedIn</a></p>
</div>
<div class="phone-size">
<i class=" phone fa fa-facebook"></i>
<i class=" phone fa fa-instagram"></i>
<i class=" phone fa fa-twitter"></i>
<i class=" phone fa fa-linkedin"></i>
</div>
</div>
</footer>
<script src="app.js"></script>
</body>
</html>