<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Banner Ad</title>
<style>
body {
margin: 0;
padding: 0;
}
.banner {
width: 720px;
height: 90px;
background-color: #f4f4f4;
position: relative;
font-family: Arial, sans-serif;
display: flex;
align-items: center;
padding: 5px 10px;
box-sizing: border-box;
}
.logo {
margin-right: 10px;
height: 57px;
flex-shrink: 0;
}
.content {
line-height: 1.2;
flex-grow: 1;
}
.heading {
font-size: 16px;
font-weight: bold;
}
.subheading {
font-size: 14px;
font-weight: bold;
margin-bottom: 0;
}
.text {
font-size: 12px;
margin-bottom: 0;
}
.cta-button {
display: block;
width: fit-content;
background-color: #014757;
color: #fff;
text-align: center;
padding: 5px 10px;
text-decoration: none;
font-size: 12px;
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
}
</style>
</head>
<body>
<div class="banner">
<img src="https://serb.com/wp-content/uploads/2022/09/SERB-logo-200x57-1.svg" alt="SERB Logo" class="logo">
<div class="content">
<div class="heading">Patient Education Opportunity!</div>
<div class="subheading">Recognize Digoxin Toxicity</div>
<div class="text">This patient is on digoxin. Watch for toxicity due to drug interactions, organ function changes, or dehydration. Symptoms include nausea, vomiting, and arrhythmias. Click to Learn More:</div>
</div>
<a href="https://digifab.health/en-us/digoxin-toxicity/early-recognition.html" class="cta-button">Early Recognition of Digoxin Toxicity | DIGIFab</a>
</div>
</body>
</html>
2
2
4KB
10KB
273.0ms
316.0ms
927.0ms