-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
158 lines (152 loc) · 7.1 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your Website Title</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<div class="container">
<nav>
<div class="logo">
<img src="images/logo.svg" alt="Travel Adventure Logo">
</div>
<ul class="nav-list">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="#">Tour Packages</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
<a href="#" class="cta-button">Sign Up</a>
</nav>
</div>
</header>
<main>
<section class="heroa">
<div class="hero-content">
<h1>Our Team Cares About Your Full Relax</h1>
<p>But I must explain to you how all this mistaken idea of denouncing <br>pleasure and praising pain was born and I will give you a complete<br> account of the system, and expound the actual teachings of the great<br> explorer of the truth, the master-builder of human happiness.</p>
<a href="#" class="cta-button">Learn More</a>
</div>
</section>
<section class="services">
<section class="company-info">
<div class="info-container">
<img src="images/img_01.svg">
<br>
<div class="welcome-to-site">
<h5>WELCOME TO OUR SITE!</h5>
<h2>We are the best company for your visit</h2>
<p> After decades of experience, and a whole life in Lucca, we offer you the most<br>
complete tourism service in the city. In addition to having bikes and rickshaws to<br>
have as much fun as you want, you have the choice of tour guides with whom to<br>
tour and drivers for your every need! We offer packages in the way that you get the<br>
most at the lowest price. Book with us and we will always be available for you!</p>
</div>
<div class="stats">
<div class="stat-item">
<h3>20+</h3>
<p>Years of Experience</p>
</div>
<div class="stat-item">
<h3>100+</h3>
<p>Happy customers</p>
</div>
<div class="stat-item">
<h3>15+</h3>
<p>Choice of Services</p>
</div>
<div class="stat-item">
<h3>10+</h3>
<p>Professional guides</p>
</div>
</div>
</div>
</section>
</section>
<section class="features">
<div class="feature-card">
<i class="fas fa-paper-plane"></i>
<h3>Complete Packages For All Your Wishes</h3>
</div>
<div class="feature-card">
<i class="fas fa-medal"></i>
<h3>Over 30 Years Of Experience</h3>
</div>
<div class="feature-card">
<i class="fas fa-user-check"></i>
<h3>Expert Guides For You</h3>
</div>
<div class="feature-card">
<i class="fas fa-thumbs-up"></i>
<h3>Guaranteed Fun at the Best Price!</h3>
</div>
</section>
<section class="testimonials">
<div class="container">
<h2>Happy Customers Say</h2>
<div class="testimonial-container">
<div class="testimonial">
<div class="leftquote"><i class="fas fa-quote-left"></i></div>
<p>"But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure"</p>
<p><strong>- Lyod Gomez</strong></p>
<div class="rightquote"><i class="fas fa-quote-right"></i></div>
</div>
<div class="testimonial">
<div class="leftquote"><i class="fas fa-quote-left"></i></div>
<p>"But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure"</p>
<p><strong>- Lyod Gomez</strong></p>
<div class="rightquote"><i class="fas fa-quote-right"></i></div>
</div>
</div>
</div>
</section>
</main>
<footer>
<div class="container">
<div class="bottompart">
<nav>
<div class="logo1">
<img src="images/logo.svg" alt="Travel Adventure Logo">
</div>
<ul class="services">
<li><a href="#">Services</a></li>
<li><a href="#">Bike and Rickshaw Rental</a></li>
<li><a href="#">Guided Tours of Lucca</a></li>
<li><a href="#">Guided Bike Tour of Lucca</a></li>
<li><a href="#">Trip in the Tuscan Hills</a></li>
<li><a href="#">Transportation with Luxury Cars</a></li>
<li><a href="#">Wine Tours by Bus with Guide</a></li>
</ul>
<ul class="home-links">
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
<ul class="help-links">
<li><a href="#">Help</a></li>
<li><a href="#">Terms of Use</a></li>
<li><a href="#">Privacy Policy</a></li>
</ul>
<ul class="contact-links">
<li><a href="#">Contacts</a></li>
<li><i class="fas fa-map-marker-alt"></i><a href="#">Address</a></li>
<li><i class="fas fa-phone"></i><a href="#">Phone Number</a></li>
<li><i class="fas fa-envelope"></i><a href="#">Email</a></li>
</ul>
<ul class="social-media">
<b>Social Media</b>
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
</ul>
</nav>
<div class="cpyrts"><p>copyrights © 2022 all rights reserved</p></div>
</div>
</div>
</footer>
</body>
</html>