Default

<div class="rcdmlp">
	  <div data-bs-theme="light" class="overflow-visible">
		<main class="rcdmlp__main overflow-hidden">
			<section class="rcdmlp__section rcdmlp__section--fs bg-black position-relative overflow-hidden">
				<div class="rcdmlp__header-img rcdmlp__header-img--1 position-absolute h-100 w-50" data-aos="fade-down" data-duration="2000">
					<img class="h-100 position-absolute" src="https://statics-maker.llt-services.com/mll/images/2025/06/30/original/30ba0622-ee05-4229-9f29-37616edd8c8c-219.webp" alt="RCDM App" />
				</div>
				<div class="rcdmlp__header-img rcdmlp__header-img--2 position-absolute h-100 w-50" data-aos="fade-up" data-duration="2000" data-aos-delay="100">
					<img class="h-100 position-absolute" src="https://statics-maker.llt-services.com/mll/images/2025/06/30/original/d8fff0fe-b630-460c-aeea-e651f52ada6d-581.webp" alt="RCDM App" />
				</div>
				<div class="rcdmlp__header-precontainer position-absolute">
					<div class="container rcdmlp__header-container py-5 text-center" data-aos="fade" data-duration="2000" data-aos-delay="1000">
						<h1 class="h1 text-white text-uppercase fw-bold mb-2" data--aos="fade-down" data-duration="2000" data-aos-delay="1200">NEW RCD MALLORCA APP</h1>
						<h2 class="fw-bold h5 mb-2 mb-4 text-primary" data--aos="fade-down" data-duration="2000" data-aos-delay="1300">YOU WON'T BELIEVE IT!</h2>
						
						<div class="d-inline-block text-white px-3 py-2 rounded border border-white">COMING SOON</div>
						<div class="mt-3 text-white" data--aos="fade-down" data-duration="2000" data-aos-delay="2000">
							Read on to find out more...
							<br />
							<i class="bi bi-chevron-down"></i>
						</div>
					</div>
				</div>
			</section>
			<section class="rcdmlp__section bg-white">
				<div class="container py-5">
					<div class="row">
						<div class="col-12 -col-md-8 mx-auto">
							<div class="row g-4 mb-4">
								<div class="col-12 col-lg-6 -mb-4 border border-white d-flex flex-column" data-aos="fade-down" data-duration="2000">
									<div class="rcdmlp__greybox bg-light -rounded-4 p-3 flex-grow-1 shadow-sm">
										<div class="row">
											<div class="col-3 col-lg--12">
												<img data-aos="fade-right" data-duration="2000" class="rcdmlp__screen rcdmlp__screen--1 w-100" src="https://statics-maker.llt-services.com/mll/images/2025/06/09/original/489f4ce5-2907-4d69-8a92-08cbb3e77cfa-548.webp" alt="Pantalla app 1" />
											</div>
											<div class="col-9 col-lg--12">
												<div class="rcdmlp__screen-title h5 -text-uppercase text-primary">Exclusive Content: Interviews, videos, workouts, and more</div>
												<div class="rcdmlp__screen-subtitle">Access unique RCD Mallorca footage you won't find anywhere else: from behind-closed-doors training sessions to never-before-seen interviews with players and coaching staff.</div>
											</div>
										</div>
									</div>
								</div>
								<div class="col-12 col-lg-6 -mb-4 border border-white d-flex flex-column" data-aos="fade-down" data-duration="2000">
									<div class="rcdmlp__greybox bg-light -rounded-4 p-3 flex-grow-1 shadow-sm">
										<div class="row">
											<div class="col-3 col-lg--12">
												<img data-aos="fade-right" data-duration="2000" class="rcdmlp__screen rcdmlp__screen--1 w-100" src="https://statics-maker.llt-services.com/mll/images/2025/06/09/original/b0a9e2e5-e3ab-4376-af5e-a7f196ae3e58-400.webp" alt="Pantalla app 1" />
											</div>
											<div class="col-9 col-lg--12">
												<div class="rcdmlp__screen-title h5 -text-uppercase text-primary">Special benefits for registered members and fans</div>
												<div class="rcdmlp__screen-subtitle">Enjoy promotions, sweepstakes, and VIP experiences just for being a registered member or subscriber. Your loyalty is rewarded.</div>
											</div>
										</div>
									</div>
								</div>
								<div class="col-12 col-lg-6 -mb-4 border border-white d-flex flex-column" data-aos="fade-down" data-duration="2000">
									<div class="rcdmlp__greybox bg-light -rounded-4 p-3 flex-grow-1 shadow-sm">
										<div class="row">
											<div class="col-3 col-lg--12">
												<img data-aos="fade-right" data-duration="2000" class="rcdmlp__screen rcdmlp__screen--1 w-100" src="https://statics-maker.llt-services.com/mll/images/2025/06/09/original/2747bf19-7b86-4199-ad20-eb1e41a9e17a-848.webp" alt="Pantalla app 1" />
											</div>
											<div class="col-9 col-lg--12">
												<div class="rcdmlp__screen-title h5 -text-uppercase text-primary">Check the LaLiga calendar, results, and standings.</div>
												<div class="rcdmlp__screen-subtitle">Always stay informed about upcoming matches, the latest scores, and your team's position in the table, all in real time.</div>
											</div>
										</div>
									</div>
								</div>
								<div class="col-12 col-lg-6 -mb-4 border border-white d-flex flex-column" data-aos="fade-down" data-duration="2000">
									<div class="rcdmlp__greybox bg-light -rounded-4 p-3 flex-grow-1 shadow-sm">
										<div class="row">
											<div class="col-3 col-lg--12">
												<img data-aos="fade-right" data-duration="2000" class="rcdmlp__screen rcdmlp__screen--1 w-100" src="https://statics-maker.llt-services.com/mll/images/2025/06/09/original/e6d2f259-4117-400f-883f-2967f88611b3-858.webp" alt="Pantalla app 1" />
											</div>
											<div class="col-9 col-lg--12">
												<div class="rcdmlp__screen-title h5 -text-uppercase text-primary">Buy tickets to Estadi Mallorca Son Moix quickly and safely</div>
												<div class="rcdmlp__screen-subtitle">Purchase your tickets in just a few clicks, from anywhere, with complete security and direct access from your mobile phone.</div>
											</div>
										</div>
									</div>
								</div>
								<div class="col-12 col-lg-6 -mb-4 border border-white d-flex flex-column" data-aos="fade-down" data-duration="2000">
									<div class="rcdmlp__greybox bg-light -rounded-4 p-3 flex-grow-1 shadow-sm">
										<div class="row">
											<div class="col-3 col-lg--12">
												<img data-aos="fade-right" data-duration="2000" class="rcdmlp__screen rcdmlp__screen--1 w-100" src="https://statics-maker.llt-services.com/mll/images/2025/06/09/original/61910edd-5996-4fea-a666-707329c86402-956.webp" alt="Pantalla app 1" />
											</div>
											<div class="col-9 col-lg--12">
												<div class="rcdmlp__screen-title h5 -text-uppercase text-primary">Explore the history, roster, and stats of RCD Mallorca</div>
												<div class="rcdmlp__screen-subtitle">Immerse yourself in the club's legacy, get to know our players in detail, and follow the season's most important details.</div>
											</div>
										</div>
									</div>
								</div>
								<div class="col-12 col-lg-6 -mb-4 border border-white d-flex flex-column" data-aos="fade-down" data-duration="2000">
									<div class="rcdmlp__greybox bg-light -rounded-4 p-3 flex-grow-1 shadow-sm">
										<div class="row">
											<div class="col-3 col-lg--12">
												<img data-aos="fade-right" data-duration="2000" class="rcdmlp__screen rcdmlp__screen--1 w-100" src="https://statics-maker.llt-services.com/mll/images/2025/06/09/original/c345cb02-6e56-46ee-8cb2-3e0655327da3-278.webp" alt="Pantalla app 1" />
											</div>
											<div class="col-9 col-lg--12">
												<div class="rcdmlp__screen-title h5 -text-uppercase text-primary">Manage your subscription: use it or share it comfortably</div>
												<div class="rcdmlp__screen-subtitle">Manage your subscription from the app: use it yourself or share it with anyone you want in seconds, hassle-free.</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					
				</div>
			</section>
		</main>
		
		<div class="modal fade modal-sm" id="memberIdModal" tabindex="-1" aria-labelledby="memberIdModalLabel" 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="memberIdModalLabel"></h1>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			  </div>
			  <div class="modal-body p-0">
				<img src="https://statics-maker.llt-services.com/mll/images/2025/04/15/original/659ac2b3-d46a-423b-bfa6-9e1ac7f74277-593.webp" class="w-100" />
				
			  </div>
			</div>
		  </div>
		</div>
		
	  </div>
	</div>

RCD Mallorca App