🔧 Add new banner sponsor badge for FastAPI courses bundle (#3288)

docs/en/docs/css/custom.css

@@ -89,6 +89,11 @@ a.announce-link:hover {
   z-index: 10;
 }
 
+.announce-wrapper .sponsor-image {
+  display: block;
+  border-radius: 20px;
+}
+
 .announce-wrapper>div {
   min-height: 40px;
   display: flex;

docs/en/overrides/main.html

@@ -16,9 +16,15 @@
   </div>
   <div id="announce-right" style="position: relative;">
     <div class="item">
-      <a title="The launchpad for all your (team's) ideas" style="display: block; position: relative;" href="https://www.deta.sh/?ref=fastapi">
+      <a title="The launchpad for all your (team's) ideas" style="display: block; position: relative;" href="https://www.deta.sh/?ref=fastapi" target="_blank">
         <span class="sponsor-badge">sponsor</span>
-        <img style="display: block;" src="/img/sponsors/deta-banner.svg" />
+        <img class="sponsor-image" src="/img/sponsors/deta-banner.svg" />
+      </a>
+    </div>
+    <div class="item">
+      <a title="Get three courses at 50% off their current prices! Plus, we'll be donating 50% of all profits from sales of this bundle to the FastAPI team." style="display: block; position: relative;" href="https://testdriven.io/talkpython/" target="_blank">
+        <span class="sponsor-badge">sponsor</span>
+        <img class="sponsor-image" src="/img/sponsors/fastapi-bundle-banner.png" />
       </a>
     </div>
   </div>