Mixer GUI - HTML

<!DOCTYPE html>
<htlm>

    <!-- HEAD -->
    <head>
        <title>Mixer GUI</title>
        <link href="./style.css" type="text/css" rel="stylesheet">
    </head>

    <!-- BODY -->
    <body>

        <!-- Navigation Bar-->
        <nav>
            <div class="navLeft" class="container">
                <a href="https://mixer.com/"><img src="./Mixer_Logo-e1574057513816.jpg" /></a>
                <h2>Games</h2>
                <h2>Browse</h2>
                <h2>Stream on Mixer</h2>
                <h2>...</h2>
            </div>
            <div class="navRight" class="container">
                <img  src="./WorldImage.png" />
                <h2>Sign in</h2>
            </div>
        </nav>

        <!-- Section -->
        <section class="section1">

            <div class="left">
                <div class="screen">
                    <!-- Screen Image -->
                    <img src="./screen.png" />
                    <!-- Under Screen Image Info: Photo, title, viewers-->
                    <!-- CONTAINER -->
                    <div class="container">
                        <div class="item">
                            <img src="./2749830.jpg" />
                        </div>
                        <h1 class="item">Fortnite</h1>
                        <div class="item">
                            <img class="logo"  src="./liveViewersLogo.jpg" />
                        </div>
                        <h1 class="item" id="viewersCounter">8.678</h1>
                    </div>
                </div>
                <div class="streamerInfo"></div>
            </div>

            <div class="right">
                <div class="chat"></div>
            </div>

        </section>

    </body>

</htlm>