basic styling Support page
[people/shoehn/ipfire.org.git] / templates / static / get-support.html
1 {% extends "../base-1.html" %}
2
3 {% block title %}{{ _("Get Involved") }}{% end block %}
4
5 {% block container %}
6         <div class="container features-content">
7                 <section class="content col-12">
8                         <h3 class="headline mb-5">{{ _("Get Support") }}</h3>
9                         
10                         <div class="row m-5">
11                                 <div class="col-md-4 text-center">
12                                         <a href="//wiki.ipfire.org" class="link-normal">
13                                                 <span class="fa fa-4x fa-pencil-square-o"></span>
14                                                 <h3>{{ _("Documentation") }}</h3>
15                                         </a>
16                                 </div>
17         
18                                 <div class="col-md-4 text-center">
19                                         <a href="//forum.ipfire.org" class="link-normal">
20                                                 <span class="fa fa-4x fa-users"></span>
21                                                 <h3>{{ _("Forums") }}</h3>
22                                         </a>
23                                 </div>
24         
25                                 <div class="col-md-4 text-center">
26                                         <a href="/chat" class="link-normal">
27                                                 <span class="fa fa-4x fa-wechat"></span>
28                                                 <h3>{{ _("Chat") }}</h3>
29                                         </a>
30                                 </div>
31                         </div>
32                 </section>
33                         
34                 <section id="professinal" class="content col-12">
35                         <h3 class="headline mb-5">{{ _("Get Professional Support") }}</h3>
36                         
37                         <p class="lead">
38                                 {% if lang == "de" %}
39                                         <a href="//www.lightningwirelabs.com">Lightning Wire Labs</a>
40                                         bietet professionelle Supportdienstleistungen rund um IPFire für
41                                         Unternehmen an.
42                                 {% else %}
43                                         <a href="//www.lightningwirelabs.com">Lightning Wire Labs</a>
44                                         provides professional support services for companies that use IPFire.
45                                 {% end %}
46                         </p>
47         
48                         <p class="lead">
49                                 {% if lang == "de" %}
50                                         Das Entwicklerteam erarbeitet individuelle Lösungen basierend auf
51                                         IPFire und neue Funktionen. Bei der Planung von sicheren Netzwerken
52                                         und der Integration von IPFire stehen sie unterstützend zur Seite.
53                                 {% else %}
54                                         Their team of developers implements custom solutions based on IPFire
55                                         and carries out development of new features. They will help you
56                                         with designing a secure network that is tailored to the specific
57                                         needs of your business and support you with the integration of
58                                         IPFire.
59                                 {% end %}
60                         </p>
61                         
62                         <div class="d-flex justify-content-center">
63                                 <a class="btn btn-lg mt-5" href="//www.lightningwirelabs.com">
64                                         {{ _("Go to Lightning Wire Labs") }}
65                                 </a>
66                         </div>
67                 </section>
68         </div>
69
70 {% end block %}