<!DOCTYPE html>
<html>
<head>
<style>
.banner {
width: 350px;
height: 50px;
background-color: #E3EBEE;
display: flex;
align-items: center;
}
.logo {
width: 30%;
text-align: center;
padding-left: 5px; /* Agregamos padding al lado izquierdo */
}
.logo img {
max-width: 100%;
height: auto;
}
.text {
width: 70%;
font-family: 'Merriweather Sans', sans-serif; /* Cambiamos la fuente a Merriweather Sans */
font-weight: normal;
font-style: italic;
text-align: center;
line-height: 50px;
color: #005883; /* Cambiamos el color del texto a #005883 */
}
</style>
</head>
<body>
<div className="banner">
<div className="logo">
<a href="http://www.fapro.app" target="_blank"> {/* Agregamos el enlace */}
<img src="https://fapro.app/wp-content/uploads/2022/11/logooriginalmenu.svg" alt="Logo" />
</a>
</div>
<div className="text">
Financial Services Solutions
</div>
</div>
</body>
</html>
