Marianabatoullgallery
8 hours ago in HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Paid Gallery Single Page</title>
<style>
body {
text-align:center;
font-family:Arial, sans-serif;
background:#000;
color:white;
margin:0;
padding:0;
}
.banner {
position:relative;
width:90%;
max-width:1200px;
margin:20px auto;
box-shadow: 0 80px 100px -40px rgba(0,0,0,0.9);
}
.banner img {
width:100%;
height:auto;
display:block;
}
.banner-name {
margin-top:10px;
font-size:28px;
font-weight:bold;
display:flex;
justify-content:center;
align-items:center;
gap:6px;
}
.verify-icon {
width:20px;
}
.username {
color:#ccc;
font-size:14px;
margin-top:3px;
}
.bio-text {
color:white;
font-size:14px;
margin-top:8px;
line-height:1.4;
opacity:0.9;
text-align:center;
}
.gallery {
display:flex;
flex-direction:column;
align-items:center;
margin-top:20px;
}
.gallery-item {
position:relative;
margin:25px 0;
}
.gallery-item img {
width:400px;
height:400px;
filter:blur(10px);
border:none;
border-radius:4px;
}
.lock-wrapper {
position:absolute;
top:58%;
left:50%;
transform:translate(-50%, -50%);
text-align:center;
}
.lock-wrapper svg {
width:40px;
height:40px;
fill:white;
margin-bottom:5px;
}
.lock-text {
color:white;
font-size:18px;
font-weight:bold;
text-shadow:2px 2px 5px black;
margin-top:3px;
}
.pay-buttons {
margin-top:8px;
}
.pay-buttons a {
display:inline-block;
margin:2px;
padding:5px 12px;
background:#1877F2;
color:white;
text-decoration:none;
border-radius:5px;
}
</style>
</head>
<body>
<div class="banner">
<img src="https://i.postimg.cc/P56Ypj6p/IMG-1482.jpg">
</div>
<div class="banner-name">
mariana
<svg class="verify-icon" viewBox="0 0 24 24">
<circle cx="12" cy="12" r="10" fill="#999"/>
<path d="M10 13l-2-2 -1 1 3 3 6-6 -1-1z" fill="white"/>
</svg>
</div>
<div class="username">@batoulmariana</div>
<div class="bio-text">
23 💞 | France & Algerie<br>
PINK
</div>
<div class="gallery">
<!-- 1 -->
<div class="gallery-item">
<img src="https://i.postimg.cc/T3ct315k/Untitled-2-December-2025-22-22-34-copy-(1).jpg">
<div class="lock-wrapper">
<svg viewBox="0 0 24 24">
<path d="M12 5c-7 0-11 7-11 7s4 7 11 7 11-7 11-7-4-7-11-7zm0 12a5 5 0 110-10 5 5 0 010 10zm0-8a3 3 0 100 6 3 3 0 000-6z"/>
</svg>
<div class="lock-text">Pay to view this content</div>
</div>
<div class="pay-buttons">
<a href="#">BaridiMob</a>
<a href="https://s.binance.com/qDKFNW8I">5 USDT</a>
</div>
</div>
<!-- 2 -->
<div class="gallery-item">
<img src="https://i.postimg.cc/fLWcqf82/IMG-1486.jpg">
<div class="lock-wrapper">
<svg viewBox="0 0 24 24">
<path d="M12 5c-7 0-11 7-11 7s4 7 11 7 11-7 11-7-4-7-11-7zm0 12a5 5 0 110-10 5 5 0 010 10zm0-8a3 3 0 100 6 3 3 0 000-6z"/>
</svg>
<div class="lock-text">Pay to view this content</div>
</div>
<div class="pay-buttons">
<a href="#">BaridiMob</a>
<a href="https://s.binance.com/qDKFNW8I">5 USDT</a>
</div>
</div>
<!-- 3 -->
<div class="gallery-item">
<img src="https://i.postimg.cc/26H4sLJR/IMG-1487.jpg">
<div class="lock-wrapper">
<svg viewBox="0 0 24 24">
<path d="M12 5c-7 0-11 7-11 7s4 7 11 7 11-7 11-7-4-7-11-7zm0 12a5 5 0 110-10 5 5 0 010 10zm0-8a3 3 0 100 6 3 3 0 000-6z"/>
</svg>
<div class="lock-text">Pay to view this content</div>
</div>
<div class="pay-buttons">
<a href="#">BaridiMob</a>
<a href="https://s.binance.com/qDKFNW8I">5 USDT</a>
</div>
</div>
<!-- 4 -->
<div class="gallery-item">
<img src="https://i.postimg.cc/wvWhCRP9/IMG-1488.jpg">
<div class="lock-wrapper">
<svg viewBox="0 0 24 24">
<path d="M12 5c-7 0-11 7-11 7s4 7 11 7 11-7 11-7-4-7-11-7zm0 12a5 5 0 110-10 5 5 0 010 10zm0-8a3 3 0 100 6 3 3 0 000-6z"/>
</svg>
<div class="lock-text">Pay to view this content</div>
</div>
<div class="pay-buttons">
<a href="#">BaridiMob</a>
<a href="https://s.binance.com/qDKFNW8I">5 USDT</a>
</div>
</div>
<!-- 5 -->
<div class="gallery-item">
<img src="https://i.postimg.cc/50PwhQGW/IMG_1490.jpg">
<div class="lock-wrapper">
<svg viewBox="0 0 24 24">
<path d="M12 5c-7 0-11 7-11 7s4 7 11 7 11-7 11-7-4-7-11-7zm0 12a5 5 0 110-10 5 5 0 010 10zm0-8a3 3 0 100 6 3 3 0 000-6z"/>
</svg>
<div class="lock-text">Pay to view this content</div>
</div>
<div class="pay-buttons">
<a href="#">BaridiMob</a>
<a href="https://s.binance.com/qDKFNW8I">5 USDT</a>
</div>
</div>
<!-- 6 -->
<div class="gallery-item">
<img src="https://i.postimg.cc/FRPjMkqm/IMG-1491.jpg">
<div class="lock-wrapper">
<svg viewBox="0 0 24 24">
<path d="M12 5c-7 0-11 7-11 7s4 7 11 7 11-7 11-7-4-7-11-7zm0 12a5 5 0 110-10 5 5 0 010 10zm0-8a3 3 0 100 6 3 3 0 000-6z"/>
</svg>
<div class="lock-text">Pay to view this content</div>
</div>
<div class="pay-buttons">
<a href="#">BaridiMob</a>
<a href="https://s.binance.com/qDKFNW8I">5 USDT</a>
</div>
</div>
</div>
</body>
</html>