-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout_us.html
70 lines (66 loc) · 2.33 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
<!DOCTYPE html>
<html>
<head>
<title>About Us - Travel Recommendation</title>
<link rel="stylesheet" href="travel_recommendation.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
</head>
<body>
<nav class="navbar">
<div class="logo">
<img src="logo.png" alt="TravelBloom Logo" />
<span>TravelBloom</span>
</div>
<ul class="nav-links">
<li><a href="./index.html">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="./contact_us.html">Contact Us</a></li>
</ul>
</nav>
<section class="about-us">
<h1>ABOUT US</h1>
<p>
Welcome to Our Company! We are a team of passionate individuals
dedicated to providing excellent services/products to our customers. Our
mission is to provide the best experience for people traveling to
different destinations around the world. Our values include integrity,
innovation, customer satisfaction, and teamwork. We believe in putting
our customers first and working together to achieve our goals. Feel free
to explore our website to learn more about what we offer!
</p>
</section>
<section class="our-team">
<h2>Our Team</h2>
<div class="team-members">
<div class="team-member">
<img src="1.jpg" alt="John Doe" />
<h3>John Doe</h3>
<p>John is responsible for...</p>
<button class="team-role">CEO</button>
</div>
<div class="team-member">
<img src="2.jpg" alt="Celina Thomas" />
<h3>Celina Thomas</h3>
<p>Celina Thomas is responsible for...</p>
<button class="team-role">Team Lead</button>
</div>
<div class="team-member">
<img src="3.jpg" alt="Mike Tyson" />
<h3>Mike Tyson</h3>
<p>Mike Tyson is responsible for...</p>
<button class="team-role">Delivery Head</button>
</div>
</div>
</section>
<div class="social-media">
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-facebook"></a>
<a href="#" class="fa fa-instagram"></a>
<a href="#" class="fa fa-youtube"></a>
</div>
<script src="travel_recommendation.js"></script>
</body>
</html>