9f2c5cb42e
This removes the need for `p.readability-styled` elements.
66 lines
4.7 KiB
HTML
66 lines
4.7 KiB
HTML
<div id="readability-page-1" class="page">
|
||
<div role="main" id="main-content">
|
||
<section id="intro">
|
||
<div>
|
||
<p>It’s easier than ever to personalize Firefox and make it work the way you do. <br/>No other browser gives you so much choice and flexibility.</p>
|
||
<div id="flexible-top-animation">
|
||
<p><img src="http://mozorg.cdn.mozilla.net/media/img/firefox/desktop/customize/animations/flexible-top-fallback.c960365ba781.png" alt="" /> </p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section id="designed" data-ga-label="Designed to be redesigned">
|
||
<div>
|
||
<div id="designed-copy">
|
||
<h2>Designed to <br/>be redesigned</h2>
|
||
<p>Get fast and easy access to the features you use most in the new menu. Open the “Customize” panel to add, move or remove any button you want. Keep your favorite features — add-ons, private browsing, Sync and more — one quick click away.</p>
|
||
<p><img src="" data-processed="false" data-src="//mozorg.cdn.mozilla.net/media/img/firefox/desktop/customize/designed-redesigned.fbd3ee9402e6.png" data-high-res="true" data-high-res-src="//mozorg.cdn.mozilla.net/media/img/firefox/desktop/customize/designed-redesigned-high-res.6efd60766484.png" alt="" id="designed-mobile" /> </p>
|
||
</div>
|
||
<div id="flexible-bottom-animation">
|
||
<p><img src="http://mozorg.cdn.mozilla.net/media/img/firefox/desktop/customize/animations/flexible-bottom-fallback.cafd48a3d0a4.png" alt="" /> </p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section id="customize" data-ga-label="More ways to customize"> </section>
|
||
<div id="customizers-wrapper">
|
||
<section id="themes" role="tabpanel" aria-labelledby="customize-themes">
|
||
<div>
|
||
<div>
|
||
<h3>Themes</h3>
|
||
<p>Make Firefox match your style. Choose from thousands of themes and dress up your browser with a single click.</p>
|
||
<p><a rel="external" href="https://addons.mozilla.org/firefox/themes/">Try it now</a> <br/> <a rel="external" href="https://support.mozilla.org/kb/use-themes-change-look-of-firefox">Learn more</a> </p>
|
||
</div>
|
||
<p><a href="#add-ons" role="button">Next</a> </p>
|
||
<p><img id="theme-demo" src="http://mozorg.cdn.mozilla.net/media/img/firefox/desktop/customize/theme-red.61611c5734ab.png" alt="Preview of the currently selected theme" /> </p>
|
||
</div>
|
||
</section>
|
||
<section id="add-ons" role="tabpanel" aria-labelledby="customize-addons">
|
||
<div>
|
||
<div>
|
||
<h3>Add-ons</h3>
|
||
<p><a href="#awesome-bar" role="button">Next</a> </p>
|
||
<p>Add-ons are like apps that you install to add features to Firefox. They let you compare prices, check the weather, listen to music, send a tweet and more.</p>
|
||
<ul>
|
||
<li>Read the latest news & blogs</li>
|
||
<li>Manage your downloads</li>
|
||
<li>Watch videos & view photos</li>
|
||
</ul>
|
||
<p><a rel="external" href="https://addons.mozilla.org/firefox/extensions/?sort=featured">Here are a few of our favorites</a> <br/> <a rel="external" href="https://support.mozilla.org/kb/find-and-install-add-ons-add-features-to-firefox">Learn more</a> </p>
|
||
</div>
|
||
<p><img src="http://mozorg.cdn.mozilla.net/media/img/firefox/desktop/customize/add-ons.63a4b761f822.png" alt="" /> </p>
|
||
</div>
|
||
</section>
|
||
<section id="awesome-bar" role="tabpanel" aria-labelledby="customize-awesomebar">
|
||
<div>
|
||
<div>
|
||
<h3>Awesome Bar</h3>
|
||
<p><a href="#themes" role="button">Next</a> </p>
|
||
<p>The Awesome Bar learns as you browse to make your version of Firefox unique. Find and return to your favorite sites without having to remember a URL.</p>
|
||
<p><a rel="external" href="https://support.mozilla.org/kb/awesome-bar-find-your-bookmarks-history-and-tabs">See what it can do for you</a> </p>
|
||
</div>
|
||
<p><img src="http://mozorg.cdn.mozilla.net/media/img/firefox/desktop/customize/awesome-bar.437df162126c.png" alt="Firefox Awesome Bar" /> </p>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
<section id="sync" data-ga-label="Keep your Firefox in Sync"> </section>
|
||
</div>
|
||
</div> |