<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DIGIFab - Patient Education</title>
<style>
body {
margin: 0;
padding: 0;
display: flex;
align-items: center;
font-family: Arial, sans-serif;
}
.ad-container {
display: flex;
width: 720px;
height: 90px;
background-color: #fff;
border: 1px solid #ddd;
}
.logo {
width: 57px;
height: 20px;
margin: 0 10px 0 20px; /* Adjusted margins for logo placement */
}
.content {
flex: 1;
padding: 0 10px; /* Reduced padding for better text fit */
}
.heading {
font-size: 16px;
font-weight: bold;
margin: 2px 0 -5px 0; /* Reduced margins for tighter spacing */
line-height: 1;
}
.subheading {
font-size: 12px;
color: #333;
margin: 0 0 -3px 0; /* Reduced margins for tighter spacing */
line-height: 1;
}
.cta-button {
background-color: #014757;
color: #fff;
padding: 5px; /* Adjusted padding to match button text width */
border: none;
border-radius: 3px;
cursor: pointer;
text-align: center;
font-size: 12px;
display: inline-block; /* Ensures button width matches text */
width: max-content; /* Allows button to shrink if text is shorter */
margin: 0 auto; /* Centers the button horizontally */
}
</style>
</head>
<body>
<div class="ad-container">
<img class="logo" src="https://serb.com/wp-content/uploads/2022/09/SERB-logo-200x57-1.svg" alt="SERB Logo">
<div class="content">
<h3 class="heading">Patient Education Opportunity!</h3>
<p class="subheading">Recognize Digoxin Toxicity</p>
<p>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:</p>
<a href="https://digifab.health/en-us/digoxin-toxicity/early-recognition.html" target="_blank" class="cta-button">Early Recognition of Digoxin Toxicity | DIGIFab</a>
</div>
</div>
</body>
</html>
2
2
4KB
11KB
164.0ms
195.0ms
232.0ms