-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathaboutus.html
146 lines (107 loc) · 5.32 KB
/
aboutus.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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="pagetwo.css">
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<!-- Header of the website -->
<header>
<h1>Join us on Your Journey to Recovery</h1>
<div class="navbar">
<a href="index.html">HealFit Home</a>
<a href="aboutus.html">Learn More</a>
<a href="ourpromise.html">Our Promise</a>
<a href="materialize.html">Sign Up</a>
<a href="jquery.html">JQuery</a>
<a href="bootstrap.html">Our Founders</a>
</div>
</header>
<!-- Main container with Flexbox layout -->
<div class="container">
<img src="images/stretching.jpg" alt="Gym Weights" width="500" height="333" class="shadowed">
<img src="images/weights.jpg" alt="Gym Weights" width="500" height="333">
<div class="main-content">
<section>
<h2>About Us</h2>
<p><strong>Healfit</strong> believes in empowering individuals to regain strength and confidence through innovative, recovery-focused fitness solutions. Our <em>mission</em> is to bridge the gap between rehabilitation and active living by offering tailored workout programs, expert guidance, and recovery tools designed for people at <em>every stage</em> of their healing journey.</p>
<p>whether you're <em>recovering</em> from surgery, <em>overcoming</em> an injury, or simply looking to maintain an active lifestyle while <em>managing</em> chronic conditions, <bold>HealFit</bold> is here for you.</p>
<h2>Our Commitment</h2>
<p>At <strong>HealFit</strong>, we are committed to supporting you through every step of your recovery and fitness journey. Your well-being is our priority, and we’re here to help you rebuild strength, restore confidence, and achieve lasting results. Our team of experts include:</p>
<ul>
<li>Physical Therapists</li>
<li>Certified Fitness Trainers</li>
<li>Excersize Physiologists</li>
<li>Sports Medicine Specialists</li>
<li>Rehabilitation Coaches</li>
</ul>
<p>Our team is dedicated to combining cutting-edge technology with compassionate guidance to ensure that your path to healing is smooth, empowering, and sustainable</p>
<h2>Digital Services</h2>
<table>
<tr>
<th>Service</th>
<th>Description</th>
</tr>
<tr>
<td>Virtual Physical Therapy Sessions</td>
<td>Clients can connect with licensed physical therapists via video calls for guided recovery exercises</td>
</tr>
<tr>
<td>Personalized Fitness Programs.</td>
<td> custom workout plans tailored to the clients recovery stage, fitness level, and goals, with step-by-step video demonstrations</td>
</tr>
<tr>
<td>Virtual Support Groups</td>
<td>Online forums or support groups where clients can share their experiences, seek advice, and connect with others going through similar recovery journeys</td>
</tr>
<tr>
<td>Progress Tracking</td>
<td>clients can track their recovery progress, log exercises, monitor pain levels, set goals, and communicate with their rehab team</td>
</tr>
</table>
<!-- Aside for additional information -->
<aside>
<div>
<h2>Subscription</h2>
<p>Try two months risk-free! Clients will be required to pay $50 each month following their free trial.</p>
<h2>Contact Us</h2>
<p>Phone: (123) 456-7890</p>
<p>Email: [email protected]</p>
</aside>
</div>
<h3>Enter your phone number to sign up!</h3>
<br>
<input id="userInput"> <br><br>
<button onclick="myFunction()">Submit</button>
<p id="message"></p>
<script>function myFunction() {
let userInput = document.querySelector ("#userInput");
let message = document.querySelector ("#message");
message.innerHTML = "Thank you! HealFit will reach out soon. " + userInput.value;
}
</script>
<script>
function getOption() {
var obj = document.getElementById("mySelect");
document.getElementById("demo").innerHTML =
obj.options[obj.selectedIndex].text;
}
</script>
<form>
How would you like us to contact you?:
<select id="mySelect">
<option>Email</option>
<option>Text</option>
<option>Call</option>
</select>
<br><br>
<input type="button" onclick="getOption()" value="Submit!">
</form>
<p id="demo"></p>
<!-- Footer of the website -->
<footer>
<p>© 2024 HealFit All rights reserved.</p>
</footer>
</div>
</body>
</html>