1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Red Sky Labs - Mobile App Acquisition & Development</title> 7 <link rel="stylesheet" href="styles.css"> 8 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet"> 9 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> 10</head> 11<body> 12 <!-- Navigation --> 13 <nav class="navbar"> 14 <div class="nav-container"> 15 <div class="nav-logo"> 16 <h2>Red Sky Labs</h2> 17 </div> 18 <ul class="nav-menu"> 19 <li class="nav-item"> 20 <a href="#home" class="nav-link"><span data-i18n="nav_home">Home</span></a> 21 </li> 22 <li class="nav-item"> 23 <a href="#about" class="nav-link"><span data-i18n="nav_about">About</span></a> 24 </li> 25 <li class="nav-item"> 26 <a href="#services" class="nav-link"><span data-i18n="nav_services">What We Offer</span></a> 27 </li> 28 <li class="nav-item"> 29 <a href="#portfolio" class="nav-link"><span data-i18n="nav_portfolio">Portfolio</span></a> 30 </li> 31 <li class="nav-item"> 32 <a href="#contact" class="nav-link"><span data-i18n="nav_contact">Contact</span></a> 33 </li> 34 </ul> 35 <div class="lang-selector"> 36 <select id="languageSelect"> 37 <option value="en" selected>EN</option> 38 <option value="es">ES</option> 39 </select> 40 </div> 41 <div class="hamburger"> 42 <span class="bar"></span> 43 <span class="bar"></span> 44 <span class="bar"></span> 45 </div> 46 </div> 47 </nav> 48 49 <!-- Hero Section --> 50 <section id="home" class="hero"> 51 <div class="hero-background"> 52 <!-- Video Background --> 53 <video class="hero-video" autoplay muted loop playsinline preload="metadata" style="display: block; opacity: 0.8; width: 100%; height: 100%; object-fit: cover;"> 54 <source src="img/video.mp4" type="video/mp4"> 55 <source src="img/video.webm" type="video/webm"> 56 <source src="img/video.ogv" type="video/ogg"> 57 </video> 58 59 <!-- Animated Background (always visible) --> 60 <div class="animated-background"> 61 <div class="floating-particles"></div> 62 <div class="gradient-waves"></div> 63 <div class="pulse-circles"></div> 64 </div> 65 66 <div class="video-overlay"></div> 67 <div class="animated-circles"></div> 68 <div class="glow-orbs"></div> 69 <div class="matrix-rain"></div> 70 </div> 71 <div class="hero-content"> 72 <!-- Debug Info (remove this later) --> 73 <div id="videoDebug" style="position: fixed; top: 10px; right: 10px; background: rgba(0,0,0,0.8); color: white; padding: 10px; border-radius: 5px; z-index: 9999; font-size: 12px;"> 74 Video Status: Loading... 75 </div> 76 77 <!-- Video Enable Prompt --> 78 <div id="videoPrompt" style="position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,0.8); color: white; padding: 15px; border-radius: 10px; z-index: 9998; font-size: 14px; text-align: center; display: none;"> 79 <i class="fas fa-play-circle" style="margin-right: 8px; color: #00d4ff;"></i> 80 Click anywhere to enable video background 81 </div> 82 83 <h1 class="hero-title"> 84 <span data-i18n="hero_title">MOBILE DISTRIBUTION</span><br> 85 <span style="color: #00d4ff;">EXPERTS</span><br> 86 <span data-i18n="hero_title2">DEVELOPMENT</span> 87 </h1> 88 <p class="hero-subtitle">
89 <span data-i18n="hero_subtitle">Red Sky Labs is a company with great experience in both iOS and Android app distribution & development. Our team has developed apps with more than 200 million downloads in total.</span> 90 </p> 91 <a href="#contact" class="cta-button"> 92 <span data-i18n="hero_cta">GET STARTED</span> 93 </a> 94 </div> 95 </section> 96 97 <!-- About Section --> 98 <section id="about" class="about"> 99 <div class="about-background" id="aboutBackground"></div> 100 <div class="section-background" id="aboutSectionBackground"></div> 101 <div class="container"> 102 <div class="section-header"> 103 <h2><span data-i18n="about_title">ABOUT US</span></h2> 104 <p><span data-i18n="about_subtitle">Red Sky Labs is a company with great experience in both iOS and Android app distribution & development.</span></p> 105 </div> 106 <div class="two-column-layout"> 107 <div class="column-image"> 108 <img src="img/about-photo.jpg" alt="About Red Sky Labs" class="section-photo"> 109 </div> 110 <div class="column-content"> 111 <div class="about-content"> 112 <div class="about-text"> 113 <h3><span data-i18n="about_heading1">EXPERIENCE</span></h3> 114 <p><span data-i18n="about_text1">Our team has developed apps with more than 200 million downloads in total. We have had Apps and Games promoted by Apple and Google and we have had several numbers 1 in different countries.</span></p> 115 <h3><span data-i18n="about_heading2">DATA ANALYSIS</span></h3> 116 <p><span data-i18n="about_text2">We are strongly based on data analysis and we make decisions to improve our products based on the different metrics that we collect.</span></p> 117 </div> 118 </div> 119 </div> 120 </div> 121 <div class="about-stats"> 122 <div class="stats"> 123 <div class="stat"> 124 <h4><span data-i18n="about_stat1">200M+</span></h4> 125 <p><span data-i18n="about_stat1_label">Downloads</span></p> 126 </div> 127 <div class="stat"> 128 <h4><span data-i18n="about_stat2">iOS & Android</span></h4> 129 <p><span data-i18n="about_stat2_label">Platforms</span></p> 130 </div> 131 <div class="stat"> 132 <h4><span data-i18n="about_stat3">#1</span></h4> 133 <p><span data-i18n="about_stat3_label">App Store Rankings</span></p> 134 </div> 135 </div> 136 </div> 137 </div> 138 </section> 139 140 <!-- Services Section --> 141 <section id="services" class="services"> 142 <div class="section-background" id="servicesSectionBackground"></div> 143 <div class="container"> 144 <div class="section-header"> 145 <h2><span data-i18n="services_title">OUR SERVICES</span></h2> 146 <p><span data-i18n="services_subtitle">Comprehensive mobile app distribution and development solutions</span></p> 147 </div> 148 <div class="column-content"> 149 <div class="services-grid"> 150 <div class="service-card"> 151 <div class="service-icon"> 152 <i class="fas fa-mobile-alt"></i> 153 </div> 154 <h3><span data-i18n="services_card1_title">App Development</span></h3> 155 <p><span data-i18n="services_card1_desc">Expert iOS and Android app development with over 200 million downloads. We create high-quality, user-friendly applications that perform.</span></p> 156 </div> 157 <div class="service-card"> 158 <div class="service-icon"> 159 <i class="fas fa-chart-line"></i> 160 </div> 161 <h3><span data-i18n="services_card2_title">Data Analysis</span></h3> 162 <p><span data-i18n="services_card2_desc">Data-driven decision making to improve your products. We analyze metrics and user behavior to optimize app performance and user experience.</span></p> 163 </div> 164 <div class="service-card"> 165 <div class="service-icon"> 166 <i class="fas fa-rocket"></i> 167 </div> 168 <h3><span data-i18n="services_card3_title">App Distribution</span></h3> 169 <p><span data-i18n="services_card3_desc">Strategic app distribution and marketing. Get your apps featured by Apple and Google, achieve top rankings, and maximize downloads.</span></p> 170 </div> 171 </div> 172 </div> 173 </div> 174 </section> 175 176 <!-- Portfolio Section --> 177 <section id="portfolio" class="portfolio"> 178 <div class="section-background" id="portfolioSectionBackgroun
178d"></div> 179 <div class="container"> 180 <div class="section-header"> 181 <h2><span data-i18n="portfolio_title">OUR PORTFOLIO</span></h2> 182 <p><span data-i18n="portfolio_subtitle">A showcase of our successful mobile applications with millions of downloads</span></p> 183 </div> 184 <div class="column-content"> 185 <div class="portfolio-grid"> 186 <div class="portfolio-item"> 187 <div class="portfolio-image"> 188 <div class="app-icon"> 189 <img src="img/music-player-mp3.png" alt="Music Player - MP3 Icon"> 190 </div> 191 </div> 192 <div class="portfolio-content"> 193 <h3><span data-i18n="portfolio_app1_title">Music Player - MP3</span></h3> 194 <p><span data-i18n="portfolio_app1_desc">A powerful music player with MP3 support, playlist management, and high-quality audio playback for Android devices.</span></p> 195 <div class="app-links"> 196 <a href="https://play.google.com/store/apps/details?id=com.shaiban.audioplayer.mplayer&hl=es_419" class="app-link" target="_blank"><i class="fab fa-google-play"></i> Play Store</a> 197 </div> 198 </div> 199 </div> 200 <div class="portfolio-item"> 201 <div class="portfolio-image"> 202 <div class="app-icon"> 203 <img src="img/copy-my-data-transfer.png" alt="Copy My Data: Transfer Content Icon" onerror="console.log('Image failed to load: copy-my-data-transfer.png'); this.style.border='2px solid red';"> 204 </div> 205 </div> 206 <div class="portfolio-content"> 207 <h3><span data-i18n="portfolio_app2_title">Copy My Data: Transfer Content</span></h3> 208 <p><span data-i18n="portfolio_app2_desc">Seamlessly transfer contacts, messages, photos, and files between devices. Easy backup and restore for your important data.</span></p> 209 <div class="app-links"> 210 <a href="https://play.google.com/store/apps/details?id=com.mediamushroom.copymydata&hl=es_419" class="app-link" target="_blank"><i class="fab fa-google-play"></i> Play Store</a> 211 <a href="https://apps.apple.com/co/developer/red-sky-labs-s-l/id1610980312" class="app-link" target="_blank"><i class="fab fa-apple"></i> App Store</a> 212 </div> 213 </div> 214 </div> 215 <div class="portfolio-item"> 216 <div class="portfolio-image"> 217 <div class="app-icon"> 218 <img src="img/qr-barcode-scanner.png" alt="QR & Barcode Scanner Icon"> 219 </div> 220 </div> 221 <div class="portfolio-content"> 222 <h3><span data-i18n="portfolio_app3_title">QR & Barcode Scanner</span></h3> 223 <p><span data-i18n="portfolio_app3_desc">Fast and accurate QR code and barcode scanner with instant results, history tracking, and sharing capabilities.</span></p> 224 <div class="app-links"> 225 <a href="https://play.google.com/store/apps/details?id=com.appswing.qr.barcodescanner.barcodereader&hl=es_419" class="app-link" target="_blank"><i class="fab fa-google-play"></i> Play Store</a> 226 </div> 227 </div> 228 </div> 229 <div class="portfolio-item"> 230 <div class="portfolio-image"> 231 <div class="app-icon"> 232 <img src="img/pregnancy-nutrition.png" alt="Pregnancy Nutrition Guide Icon"> 233 </div> 234 </div> 235 <div class="portfolio-content"> 236 <h3><span data-i18n="portfolio_app4_title">Pregnancy Nutrition Guide</span></h3> 237 <p><span data-i18n="portfolio_app4_desc">
237Comprehensive nutrition guide for pregnant women with meal plans, tracking tools, and expert advice for healthy pregnancy.</span></p> 238 <div class="app-links"> 239 <a href="https://play.google.com/store/apps/details?id=com.pregnancyrecipes&hl=es_419" class="app-link" target="_blank"><i class="fab fa-google-play"></i> Play Store</a> 240 </div> 241 </div> 242 </div> 243 <div class="portfolio-item"> 244 <div class="portfolio-image"> 245 <div class="app-icon"> 246 <img src="img/good-morning-afternoon-evening.png" alt="Good Morning, Afternoon & Evening Icon"> 247 </div> 248 </div> 249 <div class="portfolio-content"> 250 <h3><span data-i18n="portfolio_app5_title">Good Morning, Afternoon & Evening</span></h3> 251 <p><span data-i18n="portfolio_app5_desc">Daily greeting app with personalized messages, weather updates, and positive affirmations to start your day right.</span></p> 252 <div class="app-links"> 253 <a href="https://play.google.com/store/apps/details?id=com.redskylabs.goodmorning&hl=es_419" class="app-link" target="_blank"><i class="fab fa-google-play"></i> Play Store</a> 254 </div> 255 </div> 256 </div> 257 <div class="portfolio-item"> 258 <div class="portfolio-image"> 259 <div class="app-icon"> 260 <img src="img/copy-my-data-transfer.png" alt="Copy My Data - Contact Backup Icon"> 261 </div> 262 </div> 263 <div class="portfolio-content"> 264 <h3><span data-i18n="portfolio_app6_title">Copy My Data - Contact Backup</span></h3> 265 <p><span data-i18n="portfolio_app6_desc">Reliable contact backup and transfer solution for iOS devices with secure cloud storage and easy restoration.</span></p> 266 <div class="app-links"> 267 <a href="https://apps.apple.com/co/developer/red-sky-labs-s-l/id1610980312" class="app-link" target="_blank"><i class="fab fa-apple"></i> App Store</a> 268 </div> 269 </div> 270 </div> 271 </div> 272 </div> 273 </div> 274 </section> 275 276 <!-- Contact Section --> 277 <section id="contact" class="contact"> 278 <div class="section-background" id="contactSectionBackground"></div> 279 <div class="container"> 280 <div class="section-header"> 281 <h2><span data-i18n="contact_title">CONTACT</span></h2> 282 <p><span data-i18n="contact_subtitle">We will be happy to help you with your mobile app project</span></p> 283 </div> 284 <div class="two-column-layout"> 285 <div class="column-image"> 286 <img src="img/contact-photo.jpg" alt="Contact Us" class="section-photo"> 287 </div> 288 <div class="column-content"> 289 <div class="contact-content"> 290 <div class="contact-info"> 291 <h3><span data-i18n="contact_heading">Get Started Today</span></h3> 292 <div class="contact-item"> 293 <i class="fas fa-envelope"></i> 294 <div> 295 <h4><span data-i18n="contact_email_label">Email</span></h4> 296 <p><span data-i18n="contact_email">[email protected]</span></p> 297 </div> 298 </div> 299 <div class="contact-item"> 300 <i class="fas fa-map-marker-alt"></i> 301 <div> 302 <h4><span data-i18n="contact_location_label">Location</span></h4> 303 <p><span data-i18n="contact_location">Calle Malteses, 2, planta 2º puerta B, Las Palmas de Gran Canaria</span></p> 304 </div> 305 </div> 306 </div> 307 <div class="contact-form"> 308 <form id="contactForm"> 309 <div class="form-group"> 310 <input type="text" id="name" name="name" placeholder="Your Name" required> 311 </div> 312 <div class="form-group"> 313 <input type="email" id="email" name="email" placeholder="Your Email" required> 314 </div> 315 <div class="form-group"> 316 <textarea id="message" name="message" placeholder="Your Message" rows="5" required></textarea> 317 </div> 318 <button type="submit" class="submit-btn"><span data-i18n="contact_cta">Join Now</span></button> 319 </form> 320 </div> 321 </div> 322 </div> 323 </div> 324 </div> 325 </section> 326 327 <!-- Footer --> 328 <footer class="footer"> 329 <div class="container"> 330 <div class="footer-content"> 331 <div class="footer-section"> 332 <h3><span data-i18n="footer_title">Red Sky Labs</span></h3> 333 <p><span data-i18n="footer_desc">The largest marketplace to buy and sell profitable mobile applications. Join 500k+ entrepreneurs closing life-changing deals.</span></p> 334 </div> 335 <div class="footer-section"> 336 <h4><span data-i18n="footer_quick_links">Quick Links</span></h4> 337 <ul> 338 <li><a href="#home"><span data-i18n="footer_home">Home</span></a></li> 339 <li><a href="#about"><span data-i18n="footer_about">About</span></a></li> 340 <li><a href="#services"><span data-i18n="footer_services">Services</span></a></li> 341 <li><a href="#portfolio"><span data-i18n="footer_portfolio">Portfolio</span></a></li> 342 <li><a href="#contact"><span data-i18n="footer_contact">Contact</span></a></li> 343 </ul> 344 </div> 345 <div class="footer-section"> 346 <h4><span data-i18n="footer_legal">Legal</span></h4> 347 <ul> 348 <li><a href="PrivacyPolicy.html"><span data-i18n="footer_privacy">Privacy Policy</span></a></li> 349 <li><a href="privacy-policy-for-kids-apps.html"><span data-i18n="footer_privacy_kids">Privacy Policy for Kids</span></a></li> 350 <li><a href="privacy-policy-apps.html"><span data-i18n="footer_privacy_apps">Privacy Policy for Apps</span></a></li> 351 <li><a href="TermsOfUse.html"><span data-i18n="footer_terms">Terms of Service</span></a></li> 352 <li><a href="Service_Terms.html"><span data-i18n="footer_terms_conditions">Service Terms & Conditions</span></a></li> 353 <li><a href="ThirdPartyData.html"><span data-i18n="footer_third_party">Third Party Data</span></a></li> 354 </ul> 355 </div> 356 </div> 357 <div class="footer-bottom"> 358 <p><span data-i18n="footer_copyright">© 2024 Red Sky Labs. All Rights Reserved.</span></p> 359 </div> 360 </div> 361 </footer> 362 363 <!-- EmailJS SDK --> 364
364<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js"></script>
364 365
365<script type="text/javascript"> 366 (function() { 367 emailjs.init("YOUR_PUBLIC_KEY"); // Replace with your EmailJS public key 368 })(); 369 </script>
369 370 371 <!-- Video Background Script --> 372
372<script> 373 document.addEventListener('DOMContentLoaded', function() { 374 const video = document.querySelector('.hero-video'); 375 const animatedBg = document.querySelector('.animated-background'); 376 const debugElement = document.getElementById('videoDebug'); 377 378 function updateDebug(message) { 379 if (debugElement) { 380 debugElement.textContent = `Video Status: ${message}`; 381 } 382 console.log('Video Debug:', message); 383 } 384 385 if (video) { 386 let videoWorking = false; 387 let userInteracted = false; 388 let autoplayAttempted = false; 389 390 updateDebug('Initializing...'); 391 392 // Check if video is supported 393 if (!video.canPlayType) { 394 updateDebug('Video not supported - showing fallback'); 395 if (animatedBg) animatedBg.style.display = 'block'; 396 return; 397 } 398 399 // Function to attempt video play 400 function attemptVideoPlay() { 401 if (videoWorking && !video.playing) { 402 video.play().then(function() { 403 updateDebug('Playing successfully!'); 404 // Hide debug and prompt after successful play 405 setTimeout(() => { 406 if (debugElement) debugElement.style.display = 'none'; 407 const promptElement = document.getElementById('videoPrompt'); 408 if (promptElement) promptElement.style.display = 'none'; 409 }, 3000); 410 }).catch(function(error) { 411 updateDebug(`Play failed: ${error.message}`); 412 // Show prompt to user 413 const promptElement = document.getElementById('videoPrompt'); 414 if (promptElement) promptElement.style.display = 'block'; 415 // Show animated background as fallback 416 if (animatedBg) animatedBg.style.display = 'block'; 417 }); 418 } 419 } 420 421 // Check if video loads successfully 422 video.addEventListener('loadstart', function() { 423 updateDebug('Loading started'); 424 }); 425 426 video.addEventListener('loadedmetadata', function() { 427 updateDebug('Metadata loaded'); 428 }); 429 430 video.addEventListener('loadeddata', function() { 431 updateDebug('Data loaded successfully!'); 432 videoWorking = true; 433 // Show video and hide animated background 434 video.style.display = 'block'; 435 video.style.opacity = '0.8'; 436 if (animatedBg) animatedBg.style.display = 'none'; 437 438 // Try autoplay only once 439 if (!autoplayAttempted) { 440 autoplayAttempted = true; 441 attemptVideoPlay(); 442 } 443 }); 444 445 video.addEventListener('canplay', function() { 446 updateDebug('Can play'); 447 // Only attempt autoplay if we haven't tried yet 448 if (!autoplayAttempted) { 449 autoplayAttempted = true; 450 attemptVideoPlay(); 451 } 452 }); 453 454 video.addEventListener('playing', function() { 455 updateDebug('Video is playing!'); 456 }); 457 458 video.addEventListener('error', function(e) { 459 const error = video.error; 460 let errorMsg = 'Unknown error'; 461 if (error) { 462 switch(error.code) { 463 case 1: errorMsg = 'MEDIA_ERR_ABORTED'; break; 464 case 2: errorMsg = 'MEDIA_ERR_NETWORK'; break; 465 case 3: errorMsg = 'MEDIA_ERR_DECODE'; break; 466 case 4: errorMsg = 'MEDIA_ERR_SRC_NOT_SUPPORTED'; break; 467 } 468 } 469 updateDebug(`Error: ${errorMsg}`);
470 // Show animated background if video fails 471 if (animatedBg) animatedBg.style.display = 'block'; 472 }); 473 474 // Listen for any user interaction to enable video play 475 function enableVideoOnInteraction() { 476 if (!userInteracted) { 477 userInteracted = true; 478 updateDebug('User interaction detected - attempting video play'); 479 // Hide the prompt immediately 480 const promptElement = document.getElementById('videoPrompt'); 481 if (promptElement) promptElement.style.display = 'none'; 482 attemptVideoPlay(); 483 } 484 } 485 486 // Multiple interaction events to catch user activity 487 document.addEventListener('click', enableVideoOnInteraction, { once: true }); 488 document.addEventListener('touchstart', enableVideoOnInteraction, { once: true }); 489 document.addEventListener('keydown', enableVideoOnInteraction, { once: true }); 490 document.addEventListener('scroll', enableVideoOnInteraction, { once: true }); 491 document.addEventListener('mousemove', enableVideoOnInteraction, { once: true }); 492 493 // Fallback: if video doesn't load within 5 seconds, show animated background 494 setTimeout(function() { 495 if (!videoWorking) { 496 updateDebug('Timeout - showing fallback'); 497 if (animatedBg) animatedBg.style.display = 'block'; 498 } 499 }, 5000); 500 } else { 501 updateDebug('Video element not found!'); 502 } 503 }); 504 </script>
504 505 506
506<script src="script.js"></script>
506 507</body> 508</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.