add sponsors section

css/common.css

@@ -550,6 +550,34 @@ main, header {
   width: clamp(4rem, 20% , 20rem);
 }
 
+.cc-sponsors {
+  gap: 2rem;
+  display: flex;
+  margin-block: 2rem 8rem;
+  align-items: center;
+  flex-direction: column;
+}
+
+.cc-logo-container {
+  gap: 4rem;
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+}
+
+.cc-logo-container a {
+  width: 30%;
+  height: 100%;
+  justify-content: center;
+}
+
+.cc-logo-container img {
+  width: 100%;
+  height: 100%;
+}
+
 @media only screen and (min-width: 768px) {
   .cc-header img {
     width: 60%;
@@ -591,6 +619,10 @@ main, header {
   .cc-location img {
     width: clamp(4rem, 30% , 20rem);
   }
+
+  .cc-logo-container a {
+    width: 45%;
+  }
 }
 
 footer {

index.html

@@ -118,6 +118,20 @@ <h2>Location</h2>
         </div>
       </div>
     </section>
+
+    <section class="cc-sponsors">
+      <h2>Our sponsors</h2>
+      <div class="cc-logo-container">
+        <a href="https://www.asbrucon.com/" aria-label="Website of asbrucon" rel="nofollow" target="_blank" title="Click to open asbrucon home page. Opens in a new tab.">
+          <img src="./images/asb_logo.svg" alt="Asbrucon home">
+        </a>
+
+        <a href="https://www.cbs-consulting.com/" aria-label="Website of Corporate Business Solutions"
+        rel="nofollow" target="_blank" title="Click to open CBS home page. Opens in a new tab.">
+          <img src="./images/cbs_logo.svg" alt="CBS home">
+        </a>
+      </div>
+    </section>
   </main>
   <footer>
     <div>