index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tamarin</title>
    <link rel="icon" type="image/x-icon" href="favicon.png" />
</head>
<body>
    <div class="container mx-auto">
        <div id="tamarin"></div>
    </div>
    <script src="tamarin.js"></script>
    <script>
        const tamarinConfig = {
            key: 'dc1bb31a64',
            content : {
                title: "Inscrivez-vous à notre Newsletter",
                description : "Pour rester au courant de nos promos, des annonces et des remises exclusives, n'hésitez pas à vous inscrire avec votre e-mail.",
                termsText: "En vous inscrivant, vous acceptez nos conditions d'utilisations. Voir <a class='underline' href='https://google.com' target='_blank'>ici</a>",
                textButton: "Envoyer",
                placeholderEmail: "Votre email",
                thanksMessage: "Merci !",
                errorMessage: "Email incorrect ou déjà dans notre base de donnée",
            },
            style : {
                /*
                theme: "theme_1",
                titleFont: 'DM Serif Text',
                textFont: 'Lato',
                mainColor: "#272727",
                textColor: "white",
                Example 2 :
                */
                theme: "theme_2",
                titleFont: 'Birthstone',
                textFont: 'Open Sans',
                mainColor: "pink",
                textColor: "brown"
            }
        }
        tamarin(tamarinConfig)
    </script>
</body>
</html>