Meta Description" name="description" />
<!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 Opportunity</title>
<style>
body {
margin: 0;
padding: 0;
font-family: sans-serif;
display: flex;
align-items: center;
height: 90px;
}
.container {
width: 720px;
display: grid;
grid-template-columns: 55px 1fr; /* Allocate space for logo and content */
align-items: center;
height: 100%;
}
.logo {
width: 55px;
grid-row: 1;
margin: 4px 10px 0px 2px; /* Added small margins for logo */
}
.content {
grid-row: 1;
display: flex;
flex-direction: column;
line-height: 1; /* No line spacing between elements */
margin: 0;
padding: 0; /* Remove default padding */
font-size: 11px;
}
.heading {
font-weight: bold;
margin-bottom: -1px; /* Negative margin to eliminate spacing */
color: #014757; /* Use button color for emphasis */
}
.subheading {
font-weight: bold;
margin-bottom: -1px; /* Negative margin to eliminate spacing */
}
.text {
margin-bottom: 0; /* Eliminate margin after text */
}
.button {
background-color: #014757;
color: white;
padding: 2px 5px; /* Set padding to accommodate text and avoid overflow */
border: none;
border-radius: 5px;
cursor: pointer;
text-decoration: none;
display: inline-block;
margin-top: 2px; /* Reduced margin before button */
white-space: nowrap; /* Prevent text wrapping within button */
overflow: hidden; /* Hide overflowing text */
text-overflow: ellipsis; /* Add ellipsis (...) if text overflows */
}
</style>
</head>
<body>
<div class="container">
<img class="logo" src="https://serb.com/wp-content/uploads/2022/09/SERB-logo-200x57-1.svg" alt="SERB Logo">
<div class="content">
<p class="heading">Patient Education Opportunity!</p>
<p class="subheading">Recognize Digoxin Toxicity</p>
<p 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:</p>
<a href="https://digifab.health/en-us/digoxin-toxicity/early-recognition.html" class="button">Early Recognition of Digoxin Toxicity | DIGIFab</a>
</div>
</div>
</body>
</html>
2
2
4KB
11KB
149.0ms
161.0ms
220.0ms