Matchlab Express

Vacancies

Show the implementation options.

Example 1

<style>
      body {
        font-weight: 100;
        font-style: oblique;
        font-family: "Times New Roman", Times, serif;
      }
</style>
<div
        id="express-app"
        data-locale="en"
        data-api-key="demo_key"
        data-color-primary="#FF6347"
        data-color-secondary="#4682B4"
        data-color-tertiary="#FFD700"
        data-background-color-primary="#F5F5DC"
        data-foreground-color-primary="#8B4513"
        data-background-color-secondary="#FFF8DC"
        data-foreground-color-secondary="#A0522D"
        data-font-increase-size="0.85"
></div>

Example 2

<style>
      body {
        font-weight: 700;
        font-family: "Brush Script MT", cursive;
      }
</style>
<div
        id="express-app"
        data-locale="nl"
        data-api-key="demo_key"
        data-color-primary="#FF5733"
        data-color-secondary="#52CC52"
        data-color-tertiary="#7A7A7A"
        data-background-color-primary="#CCCCCC"
        data-foreground-color-primary="#4A4A4A"
        data-background-color-secondary="#E6E6E6"
        data-foreground-color-secondary="#3B3B3B"
        data-font-increase-size="1.1"
></div>

Example 3

<style>
      body {
        font-style: italic;
        font-family: "Comic Sans MS", cursive, sans-serif;
      }
</style>
<div
      id="express-app"
      data-locale="nl"
      data-api-key="demo_key"
      data-color-primary="#4B0082"
      data-color-secondary="#8A2BE2"
      data-color-tertiary="#FF6347"
      data-background-color-primary="#F0E68C"
      data-background-color-secondary="#FFD700"
      data-background-color-popover="#EEE8AA"
      data-foreground-color-primary="#2E8B57"
      data-foreground-color-secondary="#4682B4"
      data-font-increase-size="1.25"
></div>