| Server IP : 208.122.213.31 / Your IP : 216.73.216.185 Web Server : Apache System : Linux msd6191.mjhst.com 4.18.0-553.137.1.el8_10.x86_64 #1 SMP Wed Jun 24 11:40:24 UTC 2026 x86_64 User : WHMCS_MIA_382 ( 1001) PHP Version : 7.4.33 Disable Function : NONE MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/httpd/html/baberankings.com/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BBC Surprise - Reddit Landing Page</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;600;800&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Noto Sans', sans-serif;
background-color: #f0f2f5;
color: #1a1a1b;
}
.cta-button-primary {
background-color: #FF4500;
color: white;
padding: 14px 28px;
border-radius: 9999px;
font-size: 18px;
font-weight: 800;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
transition: all 0.3s ease-in-out;
border: none;
cursor: pointer;
display: inline-block;
text-decoration: none;
}
.cta-button-primary:hover {
background-color: #e63e00;
transform: scale(1.05);
}
.cta-button-trial {
background: #ffffff;
color: #FF4500;
padding: 14px 28px;
border-radius: 9999px;
font-size: 18px;
font-weight: 800;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
border: 2px solid #FF4500;
transition: all 0.3s ease-in-out;
cursor: pointer;
display: inline-block;
text-decoration: none;
}
.cta-button-trial:hover {
background-color: #fffaf0;
transform: scale(1.02);
border-color: #e63e00;
}
.best-value-card {
border: 3px solid #FF5700;
transform: scale(1.02);
box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
position: relative;
}
.best-value-card::before {
content: "REDDIT EXCLUSIVE";
position: absolute;
top: -15px;
left: 50%;
transform: translateX(-50%) rotate(-3deg);
background-color: #FF5700;
color: white;
padding: 4px 12px;
border-radius: 9999px;
font-weight: 800;
font-size: 0.75rem;
letter-spacing: 0.05em;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.special-dollar-circle {
font-size: 2.5em;
font-weight: 800;
color: black;
background-color: transparent;
border: 3px solid #FF4500;
border-radius: 50%;
padding: .15em .5em;
display: inline-block;
line-height: 1;
position: relative;
top: .05em;
transform: rotate(-3deg);
}
</style>
</head>
<body class="p-4 md:p-8 lg:p-12">
<div class="max-w-4xl mx-auto text-center pt-8 pb-4 md:py-10">
<h1 class="text-3xl sm:text-4xl md:text-5xl font-extrabold leading-tight mb-4">
Unlock 3 Premium Sites with One Simple Membership.
</h1>
<p class="text-base sm:text-lg md:text-xl text-gray-600 max-w-2xl mx-auto">
Get instant, unlimited access to BBC Surprise and two other premium sites with this exclusive Reddit-only discount.
</p>
</div>
<!-- New container for the image and benefits section -->
<div class="max-w-5xl mx-auto mt-4 mb-12 grid grid-cols-1 md:grid-cols-2 md:items-center gap-8 md:gap-12">
<!-- This div is hidden on small screens and displayed as a block on medium screens and larger -->
<div class="hidden md:block md:order-1">
<img src="https://baberankings.com/wp-content/uploads/2025/08/107-set-2x.webp" alt="A woman in a red hoodie standing near a window" class="rounded-lg shadow-lg w-full" onerror="this.onerror=null; this.src='https://placehold.co/1024x576/D1FAE5/10B981?text=BBC+Surprise'">
</div>
<div class="md:order-2">
<h2 class="text-2xl font-bold mb-4 text-center">Why our members love us:</h2>
<ul class="list-none text-left text-gray-700 space-y-2 max-w-sm mx-auto">
<li class="flex items-center space-x-2">
<span class="text-green-500 font-bold">✓</span>
<span>The hottest models experiencing their first BBC</span>
</li>
<li class="flex items-center space-x-2">
<span class="text-green-500 font-bold">✓</span>
<span>Videos available in stunning 4K quality</span>
</li>
<li class="flex items-center space-x-2">
<span class="text-green-500 font-bold">✓</span>
<span>Now updated weekly</span>
</li>
</ul>
</div>
</div>
<div class="max-w-5xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-12 items-stretch">
<div class="relative bg-white p-6 sm:p-8 rounded-2xl shadow-xl text-center flex flex-col justify-between best-value-card">
<div class="max-w-sm mx-auto flex flex-col items-center">
<h3 class="text-2xl font-bold mb-4">Full Membership</h3>
<div class="flex flex-col items-start my-6 space-y-4">
<div class="flex items-center justify-start space-x-3">
<img src="https://baberankings.com/wp-content/uploads/2025/08/BBC-Surprise-CTA-2.webp" alt="BBC Surprise" class="w-16 h-16 rounded-xl shadow-lg object-cover" onerror="this.onerror=null; this.src='https://placehold.co/64x64/D1FAE5/10B981?text=BBC'">
<p class="text-xl font-bold">BBC Surprise</p>
</div>
<div class="flex items-center justify-start space-x-3">
<img src="https://baberankings.com/wp-content/uploads/2025/08/Backroom-Casting-Couch-CTA.webp" alt="Backroom Casting Couch" class="w-16 h-16 rounded-xl shadow-lg object-cover" onerror="this.onerror=null; this.src='https://placehold.co/64x64/DBEAFE/3B82F6?text=BCC'">
<p class="text-xl font-bold">Backroom Casting Couch</p>
</div>
<div class="flex items-center justify-start space-x-3">
<img src="https://baberankings.com/wp-content/uploads/2025/08/Exploited-College-Girls-CTA.webp" alt="Exploited College Girls" class="w-16 h-16 rounded-xl shadow-lg object-cover" onerror="this.onerror=null; this.src='https://placehold.co/64x64/E0E7FF/6366F1?text=ECG'">
<p class="text-xl font-bold">Exploited College Girls</p>
</div>
</div>
<div class="my-6 space-y-2">
<p class="text-5xl font-extrabold text-gray-900">$19.99<span class="text-xl font-medium text-gray-500">/mo</span></p>
<p class="text-base font-normal text-gray-400 line-through">regularly $29.80/mo</p>
<p class="text-lg font-bold text-gray-800">Your first month is 33% OFF!</p>
</div>
</div>
<div class="flex flex-col items-center">
<a href="https://join.bbcsurprise.com/track/MjU5ODA4MC41LjMuMy4yNy4wLjAuMC4w/join" class="cta-button-primary w-full">Get Unlimited Access</a>
<p class="text-xs text-stone-500 mt-4">
You will be automatically re-billed at full price ($29.80/mo) after your first month. Cancel anytime.
</p>
</div>
</div>
<div class="bg-white p-6 sm:p-8 rounded-2xl shadow-md text-center flex flex-col justify-between">
<div class="max-w-sm mx-auto flex flex-col items-center">
<h3 class="text-2xl font-bold mb-4">2-Day Trial</h3>
<div class="flex flex-col items-start my-6 space-y-4 opacity-80">
<div class="flex items-center justify-start space-x-3">
<img src="https://baberankings.com/wp-content/uploads/2025/08/BBC-Surprise-CTA-2.webp" alt="BBC Surprise" class="w-16 h-16 rounded-xl shadow-lg object-cover" onerror="this.onerror=null; this.src='https://placehold.co/64x64/D1FAE5/10B981?text=BBC'">
<p class="text-xl font-bold">BBC Surprise</p>
</div>
<div class="flex items-center justify-start space-x-3 opacity-50">
<img src="https://baberankings.com/wp-content/uploads/2025/08/Backroom-Casting-Couch-CTA.webp" alt="Backroom Casting Couch" class="w-16 h-16 rounded-xl shadow-lg object-cover" onerror="this.onerror=null; this.src='https://placehold.co/64x64/DBEAFE/3B82F6?text=BCC'">
<p class="text-xl font-light">Backroom Casting Couch</p>
</div>
<div class="flex items-center justify-start space-x-3 opacity-50">
<img src="https://baberankings.com/wp-content/uploads/2025/08/Exploited-College-Girls-CTA.webp" alt="Exploited College Girls" class="w-16 h-16 rounded-xl shadow-lg object-cover" onerror="this.onerror=null; this.src='https://placehold.co/64x64/E0E7FF/6366F1?text=ECG'">
<p class="text-xl font-light">Exploited College Girls</p>
</div>
</div>
<div class="my-6 space-y-2">
<p class="text-base font-bold text-gray-800">Get 2 days of limited access for just:</p>
<span class="special-dollar-circle">$1</span>
</div>
</div>
<div class="flex flex-col items-center">
<a href="https://join.bbcsurprise.com/track/MjU5ODA4MC41LjMuMy4yNy4wLjAuMC4w/join" class="cta-button-trial w-full">Start My 2-Day Trial</a>
<p class="text-sm text-stone-500 mt-4">
No commitments. Cancel anytime.
</p>
</div>
</div>
</div>
</body>
</html>