Prompt Detail:
Sure, here's an example HTML email header with a gradient background and white text color, using the linear-gradient() CSS function and an h2 element for the SStore name:
php<!DOCTYPE html>
<html>
<head>
<title>SStore Email Header</title>
<style>
.email-header {
background: linear-gradient(285deg, rgb(255, 0, 0) 0%, rgb(255, 118, 24) 50%, rgba(255, 0, 211, 1) 100%);
color: white;
padding: 20px;
text-align: center;
}
.logo {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.logo img {
max-height: 40px;
max-width: 100%;
}
.name {
display: inline-block;
vertical-align: middle;
font-size: 24px;
font-weight: bold;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div class="email-header">
<div class="logo">
<a href="#"><img src="logo.png" alt="SStore"></a>
</div>
<h2 class="name">SStore</h2>
</div>
</body>
</html>
This code creates a container with the email-header class, which has a gradient background using the linear-gradient() CSS function with the specified color stops. The color property is set to white for the text color.
Inside the email-header container, there is a logo image with an anchor link wrapped around it. The logo class is used to center the logo vertically with the name text using the vertical-align property.
Finally, the h2 element with the name class is used to display the SStore name in bold font with a font size of 24px.
Add a comment
Add to Chrome - It's free
Add to Firefox - It's free
Add to Edge - It's free