diff --git a/help/hpc.html b/help/hpc.html
new file mode 100644
index 0000000000000000000000000000000000000000..45eba17b6cb40db6a81bdbcdd0d2282ed0e61679
--- /dev/null
+++ b/help/hpc.html
@@ -0,0 +1,129 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+    <title>Hilfe: Gitlab-Pages</title>
+    <link rel="stylesheet" href="/css/bootstrap.min.css">
+    <link rel="stylesheet" href="/css/m4lab.css">
+    <link rel="stylesheet" href="/fonts/font-awesome.min.css">
+    <link rel="stylesheet" href="/fonts/ionicons.min.css">
+    <link rel="stylesheet" href="/css/Testimonials.css">
+    <link rel="stylesheet" href="/css/help.css">
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
+</head>
+
+<body>
+
+    <div style="background-color: #dadada;">
+    
+        <div class="container" style="background-color: #ffffff;margin-bottom: 30px;">
+            <div class="row">
+            </div>
+       </div> 
+        <div id="help_Text" style="margin-top: 10px;margin-bottom: 30px;">
+            <div class="container" style="background-color: #ffffff;">
+                <div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
+                    <div class="col-lg-12">
+                        <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Arbeiten mit der Hochleistungsrechenplattform</strong></h2> 
+                    </div>
+                    <div class="col-auto" style="background-color: #ffffff;">
+                        <div class="help">
+                            <div class="card">
+                                <div class="card-header">
+                                    <h3 class="card-title">
+                                        <a class="collapsed" data-toggle="collapse" href="#collapse1" aria-expanded="false" aria-controls="collapse1">
+                                        <small>Zugang zum Dienst</small></a>
+                                    </h3>
+                                </div>
+                                <div id="collapse1" class="card-body collapse" style="">
+                                    <p>
+                                        To access the High-Performance Computing platform, one must have registered themselves with the organization that provides such services. In our case, users must have to register themselves with KIT. It is an organization that is providing services to access the high-performance cluster sponsored by Baden-Württemberg. Please visit the link: <a href="https://wiki.bwhpc.de/e/BwUniCluster_2.0_User_Access" target="_blank">how to register</a> to get the registration done.
+                                    </p>
+                                    <img style="width:100%" src="/img/hpc/bwhpc.JPG" alt="hpc picture here">
+                                </div>
+                            </div>
+                            <br/>
+                            <div class="card">
+                                <div class="card-header">
+                                    <h3 class="card-title">
+                                        <a class="collapsed" data-toggle="collapse" href="#collapse1" aria-expanded="false" aria-controls="collapse1">
+                                        <small>Anbinden an den HPC Dienst</small></a>
+                                    </h3>
+                                </div>
+                                <div id="collapse1" class="card-body collapse" style="">
+                                    <p>
+                                        Here some basic information that you need to establish connection to the cluster to run your computation tasks over there And that there are two different approaches, one using a templated prepared by us and one to implement the connection from scratch.
+                                    </p>
+                                </div>
+                            </div>
+                            <br/>
+                            <div class="card">
+                                <div class="card-header">
+                                    <h3 class="card-title">
+                                        <a class="collapsed" data-toggle="collapse" href="#collapse3" aria-expanded="false" aria-controls="collapse3">
+                                            <small>Verwenden eines Templates zur Anbindung an den HCP Dienst</small></a>
+                                    </h3>
+                                </div>
+                                <div id="collapse3" class="card-body collapse" style="">
+                                   <p>We introduce a state of the art template-based approach using Gitlab-CI/CD in which the user has to copy the predefined template (link of an HPC test project that contains predefined template) where the user has to provide information such as login information, module, or application repository, objective and/or set of resources required to compute information and etc. over HPC-platform. We have already presented this approach at a scientific conference. For further information please read out our published work which explains concretely with a use-case study.
+                                   <br/>for more information.
+                                </p> 
+                                    <img style="width:100%" src="/img/hpc/tempapproach.png" alt="template base appraoch">
+                                    <br/>1. COaaS:Continuous Integration and Delivery framework for HPC using Gitlab-Runner, BDIOT2020, the fourth international conference on Big Data, Singapore.
+                                </div>
+                            </div>
+                            <br/>
+                            <div class="card">
+                                <div class="card-header">
+                                    <h3 class="card-title">
+                                        <a class="collapsed" data-toggle="collapse" href="#collapse2" aria-expanded="false" aria-controls="collapse2">
+                                            <small>Anbindung an den HCP Dienst ohne Template</small></a>
+                                    </h3>
+                                </div>
+                                <div id="collapse2" class="card-body collapse" style="">
+                                    <p>
+                                        In a non-template-based approach, after login, the user must follow the appropriate instruction given in the following link: <a href="https://wiki.bwhpc.de/e/Batch_Jobs" target="_blank"> non-template-based instruction</a>, that is suitable for their application to compute over the HPC-platform. These instructions may contain(s) software-module(s), different compilers, numerical libraries, etc.
+                                    </p>
+                                    <img style="width:100%" src="/img/hpc/nontemp.png" alt="non template appraoch">
+                                </div>
+                            </div>
+                            <br/>
+                            <div class="card">
+                                <div class="card-header">
+                                    <h3 class="card-title">
+                                        <a class="collapsed" data-toggle="collapse" href="#collapse1a" aria-expanded="false" aria-controls="collapse1a">
+                                        <small>Ausführen einer Simulation</small></a>
+                                    </h3>
+                                </div>
+                                <div id="collapse1a" class="card-body collapse" style="">
+                                    <p>
+                                        Information about how to run simulation on HPCC platform is available on the following link <a href="https://wiki.bwhpc.de/e/BwHPC_Best_Practices_Repository" target="_blank" >BwHPC Best Practices</a>. To get HPC services efficiently, It is recommended that you should have sufficient knowledge about parallel-programming, batch jobs, software module, compiler, numerical libraries. The best practices repository of Baden-Württemberg's high performance computing (bwHPC) covers generic high performance computing user guides and science specific HPC best practice guides (BPG).                                    
+                                    </p>
+                                   
+                                </div>
+                            </div>
+                            
+                            <br/>
+         
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+        
+        <div class="container" style="background-color: #ffffff;margin-bottom: 30px;">
+            <div class="row">
+            </div>
+       </div> 
+    </div>
+</div>
+
+<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>-->
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
+<script src="/js/headfoot.js"></script>
+</body>
+
+</html>
diff --git a/help/index.html b/help/index.html
index 8501775e8a982ce912e9ad2da6aa5d1e886106c6..1c597a4adad0d13971d703a8a076a649d6398a38 100644
--- a/help/index.html
+++ b/help/index.html
@@ -62,7 +62,7 @@
             </div>
         </div>
         
-        <div id="videoconference" class="m_top_10 margin_bottom_30">
+        <div id="mailinglists" class="m_top_10 margin_bottom_30">
             <div class="container background_ffffff">
                 <div class="m_bottom_0 p_top_20 p_bottom_20">
                     <div class="col-lg-12">
@@ -78,6 +78,23 @@
                 </div>
             </div>
         </div>
+
+        <div id="hpc" class="m_top_10 margin_bottom_30">
+            <div class="container background_ffffff">
+                <div class="m_bottom_0 p_top_20 p_bottom_20">
+                    <div class="col-lg-12">
+                        <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center heading p_top_15"><strong>High Performance Computing</strong></h2>
+                    </div>
+                    <div class="col-auto background_ffffff">
+                        <ul>
+                            <li>
+                                <a href="/help/hpc.html" target="_blank">Arbeiten mit der Hochleistungsrechenplattform</a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </div>
 </div>
 
 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
diff --git a/img/hpc/.gitkeep b/img/hpc/.gitkeep
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/img/hpc/acoustic.png b/img/hpc/acoustic.png
new file mode 100644
index 0000000000000000000000000000000000000000..6fd0a9fcd1fbd2663d8168168188468493aad396
Binary files /dev/null and b/img/hpc/acoustic.png differ
diff --git a/img/hpc/bwhpc.jpg b/img/hpc/bwhpc.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..f4504542c156caaeb6b282f738887b94f068b87d
Binary files /dev/null and b/img/hpc/bwhpc.jpg differ
diff --git a/img/hpc/concept.png b/img/hpc/concept.png
new file mode 100644
index 0000000000000000000000000000000000000000..d0da50cd3ec0e14b7519828caee293f34077bf53
Binary files /dev/null and b/img/hpc/concept.png differ
diff --git a/img/hpc/gm4lab.jpg b/img/hpc/gm4lab.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..c9f1ab6095faaf242419b7ae4738350e3711778a
Binary files /dev/null and b/img/hpc/gm4lab.jpg differ
diff --git a/img/hpc/nontemp.jpg b/img/hpc/nontemp.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..12201763618e7bc71ace543f2316dcabbb7736bd
Binary files /dev/null and b/img/hpc/nontemp.jpg differ
diff --git a/img/hpc/nontemp.png b/img/hpc/nontemp.png
new file mode 100644
index 0000000000000000000000000000000000000000..fecf186435d5856ad4f12215c7141c3f4e0e7387
Binary files /dev/null and b/img/hpc/nontemp.png differ
diff --git a/img/hpc/tempapproach.png b/img/hpc/tempapproach.png
new file mode 100644
index 0000000000000000000000000000000000000000..f4177c1155a3a6e50e3fcc1a58d85a6fb0a5778b
Binary files /dev/null and b/img/hpc/tempapproach.png differ
diff --git a/img/hpc/ucicity2021.png b/img/hpc/ucicity2021.png
new file mode 100644
index 0000000000000000000000000000000000000000..c1b6f52ef8ee5c3b846e405e983e3a186995f323
Binary files /dev/null and b/img/hpc/ucicity2021.png differ
diff --git a/info_hpc.html b/info_hpc.html
new file mode 100644
index 0000000000000000000000000000000000000000..5f1e7e429af5fc2b7a9d31fcfa82912bd393f2ec
--- /dev/null
+++ b/info_hpc.html
@@ -0,0 +1,120 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+    <title>Infos zur Hochleistungsrechnen</title>
+    <link rel="stylesheet" href="/css/bootstrap.min.css">
+    <link rel="stylesheet" href="/css/m4lab.css">
+    <link rel="stylesheet" href="/fonts/font-awesome.min.css">
+    <link rel="stylesheet" href="/fonts/ionicons.min.css">
+    <link rel="stylesheet" href="/css/Testimonials.css">
+    <link rel="stylesheet" href="/css/help.css">
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
+</head>
+
+<body>
+
+    <div style="background-color: #dadada;">
+        
+        <div class="container" style="background-color: #ffffff;margin-bottom: 30px;">
+            <div class="row">
+            </div>
+       </div> 
+        <div id="Gitlab_Text" style="margin-top: 40px;margin-bottom: 30px;">
+            <div class="container" style="background-color: #ffffff;">
+                <div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
+                    <div class="col-lg-12">
+                        <h2 class="d-flex flex-column flex-shrink-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Hochleistungsrechnen</strong></h2>
+                    </div>
+                    <div class="col-auto flex-row flex-grow-1 flex-fill" style="background-color: #ffffff;">
+                        <p> Hochleistungsrechen (englisch: high-performance computing, HPC) ist eine Technologie, die Rechenarbeiten ermöglicht, die einen hohen Bedarf an Rechenleistung oder Speicherkapazität haben. Somit können umfangreiche Modelle, Algorithmen oder auch Simulationen in deutlich kürzerer Zeit ausgeführt werden als es auf herkömmlichen Computersystemen möglich ist.
+
+                            Das Land BW stellt unter Beteiligung mehrerer Universitäten und Hochschulen – darunter auch der HFT Stuttgart – eine Hochleistungsrechenplattform bereit: BW HPC Cluster.
+                            
+                        </p>
+                    </div>
+                    <a class="btn btn-primary text-center d-inline-flex d-lg-flex flex-column flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-baseline align-content-center align-self-baseline flex-wrap order-3 mb-auto justify-content-md-center align-items-md-end align-items-lg-center justify-content-xl-center mx-auto"
+                            role="button" style="background-color: #E0001B;" href="https://www.bwhpc.de/"><strong>Zugriff auf die Hochleistungsrechnenplatform</strong></a>
+                </div>
+            </div>
+        </div>
+        
+    <div id="Projects_Text" style="margin-top: 10px;margin-bottom: 30px;">
+        <div class="container" style="background-color: #ffffff;">
+            <div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
+                <div class="col-lg-12">
+                    <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Beispielprojekte der HFT Stuttgart auf der Hochleistungsrechnenplatform</strong></h2> 
+                </div>
+                <div class="col-auto" style="background-color: #ffffff;">
+                    <div class="help">
+                        <div class="card">
+                            <div class="card-header">
+                                <h3 class="card-title">
+                                    <a class="collapsed" data-toggle="collapse" href="#collapse7" aria-expanded="false" aria-controls="collapse7">
+                                        <small>Acoustic Data Accelerator using Deep Learning</small></a>
+                                </h3>
+                            </div>
+                            <div id="collapse7" class="card-body collapse" style="">
+                                <p>
+                                    Machine Learning can work very well with image recognition, But it can also be used to recognize audio patterns. Machine Listening can be used to identify audio patterns of different entities like car engine, human speaking, nature sounds etc. Aim of this thesis is to classify different vehicles based on their sounds and then further categorize them as either light weight, medium weight, heavy weight, rail- bound or two-wheeled vehicle using the applications of Machine Listening in the field of acoustics. In order to increase the speed and performance of the software program and algorithm, the program will run on a High Performance Computing (HPC) system containing cluster which in turn will have many compute servers also called as nodes which will unable faster and parallel computing.
+                                    <br/>for more information.
+                                </p>
+                                <img style="width:100%" src="/img/hpc/acoustic.png" alt="template based approach">
+                                </div>
+                        </div>
+                    </br>
+                        <div class="card">
+                            <div class="card-header">
+                                <h3 class="card-title">
+                                    <a class="collapsed" data-toggle="collapse" href="#collapse5" aria-expanded="false" aria-controls="collapse5">
+                                    <small>urban-scale energy systems co-planning (in Arbeit)</small></a>
+                                </h3>
+                            </div>
+                            <div id="collapse5" class="card-body collapse" style="">
+                                <p>
+                                    In an energy community, the prosumers' interactions are critical to ensure efficient resource distribution, e.g., renewable energy sources, and to reach ambitious climate and economic goals. A typical paradigm of a local energy sharing platform consists of many prosumers and an agent that coordinates the energy transactions between prosumers. The coordinating agent, typically known as the market agent, acts according to a set of rules that enable it to match one prosumer's renewable energy surplus with the deficit of another. This article describes an agent-based modeling strategy and a case-study to demonstrate the prosumer interactions in an energy community. Each prosumer agent in the modeled environment intends to maximize its renewable energy self-consumption. At the same time, the energy community, as a whole, also would like to maximize its collective renewable self-consumption. The prosumers attempt to achieve their individual and collective objectives by following either a locally optimal or rule-based strategy. In both scenarios, prosumers have no visibility of other prosumers; therefore, the market agent has the sole responsibility of orchestrating the energy exchanges between prosumers. Finally, we discuss the significance and future research outlook for energy interaction modeling at a community scale.
+                                </p>
+                                <img style="width:100%" src="/img/hpc/concept.png" alt="Energy co-planning">
+                            </div>
+                        </div>
+                        <br/>
+                        <div class="card">
+                            <div class="card-header">
+                                <h3 class="card-title">
+                                    <a class="collapsed" data-toggle="collapse" href="#collapse6" aria-expanded="false" aria-controls="collapse6">
+                                    <small>CA-Smart2Charge (in Arbeit)</small></a>
+                                </h3>
+                            </div>
+                            <div id="collapse6" class="card-body collapse" style="">
+                                <p>
+                                    Electromobility has profound economic and ecological impacts on human society. Much of the mobility sector's transformation is catalyzed by digitalization, enabling many stakeholders, such as vehicle users and infrastructure owners, to interact with each other in real-time. This article presents a new concept based on deep reinforcement learning to optimize agent interactions and decision making in a smart-mobility eco-system. The algorithm performs context-aware, constrained-optimization that fulfills on-demand requests from each agent. The algorithm can learn from the surrounding environment until the agent interactions reach an optimal equilibrium point in a given context. The methodology implements an automatic template-based approach via a CI/CD framework using a GitLab runner and transfers highly computationally intensive tasks over a high performance compute cluster automatically without manual intervention.
+                                </p>
+                                <img style="width:100%" src="/img/hpc/ucicity2021.png" alt="casmart2charge">
+                                <br/>1. CA-Smart2Charge:Context-Aware optimal charging distribution using Deep Reinforcement Learning, BDIOT2020, the fourth international conference on Big Data, Singapore.
+                                <br/>2.ARaaS:context aware optimal charging distribution as a service using deep reinforcement learning iCity_2021: Towards liveable, intelligent and sustainable future cities.
+
+                            </div>
+                        </div>
+                        <br/>
+                        
+                      
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+    <div class="container" style="background-color: #ffffff;margin-bottom: 30px;">
+        <div class="row">
+        </div>
+    </div> 
+</div>
+
+<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>-->
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
+<script src="/js/headfoot.js"></script>
+</body>
+
+</html>
diff --git a/js/headfoot.js b/js/headfoot.js
index 9637f87a409b2fdb380d2441a30556356b528ec8..77d8960c8722e991f5a7fbc3e5745087c32029cf 100755
--- a/js/headfoot.js
+++ b/js/headfoot.js
@@ -1,4 +1,4 @@
-var menu = [{'name':'Informationen', 'combos':[{'name':'Projektinformationen', 'link':'/projektinformationen'},{'name':'Projektcode und -daten', 'link':'/projektdaten'}, {'name':'Über das M4_LAB', 'link':'/projectoverview?projectID=1'},{'name':'Kontakt', 'link':'/account/contact'}], 'type':'dropdown', 'link':'#'},{'name':'Zusammenarbeit', 'combos':[{'name':'Mailinglisten', 'link':'/mailinglists'},{'name':'Videokonferenzen', 'link':'/videoconference.html'},{'name':'Wissensaustausch', 'link':'/confluence.html'},{'name':'Aufgabenmanagement', 'link':'/jira.html'},{'name':'Dateibearbeitung', 'link':'/bwcloud.html'}], 'type':'dropdown', 'link':'#'},{'name':'Events', 'combos':[{'name':'Veranstaltungen der HfT', 'link':'http://www.hft-stuttgart.de/Aktuell/Veranstaltungen/'},{'name':'Veranstaltungen der HfT Forschung', 'link':'https://www.hft-stuttgart.de/forschung/veranstaltungen'}], 'type':'dropdown', 'link':'#'},{'name':'Bürgerbeteiligung', 'combos':[{'name':'Infos zur Bürgerbeteiligung', 'link':'/info_partizipation.html'},{'name':'Zum M4_Lab Showcase', 'link':'/partizipation/'}], 'type':'dropdown', 'link':'#'},{'name':'<i class="fa fa-question-circle" aria-hidden="true"></i>', 'combos': [], 'type':'', 'link':'/help/'},{'name':'<i class="fa fa-user-circle" aria-hidden="true"></i>', 'combos': [], 'type':'', 'link':'/account/'}];
+var menu = [{'name':'Informationen', 'combos':[{'name':'Projektinformationen', 'link':'/projektinformationen'},{'name':'Projektcode und -daten', 'link':'/projektdaten'}, {'name':'Über das M4_LAB', 'link':'/projectoverview?projectID=1'},{'name':'Kontakt', 'link':'/account/contact'}], 'type':'dropdown', 'link':'#'},{'name':'Zusammenarbeit', 'combos':[{'name':'Mailinglisten', 'link':'/mailinglists'},{'name':'Videokonferenzen', 'link':'/videoconference.html'},{'name':'Wissensaustausch', 'link':'/confluence.html'},{'name':'Aufgabenmanagement', 'link':'/jira.html'},{'name':'Dateibearbeitung', 'link':'/bwcloud.html'}], 'type':'dropdown', 'link':'#'},{'name':'Events', 'combos':[{'name':'Veranstaltungen der HfT', 'link':'http://www.hft-stuttgart.de/Aktuell/Veranstaltungen/'},{'name':'Veranstaltungen der HfT Forschung', 'link':'https://www.hft-stuttgart.de/forschung/veranstaltungen'}], 'type':'dropdown', 'link':'#'},{'name':'Bürgerbeteiligung', 'combos':[{'name':'Infos zur Bürgerbeteiligung', 'link':'/info_partizipation.html'},{'name':'Zum M4_Lab Showcase', 'link':'/partizipation/'},{'name':'High-Performance Computing', 'link':'/info_hpc.html'}], 'type':'dropdown', 'link':'#'},{'name':'<i class="fa fa-question-circle" aria-hidden="true"></i>', 'combos': [], 'type':'', 'link':'/help/'},{'name':'<i class="fa fa-user-circle" aria-hidden="true"></i>', 'combos': [], 'type':'', 'link':'/account/'}];
 
 
 var hft_links = [{'url':'/account/contact', 'name':'Kontakt'},{'url':'https://www.hft-stuttgart.de/impressum', 'name':'Impressum'},{'url':'https://www.hft-stuttgart.de/datenschutz', 'name':'Datenschutz'}]