]> git.ipfire.org Git - people/shoehn/ipfire.org.git/blobdiff - templates/donate.html
basic styling Donate page
[people/shoehn/ipfire.org.git] / templates / donate.html
index 6a42d07a38b594d032e934537ac32f6c47c8cb76..7ec0cdaab4decbe19461ec17443e3ed07f1b114c 100644 (file)
 {% block title %}{{ _("Donate") }}{% end block %}
  
 {% block container %}
-       <section class="container content-section text-center">
-               <div class="page-header">
-                       <h1>{{ _("Donate now") }}</h1>
+       <div class="container">
+               <div class="row">
+                       <section class="features-content col-12 text-center">
+                               <h2 class="display-2">{{ _("Donate now") }}</h2>
+                               
+                               {% if lang == "de" %}
+                                       <p class="lead">
+                                               IPFire ist ein Open-Source-Softwareprojekt.
+                                       </p>
+               
+                                       <p class="lead">
+                                               Die Entwicklung und die Fortführung des Projekts wird allein
+                                               von einer Gruppe von Freiwilligen getragen, die ein Produkt
+                                               entwickelt hat, das tagtäglich von Hunderttausenden genutzt
+                                               wird.
+                                       </p>
+               
+                                       <p class="lead">
+                                               Jede einzelne Spende hilft IPFire noch weiter zu verbessern...
+                                       </p>
+                               {% else %}
+                                       <p class="lead">
+                                               IPFire is an Open Source software project.
+                                       </p>
+               
+                                       <p class="lead">
+                                               Development and keeping the project healthy is carried out by a
+                                               group of volunteers who have built a very successful product,
+                                               which hundreds of thousands of people use every day.
+                                       </p>
+               
+                                       <p class="lead">
+                                               Your donation helps us to make IPFire even better...
+                                       </p>
+                               {% end %}
+                       </section>
                </div>
-
-               {% if lang == "de" %}
-                       <p class="lead">
-                               IPFire ist ein Open-Source-Softwareprojekt.
-                       </p>
-
-                       <p class="lead">
-                               Die Entwicklung und die Fortführung des Projekts wird allein
-                               von einer Gruppe von Freiwilligen getragen, die ein Produkt
-                               entwickelt hat, das tagtäglich von Hunderttausenden genutzt
-                               wird.
-                       </p>
-
-                       <p class="lead">
-                               Jede einzelne Spende hilft IPFire noch weiter zu verbessern...
-                       </p>
-               {% else %}
-                       <p class="lead">
-                               IPFire is an Open Source software project.
-                       </p>
-
-                       <p class="lead">
-                               Development and keeping the project healthy is carried out by a
-                               group of volunteers who have built a very successful product,
-                               which hundreds of thousands of people use every day.
-                       </p>
-
-                       <p class="lead">
-                               Your donation helps us to make IPFire even better...
-                       </p>
-               {% end %}
-       </section>
-
-       <section class="container content-section text-center">
-               {% module DonationInputBox() %}
-       </section>
-
-       {% if wishlist_items %}
-               <section class="container content-section">
-                       <div class="row">
-                               <div class="col-md-8 col-md-offset-2">
-                                       <div class="panel panel-default">
-                                               <div class="panel-heading">
-                                                       <h3 class="panel-title text-center">
-                                                               {{ _("Current crowd funding projects on the IPFire Wishlist") }}
-                                                       </h3>
-                                               </div>
-                                               <div class="panel-body">
-                                                       {% module WishlistItems(wishlist_items) %}
+               
+               <div class="row mb-6 d-flex justify-content-center">
+                       <section class="col-6 d-flex justify-content-center">
+                               {% module DonationInputBox() %}
+                       </section>
+               </div>
+               
+               <div class="row">
+                       {% if wishlist_items %}
+                               <section class="container content-section">
+                                       <div class="row">
+                                               <div class="col-md-8 col-md-offset-2">
+                                                       <div class="panel panel-default">
+                                                               <div class="panel-heading">
+                                                                       <h3 class="panel-title text-center">
+                                                                               {{ _("Current crowd funding projects on the IPFire Wishlist") }}
+                                                                       </h3>
+                                                               </div>
+                                                               <div class="panel-body">
+                                                                       {% module WishlistItems(wishlist_items) %}
+                                                               </div>
+                                                       </div>
                                                </div>
                                        </div>
-                               </div>
-                       </div>
-               </section>
-       {% end %}
-
-       <section id="recurring-donations" class="lighter-background text-center">
-               <div class="container">
+                               </section>
+                       {% end %}
+               </div>
+                       
                        <div class="row">
-                               <div class="col-md-6">
-                                       <h4>{{ _("Donate by Bank Transfer") }}</h4>
-
-                                       <dl class="dl-horizontal">
-                                               <dt>{{ _("IBAN") }}</dt>
-                                               <dd>DE86 4265 0150 1020 0768 89</dd>
-
-                                               <dt>{{ _("BIC-/SWIFT-Code") }}</dt>
-                                               <dd>WELADED1REK</dd>
-
+                               <section class="col-5">
+                                       <h3 class="pb-3">{{ _("Donate by Bank Transfer") }}</h3>
+                                       <p><strong>{{ _("IBAN") }}</strong><br>
+                                               DE86 4265 0150 1020 0768 89</p>
+                                               
+                                       <p><strong>{{ _("BIC-/SWIFT-Code") }}</strong><br>
+                                               WELADED1REK</p>
+                                               
+                                       <p>
                                                {% if reason_for_transfer %}
-                                                       <dt>{{ _("Reason for transfer") }}</dt>
-                                                       <dd>{{ reason_for_transfer }}</dd>
+                                                       {{ _("Reason for transfer") }}
+                                                       {{ reason_for_transfer }}
                                                {% end %}
-                                       </dl>
-
-                                       {% if lang == "de" %}
-                                               <small>
-                                                       Da das IPFire-Projekt keine registrierte gemeinnützige Organisation
-                                                       ist, können keine steuerlich abzugsfähige Spendenquittungen erstellt
-                                                       werden.
-                                               </small>
-                                       {% else %}
-                                               <small>
-                                                       The IPFire project is not a registered non-profit organisation.
-                                                       <br>
-                                                       Hence we are not able to issue a tax-deductible contribution receipt
-                                                       for your donation.
-                                               </small>
-                                       {% end %}
-                               </div>
-
-                               <div class="col-md-6">
-                                       <h4>{{ _("Recurring Donations") }}</h4>
-
+                                       </p>
+                                       
+                                       <p>
+                                               {% if lang == "de" %}
+                                                       <small>
+                                                               Da das IPFire-Projekt keine registrierte gemeinnützige Organisation
+                                                               ist, können keine steuerlich abzugsfähige Spendenquittungen erstellt
+                                                               werden.
+                                                       </small>
+                                               {% else %}
+                                                       <small>
+                                                               The IPFire project is not a registered non-profit organisation.
+                                                               <br>
+                                                               Hence we are not able to issue a tax-deductible contribution receipt
+                                                               for your donation.
+                                                       </small>
+                                               {% end %}
+                                       </p>
+                               </section>
+                               
+                               <section class="col-5 offset-2">
+                                       <h3 class="pb-3">{{ _("Recurring Donations") }}</h3>
                                        {% if lang == "de" %}
                                                <p>
                                                        Monatliche Spenden helfen uns das Projekt auf eine solide Basis zu stellen
                                                        want to donate by using bank transfer.
                                                </p>
                                        {% end %}
-                               </div>
+                               </section>
                        </div>
                </div>
-       </section>
+       </div>
+       
 {% end block %}