|
|
<div id="readability-page-1" class="page">
|
|
|
<div role="main" id="main-content">
|
|
|
<section id="intro">
|
|
|
<div class="container">
|
|
|
<p class="lead">It’s easier than ever to personalize Firefox and make it work the way you do.
|
|
|
<br class="wide-br">No other browser gives you so much choice and flexibility.</p>
|
|
|
</div>
|
|
|
</section>
|
|
|
<section id="designed" class="ga-section" data-ga-label="Designed to be redesigned">
|
|
|
<div class="container">
|
|
|
<div id="designed-copy">
|
|
|
<h2>Designed to <br class="wide-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><img class="js " 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"></div>
|
|
|
</div>
|
|
|
</section>
|
|
|
<section id="customize" class="ga-section" data-ga-label="More ways to customize"> </section>
|
|
|
<div id="customizers-wrapper">
|
|
|
<section class="customizer active" id="themes" role="tabpanel" aria-labelledby="customize-themes">
|
|
|
<div class="container">
|
|
|
<div class="customizer-copy">
|
|
|
<h3>Themes</h3>
|
|
|
<p class="lead">Make Firefox match your style. Choose from thousands of themes and dress up your browser with a single click.</p>
|
|
|
<p id="themes-thumbs">
|
|
|
<button type="button" aria-controls="theme-demo" id="theme-yellow">Preview yellow theme</button>
|
|
|
<button type="button" aria-controls="theme-demo" id="theme-green">Preview green theme</button>
|
|
|
<button type="button" aria-controls="theme-demo" id="theme-blue">Preview blue theme</button>
|
|
|
<button type="button" aria-controls="theme-demo" id="theme-red" class="selected">Preview red theme</button>
|
|
|
</p><a class="more" rel="external" href="https://addons.mozilla.org/firefox/themes/">Try it now</a>
|
|
|
<br><a class="more" rel="external" href="https://support.mozilla.org/kb/use-themes-change-look-of-firefox">Learn more</a></div><a class="next show-customizer" href="http://fakehost/test/#add-ons" role="button">Next</a></div>
|
|
|
</section>
|
|
|
<section class="customizer" id="add-ons" role="tabpanel" aria-labelledby="customize-addons">
|
|
|
<div class="container">
|
|
|
<div class="customizer-copy">
|
|
|
<h3>Add-ons</h3><a class="next show-customizer" href="http://fakehost/test/#awesome-bar" role="button">Next</a>
|
|
|
<p class="lead">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><a class="more" rel="external" href="https://addons.mozilla.org/firefox/extensions/?sort=featured">Here are a few of our favorites</a>
|
|
|
<br><a class="more" rel="external" href="https://support.mozilla.org/kb/find-and-install-add-ons-add-features-to-firefox">Learn more</a></div>
|
|
|
</div>
|
|
|
</section>
|
|
|
<section class="customizer" id="awesome-bar" role="tabpanel" aria-labelledby="customize-awesomebar">
|
|
|
<div class="container">
|
|
|
<div class="customizer-copy">
|
|
|
<h3>Awesome Bar</h3><a class="next show-customizer" href="http://fakehost/test/#themes" role="button">Next</a>
|
|
|
<p class="lead">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><a class="more" rel="external" href="https://support.mozilla.org/kb/awesome-bar-find-your-bookmarks-history-and-tabs">See what it can do for you</a></div>
|
|
|
</div>
|
|
|
</section>
|
|
|
</div>
|
|
|
<section id="sync" class="ga-section" data-ga-label="Keep your Firefox in Sync"> </section>
|
|
|
</div>
|
|
|
</div> |