Miscellaneous Events Events in History

Browse 74 historical miscellaneous events events throughout history. Discover significant moments and their impact.

2023 FIFA Women's World Cup
July 20, 2023 - August 20, 2023

2023 FIFA Women's World Cup

Learn more
March 23, 2023

2023 Classic Brugge–De Panne Women

Learn more
January 1, 2021

beach volleyball at the 2020 Summer Olympics – men's tournament

Learn more
2024 F1 Academy
March 7, 2024 - December 8, 2024

2024 F1 Academy

Learn more
2023 F1 Academy
January 1, 2023

2023 F1 Academy

Learn more
January 1, 2023

Campeonato Mundial de Vóley Playa de 2023

Learn more
2021 Israel–Palestine crisis
May 6, 2021 - May 21, 2021

2021 Israel–Palestine crisis

Learn more
2022 MotoGP World Championship
January 1, 2022

2022 MotoGP World Championship

Learn more
Nuit debout
January 1, 2016

Nuit debout

Learn more
March 4, 2021 - March 7, 2021

2021 European Athletics Indoor Championships

Learn more
2017 CONCACAF Gold Cup
July 7, 2017 - July 26, 2017

2017 CONCACAF Gold Cup

Learn more
1994 FIFA World Cup
January 1, 1994

1994 FIFA World Cup

Learn more
1958 FIFA World Cup
June 1, 1958

1958 FIFA World Cup

Learn more
1953 British Mount Everest Expedition
January 1, 1953

1953 British Mount Everest Expedition

Learn more
September 30, 2005

Jyllands-Posten Muhammad cartoons controversy

Learn more
Expedition Endurance
August 8, 1914 - January 1, 1917

Expedition Endurance

Learn more
AIDS
January 1, 1959

AIDS

Learn more
Amundsen's South Pole expedition
June 3, 1910 - January 30, 1912

Amundsen's South Pole expedition

Learn more
2015 CONCACAF Gold Cup
July 7, 2015 - July 26, 2015

2015 CONCACAF Gold Cup

Learn more
June 8, 1990 - July 8, 1990

1990 FIFA World Cup

Learn more
prelude to the Russian invasion of Ukraine
March 3, 2021 - February 24, 2022

prelude to the Russian invasion of Ukraine

Learn more
1954 FIFA World Cup
June 16, 1954 - July 4, 1954

1954 FIFA World Cup

Learn more
March 18, 2022 - March 20, 2022

2022 World Athletics Indoor Championships

Learn more
August 23, 2014 - May 24, 2015

2014–15 La Liga

Learn more
August 21, 2015 - May 15, 2016

2015–16 La Liga

Learn more
1998 FIFA World Cup
June 10, 1998 - July 12, 1998

1998 FIFA World Cup

Learn more
June 26, 2015 - July 5, 2015

2015 Beach Volleyball World Championships

Learn more
June 23, 2018 - July 10, 2018

Tham Luang cave rescue

Learn more
2023 Trophée des Champions
January 3, 2024

2023 Trophée des Champions

Learn more
death and funeral of Benedict XVI
January 5, 2023

death and funeral of Benedict XVI

Learn more
April 27, 2019

2019 Coupe de France Final

Learn more
May 8, 2018

2018 Coupe de France Final

Learn more
collapse of the World Trade Center
September 11, 2001

collapse of the World Trade Center

Learn more
Bretton Woods system
July 22, 1944

Bretton Woods system

Learn more
March 3, 1995 - March 4, 1995

1995 World All-Round speed skating Championship for women

Learn more
December 15, 2022 - January 3, 2023

PDC World Darts Championship 2023

Learn more
Terra Nova expedition
June 1, 1910 - June 14, 1913

Terra Nova expedition

Learn more
June 26, 2015 - August 2, 2015

2015 FIVB World Grand Prix

Learn more
January 1, 2024

2024 Leagues Cup

Learn more
August 7, 2022

athletics at the 2022 Commonwealth Games

Learn more
June 19, 2022

2022 Beach Volleyball World Championships

Learn more
June 6, 2021

2020 CONCACAF Nations League Final

Learn more
2019 Coupe de la Ligue Final
March 30, 2019

2019 Coupe de la Ligue Final

Learn more
January 1, 2019

2019 Africa Cup of Nations

Learn more
January 1, 2019

2019 World Men's Handball Championship

Learn more
March 31, 2018

2018 Coupe de la Ligue Final

Learn more
January 1, 2018

Roskilde Festival 2018

Learn more
2017 Bahawalpur explosion
June 25, 2017

2017 Bahawalpur explosion

Learn more
May 27, 2017

2017 Coupe de France Final

Learn more
April 1, 2017

2017 Coupe de la Ligue Final

Learn more

Page 1 of 2

Next
Miscellaneous Events Events in History <meta name="description" content="Browse 74 historical miscellaneous events events throughout history. Discover significant moments and their impact."> <meta name="keywords"> <link rel="canonical" href="https://whatdateis.today/events/type/miscellaneous-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">Miscellaneous Events Events in History</h2> <p class="text-xl text-gray-600 max-w-3xl mx-auto"> Browse 74 historical miscellaneous 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%2F2023-07-07%2520Fussball%252C%2520Frauen%252C%2520L%25C3%25A4nderspiel%252C%2520Deutschland%2520-%2520Sambia%25201DX%25206938%2520by%2520Stepro.jpg" alt="2023 FIFA Women's 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">July 20, 2023 - August 20, 2023</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2023 FIFA Women's World Cup</h3> <a href="https://en.wikipedia.org/w/index.php?search=2023%20FIFA%20Women's%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 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 23, 2023</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2023 Classic Brugge–De Panne Women</h3> <a href="https://en.wikipedia.org/w/index.php?search=2023%20Classic%20Brugge%E2%80%93De%20Panne%20Women" 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">beach volleyball at the 2020 Summer Olympics – men's tournament</h3> <a href="https://en.wikipedia.org/w/index.php?search=beach%20volleyball%20at%20the%202020%20Summer%20Olympics%20%E2%80%93%20men's%20tournament" 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%2F2024-08-25%2520Motorsport%252C%2520Gro%25C3%259Fer%2520Preis%2520der%2520Niederlande%25202024%252C%2520F1%2520Academy%2520STP%25203569%2520by%2520Stepro.jpg" alt="2024 F1 Academy" 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 7, 2024 - December 8, 2024</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2024 F1 Academy</h3> <a href="https://en.wikipedia.org/w/index.php?search=2024%20F1%20Academy" 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%2FF1%2520Academy%25202023%2520Spielberg%2520Nr.%252015%2520Garc%25C3%25ADa.jpg" alt="2023 F1 Academy" 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 F1 Academy</h3> <a href="https://en.wikipedia.org/w/index.php?search=2023%20F1%20Academy" 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">Campeonato Mundial de Vóley Playa de 2023</h3> <a href="https://en.wikipedia.org/w/index.php?search=Campeonato%20Mundial%20de%20V%C3%B3ley%20Playa%20de%202023" 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%2FDisorders%2520in%2520Lod%252C%2520May%25202021.%2520VII.jpg" alt="2021 Israel–Palestine crisis" 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 6, 2021 - May 21, 2021</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2021 Israel–Palestine crisis</h3> <a href="https://en.wikipedia.org/w/index.php?search=2021%20Israel%E2%80%93Palestine%20crisis" 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%2FCelebration%2520of%2520the%25202022%2520MotoGP%2520World%2520Championship%2520victory%2520at%2520the%2520Quirinal%2520Palace%252012.jpg" alt="2022 MotoGP 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, 2022</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2022 MotoGP World Championship</h3> <a href="https://en.wikipedia.org/w/index.php?search=2022%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%2FAssembl%25C3%25A9e%2520G%25C3%25A9n%25C3%25A9rale%25204%2520-%2520Nuit%2520Debout%2520Lyon.jpg" alt="Nuit debout" 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">Nuit debout</h3> <a href="https://en.wikipedia.org/w/index.php?search=Nuit%20debout" 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 4, 2021 - March 7, 2021</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2021 European Athletics Indoor Championships</h3> <a href="https://en.wikipedia.org/w/index.php?search=2021%20European%20Athletics%20Indoor%20Championships" 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%2FHonduras%2520and%2520Costa%2520Rica%2520in%2520a%2520familiar%2520rivalry%2520in%2520New%2520Jersey.jpg" alt="2017 CONCACAF Gold 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">July 7, 2017 - July 26, 2017</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2017 CONCACAF Gold Cup</h3> <a href="https://en.wikipedia.org/w/index.php?search=2017%20CONCACAF%20Gold%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%2F0094%2520Sports%2520-%25201994%2520World%2520Cup%252001%2520%25286956398635%2529.jpg" alt="1994 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">January 1, 1994</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">1994 FIFA World Cup</h3> <a href="https://en.wikipedia.org/w/index.php?search=1994%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%2FWinning%2520brazilian%2520National%2520team%25201958.jpg" alt="1958 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">June 1, 1958</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">1958 FIFA World Cup</h3> <a href="https://en.wikipedia.org/w/index.php?search=1958%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%2FEverest%2520kalapatthar.jpg" alt="1953 British Mount Everest Expedition" 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, 1953</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">1953 British Mount Everest Expedition</h3> <a href="https://en.wikipedia.org/w/index.php?search=1953%20British%20Mount%20Everest%20Expedition" 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">September 30, 2005</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">Jyllands-Posten Muhammad cartoons controversy</h3> <a href="https://en.wikipedia.org/w/index.php?search=Jyllands-Posten%20Muhammad%20cartoons%20controversy" 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%2FEndurance%2520under%2520full%2520sail%2520Frank%2520Hurley%2520State%2520Library%2520NSW%2520a090012h.jpg" alt="Expedition Endurance" 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">August 8, 1914 - January 1, 1917</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">Expedition Endurance</h3> <a href="https://en.wikipedia.org/w/index.php?search=Expedition%20Endurance" 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%2FHuman%2520Immunodeficency%2520Virus%2520-%2520stylized%2520rendering.jpg" alt="AIDS" 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, 1959</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">AIDS</h3> <a href="https://en.wikipedia.org/w/index.php?search=AIDS" 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%2FNla.pic-an23814300.jpeg" alt="Amundsen's South Pole expedition" 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 3, 1910 - January 30, 1912</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">Amundsen's South Pole expedition</h3> <a href="https://en.wikipedia.org/w/index.php?search=Amundsen's%20South%20Pole%20expedition" 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%2FCubaUSACGC2015%2520%25282%2529.jpg" alt="2015 CONCACAF Gold 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">July 7, 2015 - July 26, 2015</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2015 CONCACAF Gold Cup</h3> <a href="https://en.wikipedia.org/w/index.php?search=2015%20CONCACAF%20Gold%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 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 8, 1990 - July 8, 1990</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">1990 FIFA World Cup</h3> <a href="https://en.wikipedia.org/w/index.php?search=1990%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%2FRussian%2520helicopter%2520in%2520Minsk%252C%2520Belarus%2520%252823%2520February%25202022%2529.jpg" alt="prelude to the Russian invasion of Ukraine" 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 3, 2021 - February 24, 2022</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">prelude to the Russian invasion of Ukraine</h3> <a href="https://en.wikipedia.org/w/index.php?search=prelude%20to%20the%20Russian%20invasion%20of%20Ukraine" 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%2FDielautrerheldenvonBern.JPG" alt="1954 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">June 16, 1954 - July 4, 1954</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">1954 FIFA World Cup</h3> <a href="https://en.wikipedia.org/w/index.php?search=1954%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 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, 2022 - March 20, 2022</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2022 World Athletics Indoor Championships</h3> <a href="https://en.wikipedia.org/w/index.php?search=2022%20World%20Athletics%20Indoor%20Championships" 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">August 23, 2014 - May 24, 2015</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2014–15 La Liga</h3> <a href="https://en.wikipedia.org/w/index.php?search=2014%E2%80%9315%20La%20Liga" 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">August 21, 2015 - May 15, 2016</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2015–16 La Liga</h3> <a href="https://en.wikipedia.org/w/index.php?search=2015%E2%80%9316%20La%20Liga" 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%2F98France%252014juin.JPG" alt="1998 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">June 10, 1998 - July 12, 1998</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">1998 FIFA World Cup</h3> <a href="https://en.wikipedia.org/w/index.php?search=1998%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 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 26, 2015 - July 5, 2015</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2015 Beach Volleyball World Championships</h3> <a href="https://en.wikipedia.org/w/index.php?search=2015%20Beach%20Volleyball%20World%20Championships" 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 23, 2018 - July 10, 2018</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">Tham Luang cave rescue</h3> <a href="https://en.wikipedia.org/w/index.php?search=Tham%20Luang%20cave%20rescue" 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%2FPSG-Toulouse%2520troph%25C3%25A9e%2520des%2520champions%252041.jpg" alt="2023 Trophée des Champions" 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 3, 2024</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2023 Trophée des Champions</h3> <a href="https://en.wikipedia.org/w/index.php?search=2023%20Troph%C3%A9e%20des%20Champions" 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%2FCorpo%2520de%2520Bento%2520XVI%2520em%2520c%25C3%25A2mara%2520ardente.%25282%2529.png" alt="death and funeral of Benedict XVI" 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 5, 2023</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">death and funeral of Benedict XVI</h3> <a href="https://en.wikipedia.org/w/index.php?search=death%20and%20funeral%20of%20Benedict%20XVI" 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">April 27, 2019</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2019 Coupe de France Final</h3> <a href="https://en.wikipedia.org/w/index.php?search=2019%20Coupe%20de%20France%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">May 8, 2018</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2018 Coupe de France Final</h3> <a href="https://en.wikipedia.org/w/index.php?search=2018%20Coupe%20de%20France%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%2FLOC%2520unattributed%2520Ground%2520Zero%2520photos%252C%2520September%252011%252C%25202001%2520-%2520item%2520210.jpg" alt="collapse of the World Trade Center" 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">September 11, 2001</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">collapse of the World Trade Center</h3> <a href="https://en.wikipedia.org/w/index.php?search=collapse%20of%20the%20World%20Trade%20Center" 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%2FMount%2520Washington%2520Hotel%25202003.JPG" alt="Bretton Woods system" 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 22, 1944</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">Bretton Woods system</h3> <a href="https://en.wikipedia.org/w/index.php?search=Bretton%20Woods%20system" 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 3, 1995 - March 4, 1995</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">1995 World All-Round speed skating Championship for women</h3> <a href="https://en.wikipedia.org/w/index.php?search=1995%20World%20All-Round%20speed%20skating%20Championship%20for%20women" 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">December 15, 2022 - January 3, 2023</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">PDC World Darts Championship 2023</h3> <a href="https://en.wikipedia.org/w/index.php?search=PDC%20World%20Darts%20Championship%202023" 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%2FScottgroup.jpg" alt="Terra Nova expedition" 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 1, 1910 - June 14, 1913</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">Terra Nova expedition</h3> <a href="https://en.wikipedia.org/w/index.php?search=Terra%20Nova%20expedition" 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 26, 2015 - August 2, 2015</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2015 FIVB World Grand Prix</h3> <a href="https://en.wikipedia.org/w/index.php?search=2015%20FIVB%20World%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">January 1, 2024</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2024 Leagues Cup</h3> <a href="https://en.wikipedia.org/w/index.php?search=2024%20Leagues%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 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">August 7, 2022</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">athletics at the 2022 Commonwealth Games</h3> <a href="https://en.wikipedia.org/w/index.php?search=athletics%20at%20the%202022%20Commonwealth%20Games" 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 19, 2022</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2022 Beach Volleyball World Championships</h3> <a href="https://en.wikipedia.org/w/index.php?search=2022%20Beach%20Volleyball%20World%20Championships" 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 6, 2021</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2020 CONCACAF Nations League Final</h3> <a href="https://en.wikipedia.org/w/index.php?search=2020%20CONCACAF%20Nations%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%2FStrasbourg%2520%2528finale%2520de%2520la%2520Coupe%2520de%2520la%2520Ligue%25202019%2529.jpg" alt="2019 Coupe de la Ligue 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">March 30, 2019</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2019 Coupe de la Ligue Final</h3> <a href="https://en.wikipedia.org/w/index.php?search=2019%20Coupe%20de%20la%20Ligue%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">January 1, 2019</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2019 Africa Cup of Nations</h3> <a href="https://en.wikipedia.org/w/index.php?search=2019%20Africa%20Cup%20of%20Nations" 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, 2019</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2019 World Men's Handball Championship</h3> <a href="https://en.wikipedia.org/w/index.php?search=2019%20World%20Men's%20Handball%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">March 31, 2018</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2018 Coupe de la Ligue Final</h3> <a href="https://en.wikipedia.org/w/index.php?search=2018%20Coupe%20de%20la%20Ligue%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">January 1, 2018</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">Roskilde Festival 2018</h3> <a href="https://en.wikipedia.org/w/index.php?search=Roskilde%20Festival%202018" 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%2F2017%2520Bahawalpur%2520explosion.jpg" alt="2017 Bahawalpur explosion" 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 25, 2017</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2017 Bahawalpur explosion</h3> <a href="https://en.wikipedia.org/w/index.php?search=2017%20Bahawalpur%20explosion" 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 27, 2017</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2017 Coupe de France Final</h3> <a href="https://en.wikipedia.org/w/index.php?search=2017%20Coupe%20de%20France%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">April 1, 2017</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2017 Coupe de la Ligue Final</h3> <a href="https://en.wikipedia.org/w/index.php?search=2017%20Coupe%20de%20la%20Ligue%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 2 </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>