<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>International Euresi Plastics SL</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #0055A4 0%, #CE1126 50%, #FEDF00 100%);
background-size: 400% 400%;
animation: gradient 12s ease infinite;
}
@keyframes gradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
.card {
background: rgba(255,255,255,0.95);
border-radius: 20px;
padding: 60px 50px;
max-width: 700px;
text-align: center;
box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}
.flag-bar {
height: 8px;
background: linear-gradient(to right, #CE1126 33%, #FEDF00 33% 66%, #CE1126 66%);
border-radius: 4px;
margin-bottom: 30px;
}
h1 {
font-size: 3rem;
color: #0055A4;
margin-bottom: 10px;
}
.company {
font-size: 1.5rem;
color: #CE1126;
font-weight: 700;
margin-bottom: 20px;
}
.location {
font-size: 1rem;
color: #666;
margin-bottom: 25px;
}
p {
font-size: 1.15rem;
color: #333;
line-height: 1.8;
}
.flag-bar-bottom {
height: 8px;
background: linear-gradient(to right, #CE1126 33%, #FEDF00 33% 66%, #CE1126 66%);
border-radius: 4px;
margin-top: 30px;
}
</style>
</head>
<body>
<div class="card">
<div class="flag-bar"></div>
<h1>Welcome</h1>
<div class="company">International Euresi Plastics SL</div>
<div class="location">📍 Barcelona, Catalunya</div>
<p>A Barcelona based company with almost 20 years of experience in the commodity sector. With special focus on international trading and development.</p>
<div class="flag-bar-bottom"></div>
</div>
</body>
</html>