<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Smash Sports Betting - UK Horse Racing & Football Tips</title>
    <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.0.0/css/all.min.css">
    <style>
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            color: #333;
            background-color: #f9f9f9;
        }
        .hero-gradient {
            background: linear-gradient(135deg, #0f4c81 0%, #1a7431 100%);
        }
        .gold-accent {
            color: #ffc107;
        }
        .btn-primary {
            background-color: #ffc107;
            color: #333;
            font-weight: bold;
            transition: all 0.3s ease;
        }
        .btn-primary:hover {
            background-color: #e0a800;
            transform: translateY(-2px);
        }
        .card {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }
        .testimonial-card {
            background-color: #ffffff;
            border-left: 4px solid #ffc107;
        }
        .footer-gradient {
            background: linear-gradient(135deg, #1a7431 0%, #0f4c81 100%);
        }
        .social-media-section {
            background-color: #f5f8fa;
        }
        .social-container {
            min-height: 500px;
        }
        .social-card {
            border-top: 4px solid #ffc107;
        }
        .rss-container {
            height: 500px;
            overflow-y: auto;
            border-radius: 0.5rem;
            background-color: #fff;
        }
        .rss-item {
            border-bottom: 1px solid #eee;
            padding: 1rem;
            transition: background-color 0.2s ease;
        }
        .rss-item:hover {
            background-color: #f8f9fa;
        }
        .rss-item-title {
            font-weight: bold;
            margin-bottom: 0.5rem;
            color: #333;
        }
        .rss-item-date {
            font-size: 0.8rem;
            color: #666;
            margin-bottom: 0.5rem;
        }
        .rss-item-description {
            font-size: 0.9rem;
            color: #555;
        }
        .rss-item-link {
            display: inline-block;
            margin-top: 0.5rem;
            color: #0f4c81;
            font-weight: 500;
        }
        .youtube-thumbnail {
            width: 100%;
            height: auto;
            border-radius: 0.5rem;
            margin-bottom: 0.5rem;
        }
        .twitter-feed-item {
            padding: 0.75rem;
            border-bottom: 1px solid #e1e8ed;
            background-color: white;
        }
        .twitter-feed-item:last-child {
            border-bottom: none;
        }
        .twitter-user {
            display: flex;
            align-items: center;
            margin-bottom: 0.5rem;
        }
        .twitter-avatar {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            margin-right: 0.75rem;
        }
        .twitter-name {
            font-weight: bold;
            color: #14171a;
        }
        .twitter-username {
            color: #657786;
            font-size: 0.875rem;
        }
        .twitter-content {
            font-size: 0.9375rem;
            line-height: 1.4;
            margin-bottom: 0.75rem;
            overflow-wrap: break-word;
        }
        .twitter-date {
            font-size: 0.8125rem;
            color: #657786;
        }
        .twitter-actions {
            display: flex;
            gap: 1.5rem;
            margin-top: 0.5rem;
        }
        .twitter-action {
            color: #657786;
            font-size: 0.875rem;
            display: flex;
            align-items: center;
            gap: 0.25rem;
        }
    </style>
</head>
<body class="antialiased">
    <!-- Navigation -->
    <nav class="bg-white shadow-md">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="flex justify-between h-16">
                <div class="flex items-center">
                    <div class="flex-shrink-0 flex items-center">
                        <span class="text-2xl font-bold text-gray-900">SMASH<span class="gold-accent">SPORTS</span>BETTING</span>
                    </div>
                </div>
                <div class="hidden md:flex items-center space-x-8">
                    <a href="#" class="text-gray-700 hover:text-gray-900 font-medium">Home</a>
                    <a href="#" class="text-gray-700 hover:text-gray-900 font-medium">Horse Racing</a>
                    <a href="#" class="text-gray-700 hover:text-gray-900 font-medium">Football</a>
                    <a href="#" class="text-gray-700 hover:text-gray-900 font-medium">Tips</a>
                    <a href="#" class="text-gray-700 hover:text-gray-900 font-medium">About</a>
                    <a href="#" class="text-gray-700 hover:text-gray-900 font-medium">Contact</a>
                </div>
            </div>
        </div>
    </nav>

    <!-- Hero Section -->
    <header class="hero-gradient text-white">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20 md:py-28">
            <div class="flex flex-col md:flex-row items-center">
                <div class="md:w-1/2 mb-10 md:mb-0">
                    <h1 class="text-4xl md:text-5xl font-bold leading-tight mb-4">Winning Tips for UK Horse Racing & Football</h1>
                    <p class="text-xl mb-8">Expert analysis and insights to elevate your betting game</p>
                    <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
                        <a href="#tips" class="btn-primary px-8 py-3 rounded-lg text-center">Get Today's Tips</a>
                        <a href="#newsletter" class="bg-white text-gray-800 px-8 py-3 rounded-lg text-center font-medium">Join Our Community</a>
                    </div>
                </div>
                <div class="md:w-1/2 flex justify-center">
                    <div class="rounded-lg bg-white p-2 shadow-xl">
                        <div class="bg-gray-200 rounded-lg overflow-hidden relative" style="width: 400px; height: 300px;">
                            <div class="absolute inset-0 flex items-center justify-center">
                                <span class="text-gray-500">Featured Sports Image</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <!-- Stats Bar -->
    <section class="bg-white shadow-md py-6">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="grid grid-cols-2 md:grid-cols-4 gap-4 text-center">
                <div>
                    <p class="text-3xl font-bold text-gray-800">85<span class="gold-accent">%</span></p>
                    <p class="text-gray-600">Success Rate</p>
                </div>
                <div>
                    <p class="text-3xl font-bold text-gray-800">1,200<span class="gold-accent">+</span></p>
                    <p class="text-gray-600">Tips Shared</p>
                </div>
                <div>
                    <p class="text-3xl font-bold text-gray-800">50<span class="gold-accent">K</span></p>
                    <p class="text-gray-600">Happy Members</p>
                </div>
                <div>
                    <p class="text-3xl font-bold text-gray-800">8<span class="gold-accent">yrs</span></p>
                    <p class="text-gray-600">Experience</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Social Media Section -->
    <section id="social-media" class="py-16 social-media-section">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="text-center mb-12">
                <h2 class="text-3xl font-bold text-gray-900">Follow Our Latest Updates</h2>
                <p class="mt-4 text-lg text-gray-600">Stay connected with our YouTube videos and Twitter updates</p>
            </div>
            
            <div class="grid md:grid-cols-2 gap-8">
                <!-- YouTube RSS Feed -->
                <div class="bg-white rounded-xl shadow-md overflow-hidden social-card">
                    <div class="p-1 bg-red-600 text-white text-center font-bold">
                        OUR YOUTUBE CHANNEL
                    </div>
                    <div class="p-6">
                        <h3 class="text-xl font-bold mb-4">Latest Video Tips & Analysis</h3>
                        <div id="youtube-feed" class="rss-container">
                            <!-- YouTube RSS feed items will be inserted here -->
                            <div class="flex items-center justify-center h-full text-gray-500">
                                <p>Loading YouTube content...</p>
                            </div>
                        </div>
                        <a href="https://www.youtube.com/@SmashSportsBetting" target="_blank" class="block text-center bg-red-600 hover:bg-red-700 text-white font-bold py-2 rounded mt-4">
                            <i class="fab fa-youtube mr-2"></i>Subscribe Now
                        </a>
                    </div>
                </div>
                
                <!-- Twitter RSS Feed -->
                <div class="bg-white rounded-xl shadow-md overflow-hidden social-card">
                    <div class="p-1 bg-blue-400 text-white text-center font-bold">
                        TWITTER UPDATES
                    </div>
                    <div class="p-6">
                        <h3 class="text-xl font-bold mb-4">Real-Time Tips & Results</h3>
                        <div id="twitter-feed" class="rss-container">
                            <!-- Twitter RSS feed items will be inserted here -->
                            <div class="flex items-center justify-center h-full text-gray-500">
                                <p>Loading Twitter content...</p>
                            </div>
                        </div>
                        <a href="https://twitter.com/Smashbet12" target="_blank" class="block text-center bg-blue-400 hover:bg-blue-500 text-white font-bold py-2 rounded mt-4">
                            <i class="fab fa-twitter mr-2"></i>Follow @Smashbet12
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Latest Tips Section -->
    <section id="tips" class="py-16 bg-gray-50">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="text-center mb-12">
                <h2 class="text-3xl font-bold text-gray-900">Today's Hot Tips</h2>
                <p class="mt-4 text-lg text-gray-600">Our expert analysts have carefully selected these premium tips</p>
            </div>
            
            <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
                <!-- Horse Racing Tip 1 -->
                <div class="card bg-white rounded-xl shadow-md overflow-hidden">
                    <div class="p-1 bg-green-700 text-white text-center font-bold">
                        HORSE RACING
                    </div>
                    <div class="p-6">
                        <div class="flex justify-between items-center mb-4">
                            <span class="text-sm text-gray-500">Ascot - 14:30</span>
                            <span class="bg-yellow-100 text-yellow-800 rounded-full px-3 py-1 text-xs font-semibold">HOT TIP</span>
                        </div>
                        <h3 class="text-xl font-bold mb-2">Silver Streak</h3>
                        <div class="flex items-center mb-4">
                            <span class="text-green-600 font-bold mr-2">5/1</span>
                            <span class="text-gray-600">Each Way</span>
                        </div>
                        <p class="text-gray-700 mb-4">Coming off an impressive win at Cheltenham, this thoroughbred has shown excellent form on similar ground.</p>
                        <a href="#" class="block text-center bg-green-700 hover:bg-green-800 text-white font-bold py-2 rounded">View Analysis</a>
                    </div>
                </div>
                
                <!-- Football Tip 1 -->
                <div class="card bg-white rounded-xl shadow-md overflow-hidden">
                    <div class="p-1 bg-blue-700 text-white text-center font-bold">
                        FOOTBALL
                    </div>
                    <div class="p-6">
                        <div class="flex justify-between items-center mb-4">
                            <span class="text-sm text-gray-500">Premier League - 15:00</span>
                            <span class="bg-red-100 text-red-800 rounded-full px-3 py-1 text-xs font-semibold">PREMIUM</span>
                        </div>
                        <h3 class="text-xl font-bold mb-2">Liverpool vs Chelsea</h3>
                        <div class="flex items-center mb-4">
                            <span class="text-green-600 font-bold mr-2">Both Teams to Score</span>
                            <span class="text-gray-600">1.80</span>
                        </div>
                        <p class="text-gray-700 mb-4">Both teams have been scoring freely while conceding regularly. Last 5 meetings saw BTTS hit 4 times.</p>
                        <a href="#" class="block text-center bg-blue-700 hover:bg-blue-800 text-white font-bold py-2 rounded">View Analysis</a>
                    </div>
                </div>
                
                <!-- Horse Racing Tip 2 -->
                <div class="card bg-white rounded-xl shadow-md overflow-hidden">
                    <div class="p-1 bg-green-700 text-white text-center font-bold">
                        HORSE RACING
                    </div>
                    <div class="p-6">
                        <div class="flex justify-between items-center mb-4">
                            <span class="text-sm text-gray-500">Newmarket - 16:15</span>
                            <span class="bg-yellow-100 text-yellow-800 rounded-full px-3 py-1 text-xs font-semibold">VALUE BET</span>
                        </div>
                        <h3 class="text-xl font-bold mb-2">Northern Lights</h3>
                        <div class="flex items-center mb-4">
                            <span class="text-green-600 font-bold mr-2">9/1</span>
                            <span class="text-gray-600">Win</span>
                        </div>
                        <p class="text-gray-700 mb-4">This 4-year-old has been underestimated by bookmakers after a jockey change. Previous form suggests a strong showing.</p>
                        <a href="#" class="block text-center bg-green-700 hover:bg-green-800 text-white font-bold py-2 rounded">View Analysis</a>
                    </div>
                </div>
            </div>
            
            <div class="text-center mt-10">
                <a href="#" class="btn-primary inline-block px-8 py-3 rounded-lg">View All Today's Tips</a>
            </div>
        </div>
    </section>

    <!-- Featured Events Section -->
    <section class="py-16 bg-white">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="text-center mb-12">
                <h2 class="text-3xl font-bold text-gray-900">Featured Events</h2>
                <p class="mt-4 text-lg text-gray-600">Major upcoming events with our expert insights</p>
            </div>
            
            <div class="grid md:grid-cols-2 gap-8">
                <!-- Cheltenham Festival -->
                <div class="card bg-white rounded-xl shadow-md overflow-hidden border border-gray-200">
                    <div class="p-6">
                        <div class="flex items-center justify-between mb-4">
                            <h3 class="text-2xl font-bold">Cheltenham Festival</h3>
                            <span class="text-sm text-gray-500">March 14-17</span>
                        </div>
                        <p class="text-gray-700 mb-6">The biggest event in the National Hunt racing calendar featuring top horses, jockeys, and trainers competing for prestigious prizes.</p>
                        <div class="flex items-center justify-between">
                            <span class="text-sm font-medium text-green-700">15 Expert Tips Available</span>
                            <a href="#" class="text-blue-600 hover:text-blue-800 font-medium">View Coverage →</a>
                        </div>
                    </div>
                </div>
                
                <!-- FA Cup Final -->
                <div class="card bg-white rounded-xl shadow-md overflow-hidden border border-gray-200">
                    <div class="p-6">
                        <div class="flex items-center justify-between mb-4">
                            <h3 class="text-2xl font-bold">FA Cup Final</h3>
                            <span class="text-sm text-gray-500">May 14</span>
                        </div>
                        <p class="text-gray-700 mb-6">The climax of England's oldest football tournament. Our analysis covers all betting angles from match winner to specials.</p>
                        <div class="flex items-center justify-between">
                            <span class="text-sm font-medium text-blue-700">8 Expert Tips Available</span>
                            <a href="#" class="text-blue-600 hover:text-blue-800 font-medium">View Coverage →</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Testimonials Section -->
    <section class="py-16 bg-gray-50">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="text-center mb-12">
                <h2 class="text-3xl font-bold text-gray-900">What Our Members Say</h2>
                <p class="mt-4 text-lg text-gray-600">Join thousands of satisfied bettors who trust our expert tips</p>
            </div>
            
            <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
                <!-- Testimonial 1 -->
                <div class="testimonial-card rounded-lg shadow-md p-6">
                    <div class="flex items-center mb-4">
                        <div class="text-yellow-500">
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                        </div>
                    </div>
                    <p class="text-gray-700 mb-6">"Been following Smash Sports Betting for 2 years now. Their horse racing tips have completely transformed my betting success. The analysis is detailed and insightful."</p>
                    <div class="flex items-center">
                        <div class="w-10 h-10 bg-gray-300 rounded-full flex items-center justify-center">
                            <span class="text-gray-600 font-bold">JD</span>
                        </div>
                        <div class="ml-4">
                            <h4 class="font-bold">James Davies</h4>
                            <p class="text-sm text-gray-500">Member since 2021</p>
                        </div>
                    </div>
                </div>
                
                <!-- Testimonial 2 -->
                <div class="testimonial-card rounded-lg shadow-md p-6">
                    <div class="flex items-center mb-4">
                        <div class="text-yellow-500">
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                        </div>
                    </div>
                    <p class="text-gray-700 mb-6">"The football tips are second to none. I particularly appreciate how they explain the reasoning behind each selection rather than just giving out tips."</p>
                    <div class="flex items-center">
                        <div class="w-10 h-10 bg-gray-300 rounded-full flex items-center justify-center">
                            <span class="text-gray-600 font-bold">SM</span>
                        </div>
                        <div class="ml-4">
                            <h4 class="font-bold">Sarah Mitchell</h4>
                            <p class="text-sm text-gray-500">Member since 2020</p>
                        </div>
                    </div>
                </div>
                
                <!-- Testimonial 3 -->
                <div class="testimonial-card rounded-lg shadow-md p-6">
                    <div class="flex items-center mb-4">
                        <div class="text-yellow-500">
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star-half"></i>
                        </div>
                    </div>
                    <p class="text-gray-700 mb-6">"I've tried several tipping services but Smash Sports Betting offers the best value for money. Their Cheltenham Festival tips last year landed me three big winners!"</p>
                    <div class="flex items-center">
                        <div class="w-10 h-10 bg-gray-300 rounded-full flex items-center justify-center">
                            <span class="text-gray-600 font-bold">RJ</span>
                        </div>
                        <div class="ml-4">
                            <h4 class="font-bold">Robert Johnson</h4>
                            <p class="text-sm text-gray-500">Member since 2019</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Newsletter Section -->
    <section id="newsletter" class="py-16 bg-white">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="rounded-2xl hero-gradient text-white p-8 md:p-12">
                <div class="flex flex-col md:flex-row items-center">
                    <div class="md:w-2/3 mb-8 md:mb-0 md:pr-12">
                        <h2 class="text-3xl font-bold mb-4">Get Winning Tips Direct to Your Inbox</h2>
                        <p class="text-lg mb-6">Join our community of successful bettors and receive premium tips, exclusive insights, and betting strategies.</p>
                        <ul class="mb-6 space-y-2">
                            <li class="flex items-center">
                                <svg class="h-5 w-5 text-yellow-400 mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
                                    <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
                                </svg>
                                <span>Daily horse racing and football tips</span>
                            </li>
                            <li class="flex items-center">
                                <svg class="h-5 w-5 text-yellow-400 mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
                                    <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
                                </svg>
                                <span>Weekly betting strategy newsletter</span>
                            </li>
                            <li class="flex items-center">
                                <svg class="h-5 w-5 text-yellow-400 mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
                                    <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
                                </svg>
                                <span>Exclusive access to premium content</span>
                            </li>
                        </ul>
                    </div>
                    <div class="md:w-1/3 w-full">
                        <div class="bg-white p-6 rounded-lg shadow-lg">
                            <h3 class="text-gray-800 font-bold text-xl mb-4">Sign Up For Free</h3>
                            <form>
                                <div class="mb-4">
                                    <input type="text" placeholder="Full Name" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500">
                                </div>
                                <div class="mb-4">
                                    <input type="email" placeholder="Email Address" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500">
                                </div>
                                <button type="submit" class="w-full btn-primary py-2 rounded-lg">Get Free Tips Now</button>
                                <p class="text-xs text-gray-500 mt-3 text-center">We respect your privacy and will never share your information.</p>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer class="footer-gradient text-white pt-12 pb-8">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="flex flex-wrap justify-between">
                <div class="w-full md:w-1/4 mb-8 md:mb-0">
                    <h3 class="text-xl font-bold mb-4">SMASH<span class="gold-accent">SPORTS</span>BETTING</h3>
                    <p class="mb-4">Expert betting tips and analysis for UK horse racing and football.</p>
                    <div class="flex space-x-4">
                        <a href="#" class="text-white hover:text-yellow-300">
                            <i class="fab fa-facebook-f"></i>
                        </a>
                        <a href="https://twitter.com/Smashbet12" class="text-white hover:text-yellow-300">
                            <i class="fab fa-twitter"></i>
                        </a>
                        <a href="#" class="text-white hover:text-yellow-300">
                            <i class="fab fa-instagram"></i>
                        </a>
                        <a href="https://www.youtube.com/@SmashSportsBetting" class="text-white hover:text-yellow-300">
                            <i class="fab fa-youtube"></i>
                        </a>
                    </div>
                </div>
                
                <div class="w-full md:w-1/4 mb-8 md:mb-0">
                    <h3 class="text-xl font-bold mb-4">Quick Links</h3>
                    <ul class="space-y-2">
                        <li><a href="#" class="text-gray-300 hover:text-white">Horse Racing Tips</a></li>
                        <li><a href="#" class="text-gray-300 hover:text-white">Football Predictions</a></li>
                        <li><a href="#" class="text-gray-300 hover:text-white">Betting Guides</a></li>
                        <li><a href="#" class="text-gray-300 hover:text-white">Results & Analysis</a></li>
                        <li><a href="#" class="text-gray-300 hover:text-white">Membership Plans</a></li>
                    </ul>
                </div>
                
                <div class="w-full md:w-1/4 mb-8 md:mb-0">
                    <h3 class="text-xl font-bold mb-4">Popular Events</h3>
                    <ul class="space-y-2">
                        <li><a href="#" class="text-gray-300 hover:text-white">Cheltenham Festival</a></li>
                        <li><a href="#" class="text-gray-300 hover:text-white">Grand National</a></li>
                        <li><a href="#" class="text-gray-300 hover:text-white">Premier League</a></li>
                        <li><a href="#" class="text-gray-300 hover:text-white">Champions League</a></li>
                        <li><a href="#" class="text-gray-300 hover:text-white">FA Cup</a></li>
                    </ul>
                </div>
                
                <div class="w-full md:w-1/4">
                    <h3 class="text-xl font-bold mb-4">Contact Us</h3>
                    <ul class="space-y-2">
                        <li class="flex items-start">
                            <i class="fas fa-envelope mt-1 mr-3"></i>
                            <span><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="64070b0a1005071024170905170c17140b161017060110100d0a034a070b09">[email&#160;protected]</a></span>
                        </li>
                        <li class="flex items-start">
                            <i class="fas fa-phone-alt mt-1 mr-3"></i>
                            <span>+44 123 456 7890</span>
                        </li>
                    </ul>
                </div>
            </div>
            
            <div class="border-t border-gray-600 mt-10 pt-6 flex flex-col md:flex-row justify-between items-center">
                <p>© 2025 Smash Sports Betting. All rights reserved.</p>
                <div class="flex space-x-6 mt-4 md:mt-0">
                    <a href="#" class="text-sm text-gray-300 hover:text-white">Privacy Policy</a>
                    <a href="#" class="text-sm text-gray-300 hover:text-white">Terms of Service</a>
                    <a href="#" class="text-sm text-gray-300 hover:text-white">Responsible Gambling</a>
                </div>
            </div>
        </div>
    </footer>

    <!-- Responsible Gambling Banner -->
    <div class="bg-gray-900 text-white py-3">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center text-sm">
            <p>Please gamble responsibly. Betting should be entertaining and not a way to make money. <a href="#" class="underline">Learn more about responsible gambling</a></p>
        </div>
    </div>

    <!-- RSS Feed Scripts -->
    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://cdn.jsdelivr.net/npm/axios@1.1.2/dist/axios.min.js"></script>
    <script>
        // RSS Feed Parser Function
        function parseRSS(url, callback) {
            // Using RSS to JSON conversion service
            const rssToJsonApi = `https://api.rss2json.com/v1/api.json?rss_url=${encodeURIComponent(url)}`;
            
            // Fetch the RSS feed
            axios.get(rssToJsonApi)
                .then(response => {
                    if (response.data && response.data.items) {
                        callback(response.data.items);
                    } else {
                        console.error('No items found in the RSS feed');
                        callback([]);
                    }
                })
                .catch(error => {
                    console.error('Error fetching RSS feed:', error);
                    callback([]);
                });
        }

        // Sample YouTube data (for demonstration if RSS fails)
        const sampleYoutubeItems = [
            {
                title: 'Top 3 Horse Racing Tips for This Weekend',
                pubDate: '2025-04-05 09:00:00',
                link: 'https://www.youtube.com/watch?v=example1',
                description: 'Our experts analyze the weekend\'s top horse racing events and provide their best betting tips.',
                thumbnail: 'https://via.placeholder.com/320x180.png?text=Horse+Racing+Tips'
            },
            {
                title: 'Premier League Betting Preview - Matchday 30',
                pubDate: '2025-04-03 11:30:00',
                link: 'https://www.youtube.com/watch?v=example2',
                description: 'Complete betting preview for Premier League Matchday 30 with value picks and statistical analysis.',
                thumbnail: 'https://via.placeholder.com/320x180.png?text=Premier+League+Preview'
            },
            {
                title: 'How to Spot Value in Horse Racing Odds',
                pubDate: '2025-03-28 15:45:00',
                link: 'https://www.youtube.com/watch?v=example3',
                description: 'Learn our professional strategy for identifying value bets in horse racing markets.',
                thumbnail: 'https://via.placeholder.com/320x180.png?text=Value+Betting+Guide'
            },
            {
                title: 'Cheltenham Festival 2025 Preview',
                pubDate: '2025-03-25 12:00:00',
                link: 'https://www.youtube.com/watch?v=example4',
                description: 'Comprehensive preview of all the major races at the 2025 Cheltenham Festival with expert picks.',
                thumbnail: 'https://via.placeholder.com/320x180.png?text=Cheltenham+Festival'
            }
        ];

        // Sample Twitter data (for demonstration if RSS fails)
        const sampleTwitterItems = [
            {
                title: '@Smashbet12',
                pubDate: '2025-04-08 10:15:00',
                content: 'WINNER! ✅ Our 5/1 selection Silver Streak delivers at Ascot for followers. That\'s 3 winners from our last 4 tips! #HorseRacing #WinningTips',
                link: 'https://twitter.com/Smashbet12/status/123456789',
                author: 'Smash Sports Betting'
            },
            {
                title: '@Smashbet12',
                pubDate: '2025-04-07 15:30:00',
                content: 'Today\'s Premier League Pick: Liverpool vs Chelsea - Both Teams To Score @ 1.80. These teams have seen BTTS in 8 of their last 10 meetings. #PremierLeague #FootballTips',
                link: 'https://twitter.com/Smashbet12/status/123456788',
                author: 'Smash Sports Betting'
            },
            {
                title: '@Smashbet12',
                pubDate: '2025-04-06 09:45:00',
                content: 'NEW ARTICLE: "Finding Value in the Grand National Ante-Post Market" - Read our early thoughts on the big race. Link in bio. #GrandNational #HorseRacing',
                link: 'https://twitter.com/Smashbet12/status/123456787',
                author: 'Smash Sports Betting'
            },
            {
                title: '@Smashbet12',
                pubDate: '2025-04-05 12:00:00',
                content: 'Saturday Accumulator: Man City (Win), Arsenal (Win), Over 2.5 Goals in Liverpool game, Both Teams to Score in Chelsea game. 9/1 with most bookmakers! #PremierLeague #Acca',
                link: 'https://twitter.com/Smashbet12/status/123456786',
                author: 'Smash Sports Betting'
            }
        ];

        // Render YouTube RSS feed
        function renderYouTubeFeed(items) {
            const feedContainer = document.getElementById('youtube-feed');
            
            if (!items || items.length === 0) {
                // Use sample data if no items available
                items = sampleYoutubeItems;
            }
            
            let feedHTML = '';
            
            items.forEach(item => {
                const videoId = item.link.split('v=')[1]?.split('&')[0] || '';
                const thumbnailUrl = item.thumbnail || `https://i.ytimg.com/vi/${videoId}/hqdefault.jpg`;
                const date = new Date(item.pubDate);
                const formattedDate = date.toLocaleDateString('en-GB', { day: 'numeric', month: 'short', year: 'numeric' });
                
                feedHTML += `
                    <div class="rss-item">
                        <a href="${item.link}" target="_blank">
                            <img src="${thumbnailUrl}" alt="${item.title}" class="youtube-thumbnail">
                        </a>
                        <a href="${item.link}" target="_blank" class="rss-item-title">${item.title}</a>
                        <p class="rss-item-date">${formattedDate}</p>
                        <p class="rss-item-description">${item.description?.substring(0, 120)}${item.description?.length > 120 ? '...' : ''}</p>
                        <a href="${item.link}" target="_blank" class="rss-item-link">Watch Video →</a>
                    </div>
                `;
            });
            
            feedContainer.innerHTML = feedHTML;
        }

        // Render Twitter RSS feed
        function renderTwitterFeed(items) {
            const feedContainer = document.getElementById('twitter-feed');
            
            if (!items || items.length === 0) {
                // Use sample data if no items available
                items = sampleTwitterItems;
            }
            
            let feedHTML = '';
            
            items.forEach(item => {
                const date = new Date(item.pubDate);
                const formattedDate = date.toLocaleDateString('en-GB', { day: 'numeric', month: 'short', year: 'numeric' });
                const tweetContent = item.content || item.description || '';
                
                feedHTML += `
                    <div class="twitter-feed-item">
                        <div class="twitter-user">
                            <div class="w-10 h-10 bg-blue-100 rounded-full flex items-center justify-center">
                                <span class="text-blue-500 font-bold">SB</span>
                            </div>
                            <div class="ml-3">
                                <div class="twitter-name">Smash Sports Betting</div>
                                <div class="twitter-username">@Smashbet12</div>
                            </div>
                        </div>
                        <div class="twitter-content">${tweetContent}</div>
                        <div class="twitter-date">${formattedDate}</div>
                        <div class="twitter-actions">
                            <a href="${item.link}" target="_blank" class="twitter-action">
                                <i class="far fa-comment"></i>
                            </a>
                            <a href="${item.link}" target="_blank" class="twitter-action">
                                <i class="fas fa-retweet"></i>
                            </a>
                            <a href="${item.link}" target="_blank" class="twitter-action">
                                <i class="far fa-heart"></i>
                            </a>
                            <a href="${item.link}" target="_blank" class="twitter-action">
                                <i class="fas fa-external-link-alt"></i>
                            </a>
                        </div>
                    </div>
                `;
            });
            
            feedContainer.innerHTML = feedHTML;
        }

        // Load the RSS feeds
        document.addEventListener('DOMContentLoaded', function() {
            // Use the actual RSS feed URLs provided by the client
            // For YouTube Channel
            parseRSS('https://rss.app/feeds/QEwnnMl62XwQG9Jb.xml', renderYouTubeFeed);
            
            // For Twitter Account
            parseRSS('https://rss.app/feeds/Grm9Za6pGCcND9bs.xml', renderTwitterFeed);
            
            // Fallback - if the feeds can't load, use sample data after 3 seconds
            setTimeout(() => {
                const youtubeContainer = document.getElementById('youtube-feed');
                const twitterContainer = document.getElementById('twitter-feed');
                
                if (youtubeContainer.querySelector('.rss-item') === null) {
                    renderYouTubeFeed([]);
                }
                
                if (twitterContainer.querySelector('.twitter-feed-item') === null) {
                    renderTwitterFeed([]);
                }
            }, 3000);
        });
    </script>
</body>
</html>

Today’s Best Horse Racing Tips – Saturday’s Top Selections 👉 See Today’s Tips Here: https://smashsportsbetting.com/todays-free-horse-racing-and-football-tips-daily-tips/

Written by

jandphats@gmail.com

in

Today’s Best Horse Racing Tips – Saturday’s Top Selections 👉 See Today’s Tips Here: https://smashsportsbetting.com/todays-free-horse-racing-and-football-tips-daily-tips/

5 Hot Tips Today See Here

Todays Free Horse Racing And Football Tips – Daily Tips

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

More posts