index.html

<link rel="stylesheet" href="styles.css" type="text/css"/>

<div class="tictactoeHeading">
    <h1>Tic Tac Toe</h1>
</div>

<form>
    <fieldset>
        <legend>
            Please select your preferred contact method:
        </legend>
        <div>
            <input type="radio" id="singleModeRadio" name="gameMode" value="SingleMode" />
            <label class="radioModeChoice" for="modeChoice1">Single Mode</label>
        
            <input type="radio" id="twoPlayersModeRadio" name="gameMode" value="TwoPlayersMode" />
            <label class="radioModeChoice" for="modeChoice2">Two Players Mode</label>
        </div>
    </fieldset>

    <fieldset>
        <legend>Please enter player's username: </legend>
        <p>
            <label class="playerUsername" for="player1Name">Player 1 username:</label>
            <input type="text" id="player1Name" name="player1Name" />
        </p>

        <p>
            <label class="playerUsername" for="player2Name">Player 2 username:</label>
            <input type="text" id="player2Name" name="player2Name" />
        </p>
    </fieldset>

    <div>
        <button class="playButton" type="submit">Play</button>
    </div>
  </form>