index.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="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
    <script src="https://code.jquery.com/jquery.js"></script>
    <link rel="stylesheet" type="text/css" href="./style.css" />
    <title>Code Quiz</title>
</head>

<body>
    <h1 id="h1">Code Quiz: Basketball</h1>
    <aside>
        <h2>Instructions:</h2>
        <ul>
            <li>Answers are case-sensitive.<span> Answer </span>in proper noun form. Put some Respeck on his name.</li>
            <li>This player is mainly know on a <span>first name</span> basis (Answers should only use first name).</li>
            <li>Finish quiz before <span>timer </span>reaches 0.</li>
            <li>With a score of 100 points, see what <span>This NBA great </span>does to the rim.</li>
        </ul>
    </aside>
    <main id="main">
        <section id="button">
            <button class="button">Start</button>
        </section>
        <section id="title">Quiz:</section>
        <section id="question">Question</section></br></br>
        <section id="time"></section>
        <form id="quiz-form" method="POST">
            <label for="answerT">Input Answer:</label></br>
            <input type="text" placeholder="Who can this be?" name="answer" id="answer-text" /></br></br>
        </form>
        <section id="image"><img alt="Kobe_Yao" id="gif" style="visibility:hidden" /></section>
        <br>
    </main>
    <section id="preFooter"></section>


    <footer id="outer_footer"> 
        <div class="row footerRow">
          <div class="col-lg-4  col-md-2 col-sm-3 col-xs-1"></div>
          <div id="texting" class="col-lg-3 col-md-6 col-sm-7 col-xs-8"> Created By NEW DIGITAL WORLD</div>
        </div> 
        <div class="row footerRow">
          <div class="col-lg-5 col-md-5 col-sm-6 col-xs-1"></div>
          <div id="image" class="col-lg-2 col-md-3 col-sm-4 col-xs-8">
            &copy;<img src="./favicon.ico" alt="juju" /> 2020
          </div>
        </div>
      </footer>


    <script src="./script.js"></script>
</body>

</html>