feat:#39 linkout to other student projects

frontend/src/components/FaqPage.vue

@@ -236,8 +236,37 @@ along with this program.  If not, see <https://www.gnu.org/licenses/>.
           {{ $t("faqView.ninthAnswer") }}
           <a href="https://git.imn.htwk-leipzig.de/ekresse/htwkalender"
             >Gitlab</a
-          >
-          .
+          >.
+        </div>
+      </div>
+      <div class="grid my-2">
+        <div class="col">{{ $t("faqView.crossPromoQuestion") }}</div>
+        <div class="col">
+          {{ $t("faqView.crossPromo.teaser") }}
+          <div class="flex flex-column gap-3 my-3">
+            <Card v-for="promoPage in new Array('mensa', 'htwkarte')" :key="promoPage">
+              <template #title>
+                  <div class="flex flex-row align-items-start">
+                    <Avatar :image="'/promo/' + promoPage + '.png'" class="mr-2 flex-shrink-0" size="xlarge" />
+                    <div class="flex flex-column gap-1">
+                      <div>
+                        {{$t("faqView.crossPromo." + promoPage + ".title") }}
+                      </div>
+                      <div class="p-card-subtitle text-base">
+                        <a href="{{ $t('faqView.crossPromo.' + promoPage + '.link') }}">
+                          {{$t("faqView.crossPromo." + promoPage + ".link") }}
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+              </template>
+              <template #content>
+                <p class="m-0">
+                  {{ $t("faqView.crossPromo." + promoPage + ".description") }}
+                </p>
+              </template>
+            </Card>
+          </div>
         </div>
       </div>
       <p>