2020 videa

Author: Spamercz

index.html

@@ -73,6 +73,9 @@ <h6 class="event">Konference pro webové vědce</h6>
                         <li class="nav-item">
                             <a class="nav-link" href="#vstupenky">Podpořte nás</a>
                         </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="#2020">Minulý ročník</a>
+                        </li>
                         <li class="nav-item">
                             <a class="nav-link" href="#kontakt">Kontakt</a>
                         </li>
@@ -94,7 +97,7 @@ <h2>Call for papers</h2>
         </div>
     </section>
 
-    <section id="program" class="section">
+    <section id="program" class="section section-with-background">
         <div class="container center">
             <h2>Program</h2>
             <div class="program-box">
@@ -204,7 +207,7 @@ <h6>Late</h6>
         </div>
     </section>
 
-    <section id="misto" class="section">
+    <section id="misto" class="section section-with-background">
         <div class="container center">
             <h2>Jak se k nám dostanete</h2>
             <br>
@@ -319,6 +322,21 @@ <h6>Diamond</h6>
         </div>
     </section>
 
+    <section id="2020" class="section section-with-buy-box section-with-background">
+        <div class="container center">
+            <h2>Webscience 2020</h2>
+            <p class="description">Přednášky z předchozího ročníku najdete na Youtube.</p>
+
+            <a
+                href="https://www.youtube.com/watch?v=3vR-0fRJz14&list=PL94TcIGfubimtiK-C0ADrUyz3no-bN3_D"
+                class="my-btn"
+                target="_blank"
+            >
+                Videa na Youtube
+            </a>
+        </div>
+    </section>
+
     <footer>
         <div class="container">
             <div class="footer row">

style.css

@@ -222,7 +222,6 @@ header {
 }
 
 #misto {
-    background: rgba(60, 179, 113, .1);
     padding-bottom: 85px;
 }
 
@@ -306,7 +305,6 @@ header {
 /* Program */
 
 #program {
-    background: rgba(60, 179, 113, .1);
 }
 
 #program .container {
@@ -694,6 +692,8 @@ header {
 
 /* Sponzoring */
 
-#sponzoring {
+
+.section-with-background
+{
     background: rgba(60, 179, 113, .1);
-}
+}