Default

<div class="rcdmlp">
		  <div data-bs-theme="light" class="overflow-visible">
			<header class="rcdmlp__header text-center bg-dark text-white">
			  <div class="rcdmlp__header-bgimg rcdmlp__header-bgimg--darken" style="background-image:url(https://statics-maker.llt-services.com/mll/images/2024/03/14/original/40359612-1f41-42d6-97ad-a701114ff696-135.jpg);" data-aos="fade" data-aos-delay="0" data-duration="4000">
				<div class="container py-5">
				  <h1 class="h1 text-white text-uppercase fw-bold mb-2" data-aos="fade-down" data-duration="2000">
					<span class="d-block mb-3"><img width="120" src="https://statics-maker.llt-services.com/mll/images/2024/12/17/original/070b25a1-0453-41de-aef1-11441e87bffe-38.svg" class="img-fluid" /></span>
					SPANISH SUPER CUP
				  </h1>
				  
				  <div class="mb-0" data-aos="fade-up" data-aos-delay="300" data-duration="4000">
					<div class="fw-bold h3 m-0">9 January 2025, 22:00 (local time)</div>
					<div class="fw-bold h5 m-0">Jeddah, Saudi Arabia</div>
				  </div>
				</div>
			  </div>
			</header>
			<main class="rcdmlp__main overflow-hidden">
				<section class="rcdmlp__section py-5 bg-white">
					<div class="container text-center" data-aos="fade" data-aos-delay="0" data-duration="4000">
						<div class="row">
						  <div class="col-lg-8 mx-auto">
						  	<p class="h5 mb-4">We are delighted to inform you that in the next few days you will receive an email from ‘webook.com’ notifying you that your ticket available for the Spanish Super Cup semi final.</p>
							  <p class="h5 m-0">To activate your ticket, please follow the instructions below.</p>
						  </div>
						</div>
					</div>
				</section>
			  <section class="rcdmlp__section py-5 bg-body-tertiary">
				  <div class="container text-center">
					  <h1 class="h1 text-primary text-uppercase fw-bold mb-2" data-aos="fade-down" data-duration="2000">DOWNLOAD THE WEBOOK APP</h1>
					  <h2 class="fw-bold h5 mb-2 mb-5" data-aos="fade-down" data-aos-delay="50" data-duration="2000">AND ACTIVATE YOUR TICKETS</h2>
					  <div class="row text-start">
						  <div class="col-lg-8 mx-auto">
							  <div class="row">
						
						<div class="col-lg-8 mx-auto">
						  <ul class="list-unstyled mb-4">
							<li class="d-flex mb-3">
							  <i class="bi bi-check me-1"></i> 
							  <span>Your <strong>tickets</strong> are <strong>available in DIGITAL format</strong> in the <strong>Webook app</strong> (iOS and Android). You can download it through the following links:<br />
							  <span class="d-block mt-3 text-center">
								  <a href="https://apps.apple.com/us/app/webook-com-fun-things-to-do/id6468667896" target="_blank" class="mx-4"><img src="https://images.ctfassets.net/vy53kjqs34an/6L7jX6HJDHPBObRDSDO7OA/92521d5009d9bd7ccd49e58679df3419/app-store.svg"></a>
								  <a href="https://play.google.com/store/apps/details?id=com.webook.android" target="_blank" class="mx-4"><img src="https://images.ctfassets.net/vy53kjqs34an/3QXil2sNpz4OaaqZeNHiM5/4d27c2062f81424d3b58c283e222dc11/google-play.svg"></a>
							  </span>
						  </span>
							</li>
							<li class="d-flex mb-3">
								<i class="bi bi-check me-1"></i> 
								<span>Once you have downloaded the app, <strong>create a Webook account using the same email address</strong> you used to receive the email (if the account already exists, use the ‘reset your password’ link to access it).<br /><img src="https://statics-maker.llt-services.com/mll/images/2024/12/27/original/2f3af953-86c2-4842-9200-5c734a05574b-883.webp" class="img-fluid d-block mt-1"></span>
							  </li>
							<li class="d-flex mb-3">
							  <i class="bi bi-check me-1"></i> 
							  <span>From the main screen in the app, click on <strong>"Bookings" and this is where you will find your tickets.</strong><br /><img src="https://statics-maker.llt-services.com/mll/images/2024/12/27/original/a1f9de3a-fa95-4f8f-a520-ec143520312c-918.webp" class="img-fluid d-block mt-1"></span>
							</li>
							<li class="d-flex mb-3  text-primary">
							  <i class="bi bi-check me-1 text-primary"></i> 
							  <span><strong>Between January 2nd and 3rd</strong>, the tickets will appear in the APP. If they do not show up by January 4th, please contact us (atencionalabonado@rcdmallorca.es).</span>
							</li>
							<li class="d-flex mb-3">
							  <i class="bi bi-check me-1"></i> 
							  <span>Make sure <strong>you have downloaded your tickets to your mobile phone</strong> before travelling to Jeddah. You may encounter internet connection problems in the country.<br /><img src="https://statics-maker.llt-services.com/mll/images/2024/12/27/original/d88e0dc6-9e27-4a23-8ce5-35a6e3ee36d2-414.webp" class="img-fluid d-block mt-1"></span>
							</li>
							<li class="d-flex mb-3">
								<i class="bi bi-check me-1"></i> 
								<span><a data-bs-toggle="modal" data-bs-target="#howToPurchaseModal" class="text-decoration-none" href="#">Here is a video explaining the process step by step.</a></span>
							  </li>
						  </ul>
						</div>
					  </div>
						  </div>
					  </div>
					</div>
			  </section>
			  <section class="rcdmlp__section py-5 bg-white">
				<div class="container text-center">
				  <h1 class="h1 text-primary text-uppercase fw-bold mb-5" data-aos="fade-down" data-duration="2000">SENDING AND RECEIVING TICKETS</h1>
				  <h2 class="fw-bold h5 mb-4" data-aos="fade-down" data-aos-delay="50" data-duration="2000">HOW DO I SEND MY TICKET TO SOMEONE ELSE?</h2>
				  <div class="row text-start">
					  <div class="col-lg-8 mx-auto">
						  <div class="row">
					
					<div class="col-lg-8 mx-auto">
					  <ul class="list-unstyled mb-5">
						<li class="d-flex mb-3">
						  <i class="bi bi-check me-1"></i> 
						  <span>You <strong>can send your ticket to another person</strong> by clicking on the <strong>"Send"</strong> button below your entry and filling in the details of the person who will receive it. <br /><img src="https://statics-maker.llt-services.com/mll/images/2024/12/27/original/b985d85f-6961-4735-8770-0d564ab621de-315.webp" class="img-fluid d-block mt-1"></span>
						</li>
						<li class="d-flex mb-3">
							<i class="bi bi-check me-1"></i> 
							<span>Confirm the recipient data provided and slide the arrow to send the ticket.<br /><img src="https://statics-maker.llt-services.com/mll/images/2024/12/27/original/edbd4e1a-dd45-4324-a7a0-09dc53e6b11c-196.webp" class="img-fluid d-block mt-1"></span>
						  </li>
						<li class="d-flex mb-3">
						  <i class="bi bi-check me-1"></i> 
						  <span>An <strong>email with instructions on how to download the tickets</strong> will be sent to the address you entered. If you change your mind and the recipient has not yet activated their tickets, you can retrieve them by clicking on ‘Cancel Send’ from the QR code screen of the ticket.<br /><img src="https://statics-maker.llt-services.com/mll/images/2024/12/27/original/c6e0fce7-a163-467b-be95-0a7354f0ec9d-864.webp" class="img-fluid d-block mt-1"></span>
						</li>
					  </ul>
					  <h2 class="fw-bold h5 mb-4" data-aos="fade-down" data-aos-delay="50" data-duration="2000">HOW DO I RECEIVE MY SHARED TICKET?</h2>
					  <ul class="list-unstyled mb-4">
						<li class="d-flex mb-3">
							<i class="bi bi-check me-1"></i> 
							<span>Your <strong>ticket</strong> will be <strong>available in DIGITAL format</strong> in the <strong>Webook app</strong> (iOS and Android). You can download it through these links:<br />
							<span class="d-block mt-3 text-center">
								<a href="https://apps.apple.com/us/app/webook-com-fun-things-to-do/id6468667896" target="_blank" class="mx-4"><img src="https://images.ctfassets.net/vy53kjqs34an/6L7jX6HJDHPBObRDSDO7OA/92521d5009d9bd7ccd49e58679df3419/app-store.svg"></a>
								<a href="https://play.google.com/store/apps/details?id=com.webook.android" target="_blank" class="mx-4"><img src="https://images.ctfassets.net/vy53kjqs34an/3QXil2sNpz4OaaqZeNHiM5/4d27c2062f81424d3b58c283e222dc11/google-play.svg"></a>
							</span>
						</span>
						  </li>
						<li class="d-flex mb-3">
							  <i class="bi bi-check me-1"></i> 
							  <span>Once you have downloaded the app, <strong>create a Webook account using the same email address</strong> you received the shared ticket (if the account already exists, use the ‘reset your password’ link to access it).<br /><img src="https://statics-maker.llt-services.com/mll/images/2024/12/27/original/2f3af953-86c2-4842-9200-5c734a05574b-883.webp" class="img-fluid d-block mt-1"></span>
							</li>
						  <li class="d-flex mb-3">
							<i class="bi bi-check me-1"></i> 
							<span>In the <strong>"Bookings" section you will find your ticket,</strong> pendiente de ser aceptada. <strong>which will be pending acceptance. Accept it and it will be downloaded to the app.</strong><br /><img src="https://statics-maker.llt-services.com/mll/images/2024/12/27/original/ba3ce0c5-f161-455c-8c66-437b420ebc4e-11.webp" class="img-fluid d-block mt-1"></span>
						  </li>
						  <li class="d-flex mb-3">
							<i class="bi bi-check me-1"></i> 
							<span>Make sure <strong>you have downloaded your tickets to your mobile phone</strong> before travelling to Jeddah. You may encounter internet connection problems in the country.<br /><img src="https://statics-maker.llt-services.com/mll/images/2024/12/27/original/d88e0dc6-9e27-4a23-8ce5-35a6e3ee36d2-414.webp" class="img-fluid d-block mt-1"></span>
						  </li>
						  <li class="d-flex mb-3">
							  <i class="bi bi-check me-1"></i> 
							  <span><a data-bs-toggle="modal" data-bs-target="#howToPurchaseModal" class="text-decoration-none" href="#">Here is a video explaining the process step by step.</a></span>
							</li>
					  </ul>
					</div>
				  </div>
					  </div>
				  </div>
				</div>
			  </section>
			  <section class="rcdmlp__section py-5 bg-black text-white">
				  <div class="container py-5">
					<h1 class="h1 text-primarylight text-uppercase fw-bold mb-5 text-center" data-aos="fade-down" data-duration="2000">Frequent questions</h1>
					<div class="row text-start justify-content-center" data-aos="fade" data-duration="2000">
					  <div class="col col-lg-8">
						<div class="accordion accordion-flush" id="accordionFlushExample">
						  <div class="accordion-item">
							<h2 class="accordion-header">
							  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse1" aria-expanded="false" aria-controls="flush-collapse1">
								Can I have more than one ticket in the same app?
							  </button>
							</h2>
							<div id="flush-collapse1" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
							  <div class="accordion-body">Yes, all the tickets you receive will be available in the ‘bookings’ section of your app.</div>
							</div>
						  </div>
						  <div class="accordion-item">
							<h2 class="accordion-header">
							  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse2" aria-expanded="false" aria-controls="flush-collapse2">
								Can I forward my ticket to someone else?
							  </button>
							</h2>
							<div id="flush-collapse2" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
							  <div class="accordion-body">Yes, you can forward your ticket onto someone else. You will need to provide their contact information and make sure that the person receiving the ticket is registered in the app with the same email address you are sending it to. Please note that once they receive it, the ticket will no longer be available in your account.</div>
							</div>
						  </div>
						  <div class="accordion-item">
							<h2 class="accordion-header">
							  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse3" aria-expanded="false" aria-controls="flush-collapse3">
								Do I have to be registered on webook.com to get my ticket?
							  </button>
							</h2>
							<div id="flush-collapse3" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
							  <div class="accordion-body">Yes, the only way to access the ticket is through the Webook mobile app. You must download it and register with the email address where you have received our email about the steps to follow as this will be in that account where you will receive the tickets.</div>
							</div>
						  </div>
						  <div class="accordion-item">
							<h2 class="accordion-header">
							  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse5" aria-expanded="false" aria-controls="flush-collapse5">
                                Can I retrieve a ticket I have sent to someone else?
							  </button>
							</h2>
							<div id="flush-collapse3" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
							  <div class="accordion-body">No. Once the other person has accepted the tickets, they cannot be retrieved.</div>
							</div>
						  </div>
						  <div class="accordion-item">
							<h2 class="accordion-header">
							  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse5" aria-expanded="false" aria-controls="flush-collapse5">
								        I followed all the steps and haven't received the tickets
							  </button>
							</h2>
							<div id="flush-collapse3" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
							  <div class="accordion-body">You should receive the tickets between January 2nd and January 3rd. If you haven’t received them by January 4th, please contact <a href="mailto:atencionalabonado@rcdmallorca.es">atencionalabonado@rcdmallorca.es</a>, and we will get in touch with you as soon as possible.</div>
							</div>
						  </div>
						  <div class="accordion-item">
							<h2 class="accordion-header">
							  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse4" aria-expanded="false" aria-controls="flush-collapse4">
								Need further help?
							  </button>
							</h2>
							<div id="flush-collapse4" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
							  <div class="accordion-body">Send us an email to <a href="mailto:atencionalabonado@rcdmallorca.es">atencionalabonado@rcdmallorca.es</a> and we will contact you as soon as possible.</div>
							</div>
						  </div>
					  </div>
						</div>
					  </div>
					</div>
				  </div>
				</section>
			</main>
			
			<div class="modal fade modal-lg" id="howToPurchaseModal" tabindex="-1" aria-labelledby="howToPurchaseModalLabel" aria-hidden="true">
			  <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
				<div class="modal-content">
				  <div class="modal-header bg-primary">
					<h1 class="modal-title fs-5 text-uppercase text-white fw-bold" id="howToPurchaseModalLabel"></h1>
					<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
				  </div>
				  <div class="modal-body p-0">
					<div class="ratio ratio-16x9">
					  <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/aKqw7c0tsj0?si=Y1BrLvcaUWms-7tV" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
					</div>
				  </div>
				</div>
			  </div>
			</div>
			
			<div class="modal fade modal-lg" id="mapModal" tabindex="-1" aria-labelledby="mapModalLabel" aria-hidden="true">
				<style>
					@media (min-width: 992px){
						.rcdmlp .modal-lg {
							--bs-modal-width: 1200px;
						}
						.rcdmlp .image-row {
							display:flex;
							background: #000;
							align-items: center;
						}
						.rcdmlp .image-row--1 {
							flex-grow: 1;
							aspect-ratio: 900/1600;
							width:80.4%;
						}
						.rcdmlp .image-row--2 {
							flex-grow: 1;
							aspect-ratio: 1600/1712;
							width: 134%;
						}
					}
				</style>
			  <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
				<div class="modal-content">
				  <div class="modal-header bg-primary">
					<h1 class="modal-title fs-5 text-uppercase text-white fw-bold" id="mapModalLabel"></h1>
					<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
				  </div>
				  <div class="modal-body p-0">
					<div class="image-row">
						<div class="image-row--1">
							<img src="https://statics-maker.llt-services.com/mll/images/2024/04/05/original/265a62b6-3f4e-444a-94c3-d0e61431e7ad-468.jpg" class="img-fluid" />
						</div>
						<div class="image-row--2">
							<img src="https://statics-maker.llt-services.com/mll/images/2024/04/03/original/f38bc09c-e53a-454d-a183-f4ff068cc15b-345.jpg" class="img-fluid" />
						</div>
					</div>
				  </div>
				</div>
			  </div>
			</div>
			
		  </div>
		</div>