Add sponsor to website

website/resources/css/custom.css

@@ -510,4 +510,20 @@ a:not([role=button]):focus {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
-}
+}
+
+.sponsored {
+	margin-top: 1em;
+}
+
+.sponsored::before {
+	content: "Sponsored Content";
+	color: #AAAAAA;
+    font-size: 0.8em;
+    font-style: italic;
+	margin-bottom: 0.4em;
+}
+
+.sponsored blockquote {
+	padding: 0 1em;
+}

website/templates/index.html

@@ -31,5 +31,13 @@
 			<h2 class="introText" hidden="hidden">Project Lombok is <a href="/supporters">powered by</a>:</h2>
 			<div class="supporterFooter" hidden="hidden"><a class="buttonLike" href="/order-license-info">I want to support Project Lombok too!</a></div>
 		</div>
+		<div class="row sponsored">
+			<blockquote>
+				<p>
+					<a href="https://form.typeform.com/to/bShdJw7z" target="_blank"><img src="https://projectlombok.org/files/logos/fern.png" alt="Sponsor logo Fern"></a>
+					Offer API docs that look as good as Stripe's using our sponsor <a href="https://form.typeform.com/to/bShdJw7z" target="_blank">Fern</a>. Request a <a href="https://form.typeform.com/to/bShdJw7z" target="_blank">preview of your docs</a> on Fern.</p>
+				</p>
+			</blockquote>
+		</div>
 	</div>
 </@main.scaffold>