basic styling Support 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 7f84b436f1c0789fdd5367b5b78dcfe7f24d8783..0bd3c1886c37dc685ddf3f7ffdbcc6c2b1d6ab8b 100644 (file)
--- a/templates/static/get-support.html
+++ b/templates/static/get-support.html
@@ -3,69 +3,68 @@
 {% block title %}{{ _("Get Involved") }}{% end block %}
 
 {% block container %}
-       <div class="container page-header">
-               <h1>{{ _("Get Support") }}</h1>
-       </div>
-
-       <section id="community" class="container content-section text-center">
-               <div class="row">
-                       <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 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>
+       
+                               <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="//forum.ipfire.org" class="link-normal">
-                                       <span class="fa fa-4x fa-users"></span>
-                                       <h3>{{ _("Forums") }}</h3>
+               </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>
+       </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>
-       </section>
-
-       <section id="professional" class="container content-section text-center">
-               <div class="page-header">
-                       <h1>{{ _("Get Professional Support") }}</h1>
-               </div>
-
-               <p class="lead">
-                       {% if lang == "de" %}
-                               <a href="http://www.lightningwirelabs.com">Lightning Wire Labs</a>
-                               bietet professionelle Supportdienstleistungen rund um IPFire für
-                               Unternehmen an.
-                       {% else %}
-                               <a href="http://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>
-
-               <p class="text-center">
-                       <a class="btn btn-lwl btn-lg" href="http://www.lightningwirelabs.com">
-                               {{ _("Go to Lightning Wire Labs") }}
-                       </a>
-               </p>
-       </section>
 {% end block %}