1 {% extends
"base-1.html" %}
3 {% block title %}{{ _(
"Welcome to IPFire") }}{% end block %}
6 <section class=
"intro">
7 <div class=
"container">
9 <h1 class=
"display-1">IP
<strong>Fire
</strong></h1>
10 <h2 class=
"display-4">The Open Source Firewall Distribution
</h2>
13 <div class=
"row justify-content-center">
14 <a class=
"btn btn-outline-primary btn-lg mr-3" href=
"/download">{{ _(
"Download") }}
</a>
15 <a class=
"btn btn-outline-dark btn-lg ml-3" href=
"/features">{{ _(
"Features") }}
</a>
19 <div class=
"page-scroll">
20 <a href=
"#features" class=
"btn btn-outline-primary rounded-circle scroll">
21 <svg class=
"icon i_lg i_arrow_down"><use xlink:
href=
"#arrow_down"/></svg>
26 <section id=
"features" class=
"content-section">
27 <div class=
"container">
28 <h3 class=
"display-2 text-center">{{ _(
"Secure up your network with IPFire") }}
</h2>
30 <div class=
"row mb-lg-6 mb-md-5">
31 <div class=
"col-md-6 col-lg-4 mb-6 pb-lg-5 d-flex">
32 <div class=
"feature_icons align-self-stretch">
33 <svg class=
"icon i_lg i_shield"><use xlink:
href=
"#shield"/></svg>
35 <div class=
"flex-column">
36 <h4 class=
"pb-3">{{ _(
"Firewall") }}
</h4>
38 IPFire comes with a versatile and state of the art
39 firewall engine that makes even the most complex
40 setups easy to administer.
45 <div class=
"col-md-6 col-lg-4 mb-6 d-flex">
46 <div class=
"feature_icons align-self-stretch">
47 <svg class=
"icon i_lg i_speed"><use xlink:
href=
"#speed"/></svg>
49 <div class=
"flex-column">
50 <h4 class=
"pb-3">{{ _(
"Performance") }}
</h4>
52 IPFire is ready for high performance networks
53 and running evenly well on embedded hardware.
58 <div class=
"col-md-6 col-lg-4 mb-6 d-flex">
59 <div class=
"feature_icons align-self-stretch">
60 <svg class=
"icon i_lg i_couch"><use xlink:
href=
"#couch"/></svg>
62 <div class=
"flex-column">
63 <h4 class=
"pb-3">{{ _(
"Easy to use") }}
</h4>
65 IPFire is set up easily in
15 to
20 minutes
66 but also comes with expert features that
67 are needed in professional networks.
72 <div class=
"col-md-6 col-lg-4 mb-6 d-flex">
73 <div class=
"feature_icons align-self-stretch">
74 <svg class=
"icon i_lg i_security"><use xlink:
href=
"#security"/></svg>
76 <div class=
"flex-column">
77 <h4 class=
"pb-3">{{ _(
"Network Security") }}
</h4>
79 IPFire is designed for high security.
80 It is hardened to protect itself from attacks
86 <div class=
"col-md-6 col-lg-4 mb-6 d-flex">
87 <div class=
"feature_icons align-self-stretch">
88 <svg class=
"icon i_lg i_github"><use xlink:
href=
"#github"/></svg>
90 <div class=
"flex-column">
91 <h4 class=
"pb-3">{{ _(
"Open Source") }}
</h4>
93 IPFire is free software and developed by an open community,
94 that improves it every single day.
99 <div class=
"col-md-6 col-lg-4 mb-6 d-flex">
100 <div class=
"feature_icons align-self-stretch">
101 <svg class=
"icon i_lg i_heart"><use xlink:
href=
"#heart"/></svg>
103 <div class=
"flex-column">
104 <h4 class=
"pb-3">{{ _(
"Trusted by thousands") }}
</h4>
106 IPFire is developed in Europe and used all over the world
107 <a href=
"https://fireinfo.ipfire.org/statistics/geo-locations">in hundreds of countries
</a>
108 by hundreds of thousands of users every day.
114 <div class=
"btn-toolbar justify-content-center pt-0 pt-md-4">
115 <a class=
"btn btn-primary btn-lg mr-4 px-4 px-md-6" href=
"/get-started">{{ _(
"Get Started") }}
</a>
116 <a class=
"btn btn-secondary btn-lg px-4 px-md-6" href=
"/features">{{ _(
"Learn more") }}
</a>
121 <section id=
"news" class=
"content-section">
122 <div class=
"container">
124 <div class=
"col-12 col-md-6 col-lg-5 mb-6">
125 <h2 class=
"display-2 mb-6">Latest Release
</h2>
126 <p class=
"mb-3"><small>{{ locale.format_date(latest_release.date, shorter=True) }}
</small></p>
127 <h3 class=
"display-3 mb-5 pb-5"><a href=
"/news/{{ latest_release.news.slug }}">
128 {{ _(
"%s has been released!") % latest_release.name }}
131 <div class=
"btn-toolbar mb-6">
132 <a class=
"btn btn-primary btn-md mr-3" href=
"/download">
133 <svg class=
"icon i_sm i_download"><use xlink:
href=
"#download"/></svg>
136 <a class=
"btn btn-secondary btn-md ml-3" href=
"/donate">
137 <svg class=
"icon i_sm i_heart"><use xlink:
href=
"#heart"/></svg>
142 <p>A complete history of IPFire releases is available at our
<a href=
"/news">News
</a> page.
</p>
145 <div class=
"col-12 col-md-6 col-lg-5 offset-lg-2">
146 <h2 class=
"display-2 mb-6">What
’s going on?
</h2>
147 <dl class=
"dl-horizontal">
148 {% for type, item in latest_news %}
150 <small>{{ locale.format_date(item.published, relative=True, shorter=True) }}
</small>
152 <dd class=
"text-overflow mb-4 pb-4">
153 {% if type ==
"news" %}
154 <a href=
"/news/{{ item.slug }}">
155 <strong>{{ item.title }}
</strong>
157 {% elif type ==
"planet" %}
158 <a href=
"https://planet.ipfire.org/post/{{ item.slug }}">
166 <a class=
"btn btn-white" href=
"/news">{{ _(
"Read More") }}
</a>
173 <section id=
"fireinfo" class=
"content-section">
174 <div class=
"container">
175 <h2 class=
"display-2 text-center">Fire
<strong>Info
</strong> Statistics
</h2>
177 <div class=
"row mb-6 mb-md-5 pb-lg-5 mb-lg-6 justify-content-center">
178 <div class=
"col-6 col-md-3 mb-6 text-center">
179 <p class=
"mb-0 mb-sm-3 fireinfo_cat">Latest Release
</p>
180 <h5 class=
"pb-5 fireinfo">{{ latest_release.name }}
</h5>
181 <div class=
"r_circle circle mt-5">
182 <p class=
"fireinfo_per">{{
"%.0f%%" % (latest_release.penetration *
100) }}
</p>
185 $('.r_circle').circleProgress({ value: {{ latest_release.penetration }}, size:
128, thickness:
4, animation: false, startAngle: -Math.PI /
2, fill: { color: [
"#1976d2"] } });
189 {% if fireinfo_country %}
190 <div class=
"col-6 col-md-3 text-center">
191 <p class=
"mb-0 mb-sm-3 fireinfo_cat truncate">
192 {{ _(
"%.0f%% of all IPFire systems are running in") % (fireinfo_country.percentage *
100) }}
194 <h5 class=
"pb-5 fireinfo">{{ fireinfo_country.country.name }}
</h5>
195 <div class=
"v_circle circle mt-5">
196 <p class=
"fireinfo_per">{{
"%.0f%%" % (fireinfo_country.percentage *
100) }}
</p>
199 $('.v_circle').circleProgress({ value: {{ fireinfo_country.percentage }}, size:
128, thickness:
4, animation: false, startAngle: -Math.PI /
2, fill: { color: [
"#ff8f00"] } });
205 <div class=
"row justify-content-center">
206 <a class=
"btn btn-lg btn-primary" href=
"/stats">More Stats
</a>
211 <section id=
"appliances" class=
"content-section">
212 <div class=
"container">
213 <h2 class=
"display-2 text-center">{{ _(
"Professional Appliances & Services") }}
</h2>
215 <div class=
"row mb-lg-6 mb-md-4 pb-6 pb-lg-4">
216 <div class=
"col-md-12 col-lg-7 mb-5 mb-md-6 mb-lg-0">
218 <a href=
"https://www.lightningwirelabs.com" target=
"_blank">Lightning Wire Labs
</a> offer
219 IPFire hardware appliances for enterprises, large businesses and SOHO.
220 Deploying one of these on your network will provide you with the
221 greatest reliability, stability and performance.
224 <div class=
"col-sm-6 offset-sm-3 col-lg-4 offset-lg-1 mt-sm-5">
225 <a class=
"btn btn-dark btn-lg btn-block px-md-0" href=
"/get-support#professional">{{ _(
"Get Professional Support") }}
</a>
226 <a class=
"btn btn-dark btn-lg btn-block px-md-0" href=
"/hardware">{{ _(
"Hardware Appliances") }}
</a>
229 <div class=
"text-center">
231 <source media=
"(max-width: 575px" srcset=
"{{ static_url("img/appliance-pro_xs.png
") }}">
232 <source media=
"(max-width: 767px" srcset=
"{{ static_url("img/appliance-pro_sm.png
") }}">
233 <source media=
"(max-width: 991px" srcset=
"{{ static_url("img/appliance-pro_md.png
") }}">
234 <source media=
"(min-width: 992px" srcset=
"{{ static_url("img/appliance-pro.png
") }}">
235 <img class=
"img-fluid" src=
"{{ static_url("img/appliance-pro.png
") }}" alt=
"Appliance">
241 $(document).ready(function () {
242 $('.scroll').on('click', function(event) {
243 event.preventDefault();
244 $('html, body').stop().animate({
245 scrollTop: $('#features').offset().top -
72