Untitled

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>Semantic Blog Layout</title>
        <link rel="stylesheet" href="styles.css">
    </head>
    <body>
        <header>
            <h1>Developer News</h1>
            <nav>
                <ul>
                    <li><a href="#html">HTML</a></li>
                    <li><a href="#js">JavaScript</a></li>
                </ul>
            </nav>
        </header>
        <main>
            <section id="html">
                <h2>HTML</h2>
                <article>
                    <h4>New feature: JPEG XL image format</h4>
                    <p>
                        JPEG XL image format is a modern image format optimized for web environments. JPEG XL generally has better compression than WebP, JPEG, PNG and GIF and is designed to supersede them.
                    </p>
                    <p>
                        Learn more at: <a href="https://en.wikipedia.org/wiki/JPEG_XL">https://en.wikipedia.org/wiki/JPEG_XL</a>
                    </p>
                    <p>
                        By The HTTP Working Group. Published <time datetime="2021-1-23">January 23rd</time>
                    </p>
                </article>
                <article>
                    <h4>New feature: Cookie Store API</h4>
                    <p>
                        Cookie Store API is a JS API for reading and modifying cookies. Compared to the existing `document.cookie` method, the API provides a much more modern interface, which can also be used in service workers.
                    </p>
                    <p>
                        Learn more at: <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/cookies/CookieStore">https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/cookies/CookieStore</a>
                    </p>
                    By Joshua Bell. Published <time datetime="2020-12-15">December 15th</time>
                </article>
            </section>
            <section id="js">
                <h2>JavaScript</h2>
                <article>
                    <h4>Billboard.js 3.0: The D3.js-Powered Chart Library</h4>
                    <p>
                        Billboard.js is a popular library supporting a whole range of chart types out of the box (bar, line, areas, donuts, radars, and various hybrids) – 3.0 brings candlestick / OHLC chart support (often used in financial contexts) and supports D3.js v6.
                    </p>
                    <p>
                        Learn more at: <a href="https://github.com/naver/billboard.js">https://github.com/naver/billboard.js</a>
                    </p>
                    <p>
                        By Jae Sung Park. Published <time datetime="2021-03-24">March 24th</time>
                    </p>
                </article>
                <article>
                    <h4>Nine JavaScript and TypeScript ORMs</h4>
                    <p>
                        A roundup, complete with code examples, showing off a variety of tools like Knex.js, Mongoose, TypeORM, Waterline, and Bookshelf.
                    </p>
                    <p>
                        Learn more at: <a href="https://www.sitepoint.com/javascript-typescript-orms/">https://www.sitepoint.com/javascript-typescript-orms/</a>
                    </p>
                    <p>
                        By Michael Wanyoike. Published <time datetime="2021-03-31">March 31rd</time>
                    </p>
                </article>
            </section>
        </main>
        <footer>
            <p>
                &copy; 2021 DeveloperNewsPortal.info
            </p>
            <p>
                Please contact <a href="">Troy McClure</a> for questions about these articles.
            </p>
        </footer>
    </body>
</html>