add callout and google form for community Quarkus talks

Author: insectengine

_includes/events-band.html

@@ -19,4 +19,12 @@ <h3 class="mt-0">{{ site.data.events.headline }}</h3>
       </div>
     </div>
   {% endfor %}
-</div>
+    <div class="width-6-12 event-callout">
+      <div class="callout-container">
+          <p class="eventtitle">Quarkus Presenters, We Want You!</p>
+          <p>If you're showcasing Quarkus at an upcoming community event, Java User Group (JUG), meetup, or conference, please <a href="https://forms.gle/ykj169EDfeMJ3K7H8" target="_blank">share your presentation details with us</a>!</p>
+          <p>We'd love to feature your talk on this page and across our Quarkus social media channels.</p>
+       </div>
+      </div>
+    </div>
+</div>

_sass/includes/whitecards.scss

@@ -190,3 +190,31 @@ grid-column: span 3;
     }
 
 }
+
+.event-callout {
+  background-image: url($baseurl + '/assets/images/events/speakerbkg.png');
+  background-repeat: no-repeat;
+  background-size: cover;
+  outline: 1px solid var(--card-outline);
+  padding: 4rem;
+  display: flex;
+
+    @media screen and (max-width: 992px) {
+    grid-column: span 12;
+    padding: 2rem;
+    }
+  
+  .callout-container {
+
+    .eventtitle {
+    font-size: 1.25rem;
+    font-weight: 600;
+    }
+    
+    p, a {
+    color: $white;
+    }
+
+
+  }
+}