blob: 89af93dd0a6cb16b618d761a8680d2fd98c750c9 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
|
<div>
<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"></br>No other browser gives you so much choice and flexibility.</p>
<div class="animation-wrapper" id="flexible-top-animation">
<img alt="" class="fallback"
src="http://mozorg.cdn.mozilla.net/media/img/firefox/desktop/customize/animations/flexible-top-fallback.c960365ba781.png"></img>
</div>
</div>
</section>
<section class="ga-section" data-ga-label="Designed to be redesigned" id="designed">
<div class="container">
<div id="designed-copy">
<h2>Designed to <br class="wide-br"></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 alt="" class="js " data-high-res="true"
data-high-res-src="http://mozorg.cdn.mozilla.net/media/img/firefox/desktop/customize/designed-redesigned-high-res.6efd60766484.png"
data-processed="false"
data-src="http://mozorg.cdn.mozilla.net/media/img/firefox/desktop/customize/designed-redesigned.fbd3ee9402e6.png"
id="designed-mobile" src=""></img></div>
<div class="animation-wrapper" id="flexible-bottom-animation">
<img alt="" class="fallback"
src="http://mozorg.cdn.mozilla.net/media/img/firefox/desktop/customize/animations/flexible-bottom-fallback.cafd48a3d0a4.png"></img>
</div>
</div>
</section>
<section class="ga-section" data-ga-label="More ways to customize" id="customize">
</section>
<div id="customizers-wrapper">
<section aria-labelledby="customize-themes" class="customizer active" id="themes" role="tabpanel">
<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>
<button aria-controls="theme-demo" id="theme-yellow" type="button">Preview yellow theme</button>
<button aria-controls="theme-demo" id="theme-green" type="button">Preview green theme</button>
<button aria-controls="theme-demo" id="theme-blue" type="button">Preview blue theme</button>
<button aria-controls="theme-demo" class="selected" id="theme-red" type="button">Preview red
theme
</button>
</p>
<a class="more" href="https://addons.mozilla.org/firefox/themes/" rel="external">Try it now</a>
<br></br><a class="more" href="https://support.mozilla.org/kb/use-themes-change-look-of-firefox"
rel="external">Learn more</a>
</div>
<a class="next show-customizer" href="#add-ons" role="button">Next</a>
<div class="customizer-visual">
<img alt="Preview of the currently selected theme" id="theme-demo"
src="http://mozorg.cdn.mozilla.net/media/img/firefox/desktop/customize/theme-red.61611c5734ab.png"></img>
</div>
</div>
</section>
<section aria-labelledby="customize-addons" class="customizer" id="add-ons" role="tabpanel">
<div class="container">
<div class="customizer-copy">
<h3>Add-ons</h3>
<a class="next show-customizer" href="#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" href="https://addons.mozilla.org/firefox/extensions/?sort=featured" rel="external">Here
are a few of our favorites</a>
<br></br><a class="more"
href="https://support.mozilla.org/kb/find-and-install-add-ons-add-features-to-firefox"
rel="external">Learn more</a>
</div>
<div class="customizer-visual">
<img alt=""
src="http://mozorg.cdn.mozilla.net/media/img/firefox/desktop/customize/add-ons.63a4b761f822.png"></img>
</div>
</div>
</section>
<section aria-labelledby="customize-awesomebar" class="customizer" id="awesome-bar" role="tabpanel">
<div class="container">
<div class="customizer-copy">
<h3>Awesome Bar</h3>
<a class="next show-customizer" href="#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"
href="https://support.mozilla.org/kb/awesome-bar-find-your-bookmarks-history-and-tabs"
rel="external">See what it can do for you</a>
</div>
<div class="customizer-visual">
<img alt="Firefox Awesome Bar"
src="http://mozorg.cdn.mozilla.net/media/img/firefox/desktop/customize/awesome-bar.437df162126c.png"></img>
</div>
</div>
</section>
</div>
<section class="ga-section" data-ga-label="Keep your Firefox in Sync" id="sync">
</section>
</div>
|
