File size: 8,156 Bytes
8d6134c
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
e24650d
8d6134c
 
 
 
 
 
 
 
 
 
 
 
 
 
e24650d
8d6134c
 
 
 
 
 
 
 
 
 
 
 
 
e24650d
 
8d6134c
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
e24650d
8d6134c
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
<!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>