|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>12BET Partnership Proposal</title> |
|
|
<style> |
|
|
body { |
|
|
margin: 0; |
|
|
font-family: 'Arial', sans-serif; |
|
|
background-color: #1a1a1a; |
|
|
color: #fff; |
|
|
display: flex; |
|
|
justify-content: center; |
|
|
align-items: center; |
|
|
min-height: 100vh; |
|
|
} |
|
|
|
|
|
.carousel { |
|
|
width: 100%; |
|
|
max-width: 900px; |
|
|
margin: 20px; |
|
|
position: relative; |
|
|
overflow: hidden; |
|
|
} |
|
|
|
|
|
.slide { |
|
|
display: none; |
|
|
padding: 30px; |
|
|
border-radius: 15px; |
|
|
background-size: cover; |
|
|
background-position: center; |
|
|
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5); |
|
|
opacity: 0; |
|
|
transition: opacity 0.5s ease-in-out; |
|
|
} |
|
|
|
|
|
.slide.active { |
|
|
display: block; |
|
|
opacity: 1; |
|
|
} |
|
|
|
|
|
.slide h1 { |
|
|
font-size: 2.8em; |
|
|
text-align: center; |
|
|
margin-bottom: 15px; |
|
|
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7); |
|
|
} |
|
|
|
|
|
.slide h2 { |
|
|
font-size: 1.8em; |
|
|
text-align: center; |
|
|
margin-bottom: 15px; |
|
|
color: #ffd700; |
|
|
} |
|
|
|
|
|
.slide p { |
|
|
font-size: 1.2em; |
|
|
text-align: center; |
|
|
line-height: 1.6; |
|
|
} |
|
|
|
|
|
.slide ul { |
|
|
list-style: disc; |
|
|
padding-left: 25px; |
|
|
font-size: 1.15em; |
|
|
margin: 15px 0; |
|
|
} |
|
|
|
|
|
.slide img { |
|
|
width: 100%; |
|
|
height: 250px; |
|
|
object-fit: cover; |
|
|
border-radius: 10px; |
|
|
margin-bottom: 20px; |
|
|
border: 2px solid #ffd700; |
|
|
} |
|
|
|
|
|
.split { |
|
|
display: flex; |
|
|
flex-wrap: wrap; |
|
|
gap: 20px; |
|
|
justify-content: center; |
|
|
} |
|
|
|
|
|
.split > div { |
|
|
flex: 1; |
|
|
min-width: 280px; |
|
|
} |
|
|
|
|
|
.grid { |
|
|
display: grid; |
|
|
grid-template-columns: 1fr; |
|
|
gap: 20px; |
|
|
align-items: center; |
|
|
} |
|
|
|
|
|
.flex-center { |
|
|
display: flex; |
|
|
align-items: center; |
|
|
margin-bottom: 15px; |
|
|
font-size: 1.2em; |
|
|
} |
|
|
|
|
|
.flex-center span { |
|
|
font-size: 1.8em; |
|
|
margin-right: 15px; |
|
|
color: #ffd700; |
|
|
} |
|
|
|
|
|
.nav-buttons { |
|
|
display: flex; |
|
|
justify-content: space-between; |
|
|
margin-top: 25px; |
|
|
} |
|
|
|
|
|
.nav-buttons button { |
|
|
background-color: #1e90ff; |
|
|
color: #fff; |
|
|
border: none; |
|
|
padding: 12px 25px; |
|
|
font-size: 1.1em; |
|
|
cursor: pointer; |
|
|
border-radius: 8px; |
|
|
transition: background-color 0.3s; |
|
|
} |
|
|
|
|
|
.nav-buttons button:hover { |
|
|
background-color: #1c86ee; |
|
|
} |
|
|
|
|
|
.intro-text { |
|
|
font-size: 1.3em; |
|
|
text-align: center; |
|
|
margin-bottom: 20px; |
|
|
color: #ccc; |
|
|
} |
|
|
|
|
|
@media (min-width: 768px) { |
|
|
.grid { |
|
|
grid-template-columns: 1fr 1fr; |
|
|
} |
|
|
|
|
|
.slide img { |
|
|
height: 300px; |
|
|
} |
|
|
|
|
|
.slide h1 { |
|
|
font-size: 3em; |
|
|
} |
|
|
|
|
|
.slide h2 { |
|
|
font-size: 2em; |
|
|
} |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body> |
|
|
<div class="carousel"> |
|
|
<div class="slide active" style="background-image: url('https://images.unsplash.com/photo-1517165840739-a54579382c92?ixlib=rb-4.0.3&auto=format&fit=crop&w=1600&h=900');"> |
|
|
<h1>Invitation to Partner with 12BET</h1> |
|
|
<h2>Official Brand Ambassador | 2024–2026 Campaign</h2> |
|
|
<p class="intro-text">Join 12BET, Asia’s premier gaming platform, in a groundbreaking partnership to elevate your legacy on a global stage.</p> |
|
|
<p><i>Unite Your Legacy with Our Global Reach</i></p> |
|
|
</div> |
|
|
|
|
|
<div class="slide" style="background-color: #2a2a2a;"> |
|
|
<h1>Why Partner with 12BET?</h1> |
|
|
<p class="intro-text">Discover the power of aligning with a trusted brand that dominates the Asian gaming market and sponsors world-class events.</p> |
|
|
<div class="split"> |
|
|
<div> |
|
|
<img src="https://images.unsplash.com/photo-1516321497487-e288fb19713f?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&h=600" alt="Ambassador celebrating a goal"> |
|
|
</div> |
|
|
<div> |
|
|
<img src="https://glancesurveys.in.net/wp-content/uploads/2024/07/12bet.png?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&h=600" alt="12BET app interface and branding"> |
|
|
</div> |
|
|
</div> |
|
|
<ul> |
|
|
<li>Leverage Asia’s leading gaming platform with millions of active users.</li> |
|
|
<li>Align with mega-events: World Cup 2026, UEFA Champions League, All England Open.</li> |
|
|
<li>Mutual growth: Amplify your brand in key markets (Vietnam, India, Malaysia, Thailand).</li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div class="slide" style="background-color: #333;"> |
|
|
<h1>Core Collaboration Activities</h1> |
|
|
<p class="intro-text">Engage fans and amplify your presence through a series of high-impact, mandatory campaign activities tailored for maximum reach.</p> |
|
|
<div class="grid"> |
|
|
<div> |
|
|
<img src="https://static.wintips.com/images/wintips-page/9-23-2024/all-information-about-the-12bet-bookmaker-promotion.jpg?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&h=600" alt="Press conference mock-up"> |
|
|
</div> |
|
|
<div> |
|
|
<div class="flex-center"><span>🎤</span><p>Press Conference + Social Announcement: Launch the partnership with a global media event.</p></div> |
|
|
<div class="flex-center"><span>📸</span><p>Photo/Video Shoot: Create stunning ads and banners for digital and physical campaigns.</p></div> |
|
|
<div class="flex-center"><span>📱</span><p>2-4 Monthly Posts: Share holiday-themed content and reposts on social media.</p></div> |
|
|
<div class="flex-center"><span>⚽</span><p>Event Appearances: Shine at World Cup 2026, UCL, and other major events.</p></div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="slide" style="background-color: #2a2a2a;"> |
|
|
<h1>Enhance Engagement (Optional)</h1> |
|
|
<p class="intro-text">Go beyond the basics with exclusive opportunities to connect with fans and showcase your expertise.</p> |
|
|
<img src="https://imagenesyogonet.b-cdn.net/data/imagenes/2023/03/30/53378/1680188197-12bet-generica.jpg?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&h=600" alt="Ambassador analyzing a match"> |
|
|
<img src="https://sportskhabri.com/wp-content/uploads/2024/10/12bet-app-features.webp?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&h=600" alt="Fan meet-and-greet scene"> |
|
|
<ul> |
|
|
<li>Expert commentary: Share match insights to engage sports enthusiasts.</li> |
|
|
<li>Exclusive fan events: Host meet-and-greets across Asia for deeper connections.</li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div class="slide" style="background-color: #333;"> |
|
|
<h1>Budget & Timeline</h1> |
|
|
<p class="intro-text">A flexible, high-value partnership designed to align with your schedule and maximize impact.</p> |
|
|
<div class="flex-center"><span>💰</span><p>Budget: Up to USD 2 million (flexible scope for customized activations).</p></div> |
|
|
<div class="flex-center"><span>📅</span><p>Active Period: From 2024 to December 2026, spanning major global events.</p></div> |
|
|
<p>Schedule tailored to your availability for seamless collaboration.</p> |
|
|
</div> |
|
|
|
|
|
<div class="slide" style="background-image: url('https://images.unsplash.com/photo-1580130775562-0a6ac42b7a00?ixlib=rb-4.0.3&auto=format&fit=crop&w=1600&h=900');"> |
|
|
<h1>Ready to Team Up?</h1> |
|
|
<p class="intro-text">Let’s create a legacy together with 12BET’s global platform and your star power.</p> |
|
|
<img src="https://sportskhabri.com/wp-content/uploads/2024/10/12bet-app-features.webp?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&h=600" alt="Handshake for partnership"> |
|
|
<p>Contact us today to discuss this exciting opportunity and start building a winning partnership!</p> |
|
|
</div> |
|
|
|
|
|
<div class="nav-buttons"> |
|
|
<button onclick="changeSlide(-1)">Previous</button> |
|
|
<button onclick="changeSlide(1)">Next</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<script> |
|
|
let currentSlide = 0; |
|
|
const slides = document.querySelectorAll('.slide'); |
|
|
|
|
|
function changeSlide(direction) { |
|
|
slides[currentSlide].classList.remove('active'); |
|
|
currentSlide = (currentSlide + direction + slides.length) % slides.length; |
|
|
slides[currentSlide].classList.add('active'); |
|
|
} |
|
|
</script> |
|
|
</body> |
|
|
</html> |
