<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Gaming News</title>
    <link rel="stylesheet" href="style.css">
    <script src="https://kit.fontawesome.com/5d2ca4097f.js" crossorigin="anonymous"></script>
</head>
<body>
    <div class="container">

        <header>
            <div class="logo">
                <i class="fas fa-gamepad"></i>
                <p>GAMES INFO</p>
            </div>

            <ul class="navbar">
                <li><a href="#">E-Sport</a></li>
                <li><a href="#">Release Date</a></li>
                <li><a href="#">Game News</a></li>
                <li><a href="#">Console</a></li>
                <li><a href="#">Technology</a></li>
            </ul>
            <button type="button" id="btn"> </i></button>
        </header>

        <div class="content-wrapper">
            <div class="content-main">
                <h1>Hot News</h1>
                <p>T1 Losing Agains Gen G <span>Rakuto</span>In the LCS Final T1 losing
                with Gen G With 3-0 </p>
                <button id="btn2"> More Info >> </button>
            </div>

            <div class="main-photo"></div>
        </div>
    </div>

    <!--Info Section-->


    <div class="info-section-bar">
        <i class="fas fa-gamepad"></i>
        <h1>INFO SECTION</h1>
    </div>

    <section class="info-section">
        <div class="info-container">

            <div class="info-box">
                <div class="info-img">
                    <img src="image\scarvio.jpg" alt="Blog">
                </div>

                <div class="info-text">
                    <span>13 September 2022 / Nitendo</span>
                    <a href="#" class="info-title">NEW POKEMON GAME IS COMING!!!</a>
                    <p>New pokemon game is coming to switch. it's bring new gen too.
                        many New pokemon are coming. the region is based on europe.
                        ofcourse it will bring open word consep too. Click to more info >>
                    </p>
                    <a href="#">Click to more info >></a>
                </div>
            </div>

            <div class="info-box">
                <div class="info-img">
                    <img src="image\gwen.jpg" alt="Blog">
                </div>

                <div class="info-text">
                    <span>13 September 2022 / GAMES NEWS</span>
                    <a href="#" class="info-title">WILD RIFT PATCH 3.4</a>
                    <p>patch 3.4 in wildrift will coming in this september.
                        many thing new will added to wildrift includes champion, skin,
                        buff/nerf, items, and many events. who exited with this updates ?
                    </p>
                    <a href="#">Click to more info >></a>
                </div>
            </div>

            <div class="info-box">
                <div class="info-img">
                    <img src="image\creed.jpg" alt="Blog">
                </div>

                <div class="info-text">
                    <span>13 September 2022 / GAMES NEWS</span>
                    <a href="#" class="info-title">Assassin Creed is coming to japan</a>
                    <p> from the newest ubisoft info assassin creed will gets the newest game.
                        and now the place setting is japan. yep after this long time.
                        now lets wait for the game release and sharinggg together
                    </p>
                    <a href="#">Click to more info >></a>
                </div>
            </div>
        </div>
    </section>
</body>
</html>