<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
background-color: orange;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
font-family: 'BitcoinFont', sans-serif;
}
@font-face {
font-family: 'BitcoinFont';
src: url(data:font/ttf;base64,AAEAAAAOAIAAAwBgT1MvMjs+QoABAAAAW5HZ0dEAPwDB...); /* Substitua com a representação em base64 da fonte */
}
.message {
font-size: 18px;
font-weight: bold;
color: black;
text-align: center;
margin: 20px 0;
}
.image-container {
display: flex;
align-items: center;
margin-top: 20px;
}
.center-image {
width: 100px;
height: 100px;
margin: 0 5px;
position: relative;
}
.larger-image {
width: 250px;
height: 250px;
margin: 10px 0;
position: relative;
}
.side-gif {
width: 100px;
height: 100px;
margin: 5px;
position: relative;
}
.inscription {
position: absolute;
top: -20px;
left: 50%;
transform: translateX(-50%);
font-size: 14px;
font-weight: bold;
color: white;
background-color: rgba(0, 0, 0, 0.7);
padding: 2px 5px;
border-radius: 5px;
}
</style>
<title>Bitcoin Message</title>
</head>
<body>
<div class="image-container">
<img class="side-gif" src="https://ordinals.com/content/0c107942e4c945b6b44e193c950b0fae65d854a88b450758a3fca54017c879bei0" alt="gif 1">
<img class="side-gif" src="https://ordinals.com/content/c17dd02a7f216f4b438ab1a303f518abfc4d4d01dcff8f023cf87c4403cb54cai0" alt="gif 2">
<img class="center-image" src="https://ordinals.com/content/14cee87e90a8044deb2cd594af8168b3c039e51bf22119284952a386dbca263fi0" alt="imagem 1">
<img class="center-image" src="https://ordinals.com/content/e3cc8975268be787087311dfa040bc0457ba0a8c539ffceccf1bcfd7d1de55d8i0" alt="imagem 2">
<img class="center-image" src="https://ordinals.com/content/6fb976ab49dcec017f1e201e84395983204ae1a7c2abf7ced0a85d692e442799i0" alt="imagem 3">
<img class="side-gif" src="https://ordinals.com/content/9d0ad29ef2923df9d598a1a890ead36ebbe44f1f1d77d93efa21325806311f28i0" alt="gif 3">
<img class="side-gif" src="https://ordinals.com/content/b1c5baa2593b256068635bbc475e0cc439d66c2dcf12e9de6f3aaeaf96ff818bi0" alt="gif 4">
</div>
<div class="message">
Not Your keys, not your coins<br>
Ordinals Only<br>
∞/₿
</div>
<div class="image-container">
<img class="side-gif" src="https://ordinals.com/content/a6628f32a5b41b359cfe4ab038ff7c4279118ff601b9eca85eca8a64763db40ci0" alt="gif 5">
<img class="side-gif" src="https://ordinals.com/content/23b8c569b78b545c2d565d60f4dbf835c4adb7710d59627ed1bcf451d6b3fef6i0" alt="gif 6">
<img class="side-gif" src="https://ordinals.com/content/462dc9975167210f6ef0edf8b811a42df531e1b82774c3956a9b9d3c79e02365i0" alt="gif 7">
<img class="side-gif" src="https://ordinals.com/content/fab2e65e3f67409697b880b095e804319b9842659de59217f7ae694457e44458i0" alt="gif 8">
<img class="side-gif" src="https://ordinals.com/content/72221419a168485e49c76b27120dbd8a912e33cfe4ab49c2fab68603030ab69di0" alt="gif 9">
</div>
</body>
</html>