<!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 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>
5 Hot Tips Today See Here
Get Your Free Horse Racing Tips For Today! Find the Best Racing Tips Here
Smashsportsbetting https:// Smashsportsbetting- Tips
Leave a Reply