howto.html

<!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">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/howto.css">
    <link rel="shortcut icon" href="./assets/favicon.ico" type="image/x-icon">
    <title>AstroMath | help</title>
</head>
<body>
    <!-- header -->
    <header>
        <h1>Astro Math</h1>
    </header>
    <!-- main -->
    <main class="main">
        <h2>How to Play?</h2>
        <p class="explanation-text">
            In Astro Math, each asteroid has its own weightage
            and it is given in terms of mathematical terms.
            You have to evaluate the terms.
            You will be given three options.
            One of the options is a match to any one of the given asteroids.
            When you select a correct option, the corresponding asteroid is destroyed.
            If you choose a wrong one, the corresponding asteroid is counted as missed asteroid.
            To complete a level, you should destroy atleast 50% of the asteroids within time.
        </p>
        <h3 class="controls-heading">Controls:</h3>
        <div class="controls">
            <img class=controls-image src="./assets/images/how-to-play/howToPlay.png" alt="howtoplay" />
            <div class="controls-text">
                <h3>
                    Keyboard
                </h3>
                <p class="keyboard">
                    <span>A </span> : left-option<br>
                    <span>S </span> : middle-option<br>
                    <span>D </span> : right-option<br>
                </p>
                <h3>
                    Mouse
                </h3>
                <p><span>Left click</span>  - hover to any three options and click.</p> 
            </div>
        </div>
    </main>
    <!-- footer -->
    <footer>
        <h3><a href="./index.html">Back to Home</a></h3>
    </footer>
</body>
</html>