<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML5 Banner Ad</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
.banner {
width: 720px;
height: 90px;
background-color: #ffffff;
border: 1px solid #ccc;
box-sizing: border-box;
overflow: hidden;
}
.left-logo, .right-logo {
float: left;
width: 120px;
height: 90px;
background-color: #f0f0f0;
text-align: center;
line-height: 90px;
}
.left-logo {
background-image: url('SERB_logo.png'); /* Placeholder for SERB logo */
background-size: contain;
background-repeat: no-repeat;
}
.right-logo {
background-image: url('DIGIFab_logo.png'); /* Placeholder for DIGIFab logo */
background-size: contain;
background-repeat: no-repeat;
}
.content {
float: left;
width: 480px;
padding: 10px;
}
.heading {
font-size: 18px;
font-weight: bold;
margin: 0;
}
.subheading {
font-size: 14px;
font-style: italic;
margin: 5px 0;
}
.text {
font-size: 14px;
margin: 5px 0;
}
.cta-button {
display: inline-block;
background-color: #014757;
color: #ffffff;
text-decoration: none;
font-size: 14px;
font-weight: bold;
padding: 8px 20px;
margin-top: 10px;
border-radius: 5px;
}
</style>
</head>
<body>
<div class="banner">
<div class="left-logo"></div>
<div class="content">
<div class="heading">Clinical Monitoring Opportunity!</div>
<div class="subheading">Monitor Digoxin Levels for Patient Safety</div>
<div class="text">This patient is on digoxin. Monitoring levels (~6 hours post-dose) is crucial for early detection of life-threatening toxicities. Act now and verify digoxin levels are within therapeutic range to optimize patient care. Learn more:</div>
<a href="#" class="cta-button">Potentially Fatal Digoxin Toxicity | DIGIFab</a>
</div>
<div class="right-logo"></div>
</div>
</body>
</html>
5
1
1KB
3KB
105.0ms
134.0ms
150.0ms