<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="ad.size" content="width=320,height=480">
<title>Rituals Ad</title>
<style>
@font-face {
font-family: 'ClassGarmndBTW05-Roman';
src: url('https://yourcdn.com/fonts/classgarmndbtw05_roman_400_normal.ttf');
}
@font-face {
font-family: 'ClassGarmndBTW05-Bold';
src: url('https://yourcdn.com/fonts/classgarmndbtw05_bold_700_normal.ttf');
}
* {
margin: 0;
padding: 0;
}
body {
width: 320px;
height: 480px;
font-family: 'ClassGarmndBTW05-Roman', serif;
text-align: center;
position: relative;
overflow: hidden;
}
.ad-container {
width: 100%;
height: 100%;
background: url('https://yourcdn.com/media/e1ebe6917c6df80e87cccafcec552d64.jpg') no-repeat center/cover;
position: relative;
}
.cta {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
padding: 10px 20px;
background: #000;
color: #fff;
text-decoration: none;
font-weight: bold;
border-radius: 5px;
}
.clickable-area {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
</style>
</head>
<body>
<a href="https://yourlandingpage.com" target="_blank" class="clickable-area"></a>
<div class="ad-container">
<img src="https://yourcdn.com/media/4739173b1365fa177dd0ea479e25d9b7.png" alt="Ad Image" style="width: 100%; height: auto;">
<div class="cta">Shop Now</div>
</div>
</body>
</html>
4
2
2KB
2KB
94.0ms
128.0ms
409.0ms