basic styling Donate page

[people/shoehn/ipfire.org.git] / templates / static / get-support.html

diff --git a/templates/static/get-support.html b/templates/static/get-support.html
index ec3b4f332a4f677d7a8050c846a9908706c4285a..002ec4e26ec1b20f837256e4dff1ef445d7aab4a 100644 (file)
--- a/templates/static/get-support.html
+++ b/templates/static/get-support.html
@@ -3,68 +3,72 @@
 {% block title %}{{ _("Get Support") }}{% end block %}
 
 {% block container %}
-       <div class="container features-content">
-               <section class="content col-12">
-                       <h3 class="headline mb-5">{{ _("Get Support") }}</h3>
-                       
-                       <div class="row m-5">
-                               <div class="col-md-4 text-center">
-                                       <a href="//wiki.ipfire.org" class="link-normal">
-                                               <span class="fa fa-4x fa-pencil-square-o"></span>
-                                               <h3>{{ _("Documentation") }}</h3>
-                                       </a>
-                               </div>
-       
-                               <div class="col-md-4 text-center">
-                                       <a href="//forum.ipfire.org" class="link-normal">
-                                               <span class="fa fa-4x fa-users"></span>
-                                               <h3>{{ _("Forums") }}</h3>
-                                       </a>
+       <div class="container">
+               <div class="row">
+                       <section class="features-content col-12">
+                               <h2 class="display-2 text-center">{{ _("Get Support") }}</h2>
+                               
+                               <div class="row m-5">
+                                       <div class="col-md-4 text-center">
+                                               <a href="//wiki.ipfire.org" class="link-normal">
+                                                       <span class="fa fa-4x fa-pencil-square-o"></span>
+                                                       <h3>{{ _("Documentation") }}</h3>
+                                               </a>
+                                       </div>
+               
+                                       <div class="col-md-4 text-center">
+                                               <a href="//forum.ipfire.org" class="link-normal">
+                                                       <span class="fa fa-4x fa-users"></span>
+                                                       <h3>{{ _("Forums") }}</h3>
+                                               </a>
+                                       </div>
+               
+                                       <div class="col-md-4 text-center">
+                                               <a href="/chat" class="link-normal">
+                                                       <span class="fa fa-4x fa-wechat"></span>
+                                                       <h3>{{ _("Chat") }}</h3>
+                                               </a>
+                                       </div>
                                </div>
-       
-                               <div class="col-md-4 text-center">
-                                       <a href="/chat" class="link-normal">
-                                               <span class="fa fa-4x fa-wechat"></span>
-                                               <h3>{{ _("Chat") }}</h3>
+                       </section>
+               </div>
+               
+               <div class="row">               
+                       <section id="professinal" class="features-content col-12">
+                               <h3 class="headline mb-5">{{ _("Get Professional Support") }}</h3>
+                               
+                               <p class="lead">
+                                       {% if lang == "de" %}
+                                               <a href="//www.lightningwirelabs.com">Lightning Wire Labs</a>
+                                               bietet professionelle Supportdienstleistungen rund um IPFire für
+                                               Unternehmen an.
+                                       {% else %}
+                                               <a href="//www.lightningwirelabs.com">Lightning Wire Labs</a>
+                                               provides professional support services for companies that use IPFire.
+                                       {% end %}
+                               </p>
+               
+                               <p class="lead">
+                                       {% if lang == "de" %}
+                                               Das Entwicklerteam erarbeitet individuelle Lösungen basierend auf
+                                               IPFire und neue Funktionen. Bei der Planung von sicheren Netzwerken
+                                               und der Integration von IPFire stehen sie unterstützend zur Seite.
+                                       {% else %}
+                                               Their team of developers implements custom solutions based on IPFire
+                                               and carries out development of new features. They will help you
+                                               with designing a secure network that is tailored to the specific
+                                               needs of your business and support you with the integration of
+                                               IPFire.
+                                       {% end %}
+                               </p>
+                               
+                               <div class="d-flex justify-content-center">
+                                       <a class="btn btn-lg mt-5" href="//www.lightningwirelabs.com">
+                                               {{ _("Go to Lightning Wire Labs") }}
                                        </a>
                                </div>
-                       </div>
-               </section>
-                       
-               <section id="professinal" class="content col-12">
-                       <h3 class="headline mb-5">{{ _("Get Professional Support") }}</h3>
-                       
-                       <p class="lead">
-                               {% if lang == "de" %}
-                                       <a href="//www.lightningwirelabs.com">Lightning Wire Labs</a>
-                                       bietet professionelle Supportdienstleistungen rund um IPFire für
-                                       Unternehmen an.
-                               {% else %}
-                                       <a href="//www.lightningwirelabs.com">Lightning Wire Labs</a>
-                                       provides professional support services for companies that use IPFire.
-                               {% end %}
-                       </p>
-       
-                       <p class="lead">
-                               {% if lang == "de" %}
-                                       Das Entwicklerteam erarbeitet individuelle Lösungen basierend auf
-                                       IPFire und neue Funktionen. Bei der Planung von sicheren Netzwerken
-                                       und der Integration von IPFire stehen sie unterstützend zur Seite.
-                               {% else %}
-                                       Their team of developers implements custom solutions based on IPFire
-                                       and carries out development of new features. They will help you
-                                       with designing a secure network that is tailored to the specific
-                                       needs of your business and support you with the integration of
-                                       IPFire.
-                               {% end %}
-                       </p>
-                       
-                       <div class="d-flex justify-content-center">
-                               <a class="btn btn-lg mt-5" href="//www.lightningwirelabs.com">
-                                       {{ _("Go to Lightning Wire Labs") }}
-                               </a>
-                       </div>
-               </section>
+                       </section>
+               </div>
        </div>
 
 {% end block %}