added background to support section

[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 7ddf514f96878c85cc5e661ee701c60fbe888573..73b996477fee1f84af1d90c6289cb25ff564c256 100644 (file)
--- a/templates/static/get-support.html
+++ b/templates/static/get-support.html
@@ -3,38 +3,42 @@
 {% block title %}{{ _("Get Support") }}{% end block %}
 
 {% block container %}
-       <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>
+       <section id="support" class="content-section">
+               <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>
-                                               </a>
-                                       </div>
-                               </div>
-                       </section>
+                               </section>
+                       </div>
                </div>
+       </section>
                
+       <div class="container mt-6">    
                <div class="row">               
-                       <section id="professinal" class="features-content col-12">
+                       <section id="professinal" class="col-12">
                                <h3 class="headline mb-5">{{ _("Get Professional Support") }}</h3>
                                
                                <p class="lead">