<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Badminton World</title>
<style>
body {
font-family: 'Segoe UI', sans-serif;
background-color: #f5f8fa;
color: #333;
line-height: 1.6;
}
/* Header */
header {
background-color: #380642;
color: white;
padding: 20px 0;
text-align: center;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
header h1 {
font-size: 2.5rem;
margin-bottom: 10px;
}
header p {
font-size: 1.1rem;
}
/* Navigation Bar */
nav {
background-color: #380642;
padding: 10px;
text-align: center;
}
nav a {
display: inline-block;
color: white;
text-decoration: none;
margin: 0 15px;
font-weight: bold;
padding: 10px 15px;
border-radius: 5px;
transition: background-color 0.3s ease, transform 0.2s ease;
}
nav a:hover {
background-color: #380642;
transform: scale(1.05);
}
nav a:active {
background-color: #145a32;
transform: scale(0.95);
}
/* Main Content */
main {
padding: 30px;
max-width: 1000px;
margin: auto;
}
main h2 {
color: #2c3e50;
margin-bottom: 15px;
}
main p {
margin-bottom: 20px;
}
/* Highlighted section or feature */
.feature {
background-color: #eafaf1;
border-left: 5px solid #380642;
padding: 15px;
margin-bottom: 20px;
}
/* Footer */
footer {
background-color: #380642;
color: white;
text-align: center;
padding: 15px 0;
margin-top: 40px;
}
nav a {
display: inline-block;
padding: 12px 20px;
margin: 5px;
text-decoration: none;
background-color: #082d46;
color: white;
border-radius: 8px;
transition: background-color 0.3s ease, transform 0.2s ease;
font-family: Arial, sans-serif;
font-weight: bold;
}
/* Hover effect */
nav a:hover {
background-color: #2980b9;
transform: scale(1.05);
}
/* Active/clicked effect */
nav a:active {
background-color: #1c5980;
transform: scale(0.95);
}
</style>
</head>
<body>
<header>
<h1>Welcome to Skyler's Badminton Website</h1>
<p>This website will show and explain the best Players, Gear, Pictures, and what badminton is and how to play</p>
</header>
<nav>
<a href="about.html">About</a>
<a href="index.html">Main</a>
<a href="gear.html">Gear</a>
<a href="Players.html">Players</a>
</nav>
<div class="main">
<h2>Discover Badminton</h2>
<p>Immerse yourself in the wonderful world of badminton developing new techniques, game sense, and everlasting friendships</p>
</div>
<img src="images/lee-chong-wei.jpg" alt="Lee Chong Wei Former #1" width="400" height="300">
<p>Badminton is a fast-paced racket sport that is both fun and physically rewarding. Played either indoors or outdoors, it involves quick movements, agility, and strategic gameplay. One of the key benefits of badminton is that it provides an excellent cardiovascular workout, helping to improve heart health and endurance. It also enhances coordination, reflexes, and flexibility due to the constant movement and quick decision-making required during play. Additionally, badminton is a social sport, often played in doubles or in recreational settings, which can boost mental well-being and reduce stress. Whether played competitively or casually, badminton offers a full-body workout and promotes overall fitness and mental sharpness.</p>
<footer>
© Created and Designed Skyler Franz-Kwan 2025©
</footer>
</body>
</html>