]> git.ipfire.org Git - ipfire.org.git/blobdiff - src/templates/static/features.html
features: Tidy up markup
[ipfire.org.git] / src / templates / static / features.html
index 648241fc981061948364e934c4ab5063ad03b992..017fd693e114d0f059b1ffafd54df95894b5a5a4 100644 (file)
@@ -36,7 +36,7 @@
                                        <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 features">
                                <div class="card">
                                        <div class="card-body">
@@ -44,7 +44,7 @@
                                                        <h3 class="text-center mb-0">About IP<strong>Fire</strong></h3>
                                                        <p class="text-center text-muted">The Open Source Firewall Distribution</p>
 
-                                                       <p class="copy">
+                                                       <p>
                                                                IP<strong>Fire</strong> 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.
@@ -52,7 +52,8 @@
                                                                nothing more. Everything is simple to manage and update through the package manager,
                                                                making maintenance a breeze.
                                                        </p>
-                                                       <p class="copy">
+
+                                                       <p class="text-muted">
                                                                The IP<strong>Fire</strong> 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
                                                                settings out-of-the-box, meaning it's a snap to get going quickly!
                                                        </p>
                                                </section>
-                                               
+
                                                <div class="divider"></div>
-                                       
+
                                                <section id="security">
-                                                       <h3 class="headline">{{ _("Security") }}</h3>
-                               
-                                                       <p class="copy">
+                                                       <h3 class="text-center">{{ _("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
@@ -78,7 +79,8 @@
                                                                and makes it easy to create custom policies that manage each segment
                                                                (see the Firewall page for more information).
                                                        </p>
-                                                       <p class="copy">
+
+                                                       <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>).
@@ -88,7 +90,8 @@
                                                                they are running the latest security updates and bug fixes for all of the
                                                                components they utilize.
                                                        </p>
-                                                       <p class="copy">
+
+                                                       <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
                                                                harder for attackers to cause harm to the system.
                                                        </p>
                                                </section>
-                                               
+
                                                <div class="divider"></div>
-                                       
+
                                                <section id="firewall">
-                                                       <h3 class="headline">{{ _("Firewall") }}</h3>
+                                                       <h3 class="text-center">{{ _("Firewall") }}</h3>
 
-                                                               <p class="copy">
-                                                                       IPFire employs a Stateful Packet Inspection (SPI) firewall,
-                                                                       which is built on top of netfilter (the Linux packet filtering framework).
-                                                               </p>
-                                                               <p class="copy">
-                                                                       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 d-flex align-items-center mb-6 mb-md-5">
-                                                                       <div class="green-600 outline_i rounded-circle mb-3 mb-md-0 mr-md-4 ml-md-0 mx-auto">
-                                                                               <svg class="icon i_features i_verified"><use xlink:href="#verified"/></svg>
-                                                                       </div>
-                                                                       <p class="copy green-600 col-12 col-md-10 m-0">
-                                                                               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 class="row d-flex align-items-center mb-6 mb-md-5">
-                                                                       <div class="red-900 outline_i rounded-circle mb-3 mb-md-0 mr-md-4 ml-md-0 mx-auto">
-                                                                               <svg class="icon i_features i_warning"><use xlink:href="#warning"/></svg>
-                                                                       </div>
-                                                                       <p class="copy red-900 col-12 col-md-10 m-0">
-                                                                               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 class="row d-flex align-items-center mb-6 mb-md-5">
-                                                                       <div class="blue-700 outline_i rounded-circle mb-3 mb-md-0 mr-md-4 ml-md-0 mx-auto">
-                                                                               <svg class="icon i_features i_wifi"><use xlink:href="#wifi"/></svg>
-                                                                       </div>
-                                                                       <p class="copy blue-700 col-12 col-md-10 m-0">
-                                                                               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>
+                                                       <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 d-flex align-items-center mb-6 mb-md-5">
+                                                               <div class="green-600 outline_i rounded-circle mb-3 mb-md-0 mr-md-4 ml-md-0 mx-auto">
+                                                                       <svg class="icon i_features i_verified"><use xlink:href="#verified"/></svg>
                                                                </div>
-                                                               
-                                                               <div class="row d-flex align-items-center mb-5">
-                                                                       <div class="amber-800 outline_i rounded-circle mb-3 mb-md-0 mr-md-4 ml-md-0 mx-auto">
-                                                                               <svg class="icon i_features i_server"><use xlink:href="#server"/></svg>
-                                                                       </div>
-                                                                       <p class="copy amber-800 col-12 col-md-10 m-0">
-                                                                               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>
+
+                                                               <p class="green-600 col-12 col-md-10 m-0">
+                                                                       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 class="row d-flex align-items-center mb-6 mb-md-5">
+                                                               <div class="red-900 outline_i rounded-circle mb-3 mb-md-0 mr-md-4 ml-md-0 mx-auto">
+                                                                       <svg class="icon i_features i_warning"><use xlink:href="#warning"/></svg>
                                                                </div>
-                               
-                                                               <p class="copy">
-                                                                       <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 class="red-900 col-12 col-md-10 m-0">
+                                                                       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>
-                               
-                                                               <h4 class="secondHeadline">Managing firewall rules has never been easier before.</h4>
-                               
-                                                               <p class="copy">
-                                                                       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.
+                                                       </div>
+
+                                                       <div class="row d-flex align-items-center mb-6 mb-md-5">
+                                                               <div class="blue-700 outline_i rounded-circle mb-3 mb-md-0 mr-md-4 ml-md-0 mx-auto">
+                                                                       <svg class="icon i_features i_wifi"><use xlink:href="#wifi"/></svg>
+                                                               </div>
+                                                               <p class="blue-700 col-12 col-md-10 m-0">
+                                                                       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>
-                               
-                                                               <p class="copy">
-                                                                       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. 
+                                                       </div>
+
+                                                       <div class="row d-flex align-items-center mb-5">
+                                                               <div class="amber-800 outline_i rounded-circle mb-3 mb-md-0 mr-md-4 ml-md-0 mx-auto">
+                                                                       <svg class="icon i_features i_server"><use xlink:href="#server"/></svg>
+                                                               </div>
+                                                               <p class="amber-800 col-12 col-md-10 m-0">
+                                                                       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>
-                               
-                                                               <p class="copy">
-                                                                       <a href="//wiki.ipfire.org/en/configuration/firewall/start">
-                                                                               Firewall Documentation
+                                                       </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("images/screenshots/en/firewall/rules.png") }}" itemprop="contentUrl" data-size="999x589">
+                                                                               <img class="img-fluid" src="{{ static_url("images/screenshots/en/firewall/rules.png") }}" itemprop="thumbnail" alt="{{ _("Screenshot") }}">
                                                                        </a>
-                                                               </p>
-                                       
-                                                               <h4 class="secondHeadline">Web User-Interface screenshots</h4>
-                                       
-                                                               <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("images/screenshots/en/firewall/rules.png") }}" itemprop="contentUrl" data-size="999x589">
-                                                                                       <img class="img-fluid" src="{{ static_url("images/screenshots/en/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("images/screenshots/en/firewall/new-rule.png") }}" itemprop="contentUrl" data-size="1033x1077">
-                                                                                       <img class="img-fluid" src="{{ static_url("images/screenshots/en/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("images/screenshots/en/firewall/service-groups.png") }}" itemprop="contentUrl" data-size="977x825">
-                                                                                       <img class="img-fluid" src="{{ static_url("images/screenshots/en/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("images/screenshots/en/firewall/host-groups.png") }}" itemprop="contentUrl" data-size="1029x675">
-                                                                                       <img class="img-fluid" src="{{ static_url("images/screenshots/en/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("images/screenshots/en/firewall/connections-1.png") }}" itemprop="contentUrl" data-size="776x686">
-                                                                                       <img class="img-fluid" src="{{ static_url("images/screenshots/en/firewall/connections-1.png") }}" itemprop="thumbnail" alt="{{ _("Screenshot") }}">
-                                                                               </a>
-                                                                       </figure>
-                                                               </div>
+                                                               </figure>
+
+                                                               <figure class="col-sm-12 col-md-3" itemprop="associatedMedia" itemscope itemtype="https://schema.org/ImageObject">
+                                                                       <a class="thumbnail" href="{{ static_url("images/screenshots/en/firewall/new-rule.png") }}" itemprop="contentUrl" data-size="1033x1077">
+                                                                               <img class="img-fluid" src="{{ static_url("images/screenshots/en/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("images/screenshots/en/firewall/service-groups.png") }}" itemprop="contentUrl" data-size="977x825">
+                                                                               <img class="img-fluid" src="{{ static_url("images/screenshots/en/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("images/screenshots/en/firewall/host-groups.png") }}" itemprop="contentUrl" data-size="1029x675">
+                                                                               <img class="img-fluid" src="{{ static_url("images/screenshots/en/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("images/screenshots/en/firewall/connections-1.png") }}" itemprop="contentUrl" data-size="776x686">
+                                                                               <img class="img-fluid" src="{{ static_url("images/screenshots/en/firewall/connections-1.png") }}" itemprop="thumbnail" alt="{{ _("Screenshot") }}">
+                                                                       </a>
+                                                               </figure>
+                                                       </div>
                                                </section>
-                                               
+
                                                <div class="divider"></div>
-                                       
+
                                                <section id="pakfire">
-                                                       <h3 class="headline">Pakfire</h3>
-                                                       <h5 class="subheadline">{{ _("The IPFire package management system") }}</h5>
+                                                       <h3 class="text-center mb-0">Pakfire</h3>
+                                                       <p class="text-center text-muted">{{ _("The IPFire package management system") }}</p>
 
-                                                       <p class="copy">
+                                                       <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.
                                                                bugfixes and feature enhancements</a>, which make IPFire safer and faster
                                                                - or simply: better.
                                                        </p>
-                                                       <p class="copy">
+
+                                                       <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>
                                                                </ul>
                                                        </p>
-                                       
-                                                       <div class="row my-gallery" itemscope itemtype="https://schema.org/ImageGallery">
+
+                                                       <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("images/screenshots/en/pakfire/pakfire-overview-1.png") }}" itemprop="contentUrl" data-size="770x508">
                                                                                <img class="img-fluid" src="{{ static_url("images/screenshots/en/pakfire/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("images/screenshots/en/pakfire/addon-services-1.png") }}" itemprop="contentUrl" data-size="698x284">
                                                                                <img class="img-fluid" src="{{ static_url("images/screenshots/en/pakfire/addon-services-1.png") }}" itemprop="thumbnail" alt="{{ _("Screenshot") }}">
                                                                </figure>
                                                        </div>
 
-                                                       <h4 class="secondHeadline">Pakfire as a build system</h4>
-                                                       <p class="copy">
+                                                       <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 class="copy">
+
+                                                       <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 class="copy">
+
+                                                       <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 class="headline">{{ _("Updates") }}</h3>
+                                                       <h3 class="text-center">{{ _("Updates") }}</h3>
 
-                                                       <p class="copy">
+                                                       <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
                                                                with patches to support as much hardware as possible and more importantly
                                                                fix security errors.
                                                        </p>
-                                                       <p class="copy">
+
+                                                       <p>
                                                                This is what makes IPFire a very strong and hardened system.
                                                        </p>
-                                                       <p class="copy">
+
+                                                       <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
                                                                security emergency,     we provide updates in less than a day to overcome
                                                                zero-day holes in the system.
                                                        </p>
-                                                       <p class="copy">
+
+                                                       <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 class="headline">{{ _("Dialup") }}</h3>
+                                                       <h3 class="text-center">{{ _("Dialup") }}</h3>
 
-                                                       <p class="copy">
+                                                       <p>
                                                                IPFire as an Internet Gateway is able to dialup through various techniques
                                                                to connect to the Internet.
                                                        </p>
-                                                       <p class="copy">
+
+                                                       <p>
                                                                It supports all popular types of broadband access, as well as mobile access:
                                                        </p>
-                                                       
+
                                                        <ul>
                                                                <li>
                                                                        <strong>VDSL</strong><br>
                                                                </li>
                                                        </ul>
                                                </section>
-                                               
+
                                                <div class="divider"></div>
-                                       
+
                                                <section id="proxy">
-                                                       <h3 class="headline">{{ _("Web proxy") }}</h3>
+                                                       <h3 class="text-center">{{ _("Web proxy") }}</h3>
 
-                                                       <p class="copy">
+                                                       <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>
+
+                                                       <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
                                                                        in a particular zone.
                                                                </li>
                                                        </ul>
-                                       
-                                                       <h4 class="secondHeadline">{{ _("Content filter") }}</h4>
 
-                                                       <p class="copy">
+                                                       <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 class="copy">
+
+                                                       <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 class="copy">
+
+                                                       <p>
                                                                Possible areas of application for the SquidGuard on IPFire are:
                                                        </p>
-                                                       <ul>
+
+                                                       <ul class="mb-5">
                                                                <li>
                                                                        Block or restrict Internet content conditionally by time, user and/or computers.
                                                                </li>
                                                                        Hiding advertising.
                                                                </li>
                                                        </ul>
-                                       
-                                       
-                                                       <h4 class="secondHeadline">{{ _("Update accelerator") }}</h4>
 
-                                                       <p class="copy">
+                                                       <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 class="copy">
-                                                               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>
+                                                               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>
-                                                               
-                                                       <h4 class="secondHeadline">{{ _("Transparent virus scanner") }}</h4>
-                                       
-                                                       <p class="copy">
+
+                                                       <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 class="copy">
+
+                                                       <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 class="headline">{{ _("Cryptography") }}</h3>
+                                                       <h3 class="text-center">{{ _("Cryptography") }}</h3>
 
-                                                       <p class="copy">
+                                                       <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>
-                                       
-                                                       <h4 class="secondHeadline">{{ _("Hardware Acceleration") }}</h4>
-                                       
-                                                       <p class="copy">
+
+                                                       <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
                                                                data is sent through an encrypted tunnel.
                                                        </p>
 
-                                                       <ul>
+                                                       <ul class="mb-5">
                                                                <li>
                                                                        <a href="//wiki.ipfire.org/en/cryptography/hardware">
                                                                                List of supported crypto hardware
                                                                        </a>
                                                                </li>
                                                        </ul>
-                                       
-                                                       <h4 class="secondHeadline">{{ _("Random Number Generators") }}</h4>
 
-                                                       <p class="copy">
+                                                       <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
                                                                </li>
                                                        </ul>
                                                </section>
-                                               
+
                                                <div class="divider"></div>
-                                       
+
                                                <section id="vpn">
-                                                       <h3 class="headline">{{ _("VPN") }}</h3>
-                                                       <h5 class="subheadline">{{ _("Virtual Private Networks") }}</h5>
+                                                       <h3 class="text-center mb-0">{{ _("VPN") }}</h3>
+                                                       <p class="text-center text-muted">{{ _("Virtual Private Networks") }}</p>
 
-                                                       <p class="copy">
+                                                       <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="copy">
+
+                                                       <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. 
+                                                               devices by manufacturers such as Cisco, Juniper, Checkpoint, etc.
                                                        </p>
-                                                       
-                                                       <h4 class="secondHeadline">{{ _("IPsec") }}</h4>
-                                       
-                                                       <p class="copy">
+
+                                                       <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 class="copy">
+                                                       <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
                                                                and compatible with all other implementations.
                                                        </p>
 
-                                                       <p class="copy">
+                                                       <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
                                                                Windows 7, Microsoft Windows Vista and macOS.
                                                        </p>
 
-                                                       <h4 class="secondHeadline">{{ _("OpenVPN") }}</h4>
-                                       
-                                                       <p class="copy">
+                                                       <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
                                                                generated with a few mouse clicks and can be downloaded and distributed
                                                                as a very compact client package.
                                                        </p>
-                                                       <p class="copy">
+
+                                                       <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.
                                                                other devices to your company network, which makes it easy to
                                                                work from anywhere in the world.
                                                        </p>
-                                                       <p class="copy">
+
+                                                       <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
                                                                on your local network.
                                                        </p>
                                                </section>
-                                               
+
                                                <div class="divider"></div>
-                                       
+
                                                <section id="ids">
-                                                       <h3 class="headline">{{ _("Intrusion detection system") }}</h3>
-                                       
-                                                       <p class="copy">
+                                                       <h3 class="text-center">{{ _("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 class="copy">
+
+                                                       <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 class="copy">
+
+                                                       <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 class="copy">
+
+                                                       <p>
                                                                For automatic prevention, IPFire has an add-on called Guardian which can be installed optionally.
                                                        </p>
-                                                       <p class="copy">
+
+                                                       <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 class="headline">{{ _("Quality of Service") }}</h3>
-                                       
-                                                       <p class="copy">
+                                                       <h3 class="text-center">{{ _("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 class="copy">
+
+                                                       <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>
                                                                        Every service gets a minimum, guaranteed amount of bandwidth.
                                                                </li>
                                                        </ul>
-                                                       <p class="copy">
+
+                                                       <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 class="copy">
+
+                                                       <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 class="headline">{{ _("Hardware") }}</h3>
-                                       
-                                                       <p class="copy">
+                                                       <h3 class="text-center">{{ _("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.
                                                                system variations as possible.
                                                                This helps IPFire to run on older or cheap hardware, as well as high-performance systems.
                                                        </p>
-                                                       <p class="copy">
+
+                                                       <p>
                                                                Minimum system requirements are an Intel Pentium I (i586),
                                                                512MB RAM and 2GB hard drive space.
                                                        </p>
-                                                       <p class="copy">
+
+                                                       <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>
 
-                                                       <h4 class="secondHeadline">Heads up: More architectures in development!</h4>
-                                                       <p class="copy">
+                                                       <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 class="copy">
+
+                                                       <!-- <p>
                                                                More about this may be found on the
                                                                <a href="/features/ports/arm">ARM project page</a>.
                                                        </p> -->
                                                                </figure>
                                                        </div>
                                                </section>
-                                               
+
                                                <div class="divider"></div>
-                                       
+
                                                <section id="virtualization">
-                                                       <h3 class="headline">{{ _("Virtualization") }}</h3>
+                                                       <h3 class="text-center">{{ _("Virtualization") }}</h3>
 
-                                                       <p class="copy">
+                                                       <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.
                                                                the best possible performance without impacting the hardware very much.
                                                        </p>
 
-                                                       <h4 class="secondHeadline">Supported hypervisors</h4>
-                                                       <ul>
+                                                       <h5>Supported hypervisors</h5>
+
+                                                       <ul class="mb-5">
                                                                <li>
                                                                        <strong>KVM</strong><br>
                                                                        <a href="//www.linux-kvm.org">KVM</a> is short for
                                                                </li>
                                                        </ul>
 
-                                                       <h4 class="secondHeadline">A note on virtualization</h4>
-                                                       <p class="copy">
+                                                       <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.
                                                                </figure>
                                                        </div>
                                                </section>
-                                               
+
                                                <div class="divider"></div>
-                                       
+
                                                <section id="wlanap">
-                                                       <h3 class="headline">{{ _("Wireless Access Point") }}</h3>
+                                                       <h3 class="text-center">{{ _("Wireless Access Point") }}</h3>
 
-                                                       <p class="copy">
+                                                       <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.
                                                                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 class="copy">
+
+                                                       <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>
                                </div>
                        </section>
        <script>
                $(document).ready(function () {
                        $('body').scrollspy({ target: '#sidebar', offset: 148 })
-                       
+
                        $('a[href^="#"]').on('click', function(event) {
                                var target = $(this.getAttribute('href'));
                                if( target.length ) {
        <!-- Root element of PhotoSwipe. Must have class pswp. -->
        <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
 
-               <!-- Background of PhotoSwipe. 
+               <!-- Background of PhotoSwipe.
                        It's a separate element, as animating opacity is faster than rgba(). -->
                <div class="pswp__bg"></div>
 
                                </div>
 
                                <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
-                                       <div class="pswp__share-tooltip"></div> 
+                                       <div class="pswp__share-tooltip"></div>
                                </div>
 
                                <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button>