]> git.ipfire.org Git - ipfire.org.git/commitdiff
Update features page
authorMichael Tremer <michael.tremer@ipfire.org>
Fri, 26 Oct 2018 15:57:57 +0000 (16:57 +0100)
committerMichael Tremer <michael.tremer@ipfire.org>
Fri, 26 Oct 2018 16:01:58 +0000 (17:01 +0100)
Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
Makefile.am
src/scss/style.scss
src/static/img/screenshots/firewall-connections.png [deleted file]
src/static/img/screenshots/firewall-host-groups.png [deleted file]
src/static/img/screenshots/firewall-new-rule.png [deleted file]
src/static/img/screenshots/firewall-rules.png [deleted file]
src/static/img/screenshots/firewall-service-groups.png [deleted file]
src/static/img/screenshots/pakfire-addon-services-1.png [deleted file]
src/static/img/screenshots/pakfire-overview-1.png [deleted file]
src/templates/static/features.html

index d616ec5b5e9f05e6058ac76f5d6aed34de78e882..fa25988933a1ad65a39d8e85b45bcd42a7274a27 100644 (file)
@@ -277,17 +277,6 @@ static_images_DATA = \
 
 static_imagesdir = $(staticdir)/img
 
-static_images_screenshots_DATA = \
-       src/static/img/screenshots/firewall-connections.png \
-       src/static/img/screenshots/firewall-host-groups.png \
-       src/static/img/screenshots/firewall-new-rule.png \
-       src/static/img/screenshots/firewall-rules.png \
-       src/static/img/screenshots/firewall-service-groups.png \
-       src/static/img/screenshots/pakfire-addon-services-1.png \
-       src/static/img/screenshots/pakfire-overview-1.png
-
-static_images_screenshotsdir = $(static_imagesdir)/screenshots
-
 static_images_tux_DATA = \
        src/static/img/tux/ipfire_tux_16x16.png \
        src/static/img/tux/ipfire_tux_20x20.png \
index 407f8c8e5cad13c81e4748590ee48ff340835f40..02582dced90d2f84e5005f4577009d4e4e961a03 100644 (file)
@@ -231,17 +231,6 @@ section {
 
 // Sidebar navigation
 
-#sidebar .nav {
-       position: fixed;
-}
-
-.feature_icons {
-       width: 40px;
-       height: 100%;
-       float: left;
-       margin-right: .75rem;
-}
-
 .progress {
        background-color: rgba(255, 255, 255, .2);
 }
@@ -256,17 +245,6 @@ section {
        }
 }
 
-.divider {
-       width: 128px;
-       height: 4px;
-       border-radius: 2px;
-       background-image: linear-gradient(to right, $red, $gray-400);
-       margin: 40px auto 24px auto;
-       @include media-breakpoint-up(sm) {
-               margin: 56px auto 40px auto;
-       }
-}
-
 // Animation
 @keyframes scroll {
   0%, 100%   { transform: translateY(30%); }
diff --git a/src/static/img/screenshots/firewall-connections.png b/src/static/img/screenshots/firewall-connections.png
deleted file mode 100644 (file)
index 8a096bc..0000000
Binary files a/src/static/img/screenshots/firewall-connections.png and /dev/null differ
diff --git a/src/static/img/screenshots/firewall-host-groups.png b/src/static/img/screenshots/firewall-host-groups.png
deleted file mode 100644 (file)
index 1389b06..0000000
Binary files a/src/static/img/screenshots/firewall-host-groups.png and /dev/null differ
diff --git a/src/static/img/screenshots/firewall-new-rule.png b/src/static/img/screenshots/firewall-new-rule.png
deleted file mode 100644 (file)
index 96ffe80..0000000
Binary files a/src/static/img/screenshots/firewall-new-rule.png and /dev/null differ
diff --git a/src/static/img/screenshots/firewall-rules.png b/src/static/img/screenshots/firewall-rules.png
deleted file mode 100644 (file)
index 81a7fe8..0000000
Binary files a/src/static/img/screenshots/firewall-rules.png and /dev/null differ
diff --git a/src/static/img/screenshots/firewall-service-groups.png b/src/static/img/screenshots/firewall-service-groups.png
deleted file mode 100644 (file)
index cfae6ac..0000000
Binary files a/src/static/img/screenshots/firewall-service-groups.png and /dev/null differ
diff --git a/src/static/img/screenshots/pakfire-addon-services-1.png b/src/static/img/screenshots/pakfire-addon-services-1.png
deleted file mode 100644 (file)
index 908ee07..0000000
Binary files a/src/static/img/screenshots/pakfire-addon-services-1.png and /dev/null differ
diff --git a/src/static/img/screenshots/pakfire-overview-1.png b/src/static/img/screenshots/pakfire-overview-1.png
deleted file mode 100644 (file)
index 6df106e..0000000
Binary files a/src/static/img/screenshots/pakfire-overview-1.png and /dev/null differ
index 704177fcb018bff03c0a4fe006844afde0049253..277da99c6743a0538173f506ba59a6ddffed7a4a 100644 (file)
 {% extends "../base.html" %}
 
-{% block title %}{{ _("About IPFire") }}{% end block %}
+{% block title %}{{ _("Features") }}{% end block %}
 
 {% block container %}
-       <div class="container">
-               <div class="row">
-                       <nav id="sidebar" class="col-12 col-md-3" role="dropdown">
-                               <ul class="nav flex-column features_nav">
-                                       <li class="nav-item"><a class="nav-link active" href="#about">About IPFire</a></li>
-                                       <li class="nav-item"><a class="nav-link" href="#security">Security</a></li>
-                                       <li class="nav-item"><a class="nav-link" href="#firewall">Firewall</a></li>
-                                       <li class="nav-item"><a class="nav-link" href="#pakfire">PakFire</a></li>
-                                       <li class="nav-item"><a class="nav-link" href="#updates">Updates</a></li>
-                                       <li class="nav-item"><a class="nav-link" href="#dialup">Dialup</a></li>
-                                       <li class="nav-item"><a class="nav-link" href="#proxy">Web Proxy</a></li>
-                                       <li class="nav-item"><a class="nav-link" href="#crypto">Cryptography</a></li>
-                                       <li class="nav-item"><a class="nav-link" href="#vpn">VPN</a></li>
-                                       <li class="nav-item"><a class="nav-link" href="#ids">Intrusion Detection System</a></li>
-                                       <li class="nav-item"><a class="nav-link" href="#qos">Quality of Service</a></li>
-                                       <li class="nav-item"><a class="nav-link" href="#hardware">Hardware</a></li>
-                                       <li class="nav-item"><a class="nav-link" href="#virtualization">Virtualisation</a></li>
-                                       <li class="nav-item"><a class="nav-link" href="#wlanap">Wireless Access Point</a></li>
-                               </ul>
-                       </nav>
-
-                       <section class="content col-12 col-md-9">
-                               <div class="card">
-                                       <div class="card-body">
-                                               <section id="about">
-                                                       <h3 class="mb-0">About IPFire</h3>
-                                                       <p class="text-muted">The Open Source Firewall Distribution</p>
-
-                                                       <p>
-                                                               IPFire was designed with both modularity and a high-level of
-                                                               flexibility in mind. You can easily deploy many variations of it, such as a firewall,
-                                                               a proxy server or a VPN gateway.
-                                                               The modular design ensures that it runs exactly what you've configured it for and
-                                                               nothing more. Everything is simple to manage and update through the package manager,
-                                                               making maintenance a breeze.
-                                                       </p>
-
-                                                       <p class="text-muted">
-                                                               The IPFire development team understands that security means different things to
-                                                               different people and certainly can change over time.
-                                                               The fact that IPFire is modular and flexible make it perfect for integrating
-                                                               into any existing security architecture.
-                                                               Don't forget that ease-of-use is a key principle.
-                                                               If all this sounds a little too much for you, IPFire comes with great default
-                                                               settings out-of-the-box, meaning it's a snap to get going quickly!
-                                                       </p>
-                                               </section>
-
-                                               <div class="divider"></div>
-
-                                               <section id="security">
-                                                       <h3>{{ _("Security") }}</h3>
-
-                                                       <p>
-                                                               The primary objective of IPFire is security.
-                                                               As there is of course no one, single way to achieve network security, it is important
-                                                               for a network administrator to understand their environment and what the term
-                                                               <em>security</em> means in the context of their own network.
-                                                               IPFire forms the base of a secure network.
-                                                               It has the power to segment networks based on their respective security levels
-                                                               and makes it easy to create custom policies that manage each segment
-                                                               (see the Firewall page for more information).
-                                                       </p>
-
-                                                       <p>
-                                                               Security of the modular components is a top priority.
-                                                               Updates are digitally signed and encrypted, as well as can be automatically installed
-                                                               by Pakfire (<a href="#updates">the IPFire package management system</a>).
-                                                               Since IPFire is typically directly connected to the Internet, it is going to be a
-                                                               primary target for hackers and other threats.
-                                                               The simple Pakfire package manager helps administrators feel confident that
-                                                               they are running the latest security updates and bug fixes for all of the
-                                                               components they utilize.
-                                                       </p>
-
-                                                       <p>
-                                                               <span class="badge badge-success">IPFire 2.15 - Core Update 77</span>
-                                                               <a href="//planet.ipfire.org/post/feature-highlights-ipfire-2-15-1-hardening-the-system">Since IPFire 2.15</a>,
-                                                               the IPFire Linux kernel is patched with the
-                                                               <a href="//grsecurity.net">grsecurity</a> patchset, which
-                                                               pro-actively hardens the kernel against various forms of attacks.
-                                                               Most importantly, it protects from zero-day exploits by
-                                                               eliminating entire bug classes and exploit vectors.
-                                                               It makes stack buffer overflows almost impossible to exploit
-                                                               and comes with strict access controls, that make it
-                                                               harder for attackers to cause harm to the system.
-                                                       </p>
-                                               </section>
-
-                                               <div class="divider"></div>
-
-                                               <section id="firewall">
-                                                       <h3>{{ _("Firewall") }}</h3>
-
-                                                       <p>
-                                                               IPFire employs a Stateful Packet Inspection (SPI) firewall,
-                                                               which is built on top of netfilter (the Linux packet filtering framework).
-                                                       </p>
-
-                                                       <p>
-                                                               During the installation of IPFire, the network is configured into different,
-                                                               separate segments.
-                                                               This segmented security scheme means that there is a perfect place for each
-                                                               machine in the network.
-                                                               These different segments may be enabled separately, depending on your requirements.
-                                                               Each segment represents a group of computers who share a common security level:
-                                                       </p>
-
-                                                       <div class="row">
-                                                               <div class="col-2 text-center">
-                                                                       <span class="fas fa-shield-alt fa-4x text-success"></span>
-                                                               </div>
-
-                                                               <div class="col">
-                                                                       <p>
-                                                                               Green represents a "safe" area.
-                                                                               This is where all regular clients will reside.
-                                                                               It is usually comprised of a wired, local network.
-                                                                               Clients on Green can access all other network
-                                                                               segments without restriction.
-                                                                       </p>
-                                                               </div>
-                                                       </div>
-
-                                                       <div class="row">
-                                                               <div class="col-2 text-center">
-                                                                       <span class="fas fa-exclamation-triangle fa-4x text-danger"></span>
-                                                               </div>
-
-                                                               <div class="col">
-                                                                       <p>
-                                                                               Red indicates "danger" or the connection to the Internet.
-                                                                               Nothing from Red is permitted to pass through the
-                                                                               firewall unless specifically configured by the
-                                                                               administrator.
-                                                                       </p>
-                                                               </div>
-                                                       </div>
-
-                                                       <div class="row">
-                                                               <div class="col-2 text-center">
-                                                                       <span class="fas fa-wifi fa-4x text-info"></span>
-                                                               </div>
-
-                                                               <div class="col">
-                                                                       <p>
-                                                                               Blue represents the "wireless" part of the local
-                                                                               network (chosen because it's the color of the sky).
-                                                                               Since the wireless network has the potential for abuse,
-                                                                               it is uniquely identified and specific rules govern
-                                                                               clients on it.
-                                                                               Clients on this network segment must be explicitly
-                                                                               allowed before they may access the network.
-                                                                       </p>
-                                                               </div>
-                                                       </div>
-
-                                                       <div class="row">
-                                                               <div class="col-2 text-center">
-                                                                       <span class="fas fa-server fa-4x text-warning"></span>
-                                                               </div>
-
-                                                               <div class="col">
-                                                                       <p>
-                                                                               Orange is referred to as the "demilitarized zone" (DMZ).
-                                                                               Any servers which are publicly accessible are separated
-                                                                               from the rest of the network here to limit security
-                                                                               breaches.
-                                                                       </p>
-                                                               </div>
-                                                       </div>
-
-                                                       <p class="mb-5">
-                                                               <span class="label label-success">IPFire 2.15 - Core Update 77</span>
-                                                               With IPFire 2.15, the graphical user interface has been completely rewritten
-                                                               and massively extended with new functionality.
-                                                               It is now possible to manage groups of hosts or services. That makes it simpler
-                                                               to create many similar rules for a great number of hosts, networks or services.
-                                                       </p>
-
-                                                       <h5>Managing firewall rules has never been easier before.</h5>
-
-                                                       <p>
-                                                               Because even with a big number of rules, the configuration remains
-                                                               easily manageable and that makes it possible to build more restrictive
-                                                               configurations without losing control.
-                                                       </p>
-
-                                                       <p>
-                                                               Additionally, the firewall can be used to control outbound Internet
-                                                               access from any segment.
-                                                               This feature gives the network administrator complete control
-                                                               over how their network is configured and secured.
-                                                       </p>
-
-                                                       <p class="mb-5">
-                                                               <a href="//wiki.ipfire.org/en/configuration/firewall/start">
-                                                                       Firewall Documentation
-                                                               </a>
-                                                       </p>
-
-                                                       <h5>Web User-Interface screenshots</h5>
-
-                                                       <div class="row my-gallery" itemscope itemtype="https://schema.org/ImageGallery">
-                                                               <figure class="col-sm-12 col-md-3" itemprop="associatedMedia" itemscope itemtype="https://schema.org/ImageObject">
-                                                                       <a class="thumbnail" href="{{ static_url("img/screenshots/firewall-rules.png") }}" itemprop="contentUrl" data-size="999x589">
-                                                                               <img class="img-fluid" src="{{ static_url("img/screenshots/firewall-rules.png") }}" itemprop="thumbnail" alt="{{ _("Screenshot") }}">
-                                                                       </a>
-                                                               </figure>
-
-                                                               <figure class="col-sm-12 col-md-3" itemprop="associatedMedia" itemscope itemtype="https://schema.org/ImageObject">
-                                                                       <a class="thumbnail" href="{{ static_url("img/screenshots/firewall-new-rule.png") }}" itemprop="contentUrl" data-size="1033x1077">
-                                                                               <img class="img-fluid" src="{{ static_url("img/screenshots/firewall-new-rule.png") }}" itemprop="thumbnail" alt="{{ _("Screenshot") }}">
-                                                                       </a>
-                                                               </figure>
-
-                                                               <figure class="col-sm-12 col-md-3" itemprop="associatedMedia" itemscope itemtype="https://schema.org/ImageObject">
-                                                                       <a class="thumbnail" href="{{ static_url("img/screenshots/firewall-service-groups.png") }}" itemprop="contentUrl" data-size="977x825">
-                                                                               <img class="img-fluid" src="{{ static_url("img/screenshots/firewall-service-groups.png") }}" itemprop="thumbnail" alt="{{ _("Screenshot") }}">
-                                                                       </a>
-                                                               </figure>
-                                                       </div>
-
-                                                       <div class="row my-gallery">
-                                                               <figure class="col-sm-12 col-md-3" itemprop="associatedMedia" itemscope itemtype="https://schema.org/ImageObject">
-                                                                       <a class="thumbnail" href="{{ static_url("img/screenshots/firewall-host-groups.png") }}" itemprop="contentUrl" data-size="1029x675">
-                                                                               <img class="img-fluid" src="{{ static_url("img/screenshots/firewall-host-groups.png") }}" itemprop="thumbnail" alt="{{ _("Screenshot") }}">
-                                                                       </a>
-                                                               </figure>
-
-                                                               <figure class="col-sm-12 col-md-3" itemprop="associatedMedia" itemscope itemtype="https://schema.org/ImageObject">
-                                                                       <a class="thumbnail" href="{{ static_url("img/screenshots/firewall-connections.png") }}" itemprop="contentUrl" data-size="776x686">
-                                                                               <img class="img-fluid" src="{{ static_url("img/screenshots/firewall-connections.png") }}" itemprop="thumbnail" alt="{{ _("Screenshot") }}">
-                                                                       </a>
-                                                               </figure>
-                                                       </div>
-                                               </section>
-
-                                               <div class="divider"></div>
-
-                                               <section id="pakfire">
-                                                       <h3 class="mb-0">Pakfire</h3>
-                                                       <p class="text-muted">{{ _("The IPFire package management system") }}</p>
-
-                                                       <p>
-                                                               From a technical point of view, IPFire is a minimalistic, hardened firewall system
-                                                               which comes with an integrated package manager called Pakfire.
-                                                               The primary task of Pakfire is to update the system with only a single click.
-                                                               It is very easy to install <a href="/features/updates">security patches,
-                                                               bugfixes and feature enhancements</a>, which make IPFire safer and faster
-                                                               - or simply: better.
-                                                       </p>
-
-                                                       <p>
-                                                               Another task of Pakfire is to install additional software that adds new
-                                                               functionality to the IPFire system.
-
-                                                               Some useful of them are:
-
-                                                               <ul>
-                                                                       <li>File sharing services such as Samba and vsftpd</li>
-                                                                       <li>Communications server using Asterisk</li>
-                                                                       <li>
-                                                                               Various command-line tools as <em>tcpdump</em>,
-                                                                               <em>nmap</em>, <em>traceroute</em> and many more.
-                                                                       </li>
-                                                               </ul>
-                                                       </p>
-
-                                                       <div class="row my-gallery mb-5" itemscope itemtype="https://schema.org/ImageGallery">
-                                                               <figure class="col-sm-12 col-md-3" itemprop="associatedMedia" itemscope itemtype="https://schema.org/ImageObject">
-                                                                       <a class="thumbnail" href="{{ static_url("img/screenshots/pakfire-overview-1.png") }}" itemprop="contentUrl" data-size="770x508">
-                                                                               <img class="img-fluid" src="{{ static_url("img/screenshots/pakfire-overview-1.png") }}" itemprop="thumbnail" alt="{{ _("Screenshot") }}">
-                                                                       </a>
-                                                               </figure>
-
-                                                               <figure class="col-sm-12 col-md-3" itemprop="associatedMedia" itemscope itemtype="https://schema.org/ImageObject">
-                                                                       <a class="thumbnail" href="{{ static_url("img/screenshots/pakfire-addon-services-1.png") }}" itemprop="contentUrl" data-size="698x284">
-                                                                               <img class="img-fluid" src="{{ static_url("img/screenshots/pakfire-addon-services-1.png") }}" itemprop="thumbnail" alt="{{ _("Screenshot") }}">
-                                                                       </a>
-                                                               </figure>
-                                                       </div>
-
-                                                       <h5>Pakfire as a build system</h5>
-
-                                                       <p>
-                                                               The next major release of IPFire will also ship a new generation
-                                                               of the Pakfire packagement system.
-                                                               This new generation has been made faster, more secure, more
-                                                               easy to handle and adds a whole bunch of new features.
-                                                       </p>
-
-                                                       <p>
-                                                               One of this features is that pakfire is now the
-                                                               buildsystem as well. Having a customized build system for
-                                                               the needs of IPFire and the IPFire developers improved
-                                                               the development process very much. Building new packages
-                                                               became a lot more easy and less time-consuming.
-                                                       </p>
-
-                                                       <p>
-                                                               Quality assurance became more social right now. Check it
-                                                               out at <a href="//pakfire.ipfire.org/">pakfire.ipfire.org</a>.
-                                                       </p>
-                                               </section>
-
-                                               <div class="divider"></div>
-
-                                               <section id="updates">
-                                                       <h3>{{ _("Updates") }}</h3>
-
-                                                       <p>
-                                                               IPFire is based on Linux, which is the best Open Source kernel around.
-                                                               Additionally, IPFire is <strong>not</strong> based on any other
-                                                               distribution like Knoppix is on Debian. It is compiled from the sources
-                                                               of every single package. This consumes a lot of work, but finally
-                                                               gives the opportunity to not rely on the update cycles of others.
-                                                               The advantages we gain is that we are able to select very stable
-                                                               versions of software and build the distribution from them. For example
-                                                               is the most part of the distribution quite well tested and long maintained
-                                                               - in contrast to the kernel which is very recent and regularly updated
-                                                               with patches to support as much hardware as possible and more importantly
-                                                               fix security errors.
-                                                       </p>
-
-                                                       <p>
-                                                               This is what makes IPFire a very strong and hardened system.
-                                                       </p>
-
-                                                       <p>
-                                                               To keep up that strength and be prepared for new
-                                                               <a href="/features/hardware">hardware</a>, we give
-                                                               out the so called <strong>Core Updates</strong> which are issued in
-                                                               about every four weeks and updating collected fixes. If there is a
-                                                               security emergency,     we provide updates in less than a day to overcome
-                                                               zero-day holes in the system.
-                                                       </p>
-
-                                                       <p>
-                                                               All of the updates can be installed by the
-                                                               <a href="/features/pakfire">package management system</a>
-                                                               and users are notified by mail. So in all cases, the update is just
-                                                               a simple click and your system is running safe again.
-                                                       </p>
-                                               </section>
-
-                                               <div class="divider"></div>
-
-                                               <section id="dialup">
-                                                       <h3>{{ _("Dialup") }}</h3>
-
-                                                       <p>
-                                                               IPFire as an Internet Gateway is able to dialup through various techniques
-                                                               to connect to the Internet.
-                                                       </p>
-
-                                                       <p>
-                                                               It supports all popular types of broadband access, as well as mobile access:
-                                                       </p>
-
-                                                       <ul>
-                                                               <li>
-                                                                       <strong>VDSL</strong><br>
-                                                                       VDSL is short for <em>Very High Data Rate Digital Subscriber Line</em> and
-                                                                       it currently offers bandwidth up to 50 Mbit/s downstream and 10 Mbit/s upstream.
-                                                                       VDSL brings the possibility of using new technologies such as IPTV. With IPFire, a conventional
-                                                                       router can be replaced by a full-fledged system that brings the IPTV stream into your own home network.
-                                                               </li>
-                                                               <li>
-                                                                       <strong>ADSL / SDSL</strong><br>
-                                                                       Conventional DSL is also supported, although it is technically
-                                                                       called also PPPoE or PPPoA. In some countries, the PPTP protocol is also widely used and it is also fully
-                                                                       supported by IPFire.
-                                                               </li>
-                                                               <li>
-                                                                       <strong>Ethernet</strong><br>
-                                                                       Over Ethernet, IPFire can also be connected to the Internet and obtain
-                                                                       an IP address either via DHCP or static configuration.
-                                                               </li>
-                                                               <li>
-                                                                       <strong>4G / 3G</strong><br>
-                                                                       Mobile broadband connections over USB modems, which are also known by the names
-                                                                       UMTS, 3G, CDMA, HSDPA or LTE are also supported by IPFire.
-                                                               </li>
-                                                       </ul>
-                                               </section>
-
-                                               <div class="divider"></div>
-
-                                               <section id="proxy">
-                                                       <h3>{{ _("Web proxy") }}</h3>
-
-                                                       <p>
-                                                               IPFire includes a full-fledged web proxy, which is the well-known, open-source software Squid. It is used by ISPs, universities, schools and large companies use because of its diversity, stability and mature development. Even for small home networks, it
-                                                               is a useful feature. In addition to the stateful paket inspection (SPI) filtering by the firewall on
-                                                               the TCP/IP layer, the web content which is transmitted over HTTP, HTTPS or FTP can be analysed
-                                                               and filtered as well.
-                                                       </p>
-
-                                                       <ul class="mb-5">
-                                                               <li>
-                                                                       <strong>Security:</strong> The client does not query web servers directly, it queries the proxy first.
-                                                                       The server response goes back to the proxy and not to the client, which actually does not technically even appear on the
-                                                                       Internet. A related attack would therefore primarily reach the proxy and not the client. There are also
-                                                                       functions available for data privacy, which is an significant advantage in comparison to a pure NAT router.
-                                                               </li>
-                                                               <li>
-                                                                       <strong>Authentication:</strong> Using the access lists, the web proxy can also be configured to allow
-                                                                       access only after a user has been authenticated. At this point you have the choice between LDAP, identd,
-                                                                       Windows, Radius or local authentication methods. The web proxy can connect, for example to a
-                                                                       Microsoft Windows domain controller and only the users of that Windows domain can be granted access to the Internet.
-                                                               </li>
-                                                               <li>
-                                                                       <strong>Authorization:</strong> If the Internet access needs to  be limited to specific time of a day,
-                                                                       or if it should be even completely disabled for any clients, is this easily configured by the
-                                                                       “network-based access control”, which can also be found on the IPFire web interface. A useful application for this feature can be for example, a school classroom.
-                                                               </li>
-                                                               <li>
-                                                                       <strong>Logging:</strong> Since each access can be logged over the proxy, possibilities for the
-                                                                       examination of the accessed content can be very useful, as well as statistics and bills can be issued afterwards.
-                                                                       Through the use of a logfile analyzer named Calamaris, log files can be charted by varying criteria
-                                                                       on the IPFire web interface.
-                                                               </li>
-                                                               <li>
-                                                                       <strong>Bandwidth management:</strong> The download management function allows for control of the bandwidth
-                                                                       to specified zones. Thus, content-based throttling (for example for binary files, CD images or
-                                                                       multimedia content) is configurable with bandwidth limitations for individual zones or for each host
-                                                                       in a particular zone.
-                                                               </li>
-                                                       </ul>
-
-                                                       <h5>{{ _("Content filter") }}</h5>
-
-                                                       <p>
-                                                               SquidGuard is a URL filter add-on which is connected via the redirector mechanism of the proxy.
-                                                               The heart of SquidGuard is something called a "blacklist." This is a content control list created by the official site. These lists contain a number of categorically-classified websites and can be kept up-to-date automatically. There are different, independent
-                                                               sources for pre-built blacklists available, which allow among other classes filtering for adult
-                                                               content, shopping, warez, social networking, or sites containing violent/abusive content.
-                                                       </p>
-
-                                                       <p>
-                                                               Individual extensions for particular domains or URLs can be set up on the IPFire web interface for
-                                                               blacklists and whitelists as well. IPFire also offers a black list editor, that makes the editing
-                                                               and creating your own blacklists quite easy.
-                                                       </p>
-
-                                                       <p>
-                                                               Possible areas of application for the SquidGuard on IPFire are:
-                                                       </p>
-
-                                                       <ul class="mb-5">
-                                                               <li>
-                                                                       Block or restrict Internet content conditionally by time, user and/or computers.
-                                                               </li>
-                                                               <li>
-                                                                       Preventing access to certain (eg. youth-endangering) pages and content categories.
-                                                               </li>
-                                                               <li>
-                                                                       Hiding advertising.
-                                                               </li>
-                                                       </ul>
-
-                                                       <h5>{{ _("Update accelerator") }}</h5>
-
-                                                       <p>
-                                                               The Update Accelerator is a feature that can greatly accelerate deploying updates for operating systems.
-                                                               All downloaded updates are cached and if requested another time, are delivered from the cache.
-                                                       </p>
-
-                                                       <p>
-                                                               For example, Service Packs for Microsoft Windows (which often are several hundred megabytes) are cached for future retrieval, as well as virus scanner definition updates and other product updates which the system automatically identifies. This saves a massive amount of time when updating large amounts of computers (such as corporate networks).
-                                                       </p>
-
-                                                       <h5>{{ _("Transparent virus scanner") }}</h5>
-
-                                                       <p>
-                                                               The package manager Pakfire offers the addon SquidClamAV - a virus scanner for the web proxy. This checks in real-time all web traffic for viruses, utilizing the ClamAV virus definitions and scanning engine.
-                                                       </p>
-
-                                                       <p>
-                                                               The additional protection to a conventional virus scanner lies in the fact that the files are transparently checked before ever making it to the client machine before the client machine's virus scan can be performed. So potentially-malicious files are blocked by
-                                                               SquidClamAV before the client's actual download.
-                                                       </p>
-                                               </section>
-
-                                               <div class="divider"></div>
-
-                                               <section id="crypto">
-                                                       <h3>{{ _("Cryptography") }}</h3>
-
-                                                       <p class="mb-5">
-                                                               Cryptography is one of the foundations for various services
-                                                               like <a href="#vpn">VPNs</a> and secure communication on the Internet.
-                                                               Therefore, IPFire is putting an emphasis on this topic.
-                                                       </p>
-
-                                                       <h5>{{ _("Hardware Acceleration") }}</h5>
-
-                                                       <p>
-                                                               <span class="badge badge-success">IPFire 2.15 - Core Update 77</span>
-                                                               IPFire can use various crypto processors like those to be found
-                                                               in AMD Geode CPUs, the VIA Padlock or CPU extensions like AES-NI
-                                                               of recent Intel and AMD CPUs.
-                                                               These help us to achieve much better throughput where ever
-                                                               data is sent through an encrypted tunnel.
-                                                       </p>
-
-                                                       <ul class="mb-5">
-                                                               <li>
-                                                                       <a href="//wiki.ipfire.org/en/cryptography/hardware">
-                                                                               List of supported crypto hardware
-                                                                       </a>
-                                                               </li>
-                                                       </ul>
-
-                                                       <h5>{{ _("Random Number Generators") }}</h5>
-
-                                                       <p>
-                                                               <span class="badge badge-success">IPFire 2.15 - Core Update 77</span>
-                                                               IPFire is also able to use various random hardware number generators
-                                                               to seed the kernel's entropy pool. That entropy is needed to generate
-                                                               secure keys and speeds up cryptographic operations as well.
-                                                       </p>
-
-                                                       <ul>
-                                                               <li>
-                                                                       <a href="//wiki.ipfire.org/en/cryptography/entropy">
-                                                                               List of supported hardware random number generators
-                                                                       </a>
-                                                               </li>
-                                                       </ul>
-                                               </section>
-
-                                               <div class="divider"></div>
-
-                                               <section id="vpn">
-                                                       <h3 class="mb-0">{{ _("VPN") }}</h3>
-                                                       <p class="text-muted">{{ _("Virtual Private Networks") }}</p>
-
-                                                       <p>
-                                                               IPFire also includes functionality to create virtual private networks (VPN).
-                                                               A VPN is a gateway which connects remote networks to the local one using an
-                                                               encrypted link.
-                                                               Uses for a VPN include business connections to branch offices or datacenters,
-                                                               as well as providing traveling staff with a secure portal to the corporate network.
-                                                       </p>
-
-                                                       <p class="mb-5">
-                                                               For maximum flexibility, IPFire uses both IPsec and OpenVPN protocols,
-                                                               giving administrators maximum flexibility when configuring their VPN.
-                                                               Use of these protocols allows IPFire to connect to a variety of VPN endpoint
-                                                               devices by manufacturers such as Cisco, Juniper, Checkpoint, etc.
-                                                       </p>
-
-                                                       <h5>{{ _("IPsec") }}</h5>
-
-                                                       <p>
-                                                               IPsec is a widely-deployed VPN solution that was originally developed to be used in conjunction with IPv6. Because it was so secure and IPv6 was so slowly deployed, it was backported to secure IPv4 traffic as well.
-                                                       </p>
-
-                                                       <p>
-                                                               In contrast to SSL-VPNs, IPsec is hard to set-up. In IPFire, we
-                                                               thought about how to make this technology easy-to-use and as a result, there
-                                                               is a web user interface that handles all settings and takes care of the rest
-                                                               of the configuration for you. It also keeps the tunnels alive and
-                                                               re-establishes them automatically after a remote site has lost the connection. A secure connection to a branch office, a
-                                                               business partner, or a home office is done within a couple of minutes
-                                                               and compatible with all other implementations.
-                                                       </p>
-
-                                                       <p class="mb-5">
-                                                               This high-level of compatibility is achieved by using the free
-                                                               implementation called
-                                                               <a href="//www.strongswan.org" target="_blank">strongSwan</a>. It is maintained by Andreas Steffen, who is a professor for security in communications and head of the Institute for Internet Technologies
-                                                               and Applications at the University of Applied Sciences Rapperswil, in
-                                                               Switzerland. StrongSwan also works with all current, major operating systems, such as Microsoft
-                                                               Windows 7, Microsoft Windows Vista and macOS.
-                                                       </p>
-
-                                                       <h5>{{ _("OpenVPN") }}</h5>
-
-                                                       <p>
-                                                               OpenVPN is a frequently-encountered and most popular representative
-                                                               of the class of Open Source SSL VPNs.
-                                                               Its relative ease of configuration has again, been made easier
-                                                               by the IPFire web interface. The firewall settings are controlled
-                                                               by IPFire automatically, as well as the required certificates will be
-                                                               generated with a few mouse clicks and can be downloaded and distributed
-                                                               as a very compact client package.
-                                                       </p>
-
-                                                       <p>
-                                                               Due to its high compatibility to all sorts of operating systems,
-                                                               such as Microsoft Windows, macOS, Linux, Android and many more,
-                                                               it is perfectly useful for roadwarrior connections.
-                                                               With those, it is easy to connect your laptop, phone, tablet or
-                                                               other devices to your company network, which makes it easy to
-                                                               work from anywhere in the world.
-                                                       </p>
-
-                                                       <p>
-                                                               But besides connecting portable devices, OpenVPN can also be used
-                                                               to securely connect branches to the headquater.
-                                                               This makes it easy to access resources on other networks
-                                                               remotely without any complicated configuration on each client
-                                                               on your local network.
-                                                       </p>
-                                               </section>
-
-                                               <div class="divider"></div>
-
-                                               <section id="ids">
-                                                       <h3>{{ _("Intrusion detection system") }}</h3>
-
-                                                       <p>
-                                                               An Intrusion Dection System (or IDS), is a piece of software designed to detect attacks against computer systems
-                                                               and networks. Thereby the IDS will analyze the network traffic and search for attack samples. If someone
-                                                               scans the ports of the IPFire-System to see which services are available, the IDS will immediately notice it.
-                                                       </p>
-
-                                                       <p>
-                                                               An Intrusion Prevention System (or IPS), in addition to the detection system, will perform actions.
-                                                               The IPS gets the information from the IDS and reacts accordingly. That means, recalling the example above with
-                                                               the portscan, the system would automatically block the attacker immediately in order to prevent further inquiries.
-                                                       </p>
-
-                                                       <p>
-                                                               It is possible to use IDS and IPS on the IPFire system. We call this system "Intrusion Detection
-                                                               and Prevention System" (or IDPS). A very important deputy of this system is Snort, the free Network Intrusion Dection System
-                                                               (NIDS). It analyzes the network traffic and if something abnormal happens, it will log the event. IPFire gives you
-                                                               the possibility to see it very explicitly in the web interface.
-                                                       </p>
-
-                                                       <p>
-                                                               For automatic prevention, IPFire has an add-on called Guardian which can be installed optionally.
-                                                       </p>
-
-                                                       <p>
-                                                               An IDPS is a wise addition to the normal packet filter. It makes intelligent decisions about
-                                                               incoming and outgoing network traffic and how to deal with it.
-                                                       </p>
-                                               </section>
-
-                                               <div class="divider"></div>
-
-                                               <section id="qos">
-                                                       <h3>{{ _("Quality of Service") }}</h3>
-
-                                                       <p>
-                                                               Quality of Service (QoS) is able to save the quality of a service on one internet connection. This
-                                                               means that on a highly-utilized internet connection, a service (for example VoIP) gets a stable size of bandwidth,
-                                                               to transfer the information without delay and without loss. This is at the expense of the other
-                                                               data flows on the line, which is tolerated, albeit transmitted more slowly (such as a file upload to an FTP server).
-                                                       </p>
-
-                                                       <p>
-                                                               QoS does not only increase the functionality of real-time services, but also offers a little bit of overall improvement. For example:
-                                                       </p>
-
-                                                       <ul>
-                                                               <li>
-                                                                       <strong>Connections establish much faster.</strong>
-                                                                       This is works very well on busy links.
-                                                               </li>
-                                                               <li>
-                                                                       <strong>Connections are much more stable.</strong>
-                                                                       Every service gets a minimum, guaranteed amount of bandwidth.
-                                                               </li>
-                                                       </ul>
-
-                                                       <p>
-                                                               For the classification of the packets, a Level-7-Filter is used. It also analyses the content, as well as the source-ports/IPs, and destination-ports/IPs of the packets. With that analysis, it will decide if it's a long download or a real-time
-                                                               protocol and then subsequently determines the optimal use of the connection.
-                                                       </p>
-
-                                                       <p>
-                                                               To put all in a nutshell, QoS reduces the latency and packet loss of an
-                                                               internet connection. This is certainly a function that you don't want to miss where bandwidth is limited.
-                                                       </p>
-                                               </section>
-
-                                               <div class="divider"></div>
-
-                                               <section id="hardware">
-                                                       <h3>{{ _("Hardware") }}</h3>
-
-                                                       <p>
-                                                               Since IPFire is based on a recent version of the Linux kernel, it supports most
-                                                               of the latest hardware such as 10Gbit network cards and a variety of wireless
-                                                               hardware out of the box.
-                                                               The IPFire developers are very concerned with the ability to run IPFire as many
-                                                               system variations as possible.
-                                                               This helps IPFire to run on older or cheap hardware, as well as high-performance systems.
-                                                       </p>
-
-                                                       <p>
-                                                               Minimum system requirements are an Intel Pentium I (i586),
-                                                               512MB RAM and 2GB hard drive space.
-                                                       </p>
-
-                                                       <p class="mb-5">
-                                                               Some add-ons have extra requirements to perform smoothly.
-                                                               On a system that fits the hardware requirements, IPFire
-                                                               is able to serve hundreds of clients simultaneously.
-                                                       </p>
-
-                                                       <h5>Heads up: More architectures in development!</h5>
-
-                                                       <p>
-                                                               The IPFire project is always interested in creating systems
-                                                               which save the environment. The ARM architecture consumes
-                                                               much less power and certainly has a lot of potential.
-                                                       </p>
-
-                                                       <!-- <p>
-                                                               More about this may be found on the
-                                                               <a href="/features/ports/arm">ARM project page</a>.
-                                                       </p> -->
-                                               </section>
-
-                                               <div class="divider"></div>
-
-                                               <section id="virtualization">
-                                                       <h3>{{ _("Virtualization") }}</h3>
-
-                                                       <p class="mb-5">
-                                                               IPFire brings many front-end drivers for high-performance virtualization
-                                                               and can be run as virtual guest operating system on the following
-                                                               virtualization platforms.
-                                                               It has also been optimized to some of the mostly distributed ones to bring
-                                                               the best possible performance without impacting the hardware very much.
-                                                       </p>
-
-                                                       <h5>Supported hypervisors</h5>
-
-                                                       <ul class="mb-5">
-                                                               <li>
-                                                                       <strong>KVM</strong><br>
-                                                                       <a href="//www.linux-kvm.org">KVM</a> is short for
-                                                                       Kernel-based Virtual Machine and is developed by
-                                                                       <a href="//www.redhat.com">Red Hat Inc.</a>.
-                                                                       It is becoming the most advanced hypervisor and succeeding Xen, which
-                                                                       has been used so far.<br>
-                                                                       IPFire is coming with the <em>virtio</em> kernel modules, that have best
-                                                                       performance due to very less virtualization overhead.
-                                                               </li>
-                                                               <li>
-                                                                       <strong>VMware</strong><br>
-                                                                       IPFire runs on different VMware products like <em>vSphere</em>,
-                                                                       <em>ESXi</em> and <em>VMware workstation</em>. The additional package
-                                                                       <em>open-vm-tools</em> offers tools for a better integration.
-                                                               </li>
-                                                               <li>
-                                                                       <strong>Xen</strong>
-                                                                       Xen has recently been the de-facto Open Source hypervisor but is now
-                                                                       succeeded by KVM.<br>
-                                                                       IPFire can optionally be run with a paravirtualized kernel, which has very
-                                                                       less virtualization overhead as well. To make the installation very easy,
-                                                                       a pregenerated Xen image can be downloaded from the download page.
-                                                               </li>
-                                                               <li>
-                                                                       <strong>Others</strong>
-                                                                       IPFire is not limited to the hypervisors described above. It runs perfectly on
-                                                                       <em>Qemu</em>, <em>Microsoft Hyper-V</em> or <em>Oracle VirtualBox</em>, too.
-                                                               </li>
-                                                       </ul>
-
-                                                       <h5>A note on virtualization</h5>
-
-                                                       <p>
-                                                               Virtualization does have advantages, but it is not without disadavantages.
-                                                               There is always the possibility that the VM container security can be
-                                                               bypassed in some way and a hacker can gain access beyond the VM.
-                                                               Because of this, it is not suggested to use IPFire as a virtual machine
-                                                               in a production-level environment.
-                                                       </p>
-                                               </section>
-
-                                               <div class="divider"></div>
-
-                                               <section id="wlanap">
-                                                       <h3>{{ _("Wireless Access Point") }}</h3>
-
-                                                       <p>
-                                                               IPFire offers several options for the integration of wireless clients. First, an access point can
-                                                               be connected via a LAN card. In this scenario, IPFire offers MAC/IP address filtering to allow only authorized
-                                                               clients. The clients are allowed by default to access the Internet, but they are not allowed access the local LAN.
-                                                               The second option is to install a wireless LAN (WLAN) card in the IPFire machine that takes the functionality of the access
-                                                               point over, using the add-on "hostapd". This add-on supports both unencrypted and WPA/WPA2-encrypted connections. Also
-                                                               the use of 5 GHz (802.11a standard) is possible if the wireless card supports it.
-                                                       </p>
-
-                                                       <p>
-                                                               Wireless card support in IPFire is excellent. The drivers in the stable kernel are very up-to-date
-                                                               and IPFire therefore supports a significant amount of WLAN cards.
-                                                       </p>
-                                               </section>
+       <section>
+               <div class="container">
+                       <div class="row">
+                               <div class="col col-lg-6">
+                                       <h1 class="display-2">{{ _("Features") }}</h1>
+
+                                       <p>
+                                               {{ _("IPFire is a powerful and professional firewall solution") }}
+                                               <br>
+                                               {{ _("Learn what it can do") }}
+                                       </p>
+                               </div>
+                       </div>
+               </div>
+       </section>
+
+       <section class="inverse">
+               <div class="container">
+                       <div class="row">
+                               <div class="col-12 col-md-3 d-flex align-items-center justify-content-center justify-content-md-start">
+                                       <span class="fas fa-shield-alt fa-10x text-primary"></span>
+                               </div>
+
+                               <div class="col-12 col-md-9">
+                                       <h1>{{ _("Security") }}</h1>
+
+                                       <p>
+                                               The primary objective of IPFire is security.
+                                               Its easy to configure firewall engine and Intrusion Detection System
+                                               prevent any attackers from breaking into your network.
+                                               In the default configuration, the network is split into various zones
+                                               with different security policies such as a LAN and DMZ to manage
+                                               risks inside the network and have custom configuration for the specific
+                                               needs of each segment of the network.
+                                       </p>
+
+                                       <p>
+                                               But even the firewall needs to protect itself.
+                                               IPFire is built from scratch and not based on any other distribution.
+                                               This allows the developers to harden IPFire better than any other
+                                               server operating system and build all components specifically for use
+                                               as a firewall.
+                                       </p>
+
+                                       <p>
+                                               Frequent updates keep IPFire strong against security vulnerabilities
+                                               and new attack vectors.
+                                       </p>
+                               </div>
+                       </div>
+               </div>
+       </section>
+
+       <section>
+               <div class="container">
+                       <div class="row flex-md-row-reverse">
+                               <div class="col-12 col-md-3 d-flex align-items-center justify-content-center justify-content-md-end">
+                                       <span class="fas fa-fire fa-10x"></span>
+                               </div>
+
+                               <div class="col-12 col-md-9">
+                                       <h1>{{ _("Firewall") }}</h1>
+
+                                       <p>
+                                               IPFire employs a Stateful Packet Inspection (SPI) firewall,
+                                               which is built on top of Netfilter, the Linux packet filtering framework.
+                                               It filters packets fast and achieves throughputs of up to multiple
+                                               tens of Gigabit per second.
+                                       </p>
+
+                                       <p>
+                                               Its intuitive web user interface allows to create groups of hosts and
+                                               networks which can be used to keep large set of rules short and tidy -
+                                               something very important in complex environments with strict access control.
+                                               Logging and graphical reports give great insight.
+                                       </p>
+
+                                       <p>
+                                               Various settings are available to mitigate and block Denial-of-Service
+                                               attacks by filtering them directly at the firewall and not allowing them
+                                               to take down your servers.
+                                       </p>
+
+                                       <p class="mb-5">
+                                               <a class="btn btn-secondary" href="https://wiki.ipfire.org/configuration/firewall/start">
+                                                       Firewall Documentation
+                                               </a>
+                                       </p>
+
+                                       <h4>Intrusion Detection/Prevention System</h4>
+
+                                       <p>
+                                               IPFire's Intrusion Detection System (IDS) analyzes network traffic and tries to
+                                               detect exploits, leaking data and any other suspicious activity.
+                                               Upon detection, alerts are raised and the attacker is immediately blocked.
+                                       </p>
+
+                                       <p>
+                                               <a class="btn btn-secondary" href="https://wiki.ipfire.org/configuration/services/ids">
+                                                       Documentation
+                                               </a>
+                                       </p>
+                               </div>
+                       </div>
+               </div>
+       </section>
+
+       <section class="inverse">
+               <div class="container">
+                       <div class="row">
+                               <div class="col-12 col-md-3 d-flex align-items-center justify-content-center justify-content-md-start">
+                                       <span class="fas fa-network-wired fa-10x"></span>
+                               </div>
+
+                               <div class="col-12 col-md-9">
+                                       <h1>{{ _("Connecting the World") }}</h1>
+
+                                       <p>
+                                               Virtual Private Networks (VPNs) connect remote locations like data centers,
+                                               branch offices or outsourced infrastructure via an encrypted link.
+                                               IPFire allows staff to work remotely as if they would be sitting in the office
+                                               and allowing them to access all resources that they need - fast and securely.
+                                       </p>
+
+                                       <p>
+                                               IPFire supports industry standards like IPsec and OpenVPN and interoperates with
+                                               equipment from various vendors like Cisco & Juniper.
+                                               VPNs are quickly and easily set up with IPFire and employ latest cryptography.
+                                       </p>
+
+                                       <div class="row">
+                                               <div class="col-12 col-md-4">
+                                                       <a class="btn btn-secondary btn-block" href="https://wiki.ipfire.org/configuration/services/ipsec">
+                                                               VPN with IPsec
+                                                       </a>
+                                               </div>
+
+                                               <div class="col-12 col-md-4">
+                                                       <a class="btn btn-secondary btn-block" href="https://wiki.ipfire.org/configuration/services/openvpn">
+                                                               VPN with OpenVPN
+                                                       </a>
+                                               </div>
                                        </div>
                                </div>
-                       </section>
+                       </div>
                </div>
-       </div>
-
-       <!-- Icons -->
-       <svg aria-hidden="true" style="display: none">
-               <symbol id="verified" viewBox="0 0 24 24">
-                       <path d="M12 0L3 4v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V4l-9-4zm-2 16l-4-4 1.41-1.41L10 13.17l6.59-6.59L18 8l-8 8z"/>
-               </symbol>
-               <symbol id="warning" viewBox="0 0 24 24">
-                       <path d="M1 20h22L12 1 1 20zm12-3h-2v-2h2v2zm0-4h-2V9h2v4z"/>
-               </symbol>
-               <symbol id="wifi" viewBox="0 0 24 24">
-                       <path d="M1 8l2 2c4.97-4.97 13.03-4.97 18 0l2-2C16.93 1.93 7.08 1.93 1 8zm8 8l3 3 3-3a4.237 4.237 0 0 0-6 0zm-4-4l2 2a7.074 7.074 0 0 1 10 0l2-2C15.14 8.14 8.87 8.14 5 12z"/>
-               </symbol>
-               <symbol id="server" viewBox="0 0 24 24">
-                       <<path d="M13 18h1a1 1 0 0 1 1 1h7v2h-7a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1H2v-2h7a1 1 0 0 1 1-1h1v-2H4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-7v2zM4 2h16a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1zm5 4h1V4H9v2zm0 8h1v-2H9v2zM5 4v2h2V4H5zm0 8v2h2v-2H5z"/>
-               </symbol>
-       </svg>
-{% end block %}
+       </section>
+
+       <section>
+               <div class="container">
+                       <div class="row flex-md-row-reverse">
+                               <div class="col-12 col-md-3 d-flex align-items-center justify-content-center justify-content-md-end">
+                                       <span class="fas fa-box-open fa-10x"></span>
+                               </div>
+
+                               <div class="col-12 col-md-9">
+                                       <h1>{{ _("Add-ons") }}</h1>
+
+                                       <p>
+                                               From a technical point of view, IPFire is a minimalistic, hardened operating system.
+                                               To provide more functionality, it can be extended by add-ons which are installed with
+                                               IPFire's own package management system called <em>Pakfire</em>.
+                                       </p>
+
+                                       <p>
+                                               Add-ons can be handy command line tools for administrators or can extend the system
+                                               to provide additional functionality. Those include:
+
+                                               <ul>
+                                                       <li>
+                                                               Turning IPFire into a <a href="https://wiki.ipfire.org/addons/wireless/start">Wireless Access Point</a>
+                                                       </li>
+
+                                                       <li>
+                                                               Tools for Monitoring and System Health Management
+                                                       </li>
+
+                                                       <li>
+                                                               Backup, File and Print Services
+                                                       </li>
+
+                                                       <li>
+                                                               Running a <a href="https://wiki.ipfire.org/addons/tor/start">Tor</a> node
+                                                       </li>
+
+                                                       <li>
+                                                               Proxies and Relays for various protocols
+                                                       </li>
+
+                                                       <li>
+                                                               and many more...
+                                                       </li>
+                                               </ul>
+
+                                               <a class="btn btn-secondary" href="https://wiki.ipfire.org/addons/start">
+                                                       List of all Add-ons
+                                               </a>
+                                       </p>
+                               </div>
+                       </div>
+               </div>
+       </section>
+
+       <section class="inverse">
+               <div class="container">
+                       <div class="row">
+                               <div class="col-12 col-md-3 d-flex align-items-center justify-content-center justify-content-md-start">
+                                       <span class="fas fa-angle-double-right fa-10x"></span>
+                               </div>
 
-{% block javascript %}
-       <script>
-               $(document).ready(function () {
-                       $("body").scrollspy({ target: "#sidebar", offset: 148 })
-
-                       $("a[href^='#']").on("click", function(event) {
-                               var target = $(this.getAttribute("href"));
-                               if (target.length) {
-                                       event.preventDefault();
-
-                                       $("html, body").stop().animate({
-                                               scrollTop: target.offset().top - 147
-                                       }, 750);
-                               }
-                       });
-               });
-       </script>
+                               <div class="col-12 col-md-9">
+                                       <h1>{{ _("Making Your Internet Faster") }}</h1>
+
+                                       <p>
+                                               The IPFire Quality of Service (QoS) categorizes network traffic and sends it out
+                                               prioritized by how important it is to ensure a good service.
+                                               For example, a Voice-over-IP call will always have priority over a large download
+                                               to ensure that words will never get lost and call quality is always the best it can be.
+                                       </p>
+
+                                       <p>
+                                               Even on very busy links, IPFire will make sure that websites load fast and that the
+                                               network is quick and responsive by using smart queueing algorithms and getting the
+                                               most out of your bandwidth.
+                                       </p>
+
+                                       <p>
+                                               <a class="btn btn-secondary" href="https://wiki.ipfire.org/configuration/services/qos">
+                                                       Documentation
+                                               </a>
+                                       </p>
+                               </div>
+                       </div>
+               </div>
+       </section>
+
+       <section>
+               <div class="container">
+                       <div class="row flex-md-row-reverse">
+                               <div class="col-12 col-md-3 d-flex align-items-center justify-content-center justify-content-md-end">
+                                       <span class="fas fa-server fa-10x"></span>
+                               </div>
+
+                               <div class="col-12 col-md-9">
+                                       <h1>{{ _("Web proxy") }}</h1>
+
+                                       <p>
+                                               One of the most commonly used features of IPFire is the full-fledged web proxy.
+                                               It delivers and filters web content and can only allow Internet access for some
+                                               users.
+                                       </p>
+
+                                       <p>
+                                               Caching content on the firewalls disk makes websites load faster.
+                                               External regularly updated blacklists allow banning browsing on various websites
+                                               when they are for example not suitable for students.
+                                               Optionally, the IPFire web proxy can transparently scan for viruses and block
+                                               them straight away.
+                                       </p>
+
+                                       <p>
+                                               The web proxy makes IPFire perfect for schools and universities where
+                                               access control and logging is required.
+                                       </p>
+
+                                       <p>
+                                               <a class="btn btn-secondary" href="https://wiki.ipfire.org/configuration/network/proxy">
+                                                       Documentation
+                                               </a>
+                                       </p>
+                               </div>
+                       </div>
+               </div>
+       </section>
 {% end block %}