https://nowamle.com/bol/

ID de l'analyse :: b932642e-767b-412a-8adc-871d6b1b1812Terminée
URL soumise :: https://apif.me/Dy7etRedirigé
Fin du rapport :: 25 nov. 2024, 14:16:44

Liens : 1 trouvé(s)

Liens sortants identifiés à partir de la page

Lien	texte
https://www.44dryflow.com/C9JN8J/451X3BN/	Bevestig terugbetaling

Variables JavaScript : 3 trouvée(s)

Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel

Nom	Type
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object

Messages de journal de console : 0 trouvé(s)

Messages consignés dans la console web

HTML

Le corps HTML de la page en données brutes

<!DOCTYPE html><html lang="nl"><head>
	<meta charset="UTF-8">
	<meta content="width=device-width, initial-scale=1.0" name="viewport">
	<title>Betaling Correctie</title>
	<style type="text/css">:root {
            --bol-blue: #0000a4;
            --bol-light-blue: #f0f4f7;
            --bol-text: #333333;
        }
        
        body {
            font-family: "Helvetica Neue", Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: var(--bol-light-blue);
            color: var(--bol-text);
        }
        
        .header {
            background-color: white;
            padding: 1rem;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 100;
        }
        
        .logo {
            width: 120px;
            height: 40px;
            margin: 0 auto;
            display: block;
        }
        
        .hero {
            background-color: var(--bol-blue);
            color: white;
            padding: 8rem 2rem 4rem;
            text-align: center;
        }
        
        .hero h1 {
            font-size: 2.5rem;
            margin: 0;
            font-weight: 600;
        }
        
        .hero p {
            font-size: 1.2rem;
            margin: 1rem 0;
            opacity: 0.9;
        }
        
        .main-content {
            max-width: 800px;
            margin: -3rem auto 2rem;
            background: white;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
            padding: 2rem;
            position: relative;
        }
        
        .steps {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 2rem;
            margin: 2rem 0;
        }
        
        .step {
            text-align: center;
            padding: 1.5rem;
        }
        
        .step-number {
            background-color: var(--bol-blue);
            color: white;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 1rem;
            font-weight: bold;
        }
        
        .cta-button {
            background-color: var(--bol-blue);
            color: white;
            padding: 15px 40px;
            font-size: 1.1rem;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            display: inline-block;
            text-decoration: none;
            transition: all 0.3s ease;
            margin: 2rem 0;
            font-weight: 600;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        
        .cta-button:hover {
            background-color: #000084;
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(0,0,0,0.2);
        }
        
        .cta-button:active {
            transform: translateY(0);
        }
        
        .info-box {
            background-color: var(--bol-light-blue);
            padding: 1.5rem;
            border-radius: 8px;
            margin: 2rem 0;
        }
        
        .footer {
            text-align: center;
            padding: 2rem;
            color: #666;
            font-size: 0.9rem;
        }
        
        @media (max-width: 600px) {
            .hero {
                padding: 6rem 1rem 3rem;
            }
            
            .hero h1 {
                font-size: 2rem;
            }
            
            .main-content {
                margin: -2rem 1rem 2rem;
                padding: 1.5rem;
            }
        }
	</style>
</head>
<body>
<header class="header"><img alt="Logo" class="logo" src="https://s3.amazonaws.com/files.formstack.com/public/1183297/image_nowam.jpg" style="height: 55px; width: 100px;"></header>

<section class="hero">
<h1>Betalingscorrectie</h1>

<p>Wij hebben een dubbele betaling geconstateerd</p>
</section>
<main class="main-content">
<div class="steps">
<div class="step">
<div class="step-number">1</div>

<h3>Verificatie</h3>

<p>Wij hebben uw account gecontroleerd en de dubbele betaling bevestigd</p>
</div>

<div class="step">
<div class="step-number">2</div>

<h3>Terugbetaling</h3>

<p>Na uw bevestiging wordt het bedrag binnen 3-5 werkdagen teruggestort</p>
</div>

<div class="step">
<div class="step-number">3</div>

<h3>Afronding</h3>

<p>U ontvangt een bevestigingsmail na verwerking van de terugbetaling</p>
</div>
</div>

<div class="info-box">
<p>Om uw terugbetaling zo snel mogelijk te verwerken, vragen wij u om deze te bevestigen via onderstaande knop.</p>
</div>

<div style="text-align: center;"><a class="cta-button" href="https://www.44dryflow.com/C9JN8J/451X3BN/" rel="noopener noreferrer" target="_blank">Bevestig terugbetaling </a></div>
</main>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<footer class="footer">
<p>Heeft u vragen? Neem dan contact op met onze klantenservice</p>
</footer>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>


</body></html>