Bootstrap 4 migration: downloads.dev.ipfire.org

[people/shoehn/ipfire.org.git] / templates / downloads-index.html

diff --git a/templates/downloads-index.html b/templates/downloads-index.html
index c93851c812cb29ec5f1ce84c3195410fb7c60c2f..f1bb8899c717a4b1885b9e335ba5b165366097a9 100644 (file)
--- a/templates/downloads-index.html
+++ b/templates/downloads-index.html
@@ -3,56 +3,61 @@
 {% block title %}{{ _("Download Center") }}{% end block %}
 
 {% block body %}
-       <div class="page-header">
-               <h1>{{ _("IPFire Download Center") }}</h1>
-       </div>
+<div class="container">
+       <section class="features-content col-12">
+               <h2 class="display-2 text-center">{{ _("IPFire Download Center") }}</h2>
+               
+               <div class="row">
+                       <div class="col-md-12">
+                               <img class="pull-right" src="{{ static_url("images/box_ipfire.png") }}" alt="{{ _("CD-Box") }}">
 
-       <div class="row">
-               <div class="col-lg-12 col-md-12">
-                       <img class="pull-right" src="{{ static_url("images/box_ipfire.png") }}" alt="{{ _("CD-Box") }}">
-
-                       {% if lang == "de" %}
-                               <p>
-                                       Willkommen in der Downloadsektion des IPFire-Projekts.
-                                       Hier findest du alle bisher veröffentlichten Releases zum Download..
-                               </p>
-                       {% else %}
-                               <p>
-                                       Welcome to the downloads section of the IPFire project.
-                                       You will find all published releases of IPFire for download.
-                               </p>
-                       {% end %}
+                               {% if lang == "de" %}
+                                       <p>
+                                               Willkommen in der Downloadsektion des IPFire-Projekts.
+                                               Hier findest du alle bisher veröffentlichten Releases zum Download..
+                                       </p>
+                               {% else %}
+                                       <p>
+                                               Welcome to the downloads section of the IPFire project.
+                                               You will find all published releases of IPFire for download.
+                                       </p>
+                               {% end %}
+                       </div>
                </div>
-       </div>
-
-       <hr>
-
-       <h3>{{ _("Available releases") }}</h3>
-
-       <table class="table table-striped table-hover">
-               <thead>
-                       <tr>
-                               <th>{{ _("Release") }}</th>
-                               <th>{{ _("Release type") }}</th>
-                               <th>{{ _("Release date") }}</th>
-                       </tr>
-               </thead>
-               <tbody>
-                       {% for release in releases %}
-                               <tr>
-                                       <td>
-                                               <a href="/release/{{ release.sname }}">{{ release.name }}</a>
-                                       </td>
-                                       <td>
-                                               {% if release.stable %}
-                                                       <span class="label label-success">{{ _("Stable") }}</span>
-                                               {% else %}
-                                                       <span class="label label-warning">{{ _("Development") }}</span>
+               
+               <div class="row">
+                       <div class="col">
+                               <h4>{{ _("Available releases") }}</h4>
+                               
+                               <table class="table table-striped table-hover">
+                                       <thead>
+                                               <tr>
+                                                       <th>{{ _("Release") }}</th>
+                                                       <th>{{ _("Release type") }}</th>
+                                                       <th>{{ _("Release date") }}</th>
+                                               </tr>
+                                       </thead>
+                                       <tbody>
+                                               {% for release in releases %}
+                                                       <tr>
+                                                               <td>
+                                                                       <a href="/release/{{ release.sname }}">{{ release.name }}</a>
+                                                               </td>
+                                                               <td>
+                                                                       {% if release.stable %}
+                                                                               <span class="label label-success">{{ _("Stable") }}</span>
+                                                                       {% else %}
+                                                                               <span class="label label-warning">{{ _("Development") }}</span>
+                                                                       {% end %}
+                                                               </td>
+                                                               <td>{{ locale.format_date(release.date, shorter=True) }}</td>
+                                                       </tr>
                                                {% end %}
-                                       </td>
-                                       <td>{{ locale.format_date(release.date, shorter=True) }}</td>
-                               </tr>
-                       {% end %}
-               </tbody>
-       </table>
+                                       </tbody>
+                               </table>
+                       </div>
+               </div>
+       </section>
+</div>
+
 {% end block %}