index.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
    	<meta name="description" content="This is where your description goes">
    	<meta name="keywords" content="one, two, three">

		<title>Title in the tab</title>

        <!-- External Style Sheets -->
        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/style.css">
    </head>
    <body>

        <h1>Welcome to War</h1>
        <small><a href="https://www.deckofcardsapi.com/">Card API</a></small>
        <h3>May luck be ever on your side</h3>
        <section>Number of cards left</section>
        <p></p>
        <button> Click here</button>
        <h1 id="winna"></h1>
        <h3>Player One</h3>
        <h4>Times Won</h4>
        <section id="playerOneWins"></section>
        <section>
            <img id="playerOne" src="" alt="playing cards">
            <img class="extraCards"  id="playerCardTwo" src="" alt="playing cards">
            <img class="extraCards"  id="playerCardThree" alt="playing cards">
            <img class="extraCards"  id="playerCardFinal" src="" alt="playing cards">
        </section>
        <h3>Player Two</h3>
        <h4>Times Won</h4>
        <section id="playerTwoWins"></section>
        <section>
            <img id="playerTwo" src="" alt="playing cards">
            <img class="extraCards" id="playerCardTwo" src="" alt="playing cards">
            <img class="extraCards" id="playerCardThree" alt="playing cards">
            <img class="extraCards" id="playerCardFinal" src="" alt="playing cards">
        </section>


        <script type="text/javascript" src="js/main.js"></script>
    </body>
</html>