logging_bot / templates /preview.html
AstraOS's picture
Create templates/preview.html
17783cf verified
raw
history blame
1.14 kB
<!DOCTYPE html>
<html>
<head>
<title>{{ title }}</title>
<style>
body {
font-family: sans-serif;
display: flex;
justify-content: center;
padding: 40px;
background: #f7f7f7;
}
.card {
max-width: 420px;
background: #fff;
padding: 24px;
text-align: center;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0,0,0,.1);
}
.avatar {
width: 120px;
height: 120px;
border-radius: 50%;
object-fit: cover;
background: #ddd;
}
.btn {
display: inline-block;
margin-top: 16px;
padding: 12px 24px;
background: #2AABEE;
color: #fff;
border-radius: 8px;
text-decoration: none;
font-weight: bold;
}
</style>
</head>
<body>
<div class="card">
<img src="avatar.jpg" alt="avatar" class="avatar">
<h2>{{ first_name }} (@{{ username }})</h2>
<p>{{ description }}</p>
<a class="btn" href="https://t.me/{{ username }}" target="_blank">Start Bot</a>
</div>
</body>
</html>