From 889a5e348bfc94990f84cf174b7dc4b6b5f63191 Mon Sep 17 00:00:00 2001
From: Martin Quarda <martin@quarda.cz>
Date: Tue, 12 Mar 2024 21:57:32 +0100
Subject: [PATCH] video reoder and social media

---
 frontend/src/scripts/index.js  | 15 ++++++++++-----
 frontend/src/styles/index.scss |  5 +++++
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/frontend/src/scripts/index.js b/frontend/src/scripts/index.js
index 371faea..8dda15d 100644
--- a/frontend/src/scripts/index.js
+++ b/frontend/src/scripts/index.js
@@ -99,14 +99,19 @@ class Main extends Component {
         </div>
         <button type="submit" class="btn btn-primary">Odeslat</button>
         </form>*/}
-    <div class="container video">
-        <iframe width="100%" height="800px" src="https://www.youtube.com/embed/7WB4J_j-VhM?si=kkh2_BBJXw56gVaP" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="true"></iframe>
-    </div>
     <div class="container video">
         <iframe width="100%" height="800px" src="https://www.youtube.com/embed/H1UeXTBpsXw?si=kkh2_BBJXw56gVaP" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="true"></iframe>
     </div>
-    <div class="container">
-            kontakt: <a href="mailto:info@alkator.cz">info@alkator.cz</a>
+    <div class="container video">
+        <iframe width="100%" height="800px" src="https://www.youtube.com/embed/7WB4J_j-VhM?si=kkh2_BBJXw56gVaP" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="true"></iframe>
+    </div>
+    <div class="container kontakt">
+        <div class="row">
+            <a class="col-lg-3" href="mailto:info@alkator.cz"><b>info@alkator.cz</b></a>
+            <a class="col-lg-3" href="https://www.facebook.com/AlkatorRace"><img height="40px" src="/public/fb_logo.svg" /></a>
+            <a class="col-lg-3" href="https://www.youtube.com/@AlkatorRace"><img height="40px" src="/public/youtube_logo.svg"/></a>
+            <a class="col-lg-3" href="https://www.instagram.com/alkator_race/"><img height="40px" src="/public/instagram_logo.svg" /></a>
+        </div>
     </div>
 </div>
         );
diff --git a/frontend/src/styles/index.scss b/frontend/src/styles/index.scss
index f52714a..b26889d 100644
--- a/frontend/src/styles/index.scss
+++ b/frontend/src/styles/index.scss
@@ -40,4 +40,9 @@ form.container{
 .absolute{
   position: fixed;
   top: 0px;
+}
+
+.kontakt > div > a {
+  margin:auto;
+  padding: 10px;
 }
\ No newline at end of file