Emails
0
Queued
1
Sent
Status: Sent
•
Transport: smtps://ssl0.ovh.net
Email contents
Text content
🆕 Nouveau Visiteur
Amar Syll - Portfolio
Nouvelle visite détectée
IP Address
151.21.255.5
Date & Heure
07/03/2026 19:25
📍 Informations Géographiques
Pays
Italy
Région
Lombardy
Ville
Lissone
Code Postal
20851
🖥️ User Agent
Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:148.0) Gecko/20100101 Firefox/148.0
Cette notification a été générée automatiquement
Amar Syll • Portfolio
🔒 Sécurisé •
📊 Visite enregistrée •
⏱️ 19:25
HTML preview
HTML content
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; background-color: #f8fafc;">
<div style="max-width: 600px; margin: 0 auto; padding: 20px;">
<!-- Header -->
<div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 12px 12px 0 0; padding: 24px; color: white; text-align: center;">
<h1 style="margin: 0; font-size: 20px; font-weight: 600;">🆕 Nouveau Visiteur</h1>
<p style="margin: 8px 0 0; opacity: 0.9; font-size: 14px;">Amar Syll - Portfolio</p>
</div>
<!-- Main Card -->
<div style="background-color: #ffffff; border-radius: 0 0 12px 12px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); padding: 32px; border-top: 4px solid #f1f5f9;">
<!-- Badge -->
<div style="background-color: #f0f9ff; border: 1px solid #bae6fd; border-radius: 8px; padding: 12px 16px; margin-bottom: 24px; display: inline-flex; align-items: center;">
<div style="background-color: #0ea5e9; width: 8px; height: 8px; border-radius: 50%; margin-right: 8px;"></div>
<span style="color: #0369a1; font-size: 13px; font-weight: 500;">Nouvelle visite détectée</span>
</div>
<!-- IP & Date Section -->
<div style="margin-bottom: 24px;">
<div style="display: flex; align-items: center; gap: 12px; margin-bottom: 16px;">
<div style="background-color: #f3f4f6; border-radius: 8px; padding: 8px 12px; flex: 1;">
<div style="color: #6b7280; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 4px;">IP Address</div>
<div style="color: #1f2937; font-size: 15px; font-weight: 600; font-family: 'SF Mono', Monaco, 'Cascadia Code', Consolas, monospace;">151.21.255.5</div>
</div>
<div style="background-color: #f3f4f6; border-radius: 8px; padding: 8px 12px; flex: 1;">
<div style="color: #6b7280; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 4px;">Date & Heure</div>
<div style="color: #1f2937; font-size: 15px; font-weight: 600;">07/03/2026 19:25</div>
</div>
</div>
</div>
<!-- Location Info Grid -->
<div style="margin-bottom: 28px;">
<h3 style="color: #374151; font-size: 14px; font-weight: 600; margin: 0 0 16px 0; display: flex; align-items: center; gap: 8px;">
<span style="display: inline-block; width: 4px; height: 16px; background-color: #6366f1; border-radius: 2px;"></span>
📍 Informations Géographiques
</h3>
<div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px;">
<div style="background-color: #f9fafb; border: 1px solid #e5e7eb; border-radius: 6px; padding: 12px;">
<div style="color: #6b7280; font-size: 12px; font-weight: 500; margin-bottom: 4px;">Pays</div>
<div style="color: #1f2937; font-size: 14px; font-weight: 600;">Italy</div>
</div>
<div style="background-color: #f9fafb; border: 1px solid #e5e7eb; border-radius: 6px; padding: 12px;">
<div style="color: #6b7280; font-size: 12px; font-weight: 500; margin-bottom: 4px;">Région</div>
<div style="color: #1f2937; font-size: 14px; font-weight: 600;">Lombardy</div>
</div>
<div style="background-color: #f9fafb; border: 1px solid #e5e7eb; border-radius: 6px; padding: 12px;">
<div style="color: #6b7280; font-size: 12px; font-weight: 500; margin-bottom: 4px;">Ville</div>
<div style="color: #1f2937; font-size: 14px; font-weight: 600;">Lissone</div>
</div>
<div style="background-color: #f9fafb; border: 1px solid #e5e7eb; border-radius: 6px; padding: 12px;">
<div style="color: #6b7280; font-size: 12px; font-weight: 500; margin-bottom: 4px;">Code Postal</div>
<div style="color: #1f2937; font-size: 14px; font-weight: 600;">20851</div>
</div>
</div>
</div>
<!-- User Agent Section -->
<div style="margin-bottom: 28px;">
<h3 style="color: #374151; font-size: 14px; font-weight: 600; margin: 0 0 12px 0; display: flex; align-items: center; gap: 8px;">
<span style="display: inline-block; width: 4px; height: 16px; background-color: #10b981; border-radius: 2px;"></span>
🖥️ User Agent
</h3>
<div style="background-color: #f9fafb; border: 1px solid #e5e7eb; border-radius: 8px; padding: 16px;">
<div style="color: #1f2937; font-size: 13px; font-family: 'SF Mono', Monaco, 'Cascadia Code', Consolas, monospace; line-height: 1.5; word-break: break-word;">
Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:148.0) Gecko/20100101 Firefox/148.0
</div>
</div>
</div>
<!-- Footer -->
<div style="border-top: 1px solid #e5e7eb; padding-top: 20px; text-align: center;">
<div style="color: #9ca3af; font-size: 12px; margin-bottom: 8px;">
Cette notification a été générée automatiquement
</div>
<div style="color: #6366f1; font-size: 13px; font-weight: 500;">
Amar Syll • Portfolio
</div>
</div>
</div>
<!-- Stats -->
<div style="text-align: center; color: #9ca3af; font-size: 11px; margin-top: 20px; padding: 12px; background-color: #f8fafc; border-radius: 6px;">
<div style="display: inline-flex; align-items: center; gap: 8px;">
<span>🔒 Sécurisé •</span>
<span>📊 Visite enregistrée •</span>
<span>⏱️ 19:25</span>
</div>
</div>
</div>
</body>
</html>
MIME parts
multipart/alternative └ text/plain charset: utf-8 └ text/html charset: utf-8
Raw Message
From: New visitor on your website <portfolio@syllamar.pro>
To: amar91syll@gmail.com
Subject: New visitor on your website
MIME-Version: 1.0
Date: Sat, 07 Mar 2026 21:42:41 +0000
Message-ID: <1883b3a7778a2a8400f319867147a373@syllamar.pro>
Content-Type: multipart/alternative; boundary=gYYhLZjv
--gYYhLZjv
Content-Type: text/plain; charset=utf-8
Content-Transfer-Encoding: quoted-printable
=20
=20
=F0=9F=86=95 Nouveau Visiteur
=
Amar Syll - Portfolio
=20
=20
=20
=20
=20
=
=20
Nouvelle visite d=C3=A9tect=C3=A9e
=20
=
=20
=20
=20
=20
=
IP Address
151.21.255.5
=20
=
=20
Date & Heure
07/03/20=
26 19:25
=20
=20
=20
=20
=
=20
=20
=20
=F0=9F=93=8D Inform=
ations G=C3=A9ographiques
=20
=20
=
Pays
Italy
=
=20
R=C3=A9gion
=
Lombardy
=20
=20
Ville=
Lissone
=20
=20
=
Code Postal
20851
=
=20
=20
=20
=20
=20
=
=20
=F0=9F=96=A5=EF=B8=8F User Agent
=
=20
=20
=20
Mozilla/5.0 (Maci=
ntosh; Intel Mac OS X 10.15; rv:148.0) Gecko/20100101 Firefox/148.0
=
=20
=20
=20
=20
=20
=
=20
Cette notification a =C3=A9t=C3=A9 g=C3=A9n=C3=A9r=
=C3=A9e automatiquement
=20
=20
Ama=
r Syll =E2=80=A2 Portfolio
=20
=20
=20
=20
=
=20
=20
=F0=9F=94=92 S=C3=A9curis=C3=A9 =E2=80=A2
=
=F0=9F=93=8A Visite enregistr=C3=A9e =E2=80=A2
=
=E2=8F=B1=EF=B8=8F 19:25
=20
=20
--gYYhLZjv
Content-Type: text/html; charset=utf-8
Content-Transfer-Encoding: quoted-printable
<!DOCTYPE html>
<html>
<head>
<meta charset=3D"utf-8">
<met=
a name=3D"viewport" content=3D"width=3Ddevice-width, initial-scale=3D1.0">=
</head>
<body style=3D"margin: 0; padding: 0; font-family: -apple-syst=
em, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-s=
erif; background-color: #f8fafc;">
<div style=3D"max-width: 600px; margin=
: 0 auto; padding: 20px;">
<!-- Header -->
<div style=3D"backgr=
ound: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 12p=
x 12px 0 0; padding: 24px; color: white; text-align: center;">
<h=
1 style=3D"margin: 0; font-size: 20px; font-weight: 600;">=F0=9F=86=95 Nouv=
eau Visiteur</h1>
<p style=3D"margin: 8px 0 0; opacity: 0.9; font=
-size: 14px;">Amar Syll - Portfolio</p>
</div>
<!-- Main Car=
d -->
<div style=3D"background-color: #ffffff; border-radius: 0 0 12p=
x 12px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(=
0, 0, 0, 0.06); padding: 32px; border-top: 4px solid #f1f5f9;">
<=
!-- Badge -->
<div style=3D"background-color: #f0f9ff; border: 1p=
x solid #bae6fd; border-radius: 8px; padding: 12px 16px; margin-bottom: 24p=
x; display: inline-flex; align-items: center;">
<div style=3D=
"background-color: #0ea5e9; width: 8px; height: 8px; border-radius: 50%; ma=
rgin-right: 8px;"></div>
<span style=3D"color: #0369a1; font-=
size: 13px; font-weight: 500;">Nouvelle visite d=C3=A9tect=C3=A9e</span>
=
</div>
<!-- IP & Date Section -->
<div style=
=3D"margin-bottom: 24px;">
<div style=3D"display: flex; align=
-items: center; gap: 12px; margin-bottom: 16px;">
<div st=
yle=3D"background-color: #f3f4f6; border-radius: 8px; padding: 8px 12px; fl=
ex: 1;">
<div style=3D"color: #6b7280; font-size: 11p=
x; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; mar=
gin-bottom: 4px;">IP Address</div>
<div style=3D"colo=
r: #1f2937; font-size: 15px; font-weight: 600; font-family: 'SF Mono', Mona=
co, 'Cascadia Code', Consolas, monospace;">151.21.255.5</div>
=
</div>
<div style=3D"background-color: #f3f4f6; bord=
er-radius: 8px; padding: 8px 12px; flex: 1;">
<div st=
yle=3D"color: #6b7280; font-size: 11px; font-weight: 500; text-transform: u=
ppercase; letter-spacing: 0.05em; margin-bottom: 4px;">Date & Heure</div>=
<div style=3D"color: #1f2937; font-size: 15px; font-=
weight: 600;">07/03/2026 19:25</div>
</div>
=
</div>
</div>
<!-- Location Info Grid -->
=
<div style=3D"margin-bottom: 28px;">
<h3 style=3D"color: #37=
4151; font-size: 14px; font-weight: 600; margin: 0 0 16px 0; display: flex;=
align-items: center; gap: 8px;">
<span style=3D"display:=
inline-block; width: 4px; height: 16px; background-color: #6366f1; border-=
radius: 2px;"></span>
=F0=9F=93=8D Informations G=C3=
=A9ographiques
</h3>
<div style=3D"display: gri=
d; grid-template-columns: repeat(2, 1fr); gap: 12px;">
<d=
iv style=3D"background-color: #f9fafb; border: 1px solid #e5e7eb; border-ra=
dius: 6px; padding: 12px;">
<div style=3D"color: #6b7=
280; font-size: 12px; font-weight: 500; margin-bottom: 4px;">Pays</div>
=
<div style=3D"color: #1f2937; font-size: 14px; font-weig=
ht: 600;">Italy</div>
</div>
<div style=
=3D"background-color: #f9fafb; border: 1px solid #e5e7eb; border-radius: 6p=
x; padding: 12px;">
<div style=3D"color: #6b7280; fon=
t-size: 12px; font-weight: 500; margin-bottom: 4px;">R=C3=A9gion</div>
=
<div style=3D"color: #1f2937; font-size: 14px; font-weigh=
t: 600;">Lombardy</div>
</div>
<div sty=
le=3D"background-color: #f9fafb; border: 1px solid #e5e7eb; border-radius: =
6px; padding: 12px;">
<div style=3D"color: #6b7280; f=
ont-size: 12px; font-weight: 500; margin-bottom: 4px;">Ville</div>
=
<div style=3D"color: #1f2937; font-size: 14px; font-weight: 6=
00;">Lissone</div>
</div>
<div style=3D=
"background-color: #f9fafb; border: 1px solid #e5e7eb; border-radius: 6px; =
padding: 12px;">
<div style=3D"color: #6b7280; font-s=
ize: 12px; font-weight: 500; margin-bottom: 4px;">Code Postal</div>
=
<div style=3D"color: #1f2937; font-size: 14px; font-weight: =
600;">20851</div>
</div>
</div>
<=
/div>
<!-- User Agent Section -->
<div style=3D"marg=
in-bottom: 28px;">
<h3 style=3D"color: #374151; font-size: 14=
px; font-weight: 600; margin: 0 0 12px 0; display: flex; align-items: cente=
r; gap: 8px;">
<span style=3D"display: inline-block; widt=
h: 4px; height: 16px; background-color: #10b981; border-radius: 2px;"></spa=
n>
=F0=9F=96=A5=EF=B8=8F User Agent
</h3>=
<div style=3D"background-color: #f9fafb; border: 1px solid #=
e5e7eb; border-radius: 8px; padding: 16px;">
<div style=
=3D"color: #1f2937; font-size: 13px; font-family: 'SF Mono', Monaco, 'Casca=
dia Code', Consolas, monospace; line-height: 1.5; word-break: break-word;">=
Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:148=
.0) Gecko/20100101 Firefox/148.0
</div>
</d=
iv>
</div>
<!-- Footer -->
<div style=3D"b=
order-top: 1px solid #e5e7eb; padding-top: 20px; text-align: center;">
=
<div style=3D"color: #9ca3af; font-size: 12px; margin-bottom: 8px=
;">
Cette notification a =C3=A9t=C3=A9 g=C3=A9n=C3=A9r=
=C3=A9e automatiquement
</div>
<div style=3D"co=
lor: #6366f1; font-size: 13px; font-weight: 500;">
Amar S=
yll =E2=80=A2 Portfolio
</div>
</div>
</div>=
<!-- Stats -->
<div style=3D"text-align: center; color: #9c=
a3af; font-size: 11px; margin-top: 20px; padding: 12px; background-color: #=
f8fafc; border-radius: 6px;">
<div style=3D"display: inline-flex;=
align-items: center; gap: 8px;">
<span>=F0=9F=94=92 S=C3=
=A9curis=C3=A9 =E2=80=A2</span>
<span>=F0=9F=93=8A Visite enr=
egistr=C3=A9e =E2=80=A2</span>
<span>=E2=8F=B1=EF=B8=8F 19:25=
</span>
</div>
</div>
</div>
</body>
</html>
--gYYhLZjv--