index.html

<html>

<head>
    <title> The Quantum World </title>
    <script src="q-computing.js"></script>
    <script src="q-mechanics.js"></script>
    <script src="q-physics.js"></script>
    <script src="main.js"></script>
    <link rel="icon" href="planet.png">
    </link>
    <link rel="stylesheet" href="style.css">
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Courgette&display=swap" rel="stylesheet">
</head>

<body>
    <center>
        <div id="main">
            <h1> The Quantum World </h1>
            <h2> When you change the way you look at things, the things you look at change. </h2>
            <br> <br>
            <img style="height: 210px; width: 210px;" src="planet.png">
            <br>
            <span>
                <img class="src-click" onclick= "direct_qp()" src="Quantum Physics.png">
                <img class="src-click" onclick= "direct_qm()" src="Quantum Mechanics.png">
                <img class="src-click" onclick= "direct_qc()" src="Quantum Computing.png">
            </span>
        </div>
    </center>

</body>

</html>