readability/test/test-pages/mozilla-2/expected.html

<div id="readability-page-1" class="page">
    <div role="main" class="sync-reminder">
        <section class="intro container">
            <header>
                <p>Get to know the features that make it the most complete browser for building the Web.</p>
            </header>
            <ul class="features">
                <li class="feature">
                    <a href="https://www.youtube.com/watch?v=1R9_WdXwUsE" rel="external" class="video-play"> <img src="http://mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/feature-webide.16763db341cb.jpg" alt="Screenshot" class="screenshot"/> </a>
                    <h2>WebIDE</h2>
                    <p>Develop, deploy and debug Firefox OS apps directly in your browser, or on a Firefox OS device, with this tool that replaces App Manager.</p> <a href="https://developer.mozilla.org/docs/Tools/WebIDE" rel="external" class="more">Learn more about WebIDE</a> </li>
                <li class="feature">
                    <a href="https://www.youtube.com/watch?v=eH0R10Ga4Hs" rel="external" class="video-play"> <img src="http://mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/feature-valence.251f9def4d8d.jpg" alt="Screenshot" class="screenshot"/> </a>
                    <h2>Valence</h2>
                    <p>Develop and debug your apps across multiple browsers and devices with this powerful extension that comes pre-installed with Firefox Developer Edition.</p> <a href="https://developer.mozilla.org/docs/Tools/Firefox_Tools_Adapter" rel="external" class="more">Learn more about Valence</a> </li>
            </ul>
            <div class="notice">
                <h4>Important: Sync your new profile</h4>
                <p> Developer Edition comes with a new profile so you can run it alongside other versions of Firefox. To access your bookmarks, browsing history and more, you need to sync the profile with your existing Firefox Account, or create a new one. <a href="https://support.mozilla.org/kb/recover-lost-bookmarks-firefox-developer-edition" rel="external" class="more">Learn more</a> </p>
            </div>
        </section>
        <section class="more-features">
            <div class="container">
                <header>
                    <h2>Features and tools</h2> </header>
                <ul class="features">
                    <li class="feature">
                        <a href="https://www.youtube.com/watch?v=eQqNfkqIJdw" rel="external" class="video-play"> <img src="http://mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/feature-inspector.c791bf1f1a59.jpg" alt="Screenshot" class="screenshot"/> </a>
                        <h2>Page Inspector</h2>
                        <p>Examine the HTML and CSS of any Web page and easily modify the structure and layout of a page.</p> <a href="https://developer.mozilla.org/docs/Tools/Page_Inspector" rel="external" class="more">Learn more about Page Inspector</a> </li>
                    <li class="feature">
                        <a href="https://www.youtube.com/watch?v=iEDk8o9ehlw" rel="external" class="video-play"> <img src="http://mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/feature-console.42666aaf6d03.jpg" alt="Screenshot" class="screenshot"/> </a>
                        <h2>Web Console</h2>
                        <p>See logged information associated with a Web page and use Web Console to interact with Web pages using JavaScript.</p> <a href="https://developer.mozilla.org/docs/Tools/Web_Console" rel="external" class="more">Learn more about Web Console</a> </li>
                    <li class="feature">
                        <a href="https://www.youtube.com/watch?v=OS4AxYFLCIE" rel="external" class="video-play"> <img src="http://mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/feature-debugger.02ed86fb0c9f.jpg" alt="Screenshot" class="screenshot"/> </a>
                        <h2>JavaScript Debugger</h2>
                        <p>Step through JavaScript code and examine or modify its state to help track down bugs.</p> <a href="https://developer.mozilla.org/docs/Tools/Debugger" rel="external" class="more">Learn more about JavaScript Debugger</a> </li>
                    <li class="feature">
                        <a href="https://www.youtube.com/watch?v=w4zSG53Qlbk" rel="external" class="video-play"> <img src="http://mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/feature-network.740d6082b3f6.jpg" alt="Screenshot" class="screenshot"/> </a>
                        <h2>Network Monitor</h2>
                        <p>See all the network requests your browser makes, how long each request takes and details of each request.</p> <a href="https://developer.mozilla.org/docs/Tools/Network_Monitor" rel="external" class="more">Learn more about Network Monitor</a> </li>
                    <li class="feature">
                        <a href="https://www.youtube.com/watch?v=R_qDaLQ8ghg" rel="external" class="video-play"> <img src="http://mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/feature-webaudio.a10ebc48d017.jpg" alt="Screenshot" class="screenshot"/> </a>
                        <h2>Web Audio Editor</h2>
                        <p>Inspect and interact with Web Audio API in real time to ensure that all audio nodes are connected in the way you expect.</p> <a href="https://developer.mozilla.org/docs/Tools/Web_Audio_Editor" rel="external" class="more">Learn more about Web Audio Editor</a> </li>
                    <li class="feature">
                        <a href="https://www.youtube.com/watch?v=3kdBvvIZIqU" rel="external" class="video-play"> <img src="http://mozorg.cdn.mozilla.net/media/img/firefox/firstrun/dev/feature-style-editor.87c5d2017506.jpg" alt="Screenshot" class="screenshot"/> </a>
                        <h2>Style Editor</h2>
                        <p>View and edit CSS styles associated with a Web page, create new ones and apply existing CSS stylesheets to any page.</p> <a href="https://developer.mozilla.org/docs/Tools/Style_Editor" rel="external" class="more">Learn more about Style Editor</a> </li>
                </ul>
            </div>
        </section>
    </div>
</div>