HTML CODE

<title>ChatRoom</title>

<main>
    <section id="room-name-wrapper">
        <p>Room Name: TESTROOM</p>
    </section>

            <div id="video-streams">

                <div class="video-container" id="user-container-1">
                    <div class="video-player" id="user-1"></div> 
                    <div class="username-wrapper"><span class="user-name">Dhanvita</span></div>
                </div>

                <div class="video-container" id="user-container-2">
                    <div class="video-player" id="user-2"></div> 
                    <div class="username-wrapper"><span class="user-name">Vikranth</span></div>
                </div>

                <div class="video-container" id="user-container-3">
                    <div class="video-player" id="user-3"></div> 
                    <div class="username-wrapper"><span class="user-name">Robert</span></div>
                </div>

                <div class="video-container" id="user-container-4">
                    <div class="video-player" id="user-4"></div> 
                    <div class="username-wrapper"><span class="user-name">Pushparaj</span></div>
                </div>

                <div class="video-container" id="user-container-4">
                    <div class="video-player" id="user-5"></div> 
                    <div class="username-wrapper"><span class="user-name">Rolex</span></div>
                </div>  
            </div>

    <section id="controls-wrapper">
        <div class="icon-wrapper">
            <img class="control-icon" id="mic-btn" src="d:\Internship\Mic.png" />
        </div>

        <div class="icon-wrapper">
            <img class="control-icon" id="camera-btn" src="d:\Internship\v910-ning-04.jpg" />
        </div>

        <div class="icon-wrapper">
            <img class="control-icon" id="leave-btn" src="d:\Internship\Call end.png"/>
        </div>
    </section>
</main>