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>