Sporting Events Events in History

Browse 293 historical sporting events events throughout history. Discover significant moments and their impact.

2022 FIFA World Cup
November 20, 2022 - December 18, 2022

2022 FIFA World Cup

Learn more
2023 Formula One World Championship
January 1, 2023

2023 Formula One World Championship

Learn more
June 14, 2024 - July 14, 2024

UEFA Euro 2024

Learn more
2022 FIFA World Cup final
December 18, 2022

2022 FIFA World Cup final

Learn more
July 12, 1998

1998 FIFA World Cup Final

Learn more
2021 UEFA Europa League Final
May 26, 2021

2021 UEFA Europa League Final

Learn more
2022 Emilia Romagna Grand Prix
April 22, 2022 - April 24, 2022

2022 Emilia Romagna Grand Prix

Learn more
July 17, 1994

1994 FIFA World Cup Final

Learn more
UEFA Euro 2024 finals
July 14, 2024

UEFA Euro 2024 finals

Learn more
2022 World Athletics Championships – Men's 100 metres
July 15, 2022 - July 16, 2022

2022 World Athletics Championships – Men's 100 metres

Learn more
June 10, 2006 - June 18, 2006

2006 Tour de Suisse

Learn more
2022 Formula One World Championship
March 18, 2022 - November 20, 2022

2022 Formula One World Championship

Learn more
January 1, 2023

2023 MotoGP World Championship

Learn more
2022 Miami Grand Prix
May 8, 2022

2022 Miami Grand Prix

Learn more
badminton at the 2024 Summer Olympics – men's singles
July 27, 2024 - August 5, 2024

badminton at the 2024 Summer Olympics – men's singles

Learn more
athletics at the 2020 Summer Olympics – men's 10,000 metres
July 31, 2020

athletics at the 2020 Summer Olympics – men's 10,000 metres

Learn more
badminton at the 2020 Summer Olympics – women's singles
January 1, 2021

badminton at the 2020 Summer Olympics – women's singles

Learn more
badminton at the 2016 Summer Olympics – women's singles
January 1, 2016

badminton at the 2016 Summer Olympics – women's singles

Learn more
2014 UEFA Europa League Final
January 1, 2014

2014 UEFA Europa League Final

Learn more
2013 FIFA Confederations Cup Final
June 30, 2013

2013 FIFA Confederations Cup Final

Learn more
badminton at the 2012 Summer Olympics – women's singles
January 1, 2012

badminton at the 2012 Summer Olympics – women's singles

Learn more
badminton at the 2012 Summer Olympics – men's singles
January 1, 2012

badminton at the 2012 Summer Olympics – men's singles

Learn more
2009 Tour of Flanders
April 5, 2009

2009 Tour of Flanders

Learn more
2008 Paris–Roubaix
April 13, 2008

2008 Paris–Roubaix

Learn more
2008 Milan – San Remo
March 22, 2008

2008 Milan – San Remo

Learn more
badminton at the 2020 Summer Olympics – men's singles
July 24, 2021 - August 2, 2021

badminton at the 2020 Summer Olympics – men's singles

Learn more
2008 Tour of Flanders
April 6, 2008

2008 Tour of Flanders

Learn more
June 25, 2006

Battle of Nuremberg

Learn more
2006 Paris–Roubaix
April 9, 2006

2006 Paris–Roubaix

Learn more
March 18, 2006

2006 Milan – San Remo

Learn more
badminton at the 2024 Summer Olympics – women's singles
July 27, 2024 - August 5, 2024

badminton at the 2024 Summer Olympics – women's singles

Learn more
March 11, 2007 - March 18, 2007

2007 Paris–Nice

Learn more
tennis at the 2012 Summer Olympics – men's singles
July 28, 2012 - August 5, 2012

tennis at the 2012 Summer Olympics – men's singles

Learn more
2016 UEFA Europa League Final
May 18, 2016

2016 UEFA Europa League Final

Learn more
2007 Tour of Flanders
April 8, 2007

2007 Tour of Flanders

Learn more
2015 Monte Carlo Rally
January 22, 2015 - January 25, 2015

2015 Monte Carlo Rally

Learn more
May 25, 2023 - May 28, 2023

2023 Boucles de la Mayenne

Learn more
badminton at the 2012 Summer Olympics – women's doubles
July 28, 2012 - August 4, 2012

badminton at the 2012 Summer Olympics – women's doubles

Learn more
July 24, 2021 - August 2, 2021

badminton at the 2020 Summer Olympics – women's doubles

Learn more
2019 UEFA Europa League Final
May 29, 2019

2019 UEFA Europa League Final

Learn more
July 10, 2016

UEFA Euro 2016 finals: Portugal v France

Learn more
March 9, 2008 - March 16, 2008

2008 Paris–Nice

Learn more
badminton at the 2024 Summer Olympics – mixed doubles
January 1, 2024

badminton at the 2024 Summer Olympics – mixed doubles

Learn more
January 1, 2021

badminton at the 2020 Summer Olympics – mixed doubles

Learn more
badminton at the 2016 Summer Olympics – men's doubles
January 1, 2016

badminton at the 2016 Summer Olympics – men's doubles

Learn more
Agony of Mineirão
July 8, 2014

Agony of Mineirão

Learn more
2013 UEFA Europa League Final
May 15, 2013

2013 UEFA Europa League Final

Learn more
UEFA Euro 2012 finals
July 1, 2012

UEFA Euro 2012 finals

Learn more
January 1, 2005

2005 UEFA Cup Final

Learn more
2001 UEFA Cup Final
January 1, 2001

2001 UEFA Cup Final

Learn more

Page 1 of 6

Next
Sporting Events Events in History <meta name="description" content="Browse 293 historical sporting events events throughout history. Discover significant moments and their impact."> <meta name="keywords"> <link rel="canonical" href="https://whatdateis.today/events/type/sporting-events/"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <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-4xl sm:text-5xl font-bold mb-6 text-gray-900">Sporting Events Events in History</h2> <p class="text-xl text-gray-600 max-w-3xl mx-auto"> Browse 293 historical sporting events events throughout history. Discover significant moments and their impact. </p> </div> <div class="mt-12"> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-8"> <div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 overflow-hidden"> <img src="https://wsrv.nl/?url=http%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FSpecial%3AFilePath%2FStade%2520de%2520Lusail%2520match%2520Brazil%2520vs%2520Serbia.jpg" alt="2022 FIFA World Cup" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">November 20, 2022 - December 18, 2022</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2022 FIFA World Cup</h3> <a href="https://en.wikipedia.org/w/index.php?search=2022%20FIFA%20World%20Cup" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 overflow-hidden"> <img src="https://wsrv.nl/?url=http%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FSpecial%3AFilePath%2FFIA%2520F1%2520Austria%25202023%2520Nr.%25201%2520%2528Post-Race%2529.jpg" alt="2023 Formula One World Championship" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">January 1, 2023</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2023 Formula One World Championship</h3> <a href="https://en.wikipedia.org/w/index.php?search=2023%20Formula%20One%20World%20Championship" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 bg-gradient-to-r from-blue-50 to-blue-100 flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" class="h-16 w-16 text-blue-200" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"></path> </svg> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">June 14, 2024 - July 14, 2024</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">UEFA Euro 2024</h3> <a href="https://en.wikipedia.org/w/index.php?search=UEFA%20Euro%202024" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 overflow-hidden"> <img src="https://wsrv.nl/?url=http%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FSpecial%3AFilePath%2FARG-FRA%25202022-12-18.svg" alt="2022 FIFA World Cup final" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">December 18, 2022</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2022 FIFA World Cup final</h3> <a href="https://en.wikipedia.org/w/index.php?search=2022%20FIFA%20World%20Cup%20final" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 bg-gradient-to-r from-blue-50 to-blue-100 flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" class="h-16 w-16 text-blue-200" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"></path> </svg> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">July 12, 1998</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">1998 FIFA World Cup Final</h3> <a href="https://en.wikipedia.org/w/index.php?search=1998%20FIFA%20World%20Cup%20Final" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 overflow-hidden"> <img src="https://wsrv.nl/?url=http%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FSpecial%3AFilePath%2FGda%25C5%2584sk%252C%2520Stadion%2520PGE%2520Arena%2520-%2520fotopolska.eu%2520%2528326975%2529.jpg" alt="2021 UEFA Europa League Final" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">May 26, 2021</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2021 UEFA Europa League Final</h3> <a href="https://en.wikipedia.org/w/index.php?search=2021%20UEFA%20Europa%20League%20Final" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 overflow-hidden"> <img src="https://wsrv.nl/?url=http%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FSpecial%3AFilePath%2FMax%2520Verstappen%25202022.jpg" alt="2022 Emilia Romagna Grand Prix" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">April 22, 2022 - April 24, 2022</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2022 Emilia Romagna Grand Prix</h3> <a href="https://en.wikipedia.org/w/index.php?search=2022%20Emilia%20Romagna%20Grand%20Prix" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 bg-gradient-to-r from-blue-50 to-blue-100 flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" class="h-16 w-16 text-blue-200" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"></path> </svg> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">July 17, 1994</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">1994 FIFA World Cup Final</h3> <a href="https://en.wikipedia.org/w/index.php?search=1994%20FIFA%20World%20Cup%20Final" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 overflow-hidden"> <img src="https://wsrv.nl/?url=http%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FSpecial%3AFilePath%2FOlympiastadion%2520Berlin%2520Sep-2015.jpg" alt="UEFA Euro 2024 finals" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">July 14, 2024</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">UEFA Euro 2024 finals</h3> <a href="https://en.wikipedia.org/w/index.php?search=UEFA%20Euro%202024%20finals" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 overflow-hidden"> <img src="https://wsrv.nl/?url=http%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FSpecial%3AFilePath%2F100%2520m%2520men%2520final%2520Oregon%25202022.jpg" alt="2022 World Athletics Championships – Men's 100 metres" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">July 15, 2022 - July 16, 2022</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2022 World Athletics Championships – Men's 100 metres</h3> <a href="https://en.wikipedia.org/w/index.php?search=2022%20World%20Athletics%20Championships%20%E2%80%93%20Men's%20100%20metres" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 bg-gradient-to-r from-blue-50 to-blue-100 flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" class="h-16 w-16 text-blue-200" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"></path> </svg> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">June 10, 2006 - June 18, 2006</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2006 Tour de Suisse</h3> <a href="https://en.wikipedia.org/w/index.php?search=2006%20Tour%20de%20Suisse" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 overflow-hidden"> <img src="https://wsrv.nl/?url=http%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FSpecial%3AFilePath%2F2022%2520British%2520Grand%2520Prix%2520%252852210444445%2529.jpg" alt="2022 Formula One World Championship" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">March 18, 2022 - November 20, 2022</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2022 Formula One World Championship</h3> <a href="https://en.wikipedia.org/w/index.php?search=2022%20Formula%20One%20World%20Championship" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 bg-gradient-to-r from-blue-50 to-blue-100 flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" class="h-16 w-16 text-blue-200" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"></path> </svg> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">January 1, 2023</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2023 MotoGP World Championship</h3> <a href="https://en.wikipedia.org/w/index.php?search=2023%20MotoGP%20World%20Championship" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 overflow-hidden"> <img src="https://wsrv.nl/?url=http%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FSpecial%3AFilePath%2F2022%2520Miami%2520GP%2520-%2520Red%2520Bull%2520RB18%2520of%2520Sergio%2520P%25C3%25A9rez.jpg" alt="2022 Miami Grand Prix" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">May 8, 2022</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2022 Miami Grand Prix</h3> <a href="https://en.wikipedia.org/w/index.php?search=2022%20Miami%20Grand%20Prix" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 overflow-hidden"> <img src="https://wsrv.nl/?url=http%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FSpecial%3AFilePath%2F%25C3%2589preuve%2520Badminton%2520Jeux%2520Olympiques%25202024%2520Arena%2520Porte%2520Chapelle%2520-%2520Paris%2520XVIII%2520%2528FR75%2529%2520-%25202024-07-28%2520-%252044.jpg" alt="badminton at the 2024 Summer Olympics – men's singles" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">July 27, 2024 - August 5, 2024</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">badminton at the 2024 Summer Olympics – men's singles</h3> <a href="https://en.wikipedia.org/w/index.php?search=badminton%20at%20the%202024%20Summer%20Olympics%20%E2%80%93%20men's%20singles" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 overflow-hidden"> <img src="https://wsrv.nl/?url=http%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FSpecial%3AFilePath%2FKokuritsu%2520Kasumigaoka%2520Rikujo%2520Kyogijo%2520191221e.jpg" alt="athletics at the 2020 Summer Olympics – men's 10,000 metres" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">July 31, 2020</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">athletics at the 2020 Summer Olympics – men's 10,000 metres</h3> <a href="https://en.wikipedia.org/w/index.php?search=athletics%20at%20the%202020%20Summer%20Olympics%20%E2%80%93%20men's%2010%2C000%20metres" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 overflow-hidden"> <img src="https://wsrv.nl/?url=http%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FSpecial%3AFilePath%2FMusashino-no-mori%2520Sports%2520Plaza.jpg" alt="badminton at the 2020 Summer Olympics – women's singles" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">January 1, 2021</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">badminton at the 2020 Summer Olympics – women's singles</h3> <a href="https://en.wikipedia.org/w/index.php?search=badminton%20at%20the%202020%20Summer%20Olympics%20%E2%80%93%20women's%20singles" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 overflow-hidden"> <img src="https://wsrv.nl/?url=http%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FSpecial%3AFilePath%2FRiocentro%2520-%2520Rio%2520de%2520Janeiro%252C%2520Brasil.png" alt="badminton at the 2016 Summer Olympics – women's singles" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">January 1, 2016</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">badminton at the 2016 Summer Olympics – women's singles</h3> <a href="https://en.wikipedia.org/w/index.php?search=badminton%20at%20the%202016%20Summer%20Olympics%20%E2%80%93%20women's%20singles" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 overflow-hidden"> <img src="https://wsrv.nl/?url=http%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FSpecial%3AFilePath%2FInside%2520Juventus%2520Stadium.jpg" alt="2014 UEFA Europa League Final" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">January 1, 2014</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2014 UEFA Europa League Final</h3> <a href="https://en.wikipedia.org/w/index.php?search=2014%20UEFA%20Europa%20League%20Final" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 overflow-hidden"> <img src="https://wsrv.nl/?url=http%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FSpecial%3AFilePath%2FConfed.Cup2013Champions.jpg" alt="2013 FIFA Confederations Cup Final" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">June 30, 2013</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2013 FIFA Confederations Cup Final</h3> <a href="https://en.wikipedia.org/w/index.php?search=2013%20FIFA%20Confederations%20Cup%20Final" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 overflow-hidden"> <img src="https://wsrv.nl/?url=http%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FSpecial%3AFilePath%2FWembley%2520Arena.jpg" alt="badminton at the 2012 Summer Olympics – women's singles" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">January 1, 2012</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">badminton at the 2012 Summer Olympics – women's singles</h3> <a href="https://en.wikipedia.org/w/index.php?search=badminton%20at%20the%202012%20Summer%20Olympics%20%E2%80%93%20women's%20singles" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 overflow-hidden"> <img src="https://wsrv.nl/?url=http%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FSpecial%3AFilePath%2FWembley%2520Arena.jpg" alt="badminton at the 2012 Summer Olympics – men's singles" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">January 1, 2012</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">badminton at the 2012 Summer Olympics – men's singles</h3> <a href="https://en.wikipedia.org/w/index.php?search=badminton%20at%20the%202012%20Summer%20Olympics%20%E2%80%93%20men's%20singles" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 overflow-hidden"> <img src="https://wsrv.nl/?url=http%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FSpecial%3AFilePath%2FRonde%2520van%2520Vlaanderen%25202009.jpg" alt="2009 Tour of Flanders" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">April 5, 2009</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2009 Tour of Flanders</h3> <a href="https://en.wikipedia.org/w/index.php?search=2009%20Tour%20of%20Flanders" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 overflow-hidden"> <img src="https://wsrv.nl/?url=http%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FSpecial%3AFilePath%2FTom%2520Boonen%2520and%2520Fabian%2520Cancellara%252C%25202008%2520Paris-Roubaix.jpg" alt="2008 Paris–Roubaix" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">April 13, 2008</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2008 Paris–Roubaix</h3> <a href="https://en.wikipedia.org/w/index.php?search=2008%20Paris%E2%80%93Roubaix" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 overflow-hidden"> <img src="https://wsrv.nl/?url=http%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FSpecial%3AFilePath%2FCancellara%2520Sanremo.jpg" alt="2008 Milan – San Remo" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">March 22, 2008</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2008 Milan – San Remo</h3> <a href="https://en.wikipedia.org/w/index.php?search=2008%20Milan%20%E2%80%93%20San%20Remo" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 overflow-hidden"> <img src="https://wsrv.nl/?url=http%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FSpecial%3AFilePath%2FNyl.jpg" alt="badminton at the 2020 Summer Olympics – men's singles" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">July 24, 2021 - August 2, 2021</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">badminton at the 2020 Summer Olympics – men's singles</h3> <a href="https://en.wikipedia.org/w/index.php?search=badminton%20at%20the%202020%20Summer%20Olympics%20%E2%80%93%20men's%20singles" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 overflow-hidden"> <img src="https://wsrv.nl/?url=http%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FSpecial%3AFilePath%2FStijn%2520Devolder%2520RVV2008.jpg" alt="2008 Tour of Flanders" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">April 6, 2008</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2008 Tour of Flanders</h3> <a href="https://en.wikipedia.org/w/index.php?search=2008%20Tour%20of%20Flanders" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 bg-gradient-to-r from-blue-50 to-blue-100 flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" class="h-16 w-16 text-blue-200" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"></path> </svg> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">June 25, 2006</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">Battle of Nuremberg</h3> <a href="https://en.wikipedia.org/w/index.php?search=Battle%20of%20Nuremberg" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 overflow-hidden"> <img src="https://wsrv.nl/?url=http%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FSpecial%3AFilePath%2FParis-Roubaix%25202006.jpg" alt="2006 Paris–Roubaix" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">April 9, 2006</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2006 Paris–Roubaix</h3> <a href="https://en.wikipedia.org/w/index.php?search=2006%20Paris%E2%80%93Roubaix" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 bg-gradient-to-r from-blue-50 to-blue-100 flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" class="h-16 w-16 text-blue-200" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"></path> </svg> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">March 18, 2006</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2006 Milan – San Remo</h3> <a href="https://en.wikipedia.org/w/index.php?search=2006%20Milan%20%E2%80%93%20San%20Remo" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 overflow-hidden"> <img src="https://wsrv.nl/?url=http%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FSpecial%3AFilePath%2F%25C3%2589preuve%2520Badminton%2520Jeux%2520Olympiques%25202024%2520Arena%2520Porte%2520Chapelle%2520-%2520Paris%2520XVIII%2520%2528FR75%2529%2520-%25202024-07-28%2520-%252020.jpg" alt="badminton at the 2024 Summer Olympics – women's singles" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">July 27, 2024 - August 5, 2024</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">badminton at the 2024 Summer Olympics – women's singles</h3> <a href="https://en.wikipedia.org/w/index.php?search=badminton%20at%20the%202024%20Summer%20Olympics%20%E2%80%93%20women's%20singles" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 bg-gradient-to-r from-blue-50 to-blue-100 flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" class="h-16 w-16 text-blue-200" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"></path> </svg> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">March 11, 2007 - March 18, 2007</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2007 Paris–Nice</h3> <a href="https://en.wikipedia.org/w/index.php?search=2007%20Paris%E2%80%93Nice" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 overflow-hidden"> <img src="https://wsrv.nl/?url=http%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FSpecial%3AFilePath%2FCentre%2520Court%2520Wimbledon%25202009.JPG" alt="tennis at the 2012 Summer Olympics – men's singles" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">July 28, 2012 - August 5, 2012</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">tennis at the 2012 Summer Olympics – men's singles</h3> <a href="https://en.wikipedia.org/w/index.php?search=tennis%20at%20the%202012%20Summer%20Olympics%20%E2%80%93%20men's%20singles" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 overflow-hidden"> <img src="https://wsrv.nl/?url=http%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FSpecial%3AFilePath%2FBasel%252C%2520St.-Jakob-Park-%2520pic03.jpg" alt="2016 UEFA Europa League Final" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">May 18, 2016</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2016 UEFA Europa League Final</h3> <a href="https://en.wikipedia.org/w/index.php?search=2016%20UEFA%20Europa%20League%20Final" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 overflow-hidden"> <img src="https://wsrv.nl/?url=http%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FSpecial%3AFilePath%2FRondevanvlaanderen2007.jpg" alt="2007 Tour of Flanders" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">April 8, 2007</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2007 Tour of Flanders</h3> <a href="https://en.wikipedia.org/w/index.php?search=2007%20Tour%20of%20Flanders" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 overflow-hidden"> <img src="https://wsrv.nl/?url=http%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FSpecial%3AFilePath%2F2015%2520Rallye%2520Automobile%2520Monte%2520Carlo%2520-%2520Ogier%2520S%25C3%25A9bastien.jpg" alt="2015 Monte Carlo Rally" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">January 22, 2015 - January 25, 2015</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2015 Monte Carlo Rally</h3> <a href="https://en.wikipedia.org/w/index.php?search=2015%20Monte%20Carlo%20Rally" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 bg-gradient-to-r from-blue-50 to-blue-100 flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" class="h-16 w-16 text-blue-200" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"></path> </svg> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">May 25, 2023 - May 28, 2023</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2023 Boucles de la Mayenne</h3> <a href="https://en.wikipedia.org/w/index.php?search=2023%20Boucles%20de%20la%20Mayenne" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 overflow-hidden"> <img src="https://wsrv.nl/?url=http%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FSpecial%3AFilePath%2FWembley%2520Arena.jpg" alt="badminton at the 2012 Summer Olympics – women's doubles" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">July 28, 2012 - August 4, 2012</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">badminton at the 2012 Summer Olympics – women's doubles</h3> <a href="https://en.wikipedia.org/w/index.php?search=badminton%20at%20the%202012%20Summer%20Olympics%20%E2%80%93%20women's%20doubles" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 bg-gradient-to-r from-blue-50 to-blue-100 flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" class="h-16 w-16 text-blue-200" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"></path> </svg> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">July 24, 2021 - August 2, 2021</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">badminton at the 2020 Summer Olympics – women's doubles</h3> <a href="https://en.wikipedia.org/w/index.php?search=badminton%20at%20the%202020%20Summer%20Olympics%20%E2%80%93%20women's%20doubles" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 overflow-hidden"> <img src="https://wsrv.nl/?url=http%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FSpecial%3AFilePath%2FChelsea%2520won%2520UEFA%2520Europa%2520League%2520final%2520at%2520Olympic%2520Stadium%2520and%2520President%2520Ilham%2520Aliyev%2520watched%2520the%2520final%2520match%252023.JPG" alt="2019 UEFA Europa League Final" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">May 29, 2019</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2019 UEFA Europa League Final</h3> <a href="https://en.wikipedia.org/w/index.php?search=2019%20UEFA%20Europa%20League%20Final" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 bg-gradient-to-r from-blue-50 to-blue-100 flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" class="h-16 w-16 text-blue-200" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"></path> </svg> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">July 10, 2016</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">UEFA Euro 2016 finals: Portugal v France</h3> <a href="https://en.wikipedia.org/w/index.php?search=UEFA%20Euro%202016%20finals%3A%20Portugal%20v%20France" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 bg-gradient-to-r from-blue-50 to-blue-100 flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" class="h-16 w-16 text-blue-200" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"></path> </svg> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">March 9, 2008 - March 16, 2008</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2008 Paris–Nice</h3> <a href="https://en.wikipedia.org/w/index.php?search=2008%20Paris%E2%80%93Nice" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 overflow-hidden"> <img src="https://wsrv.nl/?url=http%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FSpecial%3AFilePath%2F%25C3%2589preuve%2520Badminton%2520Jeux%2520Olympiques%25202024%2520Arena%2520Porte%2520Chapelle%2520-%2520Paris%2520XVIII%2520%2528FR75%2529%2520-%25202024-07-28%2520-%252030.jpg" alt="badminton at the 2024 Summer Olympics – mixed doubles" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">January 1, 2024</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">badminton at the 2024 Summer Olympics – mixed doubles</h3> <a href="https://en.wikipedia.org/w/index.php?search=badminton%20at%20the%202024%20Summer%20Olympics%20%E2%80%93%20mixed%20doubles" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 bg-gradient-to-r from-blue-50 to-blue-100 flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" class="h-16 w-16 text-blue-200" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"></path> </svg> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">January 1, 2021</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">badminton at the 2020 Summer Olympics – mixed doubles</h3> <a href="https://en.wikipedia.org/w/index.php?search=badminton%20at%20the%202020%20Summer%20Olympics%20%E2%80%93%20mixed%20doubles" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 overflow-hidden"> <img src="https://wsrv.nl/?url=http%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FSpecial%3AFilePath%2FRiocentro%2520-%2520Rio%2520de%2520Janeiro%252C%2520Brasil.png" alt="badminton at the 2016 Summer Olympics – men's doubles" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">January 1, 2016</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">badminton at the 2016 Summer Olympics – men's doubles</h3> <a href="https://en.wikipedia.org/w/index.php?search=badminton%20at%20the%202016%20Summer%20Olympics%20%E2%80%93%20men's%20doubles" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 overflow-hidden"> <img src="https://wsrv.nl/?url=http%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FSpecial%3AFilePath%2FBrazil%2520vs%2520Germany%252C%2520in%2520Belo%2520Horizonte%252012.jpg" alt="Agony of Mineirão" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">July 8, 2014</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">Agony of Mineirão</h3> <a href="https://en.wikipedia.org/w/index.php?search=Agony%20of%20Mineir%C3%A3o" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 overflow-hidden"> <img src="https://wsrv.nl/?url=http%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FSpecial%3AFilePath%2F2012-13%2520Europa%2520League%2520final%2520-%2520Chelsea%2520FC%2520vs.%2520SL%2520Benfica%252C%2520Amsterdam%2520ArenA%252C%2520kick-off.jpg" alt="2013 UEFA Europa League Final" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">May 15, 2013</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2013 UEFA Europa League Final</h3> <a href="https://en.wikipedia.org/w/index.php?search=2013%20UEFA%20Europa%20League%20Final" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 overflow-hidden"> <img src="https://wsrv.nl/?url=http%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FSpecial%3AFilePath%2FSpain%2520national%2520football%2520team%2520Euro%25202012%2520trophy%252002.jpg" alt="UEFA Euro 2012 finals" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">July 1, 2012</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">UEFA Euro 2012 finals</h3> <a href="https://en.wikipedia.org/w/index.php?search=UEFA%20Euro%202012%20finals" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 bg-gradient-to-r from-blue-50 to-blue-100 flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" class="h-16 w-16 text-blue-200" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"></path> </svg> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">January 1, 2005</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2005 UEFA Cup Final</h3> <a href="https://en.wikipedia.org/w/index.php?search=2005%20UEFA%20Cup%20Final" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 overflow-hidden"> <img src="https://wsrv.nl/?url=http%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FSpecial%3AFilePath%2FLeeres%2520Westfalenstadion.jpg" alt="2001 UEFA Cup Final" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">January 1, 2001</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2001 UEFA Cup Final</h3> <a href="https://en.wikipedia.org/w/index.php?search=2001%20UEFA%20Cup%20Final" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div> </div> <div class="flex flex-col items-center gap-4 mt-12"> <p class="text-neutral-600"> Page 1 of 6 </p> <div class="flex gap-4"> <a href="?page=2" class="px-6 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors flex items-center gap-2"> Next <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> </svg> </a> </div> </div> </div> </div> </section>