generated from Code-Institute-Org/ci-full-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
122 lines (113 loc) · 6.8 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link href="assets/css/style.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Handlee&display=swap" rel="stylesheet">
<title>About - Seven Seas Spa</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-white sticky-top">
<div class="container">
<a class="navbar-brand handlee-font" href="index.html">
<img src="assets/images/seven-seas-spa-logo.png" alt="Seven Seas Spa Logo" width="30" height="30"
class="d-inline-block align-text-top">
Seven Seas Spa</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="services.html">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Hero Section -->
<section class="hero position-relative text-center d-flex align-items-center">
<div class="container position-relative">
<h1 class="display-4 text-white handlee-font">About Us</h1>
<p class="lead text-white">Improving health and wellbeing through wellness services</p>
</div>
</section>
<!-- Main Section -->
<main class="my-5">
<div class="container">
<!-- Who We Are Section -->
<section class="my-5">
<h2 class="handlee-font">Who We Are</h2>
<p>At Seven Seas Spa, we are dedicated to improving your overall wellbeing through a variety of wellness services. Our offerings include yoga classes to enhance flexibility and reduce stress, personalized nutritional advice to help you achieve your health goals, mental health support services to maintain a healthy mind, and comprehensive wellness programs designed to promote overall wellbeing.</p>
</section>
<!-- Our Mission Section -->
<section class="my-5">
<h2 class="handlee-font">Our Mission</h2>
<p>Our mission is to provide holistic wellness services that enhance the physical, mental, and emotional wellbeing of our clients. We strive to create a supportive and nurturing environment where individuals can achieve their health goals and lead a balanced, fulfilling life.</p>
</section>
<!-- Our Team Section -->
<section class="my-5">
<h2 class="handlee-font">Our Team</h2>
<p class="mb-4">Meet the dedicated professionals who are committed to helping you achieve your wellness goals. Our team brings a wealth of experience and expertise in various wellness disciplines.</p>
<div class="row">
<div class="col-md-4 text-center my-4">
<img src="assets/images/doaa_owda.jpeg" class="rounded-circle mb-3" alt="Doaa Owda" style="width: 150px; height: 150px; object-fit: cover;">
<h5>Doaa Owda</h5>
<p>Service Manager</p>
<p>Doaa oversees all services at Seven Seas Spa, ensuring that each client receives personalized and high-quality care.</p>
</div>
<div class="col-md-4 text-center my-4">
<img src="assets/images/mei_yeoh.jpeg" class="rounded-circle mb-3" alt="Mei Yeoh" style="width: 150px; height: 150px; object-fit: cover;">
<h5>Mei Yeoh</h5>
<p>Homeopathy Therapist and Nutritionist</p>
<p>Mei specializes in homeopathy and nutrition, providing clients with tailored advice to improve their health and wellbeing.</p>
</div>
<div class="col-md-4 text-center mt-4">
<img src="assets/images/hugh_thomas.jpeg" class="rounded-circle mb-3" alt="Hugh Thomas" style="width: 150px; height: 150px; object-fit: cover;">
<h5>Hugh Thomas</h5>
<p>Yoga Instructor and Mental Health Specialist</p>
<p>Hugh leads our yoga classes and mental health sessions, helping clients achieve physical and mental balance.</p>
</div>
</div>
</section>
</div>
</main>
<!-- Footer Section -->
<footer class="footer text-center text-lg-start py-3 mt-auto">
<div class="container">
<div class="row">
<div class="col-md-6 text-md-start mb-3 mb-md-0">
<p>© 2024 Seven Seas Spa</p>
</div>
<div class="col-md-6 text-md-end">
<a href="https://www.facebook.com/Code.InstituteIRL/" target="_blank" rel="noopener noreferrer"
aria-label="Visit our Facebook page" class="me-2"><i class="fab fa-facebook"></i></a>
<a href="https://x.com/codeinstitute" target="_blank" rel="noopener noreferrer"
aria-label="Follow us on Twitter" class="me-2"><i class="fab fa-twitter"></i></a>
<a href="https://www.instagram.com/codeinstitute/" target="_blank" rel="noopener noreferrer"
aria-label="Follow us on Instagram" class="me-2"><i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com/school/code-institute/" target="_blank" rel="noopener noreferrer"
aria-label="Connect with us on LinkedIn" class="me-2"><i class="fab fa-linkedin"></i></a>
</div>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous"></script>
<script src="https://kit.fontawesome.com/33a7724bf9.js" crossorigin="anonymous"></script>
</body>
</html>