index.htm

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Akatsuki</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header>
        <nav class="navbar">
            <h2>Akatsuki</h2>
            <ul>
                <li><a href="journey.html">Journey</a></li>
                <li><a href="satellite.html">The Satellite</a></li>
                <li><a href="intro.html">Intro</a></li>
                </div>
            </ul>
        </nav>
    </header>
    <img src="https://media1.giphy.com/media/NSFupS6KqXdQ2YYxgk/giphy.gif?cid=ecf05e47eyykp3zdwypfpw2o806m14sdcf3zjcybrtkl8hbf&rid=giphy.gif&ct=g" alt="Not Found" class="center">
    <button class="favorite styled" onclick="location.href='https://solarsystem.nasa.gov/resources/2356/parker-solar-probe-3d-model/'"
        type="button">
    Simulation
</button>
<button class="diff" onclick="location.href='https://www.youtube.com/watch?v=zRlxURz-GXs'"
type="button">
Animation
</button>
</body>
</html>