Funding widget

Solifin provides a beautiful widget to help entrepreneurs find funding on your website. Funding tools are curated and maintained by Solifin. Here is a demo:

Install the widget on your website

Add the following script before the closing </body> tag of the HTML pages where you want the widget to appear:

<script src="https://solifin.be/dist/funding-widget.js"></script>

Add the following code where you want the widget to appear on your HTML page:

<div id="solifin-funding-widget"></div>

The language used is taken from the HTML lang attribute (ex: <html lang="en">) but can be overridden with a data attribute:

<div id="solifin-funding-widget" data-lang="en"></div>

There are three color modes for the widget (not used in the modal) that can be defined with data attributes (default to normal):

<div id="solifin-funding-widget" data-color-mode="normal"></div>
<div id="solifin-funding-widget" data-color-mode="inverted"></div>
<div
  id="solifin-funding-widget"
  data-color-mode="custom"
  data-background-color="#00af9a"
  data-text-color="#fff"
  data-button-background-color="#ff8d6b"
  data-button-text-color="#fff"
  data-border-color="#ff8d6b"
></div>