Astronomical Age Calculator/about.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="about.css">
    <title>About - Astronomical Age Calculator</title>
</head>
<body>
    <div class="container">
        <div class="about">
            <h1>About the Astronomical Age Calculator</h1>
            <p>This tool allows you to calculate your age on different planets in the Solar System. 
            Each planet has a different orbital period around the Sun, meaning your age would be different 
            on each planet compared to your age on Earth.</p>
            <h2>How it works</h2>
            <p>Simply enter your age in Earth years and select a planet from the dropdown menu. The calculator 
            will then convert your Earth age into the corresponding age on the selected planet using the planet's 
            orbital period.</p>
            <h2>Orbital Periods</h2>
            <ul>
                <li>Mercury: 88 days</li>
                <li>Venus: 225 days</li>
                <li>Earth: 365 days</li>
                <li>Mars: 687 days</li>
                <li>Jupiter: 4,333 days</li>
                <li>Saturn: 10,759 days</li>
                <li>Uranus: 30,687 days</li>
                <li>Neptune: 60,190 days</li>
            </ul>
            <button onclick="location.href='popup.html'">Back to Calculator</button>
        </div>
    </div>
</body>
</html>