From: Sven Hoehn <shoehn@ipfire.org>
Date: Sat, 4 Nov 2017 11:47:10 +0000 (+0100)
Subject: basic styling Support page
X-Git-Url: http://git.ipfire.org/?p=people%2Fshoehn%2Fipfire.org.git;a=commitdiff_plain;h=f9c2327444ffb6860174afa099510f0451a03402

basic styling Support page
---

diff --git a/static/css/style.css b/static/css/style.css
index b54e37a..5bb3e65 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -4702,10 +4702,12 @@ h5.fireinfo {
 
 @media (min-width: 992px) {
   body.About li.nav-item a.about,
-  body.Download li.nav-item a.download {
+  body.Download li.nav-item a.download,
+  body.Involved li.nav-item a.support {
     color: #b71c1c; }
     body.About li.nav-item a.about:after,
-    body.Download li.nav-item a.download:after {
+    body.Download li.nav-item a.download:after,
+    body.Involved li.nav-item a.support:after {
       content: "";
       border-bottom: 2px solid #b71c1c;
       position: absolute;
diff --git a/static/scss/_nav.scss b/static/scss/_nav.scss
index 420648b..401338f 100644
--- a/static/scss/_nav.scss
+++ b/static/scss/_nav.scss
@@ -209,7 +209,8 @@
 }
 
 body.About li.nav-item a.about,
-body.Download li.nav-item a.download {
+body.Download li.nav-item a.download,
+body.Involved li.nav-item a.support {
 	@include media-breakpoint-up(lg) {
 		color: $red_900;
 		&:after {
diff --git a/templates/static/get-support.html b/templates/static/get-support.html
index 7f84b43..0bd3c18 100644
--- 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 %}