Health & Fitness Theme
Welcome to Your Fitness Journey
Get fit, stay healthy, and live your best life!
Join Now
Our Services
Personal Training
Customized fitness plans tailored to your goals.
Nutrition Counseling
Eat right, feel great. Expert nutrition advice.
/* Reset CSS */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: Arial, sans-serif;
background-color: #f7f7f7;
}
header {
background-color: #333;
color: #fff;
padding: 1rem;
}
nav ul {
list-style-type: none;
}
nav ul li {
display: inline;
margin-right: 1rem;
}
nav ul li a {
color: #fff;
text-decoration: none;
}
.hero {
text-align: center;
padding: 3rem 0;
}
.hero h1 {
font-size: 2.5rem;
margin-bottom: 1rem;
}
.btn {
display: inline-block;
background-color: #333;
color: #fff;
padding: 0.5rem 1rem;
text-decoration: none;
border-radius: 4px;
transition: background-color 0.3s ease;
}
.btn:hover {
background-color: #555;
}
.services {
text-align: center;
padding: 3rem 0;
}
.service {
margin-bottom: 2rem;
}
.service img {
max-width: 100%;
border-radius: 8px;
}
.service h3 {
margin-top: 1rem;
}
footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 1rem 0;
}
// Scroll to top button
const scrollToTopBtn = document.querySelector(".scroll-to-top-btn");
window.addEventListener("scroll", () => {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
scrollToTopBtn.style.display = "block";
} else {
scrollToTopBtn.style.display = "none";
}
});
scrollToTopBtn.addEventListener("click", () => {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
});
0 Comments