src/templates/index.html

   1 {% extends "base.html" %}
   2
   3 {% block head %}
   4         <meta name="description" content="{{ _("IPFire is a hardened, versatile, state-of-the-art Open Source firewall based on Linux.") }}" />
   5         <link rel="alternate" type="application/atom+xml" title="RSS" href="/blog/feed.xml" />
   6 {% end block %}
   7
   8 {% block title %}{{ _("Welcome to IPFire") }}{% end block %}
   9
  10 {% block container %}
  11         {% if latest_release %}
  12                 <div class="bg-light">
  13                         <div class="container text-center small py-2">
  14                                 {{ _("Latest Release: %(release)s from %(when)s") \
  15                                         % { "release" : latest_release.name, "when" : locale.format_day(latest_release.date, dow=False) } }}
  16
  17                                 {% if latest_release.blog %}
  18                                         &nbsp;
  19
  20                                         <a class="link-dark fw-bold" href="/download/{{ latest_release.slug }}">
  21                                                 {{ _("Get It Now") }}
  22                                         </a>
  23                                 {% end %}
  24                         </div>
  25                 </div>
  26         {% end %}
  27
  28         <div class="bg-brand">
  29                 <div class="container">
  30                         <h1 class="display-1">{{ _("More Than A Firewall") }}</h1>
  31                         <h4 class="fw-normal">The market leader in Linux based, Open Source security with a comprehensible feature set</h4>
  32                 </div>
  33         </div>
  34
  35         <section>
  36                 <div class="container">
  37                         <h2 class="text-center mb-5">
  38                                 {{ _("The Open Source Firewall") }}<span class="text-primary">_</span>
  39                         </h2>
  40
  41                         <div class="row">
  42                                 <div class="col-12 col-lg-4 mb-3 text-center">
  43                                         <span class="fas fa-fire fa-4x bg-light text-primary p-3 mb-2"></span>
  44
  45                                         <h4>{{ _("The Right Choice") }}</h4>
  46
  47                                         <p class="mb-0">
  48                                                 The only open source firewall with an active community, leading the market
  49                                         </p>
  50                                 </div>
  51
  52                                 <div class="col-12 col-lg-4 mb-3 text-center">
  53                                         <span class="fab fa-osi fa-4x bg-light text-primary p-3 mb-2"></span>
  54
  55                                         <h4>{{ _("Free & Open") }}</h4>
  56
  57                                         <p class="mb-0">
  58                                                 Fully open source, complete freedom and for the greater good
  59                                         </p>
  60                                 </div>
  61
  62                                 <div class="col-12 col-lg-4 mb-3 text-center">
  63                                         <span class="fas fa-shield-alt fa-4x bg-light text-primary p-3 mb-2"></span>
  64
  65                                         <h4>{{ _("Security") }}</h4>
  66
  67                                         <p class="mb-0">
  68                                                 Powerful system, separate applicance, a bit more text here
  69                                         </p>
  70                                 </div>
  71                         </div>
  72                 </div>
  73         </section>
  74
  75         <section>
  76                 <div class="container">
  77                         <div class="card bg-lwl text-white p-5">
  78                                 <div class="row flex-lg-row-reverse justify-content-lg-between">
  79                                         <div class="col-12 col-lg-3 text-center">
  80                                                 <img class="img-fluid w-100 my-2" src="{{ static_url("img/lightningwirelabs-logo.svg") }}"
  81                                                         alt="{{ _("Lightning Wire Labs") }}">
  82                                         </div>
  83
  84                                         <div class="col-12 col-lg-7 d-flex flex-column align-items-start align-self-center">
  85                                                 <h4>{{ _("Appliances and Support") }}</h4>
  86
  87                                                 <p>
  88                                                         You need someone you can call when things go wrong.
  89                                                         Partnered with Lightning Wire Labs we offer applicances for enterprise
  90                                                         and XX businesses.
  91                                                 </p>
  92
  93                                                 <a class="btn btn-secondary" href="https://store.lightningwirelabs.com">
  94                                                         {{ _("Go To Store") }}
  95                                                 </a>
  96                                         </div>
  97                                 </div>
  98                         </div>
  99                 </div>
 100         </section>
 101 {% end block %}