It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://kicksbar.com

  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, maximum-scale=1.0, user-scalable=no">
  6.    <title>NEXON777 - Get Your IPL Betting Instantly</title>
  7.    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
  8.    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
  9.    <style>
  10.        * {
  11.            margin: 0;
  12.            padding: 0;
  13.            box-sizing: border-box;
  14.            font-family: 'Poppins', sans-serif;
  15.        }
  16.  
  17.        body {
  18.            background: linear-gradient(135deg, #1e5799, #207cca);
  19.            min-height: 100vh;
  20.            display: flex;
  21.            justify-content: center;
  22.            align-items: center;
  23.            overflow: hidden;
  24.            position: relative;
  25.            color: #fff;
  26.        }
  27.  
  28.        /* Animated Background Elements */
  29.        .bg-element {
  30.            position: absolute;
  31.            opacity: 0.7;
  32.            z-index: 1;
  33.            transition: all 0.5s ease;
  34.            filter: drop-shadow(0 0 10px rgba(255,255,255,0.3));
  35.        }
  36.  
  37.        .bg-element:hover {
  38.            transform: scale(1.2) rotate(15deg);
  39.            opacity: 1;
  40.        }
  41.  
  42.        .bg-coin {
  43.            font-size: 80px;
  44.            color: gold;
  45.            top: 15%;
  46.            left: 5%;
  47.            animation: float 6s ease-in-out infinite;
  48.        }
  49.  
  50.        .bg-dice {
  51.            font-size: 70px;
  52.            color: #fff;
  53.            bottom: 20%;
  54.            right: 8%;
  55.            animation: float 5s ease-in-out infinite 1s;
  56.        }
  57.  
  58.        .bg-card {
  59.            font-size: 90px;
  60.            color: #ff5252;
  61.            top: 70%;
  62.            left: 10%;
  63.            animation: float 7s ease-in-out infinite 0.5s;
  64.        }
  65.  
  66.        .bg-chip {
  67.            font-size: 60px;
  68.            color: #4CAF50;
  69.            top: 30%;
  70.            right: 15%;
  71.            animation: float 4s ease-in-out infinite 1.5s;
  72.        }
  73.  
  74.        @keyframes float {
  75.            0%, 100% { transform: translateY(0) rotate(0deg); }
  76.            50% { transform: translateY(-20px) rotate(10deg); }
  77.        }
  78.  
  79.        .container {
  80.            width: 100%;
  81.            max-width: 1200px;
  82.            display: flex;
  83.            flex-wrap: wrap;
  84.            justify-content: center;
  85.            align-items: center;
  86.            z-index: 10;
  87.            padding: 20px;
  88.        }
  89.  
  90.        /* Hide image slider on mobile */
  91.        .image-slider {
  92.            flex: 1;
  93.            min-width: 300px;
  94.            padding: 20px;
  95.            position: relative;
  96.            overflow: hidden;
  97.            height: 500px;
  98.            border-radius: 15px;
  99.            display: block;
  100.        }
  101.  
  102.        @media (max-width: 768px) {
  103.            .image-slider {
  104.                display: none;
  105.            }
  106.        }
  107.  
  108.        .slider-image {
  109.            position: absolute;
  110.            width: 100%;
  111.            height: 100%;
  112.            object-fit: cover;
  113.            border-radius: 15px;
  114.            opacity: 0;
  115.            transition: all 1s ease;
  116.            transform: translateX(100%);
  117.            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  118.        }
  119.  
  120.        .slider-image.active {
  121.            opacity: 1;
  122.            transform: translateX(0);
  123.        }
  124.  
  125.        .form-container {
  126.            flex: 1;
  127.            min-width: 300px;
  128.            background: rgba(255, 255, 255, 0.1);
  129.            backdrop-filter: blur(10px);
  130.            border-radius: 20px;
  131.            padding: 30px;
  132.            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
  133.            transform-style: preserve-3d;
  134.            transition: all 0.5s ease;
  135.            margin: 20px 0;
  136.            z-index: 2;
  137.        }
  138.  
  139.        .form-container:hover {
  140.            transform: translateY(-10px) rotateX(5deg);
  141.            box-shadow: 0 25px 45px rgba(0, 0, 0, 0.3);
  142.        }
  143.  
  144.        .form-title {
  145.            text-align: center;
  146.            margin-bottom: 30px;
  147.            font-size: 1.8rem;
  148.            font-weight: 600;
  149.            color: #fff;
  150.            text-shadow: 0 2px 5px rgba(0,0,0,0.2);
  151.        }
  152.  
  153.        .form-group {
  154.            margin-bottom: 20px;
  155.            position: relative;
  156.        }
  157.  
  158.        .form-group label {
  159.            display: block;
  160.            margin-bottom: 8px;
  161.            font-weight: 500;
  162.            color: #fff;
  163.        }
  164.  
  165.        .form-group input {
  166.            width: 100%;
  167.            padding: 15px;
  168.            border: none;
  169.            border-radius: 10px;
  170.            background: rgba(255, 255, 255, 0.9);
  171.            font-size: 1rem;
  172.            transition: all 0.3s ease;
  173.        }
  174.  
  175.        .form-group input:focus {
  176.            outline: none;
  177.            box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3);
  178.            background: #fff;
  179.        }
  180.  
  181.        .submit-btn {
  182.            width: 100%;
  183.            padding: 15px;
  184.            border: none;
  185.            border-radius: 10px;
  186.            background: #fff;
  187.            color: #1e5799;
  188.            font-size: 1rem;
  189.            font-weight: 600;
  190.            cursor: pointer;
  191.            transition: all 0.3s ease;
  192.            margin-top: 10px;
  193.            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  194.        }
  195.  
  196.        .submit-btn:hover {
  197.            background: #f1f1f1;
  198.            transform: translateY(-3px);
  199.            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  200.        }
  201.  
  202.        /* Thank You Message */
  203.        .thank-you-message {
  204.            position: fixed;
  205.            top: 50%;
  206.            left: 50%;
  207.            transform: translate(-50%, -50%) scale(0);
  208.            background: rgba(255, 255, 255, 0.95);
  209.            padding: 40px;
  210.            border-radius: 20px;
  211.            color: #1e5799;
  212.            text-align: center;
  213.            z-index: 1000;
  214.            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
  215.            transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  216.            max-width: 90%;
  217.            width: 400px;
  218.            opacity: 0;
  219.        }
  220.  
  221.        .thank-you-message.show {
  222.            transform: translate(-50%, -50%) scale(1);
  223.            opacity: 1;
  224.        }
  225.  
  226.        .thank-you-message h2 {
  227.            font-size: 2rem;
  228.            margin-bottom: 15px;
  229.            color: #1e5799;
  230.        }
  231.  
  232.        .thank-you-message p {
  233.            font-size: 1.1rem;
  234.            margin-bottom: 25px;
  235.            color: #333;
  236.        }
  237.  
  238.        .close-message {
  239.            background: #1e5799;
  240.            color: white;
  241.            border: none;
  242.            padding: 12px 25px;
  243.            border-radius: 8px;
  244.            cursor: pointer;
  245.            font-size: 1rem;
  246.            font-weight: 600;
  247.            transition: all 0.3s ease;
  248.        }
  249.  
  250.        .close-message:hover {
  251.            background: #154276;
  252.            transform: translateY(-2px);
  253.        }
  254.  
  255.        /* Celebration Effects */
  256.        .confetti {
  257.            position: fixed;
  258.            width: 12px;
  259.            height: 12px;
  260.            background-color: #f00;
  261.            opacity: 0;
  262.            z-index: 999;
  263.            animation: confettiFall 5s linear forwards;
  264.        }
  265.  
  266.        @keyframes confettiFall {
  267.            0% {
  268.                transform: translateY(-100vh) rotate(0deg);
  269.                opacity: 1;
  270.            }
  271.            100% {
  272.                transform: translateY(100vh) rotate(360deg);
  273.                opacity: 0;
  274.            }
  275.        }
  276.  
  277.        /* Responsive */
  278.        @media (max-width: 768px) {
  279.            .container {
  280.                flex-direction: column;
  281.                min-height: auto;
  282.                padding: 10px;
  283.            }
  284.            
  285.            .form-container {
  286.                width: 100%;
  287.                min-width: auto;
  288.                padding: 25px;
  289.            }
  290.            
  291.            .form-title {
  292.                font-size: 1.5rem;
  293.            }
  294.            
  295.            .thank-you-message {
  296.                width: 90%;
  297.                padding: 30px 20px;
  298.            }
  299.        }
  300.    </style>
  301. </head>
  302. <body>
  303.    <!-- Animated Background Elements -->
  304.    <i class="fas fa-coins bg-element bg-coin"></i>
  305.    <i class="fas fa-dice bg-element bg-dice"></i>
  306.    <i class="fas fa-club bg-element bg-card"></i>
  307.    <i class="fas fa-chess-pawn bg-element bg-chip"></i>
  308.  
  309.    <div class="container">
  310.        <div class="image-slider">
  311.            <!-- Images hidden on mobile -->
  312.            <img src="img1.png" class="slider-image active" alt="IPL Betting">
  313.            <img src="img2.png" class="slider-image" alt="IPL Betting">
  314.            <img src="img3.png" class="slider-image" alt="IPL Betting">
  315.        </div>
  316.  
  317.        <div class="form-container">
  318.            <h2 class="form-title">Get Your Betting ID</h2>
  319.            <form id="inquiryForm" method="POST" action="">
  320.                <div class="form-group">
  321.                    <label for="name">Full Name</label>
  322.                    <input type="text" id="name" name="name" placeholder="Enter your name" required>
  323.                </div>
  324.                <div class="form-group">
  325.                    <label for="mobile">Mobile Number</label>
  326.                    <input type="tel" id="mobile" name="mobile" placeholder="Enter your mobile number" required>
  327.                </div>
  328.                <div class="form-group">
  329.                    <label for="city">City Name</label>
  330.                    <input type="text" id="city" name="city" placeholder="Enter your city" required>
  331.                </div>
  332.                <button type="submit" class="submit-btn">Get ID Now</button>
  333.            </form>
  334.        </div>
  335.    </div>
  336.  
  337.    <!-- Thank You Message -->
  338.    <div class="thank-you-message" id="thankYouMessage">
  339.        <h2>Thank You!</h2>
  340.        <p>Your request has been submitted successfully.</p>
  341.        <p>We'll contact you shortly with your Betting ID.</p>
  342.        <button class="close-message" onclick="closeThankYou()">Close</button>
  343.    </div>
  344.  
  345.    <script>
  346.        // Image Slider Functionality (only runs on desktop)
  347.        if (window.innerWidth > 768) {
  348.            const images = document.querySelectorAll('.slider-image');
  349.            let currentIndex = 0;
  350.            
  351.            function showNextImage() {
  352.                images[currentIndex].classList.remove('active');
  353.                images[currentIndex].classList.add('prev');
  354.                
  355.                currentIndex = (currentIndex + 1) % images.length;
  356.                
  357.                images[currentIndex].classList.add('next');
  358.                setTimeout(() => {
  359.                    images[currentIndex].classList.remove('next');
  360.                    images[currentIndex].classList.add('active');
  361.                    
  362.                    setTimeout(() => {
  363.                        const prevImage = document.querySelector('.slider-image.prev');
  364.                        if(prevImage) prevImage.classList.remove('prev');
  365.                    }, 1000);
  366.                }, 10);
  367.            }
  368.            
  369.            setInterval(showNextImage, 3000);
  370.        }
  371.  
  372.        // Form submission
  373.        document.getElementById('inquiryForm').addEventListener('submit', function(e) {
  374.            e.preventDefault();
  375.            
  376.            const name = document.getElementById('name').value.trim();
  377.            const mobile = document.getElementById('mobile').value.trim();
  378.            const city = document.getElementById('city').value.trim();
  379.            
  380.            if (!name || !mobile || !city) {
  381.                alert('All fields are required');
  382.                return;
  383.            }
  384.            
  385.            if (!/^\d{10,15}$/.test(mobile)) {
  386.                alert('Please enter a valid mobile number (10-15 digits)');
  387.                return;
  388.            }
  389.            
  390.            submitForm(name, mobile, city);
  391.        });
  392.  
  393.        function submitForm(name, mobile, city) {
  394.            fetch('submit_inquiry.php', {
  395.                method: 'POST',
  396.                headers: {
  397.                    'Content-Type': 'application/json',
  398.                },
  399.                body: JSON.stringify({
  400.                    name: name,
  401.                    mobile: mobile,
  402.                    city: city
  403.                })
  404.            })
  405.            .then(response => response.json())
  406.            .then(data => {
  407.                if(data.success) {
  408.                    createCelebration();
  409.                    document.getElementById('thankYouMessage').classList.add('show');
  410.                    document.getElementById('inquiryForm').reset();
  411.                } else {
  412.                    alert('Error: ' + data.message);
  413.                }
  414.            })
  415.            .catch(error => {
  416.                alert('Network error. Please try again.');
  417.            });
  418.        }
  419.  
  420.        function createCelebration() {
  421.            // Create confetti
  422.            const colors = ['#f00', '#0f0', '#00f', '#ff0', '#f0f', '#0ff'];
  423.            
  424.            for(let i = 0; i < 150; i++) {
  425.                const confetti = document.createElement('div');
  426.                confetti.className = 'confetti';
  427.                confetti.style.left = Math.random() * 100 + 'vw';
  428.                confetti.style.backgroundColor = colors[Math.floor(Math.random() * colors.length)];
  429.                confetti.style.width = Math.random() * 10 + 5 + 'px';
  430.                confetti.style.height = Math.random() * 10 + 5 + 'px';
  431.                confetti.style.animationDuration = Math.random() * 3 + 2 + 's';
  432.                confetti.style.animationDelay = Math.random() * 2 + 's';
  433.                document.body.appendChild(confetti);
  434.                
  435.                setTimeout(() => {
  436.                    confetti.remove();
  437.                }, 5000);
  438.            }
  439.        }
  440.  
  441.        function closeThankYou() {
  442.            document.getElementById('thankYouMessage').classList.remove('show');
  443.        }
  444.  
  445.        // Make background elements interactive
  446.        document.querySelectorAll('.bg-element').forEach(el => {
  447.            el.addEventListener('mouseover', function() {
  448.                this.style.transform = 'scale(1.3) rotate(15deg)';
  449.                this.style.opacity = '1';
  450.            });
  451.            
  452.            el.addEventListener('mouseout', function() {
  453.                this.style.transform = '';
  454.                this.style.opacity = '0.7';
  455.            });
  456.        });
  457.    </script>
  458. </body>
  459. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda