Permalink
Switch branches/tags
Find file Copy path
165 lines (153 sloc) 6.81 KB
{# This Source Code Form is subject to the terms of the Mozilla Public
# License, v. 2.0. If a copy of the MPL was not distributed with this
# file, You can obtain one at http://mozilla.org/MPL/2.0/. -#}
{% add_lang_files "firefox/shared" %}
{% extends "firefox/features/base.html" %}
{% block page_title %}{{ _('Protect your privacy and browse faster with Firefox features') }}{% endblock %}
{% block page_desc %}{{ _('You’re in control with Firefox’s easy-to-use features that protect your privacy and browsing speeds.') }}{% endblock %}
{% block page_css %}
{{ super() }}
{{ css_bundle('firefox-features-index') }}
{% endblock %}
{% block body_id %}firefox-features-landing{% endblock %}
{% block features_header %}
<header class="main-header">
<div class="content">
<div class="header-image">
{{ high_res_img('firefox/features/quantum/devices.png', {'alt': '', 'width': '721', 'height': '553'}) }}
</div>{#--/.header-image--#}
<div class="header-content">
<h1><span>{{ _('Firefox features') }}</span></h1>
{% if l10n_has_tag('firefox-features-57-update') %}
<p>{{ _('Explore the features of the all new Firefox browser') }}</p>
{% endif %}
<div class="header-download">
{{ download_firefox(dom_id='features-header-download', download_location='primary cta') }}
</div>
</div>{#--/.header-content--#}
</div>{#--/.content--#}
</header>
{% endblock %}
{% block features_list %}
<section class="fx-product-features-section">
<div class="content">
<h2>{{ _('Features') }}</h2>
<ul class="fx-product-features-list">
<li class="features-list-item extensions">
<a href="https://addons.mozilla.org/firefox/?utm_source=www.mozilla.org&amp;utm_medium=referral&amp;utm_campaign=fx-content-hub" data-link-type="link" data-link-name="Your favorite add-ons and extensions">
<h3>{{ _('Your favorite add-ons and extensions') }}</h3>
</a>
</li>
<li class="features-list-item customize">
<a href="https://addons.mozilla.org/firefox/themes/?utm_source=www.mozilla.org&amp;utm_medium=referral&amp;utm_campaign=fx-content-hub" data-link-type="link" data-link-name="Customize your browser">
<h3>{{ _('Customize your browser') }}</h3>
</a>
</li>
<li class="features-list-item sync">
<a href="{{ url('firefox.features.sync') }}" data-link-type="link" data-link-name="Sync between devices">
<h3>{{ _('Sync between devices') }}</h3>
</a>
</li>
<li class="features-list-item test-pilot">
<a href="https://testpilot.firefox.com/?utm_source=www.mozilla.org&amp;utm_medium=referral&amp;utm_campaign=fx-content-hub" data-link-type="link" data-link-name="Firefox Test Pilot">
<h3>{{ _('Firefox Test Pilot') }}</h3>
</a>
</li>
{% if l10n_has_tag('firefox-features-send-tabs') %}
<li class="features-list-item send-tabs">
<a href="{{ url('firefox.features.send-tabs') }}" data-link-type="link" data-link-name="Tabs that travel">
<h3>{{ _('Tabs that travel') }}</h3>
</a>
</li>
{% endif %}
<li class="features-list-item bookmarks">
<a href="{{ url('firefox.features.bookmarks') }}" data-link-type="link" data-link-name="Better bookmarks">
<h3>{{ _('Better bookmarks') }}</h3>
</a>
</li>
<li class="features-list-item private">
<a href="{{ url('firefox.features.private-browsing') }}" data-link-type="link" data-link-name="More powerful Private Browsing">
<h3>{{ _('More powerful Private Browsing') }}</h3>
</a>
</li>
<li class="features-list-item ad-blocking">
<a href="{{ url('firefox.features.private-browsing') }}" data-link-type="link" data-link-name="Ad tracker blocking">
<h3>{{ _('Ad tracker blocking') }}</h3>
</a>
</li>
<li class="features-list-item password-manager">
<a href="{{ url('firefox.features.password-manager') }}" data-link-type="link" data-link-name="Password Manager">
<h3>{{ _('Password Manager') }}</h3>
</a>
</li>
<li class="features-list-item memory">
<a href="{{ url('firefox.features.memory') }}" data-link-type="link" data-link-name="Balanced memory usage">
<h3>{{ _('Balanced memory usage') }}</h3>
</a>
</li>
<li class="features-list-item fast">
<a href="{{ url('firefox.features.fast') }}" data-link-type="link" data-link-name="Browse faster">
<h3>{{ _('Browse faster') }}</h3>
</a>
</li>
</ul>
</div>
</section>
<section class="fx-product-benefits-section">
<div class="benefits-heading content">
{% if l10n_has_tag('firefox-features-57-update') %}
<h2>{{ _('Firefox Product Benefits') }}</h2>
{% endif %}
</div>
<div class="content">
<ul class="fx-product-benefits-list">
<li class="features-list-item open-source">
<h3>{{ _('Open source') }}</h3>
<p>{{ _('We’re always transparent.') }}</p>
<p>
<a href="{{ url('firefox.features.independent') }}" class="cta-link" data-link-type="link" data-link-name="Open source">
{{ _('See what makes us different') }}
</a>
</p>
</li>
<li class="features-list-item mozilla">
<h3>{{ _('By non-profit, Mozilla') }}</h3>
<p>{{ _('Protecting the health of the internet.') }}</p>
<p>
<a href="{{ url('mozorg.mission') }}" class="cta-link" data-link-type="link" data-link-name="By non-profit, Mozilla">
{{ _('Read Mozilla’s mission') }}
</a>
</p>
</li>
<li class="features-list-item independent">
<h3>{{ _('Protect your rights') }}</h3>
<p>{{ _('We help keep corporate powers in check.') }}</p>
<p>
<a href="{{ url('firefox.features.independent') }}" class="cta-link" data-link-type="link" data-link-name="Protect your yights">
{{ _('Choose independence') }}
</a>
</p>
</li>
<li class="features-list-item limited-data-collection">
<h3>{{ _('Limited data collection') }}</h3>
<p>{{ _('Opted-in to privacy, so you can browse freely.') }}</p>
<p>
<a href="{{ url('privacy') }}" class="cta-link" data-link-type="link" data-link-name="Limited data collection">
{{ _('Read our privacy policy') }}
</a>
</p>
</li>
<li class="features-list-item privacy">
<h3>{{ _('More private') }}</h3>
<p>{{ _('We don’t sell access to your online data. Period.') }}</p>
<p>
<a href="{{ url('firefox.features.private-browsing') }}" class="cta-link" data-link-type="link" data-link-name="More private">
{{ _('Get Firefox for privacy') }}
</a>
</p>
</li>
</ul>
</div>
</section>
{% endblock %}
{% block news %}{% endblock %}