Historical Events

Explore significant historical events across different categories and time periods. From battles and political events to cultural milestones and scientific discoveries.

Browse Events by Month

January February March April May June July August September October November December

Conflict and warfare (169 events)

View All

Eastern Front

June 22, 1941 - January 21, 1955

Russian invasion of Ukraine

February 24, 2022

World War I

July 28, 1914 - November 11, 1918

Russo-Georgian War

August 7, 2008 - August 12, 2008

Crime and violence (42 events)

View All

The Holocaust

January 1, 1941 - January 1, 1945

massacres of Poles in Volhynia and Eastern Galicia

January 1, 1942

2011 England riots

August 6, 2011 - August 11, 2011

September 11 attacks

September 11, 2001

Cultural and entertainment events (132 events)

View All

Eurovision Song Contest 2019

May 14, 2019

Eurovision Song Contest 2018

May 8, 2018 - May 12, 2018

Documenta 5

June 30, 1972 - October 8, 1972

Eurovision Song Contest 2017

May 13, 2017

Miscellaneous events (74 events)

View All

2023 FIFA Women's World Cup

July 20, 2023 - August 20, 2023

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

January 1, 2021

2024 F1 Academy

March 7, 2024 - December 8, 2024

2023 F1 Academy

January 1, 2023

Multi-sport and olympic events (226 events)

View All

1984 Winter Olympics

February 8, 1984 - February 19, 1984

2015 FIFA Women's World Cup

June 6, 2015 - July 5, 2015

2024 Summer Paralympics

August 28, 2024 - September 8, 2024

athletics at the 2016 Summer Olympics

January 1, 2016

Natural disasters (16 events)

View All

2010 Chile earthquake

February 27, 2010

2002 European floods

August 5, 2002 - September 13, 2002

Storm Daniel

September 1, 2023

wildfires in Greece in 2023

January 1, 2023

Political events (34 events)

View All

first impeachment of Donald Trump

December 18, 2019

Second Vatican Council

October 11, 1962 - December 8, 1965

2017 German federal election

September 24, 2017

2021 German federal election

September 26, 2021

Social movements and protests (14 events)

View All

1968–69 Japanese university protests

January 1, 1969

Mahsa Amini protests

January 1, 2022

Kivu conflict

June 2, 2004

March for Our Lives

March 24, 2018

Sporting events (293 events)

View All

2022 FIFA World Cup

November 20, 2022 - December 18, 2022

2023 Formula One World Championship

January 1, 2023

UEFA Euro 2024

June 14, 2024 - July 14, 2024

2022 FIFA World Cup final

December 18, 2022

Event Categories

Battles & wars

Major military conflicts, battles, and significant wartime events throughout history.

Political events

Important political decisions, treaties, and governmental changes that shaped nations.

Cultural milestones

Significant achievements in arts, literature, and cultural developments.

Scientific discoveries

Breakthroughs in science, technology, and medical advancements.

Sports history

Notable sporting events, records, and achievements in athletic history.

Social movements

Civil rights movements, social reforms, and significant societal changes.

Browse Historical Events by Type <meta name="description" content="Explore historical events by category - from battles and political events to cultural milestones and scientific discoveries."> <meta name="keywords"> <link rel="canonical" href="https://whatdateis.today/events/"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <div class="bg-gradient-to-b from-neutral-900 to-neutral-800 text-white py-16"> <div class="container mx-auto px-4"> <h1 class="text-4xl md:text-5xl font-bold mb-4 text-white">Historical Events</h1> <p class="text-lg text-gray-300 max-w-2xl"> Explore significant historical events across different categories and time periods. From battles and political events to cultural milestones and scientific discoveries. </p> </div> </div> <div class="container mx-auto px-4 py-12"> <script> function toggleDropdown() { const dropdown = document.getElementById('quick-nav-dropdown'); const icon = document.getElementById('dropdown-icon'); if (dropdown.classList.contains('hidden')) { dropdown.classList.remove('hidden'); icon.style.transform = 'rotate(180deg)'; } else { dropdown.classList.add('hidden'); icon.style.transform = 'rotate(0deg)'; } } </script> <!-- Month Navigation --> <div class="mb-12"> <div class="bg-white rounded-xl shadow-sm p-6"> <h2 class="text-xl font-semibold mb-4">Browse Events by Month</h2> <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3"> <a href="/events/on-this-month/january" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> January </a><a href="/events/on-this-month/february" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> February </a><a href="/events/on-this-month/march" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> March </a><a href="/events/on-this-month/april" class="px-4 py-3 rounded-lg text-center transition-colors bg-blue-600 text-white font-medium"> April </a><a href="/events/on-this-month/may" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> May </a><a href="/events/on-this-month/june" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> June </a><a href="/events/on-this-month/july" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> July </a><a href="/events/on-this-month/august" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> August </a><a href="/events/on-this-month/september" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> September </a><a href="/events/on-this-month/october" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> October </a><a href="/events/on-this-month/november" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> November </a><a href="/events/on-this-month/december" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> December </a> </div> </div> </div> <!-- Quick Navigation Dropdown --> <div class="mb-12"> <button onclick="toggleDropdown()" class="w-full flex items-center justify-between p-4 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors"> <div class="flex items-center gap-2"> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-600" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> </svg> <span class="font-medium text-gray-700">Quick Navigation by Category</span> </div> <svg id="dropdown-icon" xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-600 transform transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </button> <div id="quick-nav-dropdown" class="hidden mt-2 p-4 bg-white rounded-lg border border-gray-200 shadow-sm animate__animated animate__fadeIn"> <div class="flex flex-wrap gap-3"> <a href="#conflict-and-warfare" class="px-4 py-2 bg-gray-50 rounded-full text-sm font-medium text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors border border-gray-200"> Conflict and warfare </a><a href="#crime-and-violence" class="px-4 py-2 bg-gray-50 rounded-full text-sm font-medium text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors border border-gray-200"> Crime and violence </a><a href="#cultural-and-entertainment-events" class="px-4 py-2 bg-gray-50 rounded-full text-sm font-medium text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors border border-gray-200"> Cultural and entertainment events </a><a href="#miscellaneous-events" class="px-4 py-2 bg-gray-50 rounded-full text-sm font-medium text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors border border-gray-200"> Miscellaneous events </a><a href="#multi-sport-and-olympic-events" class="px-4 py-2 bg-gray-50 rounded-full text-sm font-medium text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors border border-gray-200"> Multi-sport and olympic events </a><a href="#natural-disasters" class="px-4 py-2 bg-gray-50 rounded-full text-sm font-medium text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors border border-gray-200"> Natural disasters </a><a href="#political-events" class="px-4 py-2 bg-gray-50 rounded-full text-sm font-medium text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors border border-gray-200"> Political events </a><a href="#social-movements-and-protests" class="px-4 py-2 bg-gray-50 rounded-full text-sm font-medium text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors border border-gray-200"> Social movements and protests </a><a href="#sporting-events" class="px-4 py-2 bg-gray-50 rounded-full text-sm font-medium text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition-colors border border-gray-200"> Sporting events </a> </div> </div> </div> <!-- Event Type Sections --> <div id="conflict-and-warfare" class="mb-16 scroll-mt-8 animate__animated animate__fadeIn"> <div class="flex items-center justify-between mb-6"> <h3 class="text-2xl font-bold flex items-center"> <span class="bg-blue-100 text-blue-700 p-2 rounded-lg mr-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" 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> Conflict and warfare <span class="ml-3 text-sm font-normal text-gray-500">(169 events)</span> </h3> <a href="/events/type/conflict-and-warfare" class="text-blue-600 hover:text-blue-800 font-medium text-sm flex items-center gap-1"> View All <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="M9 5l7 7-7 7"></path> </svg> </a> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4"> <div class="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow p-6 border border-gray-100 h-[180px] flex flex-col"> <div class="flex items-start justify-between mb-3"> <h4 class="font-semibold text-lg text-neutral-800 uppercase tracking-wide line-clamp-2">Eastern Front</h4> <span class="text-xs text-neutral-500 whitespace-nowrap ml-2 shrink-0">June 22, 1941 - January 21, 1955</span> </div> <div class="text-sm text-gray-600 line-clamp-2 mt-auto"> </div> </div><div class="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow p-6 border border-gray-100 h-[180px] flex flex-col"> <div class="flex items-start justify-between mb-3"> <h4 class="font-semibold text-lg text-neutral-800 uppercase tracking-wide line-clamp-2">Russian invasion of Ukraine</h4> <span class="text-xs text-neutral-500 whitespace-nowrap ml-2 shrink-0">February 24, 2022</span> </div> <div class="text-sm text-gray-600 line-clamp-2 mt-auto"> </div> </div><div class="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow p-6 border border-gray-100 h-[180px] flex flex-col"> <div class="flex items-start justify-between mb-3"> <h4 class="font-semibold text-lg text-neutral-800 uppercase tracking-wide line-clamp-2">World War I</h4> <span class="text-xs text-neutral-500 whitespace-nowrap ml-2 shrink-0">July 28, 1914 - November 11, 1918</span> </div> <div class="text-sm text-gray-600 line-clamp-2 mt-auto"> </div> </div><div class="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow p-6 border border-gray-100 h-[180px] flex flex-col"> <div class="flex items-start justify-between mb-3"> <h4 class="font-semibold text-lg text-neutral-800 uppercase tracking-wide line-clamp-2">Russo-Georgian War</h4> <span class="text-xs text-neutral-500 whitespace-nowrap ml-2 shrink-0">August 7, 2008 - August 12, 2008</span> </div> <div class="text-sm text-gray-600 line-clamp-2 mt-auto"> </div> </div> </div> </div><div id="crime-and-violence" class="mb-16 scroll-mt-8 animate__animated animate__fadeIn"> <div class="flex items-center justify-between mb-6"> <h3 class="text-2xl font-bold flex items-center"> <span class="bg-blue-100 text-blue-700 p-2 rounded-lg mr-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" 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> Crime and violence <span class="ml-3 text-sm font-normal text-gray-500">(42 events)</span> </h3> <a href="/events/type/crime-and-violence" class="text-blue-600 hover:text-blue-800 font-medium text-sm flex items-center gap-1"> View All <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="M9 5l7 7-7 7"></path> </svg> </a> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4"> <div class="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow p-6 border border-gray-100 h-[180px] flex flex-col"> <div class="flex items-start justify-between mb-3"> <h4 class="font-semibold text-lg text-neutral-800 uppercase tracking-wide line-clamp-2">The Holocaust</h4> <span class="text-xs text-neutral-500 whitespace-nowrap ml-2 shrink-0">January 1, 1941 - January 1, 1945</span> </div> <div class="text-sm text-gray-600 line-clamp-2 mt-auto"> </div> </div><div class="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow p-6 border border-gray-100 h-[180px] flex flex-col"> <div class="flex items-start justify-between mb-3"> <h4 class="font-semibold text-lg text-neutral-800 uppercase tracking-wide line-clamp-2">massacres of Poles in Volhynia and Eastern Galicia</h4> <span class="text-xs text-neutral-500 whitespace-nowrap ml-2 shrink-0">January 1, 1942</span> </div> <div class="text-sm text-gray-600 line-clamp-2 mt-auto"> </div> </div><div class="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow p-6 border border-gray-100 h-[180px] flex flex-col"> <div class="flex items-start justify-between mb-3"> <h4 class="font-semibold text-lg text-neutral-800 uppercase tracking-wide line-clamp-2">2011 England riots</h4> <span class="text-xs text-neutral-500 whitespace-nowrap ml-2 shrink-0">August 6, 2011 - August 11, 2011</span> </div> <div class="text-sm text-gray-600 line-clamp-2 mt-auto"> </div> </div><div class="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow p-6 border border-gray-100 h-[180px] flex flex-col"> <div class="flex items-start justify-between mb-3"> <h4 class="font-semibold text-lg text-neutral-800 uppercase tracking-wide line-clamp-2">September 11 attacks</h4> <span class="text-xs text-neutral-500 whitespace-nowrap ml-2 shrink-0">September 11, 2001</span> </div> <div class="text-sm text-gray-600 line-clamp-2 mt-auto"> </div> </div> </div> </div><div id="cultural-and-entertainment-events" class="mb-16 scroll-mt-8 animate__animated animate__fadeIn"> <div class="flex items-center justify-between mb-6"> <h3 class="text-2xl font-bold flex items-center"> <span class="bg-blue-100 text-blue-700 p-2 rounded-lg mr-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" 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> Cultural and entertainment events <span class="ml-3 text-sm font-normal text-gray-500">(132 events)</span> </h3> <a href="/events/type/cultural-and-entertainment-events" class="text-blue-600 hover:text-blue-800 font-medium text-sm flex items-center gap-1"> View All <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="M9 5l7 7-7 7"></path> </svg> </a> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4"> <div class="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow p-6 border border-gray-100 h-[180px] flex flex-col"> <div class="flex items-start justify-between mb-3"> <h4 class="font-semibold text-lg text-neutral-800 uppercase tracking-wide line-clamp-2">Eurovision Song Contest 2019</h4> <span class="text-xs text-neutral-500 whitespace-nowrap ml-2 shrink-0">May 14, 2019</span> </div> <div class="text-sm text-gray-600 line-clamp-2 mt-auto"> </div> </div><div class="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow p-6 border border-gray-100 h-[180px] flex flex-col"> <div class="flex items-start justify-between mb-3"> <h4 class="font-semibold text-lg text-neutral-800 uppercase tracking-wide line-clamp-2">Eurovision Song Contest 2018</h4> <span class="text-xs text-neutral-500 whitespace-nowrap ml-2 shrink-0">May 8, 2018 - May 12, 2018</span> </div> <div class="text-sm text-gray-600 line-clamp-2 mt-auto"> </div> </div><div class="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow p-6 border border-gray-100 h-[180px] flex flex-col"> <div class="flex items-start justify-between mb-3"> <h4 class="font-semibold text-lg text-neutral-800 uppercase tracking-wide line-clamp-2">Documenta 5</h4> <span class="text-xs text-neutral-500 whitespace-nowrap ml-2 shrink-0">June 30, 1972 - October 8, 1972</span> </div> <div class="text-sm text-gray-600 line-clamp-2 mt-auto"> </div> </div><div class="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow p-6 border border-gray-100 h-[180px] flex flex-col"> <div class="flex items-start justify-between mb-3"> <h4 class="font-semibold text-lg text-neutral-800 uppercase tracking-wide line-clamp-2">Eurovision Song Contest 2017</h4> <span class="text-xs text-neutral-500 whitespace-nowrap ml-2 shrink-0">May 13, 2017</span> </div> <div class="text-sm text-gray-600 line-clamp-2 mt-auto"> </div> </div> </div> </div><div id="miscellaneous-events" class="mb-16 scroll-mt-8 animate__animated animate__fadeIn"> <div class="flex items-center justify-between mb-6"> <h3 class="text-2xl font-bold flex items-center"> <span class="bg-blue-100 text-blue-700 p-2 rounded-lg mr-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" 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> Miscellaneous events <span class="ml-3 text-sm font-normal text-gray-500">(74 events)</span> </h3> <a href="/events/type/miscellaneous-events" class="text-blue-600 hover:text-blue-800 font-medium text-sm flex items-center gap-1"> View All <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="M9 5l7 7-7 7"></path> </svg> </a> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4"> <div class="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow p-6 border border-gray-100 h-[180px] flex flex-col"> <div class="flex items-start justify-between mb-3"> <h4 class="font-semibold text-lg text-neutral-800 uppercase tracking-wide line-clamp-2">2023 FIFA Women's World Cup</h4> <span class="text-xs text-neutral-500 whitespace-nowrap ml-2 shrink-0">July 20, 2023 - August 20, 2023</span> </div> <div class="text-sm text-gray-600 line-clamp-2 mt-auto"> </div> </div><div class="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow p-6 border border-gray-100 h-[180px] flex flex-col"> <div class="flex items-start justify-between mb-3"> <h4 class="font-semibold text-lg text-neutral-800 uppercase tracking-wide line-clamp-2">beach volleyball at the 2020 Summer Olympics – men's tournament</h4> <span class="text-xs text-neutral-500 whitespace-nowrap ml-2 shrink-0">January 1, 2021</span> </div> <div class="text-sm text-gray-600 line-clamp-2 mt-auto"> </div> </div><div class="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow p-6 border border-gray-100 h-[180px] flex flex-col"> <div class="flex items-start justify-between mb-3"> <h4 class="font-semibold text-lg text-neutral-800 uppercase tracking-wide line-clamp-2">2024 F1 Academy</h4> <span class="text-xs text-neutral-500 whitespace-nowrap ml-2 shrink-0">March 7, 2024 - December 8, 2024</span> </div> <div class="text-sm text-gray-600 line-clamp-2 mt-auto"> </div> </div><div class="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow p-6 border border-gray-100 h-[180px] flex flex-col"> <div class="flex items-start justify-between mb-3"> <h4 class="font-semibold text-lg text-neutral-800 uppercase tracking-wide line-clamp-2">2023 F1 Academy</h4> <span class="text-xs text-neutral-500 whitespace-nowrap ml-2 shrink-0">January 1, 2023</span> </div> <div class="text-sm text-gray-600 line-clamp-2 mt-auto"> </div> </div> </div> </div><div id="multi-sport-and-olympic-events" class="mb-16 scroll-mt-8 animate__animated animate__fadeIn"> <div class="flex items-center justify-between mb-6"> <h3 class="text-2xl font-bold flex items-center"> <span class="bg-blue-100 text-blue-700 p-2 rounded-lg mr-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" 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> Multi-sport and olympic events <span class="ml-3 text-sm font-normal text-gray-500">(226 events)</span> </h3> <a href="/events/type/multi-sport-and-olympic-events" class="text-blue-600 hover:text-blue-800 font-medium text-sm flex items-center gap-1"> View All <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="M9 5l7 7-7 7"></path> </svg> </a> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4"> <div class="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow p-6 border border-gray-100 h-[180px] flex flex-col"> <div class="flex items-start justify-between mb-3"> <h4 class="font-semibold text-lg text-neutral-800 uppercase tracking-wide line-clamp-2">1984 Winter Olympics</h4> <span class="text-xs text-neutral-500 whitespace-nowrap ml-2 shrink-0">February 8, 1984 - February 19, 1984</span> </div> <div class="text-sm text-gray-600 line-clamp-2 mt-auto"> </div> </div><div class="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow p-6 border border-gray-100 h-[180px] flex flex-col"> <div class="flex items-start justify-between mb-3"> <h4 class="font-semibold text-lg text-neutral-800 uppercase tracking-wide line-clamp-2">2015 FIFA Women's World Cup</h4> <span class="text-xs text-neutral-500 whitespace-nowrap ml-2 shrink-0">June 6, 2015 - July 5, 2015</span> </div> <div class="text-sm text-gray-600 line-clamp-2 mt-auto"> </div> </div><div class="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow p-6 border border-gray-100 h-[180px] flex flex-col"> <div class="flex items-start justify-between mb-3"> <h4 class="font-semibold text-lg text-neutral-800 uppercase tracking-wide line-clamp-2">2024 Summer Paralympics</h4> <span class="text-xs text-neutral-500 whitespace-nowrap ml-2 shrink-0">August 28, 2024 - September 8, 2024</span> </div> <div class="text-sm text-gray-600 line-clamp-2 mt-auto"> </div> </div><div class="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow p-6 border border-gray-100 h-[180px] flex flex-col"> <div class="flex items-start justify-between mb-3"> <h4 class="font-semibold text-lg text-neutral-800 uppercase tracking-wide line-clamp-2">athletics at the 2016 Summer Olympics</h4> <span class="text-xs text-neutral-500 whitespace-nowrap ml-2 shrink-0">January 1, 2016</span> </div> <div class="text-sm text-gray-600 line-clamp-2 mt-auto"> </div> </div> </div> </div><div id="natural-disasters" class="mb-16 scroll-mt-8 animate__animated animate__fadeIn"> <div class="flex items-center justify-between mb-6"> <h3 class="text-2xl font-bold flex items-center"> <span class="bg-blue-100 text-blue-700 p-2 rounded-lg mr-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" 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> Natural disasters <span class="ml-3 text-sm font-normal text-gray-500">(16 events)</span> </h3> <a href="/events/type/natural-disasters" class="text-blue-600 hover:text-blue-800 font-medium text-sm flex items-center gap-1"> View All <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="M9 5l7 7-7 7"></path> </svg> </a> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4"> <div class="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow p-6 border border-gray-100 h-[180px] flex flex-col"> <div class="flex items-start justify-between mb-3"> <h4 class="font-semibold text-lg text-neutral-800 uppercase tracking-wide line-clamp-2">2010 Chile earthquake</h4> <span class="text-xs text-neutral-500 whitespace-nowrap ml-2 shrink-0">February 27, 2010</span> </div> <div class="text-sm text-gray-600 line-clamp-2 mt-auto"> </div> </div><div class="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow p-6 border border-gray-100 h-[180px] flex flex-col"> <div class="flex items-start justify-between mb-3"> <h4 class="font-semibold text-lg text-neutral-800 uppercase tracking-wide line-clamp-2">2002 European floods</h4> <span class="text-xs text-neutral-500 whitespace-nowrap ml-2 shrink-0">August 5, 2002 - September 13, 2002</span> </div> <div class="text-sm text-gray-600 line-clamp-2 mt-auto"> </div> </div><div class="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow p-6 border border-gray-100 h-[180px] flex flex-col"> <div class="flex items-start justify-between mb-3"> <h4 class="font-semibold text-lg text-neutral-800 uppercase tracking-wide line-clamp-2">Storm Daniel</h4> <span class="text-xs text-neutral-500 whitespace-nowrap ml-2 shrink-0">September 1, 2023</span> </div> <div class="text-sm text-gray-600 line-clamp-2 mt-auto"> </div> </div><div class="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow p-6 border border-gray-100 h-[180px] flex flex-col"> <div class="flex items-start justify-between mb-3"> <h4 class="font-semibold text-lg text-neutral-800 uppercase tracking-wide line-clamp-2">wildfires in Greece in 2023</h4> <span class="text-xs text-neutral-500 whitespace-nowrap ml-2 shrink-0">January 1, 2023</span> </div> <div class="text-sm text-gray-600 line-clamp-2 mt-auto"> </div> </div> </div> </div><div id="political-events" class="mb-16 scroll-mt-8 animate__animated animate__fadeIn"> <div class="flex items-center justify-between mb-6"> <h3 class="text-2xl font-bold flex items-center"> <span class="bg-blue-100 text-blue-700 p-2 rounded-lg mr-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" 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> Political events <span class="ml-3 text-sm font-normal text-gray-500">(34 events)</span> </h3> <a href="/events/type/political-events" class="text-blue-600 hover:text-blue-800 font-medium text-sm flex items-center gap-1"> View All <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="M9 5l7 7-7 7"></path> </svg> </a> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4"> <div class="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow p-6 border border-gray-100 h-[180px] flex flex-col"> <div class="flex items-start justify-between mb-3"> <h4 class="font-semibold text-lg text-neutral-800 uppercase tracking-wide line-clamp-2">first impeachment of Donald Trump</h4> <span class="text-xs text-neutral-500 whitespace-nowrap ml-2 shrink-0">December 18, 2019</span> </div> <div class="text-sm text-gray-600 line-clamp-2 mt-auto"> </div> </div><div class="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow p-6 border border-gray-100 h-[180px] flex flex-col"> <div class="flex items-start justify-between mb-3"> <h4 class="font-semibold text-lg text-neutral-800 uppercase tracking-wide line-clamp-2">Second Vatican Council</h4> <span class="text-xs text-neutral-500 whitespace-nowrap ml-2 shrink-0">October 11, 1962 - December 8, 1965</span> </div> <div class="text-sm text-gray-600 line-clamp-2 mt-auto"> </div> </div><div class="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow p-6 border border-gray-100 h-[180px] flex flex-col"> <div class="flex items-start justify-between mb-3"> <h4 class="font-semibold text-lg text-neutral-800 uppercase tracking-wide line-clamp-2">2017 German federal election</h4> <span class="text-xs text-neutral-500 whitespace-nowrap ml-2 shrink-0">September 24, 2017</span> </div> <div class="text-sm text-gray-600 line-clamp-2 mt-auto"> </div> </div><div class="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow p-6 border border-gray-100 h-[180px] flex flex-col"> <div class="flex items-start justify-between mb-3"> <h4 class="font-semibold text-lg text-neutral-800 uppercase tracking-wide line-clamp-2">2021 German federal election</h4> <span class="text-xs text-neutral-500 whitespace-nowrap ml-2 shrink-0">September 26, 2021</span> </div> <div class="text-sm text-gray-600 line-clamp-2 mt-auto"> </div> </div> </div> </div><div id="social-movements-and-protests" class="mb-16 scroll-mt-8 animate__animated animate__fadeIn"> <div class="flex items-center justify-between mb-6"> <h3 class="text-2xl font-bold flex items-center"> <span class="bg-blue-100 text-blue-700 p-2 rounded-lg mr-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" 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> Social movements and protests <span class="ml-3 text-sm font-normal text-gray-500">(14 events)</span> </h3> <a href="/events/type/social-movements-and-protests" class="text-blue-600 hover:text-blue-800 font-medium text-sm flex items-center gap-1"> View All <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="M9 5l7 7-7 7"></path> </svg> </a> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4"> <div class="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow p-6 border border-gray-100 h-[180px] flex flex-col"> <div class="flex items-start justify-between mb-3"> <h4 class="font-semibold text-lg text-neutral-800 uppercase tracking-wide line-clamp-2">1968–69 Japanese university protests</h4> <span class="text-xs text-neutral-500 whitespace-nowrap ml-2 shrink-0">January 1, 1969</span> </div> <div class="text-sm text-gray-600 line-clamp-2 mt-auto"> </div> </div><div class="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow p-6 border border-gray-100 h-[180px] flex flex-col"> <div class="flex items-start justify-between mb-3"> <h4 class="font-semibold text-lg text-neutral-800 uppercase tracking-wide line-clamp-2">Mahsa Amini protests</h4> <span class="text-xs text-neutral-500 whitespace-nowrap ml-2 shrink-0">January 1, 2022</span> </div> <div class="text-sm text-gray-600 line-clamp-2 mt-auto"> </div> </div><div class="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow p-6 border border-gray-100 h-[180px] flex flex-col"> <div class="flex items-start justify-between mb-3"> <h4 class="font-semibold text-lg text-neutral-800 uppercase tracking-wide line-clamp-2">Kivu conflict</h4> <span class="text-xs text-neutral-500 whitespace-nowrap ml-2 shrink-0">June 2, 2004</span> </div> <div class="text-sm text-gray-600 line-clamp-2 mt-auto"> </div> </div><div class="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow p-6 border border-gray-100 h-[180px] flex flex-col"> <div class="flex items-start justify-between mb-3"> <h4 class="font-semibold text-lg text-neutral-800 uppercase tracking-wide line-clamp-2">March for Our Lives</h4> <span class="text-xs text-neutral-500 whitespace-nowrap ml-2 shrink-0">March 24, 2018</span> </div> <div class="text-sm text-gray-600 line-clamp-2 mt-auto"> </div> </div> </div> </div><div id="sporting-events" class="mb-16 scroll-mt-8 animate__animated animate__fadeIn"> <div class="flex items-center justify-between mb-6"> <h3 class="text-2xl font-bold flex items-center"> <span class="bg-blue-100 text-blue-700 p-2 rounded-lg mr-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" 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> Sporting events <span class="ml-3 text-sm font-normal text-gray-500">(293 events)</span> </h3> <a href="/events/type/sporting-events" class="text-blue-600 hover:text-blue-800 font-medium text-sm flex items-center gap-1"> View All <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="M9 5l7 7-7 7"></path> </svg> </a> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4"> <div class="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow p-6 border border-gray-100 h-[180px] flex flex-col"> <div class="flex items-start justify-between mb-3"> <h4 class="font-semibold text-lg text-neutral-800 uppercase tracking-wide line-clamp-2">2022 FIFA World Cup</h4> <span class="text-xs text-neutral-500 whitespace-nowrap ml-2 shrink-0">November 20, 2022 - December 18, 2022</span> </div> <div class="text-sm text-gray-600 line-clamp-2 mt-auto"> </div> </div><div class="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow p-6 border border-gray-100 h-[180px] flex flex-col"> <div class="flex items-start justify-between mb-3"> <h4 class="font-semibold text-lg text-neutral-800 uppercase tracking-wide line-clamp-2">2023 Formula One World Championship</h4> <span class="text-xs text-neutral-500 whitespace-nowrap ml-2 shrink-0">January 1, 2023</span> </div> <div class="text-sm text-gray-600 line-clamp-2 mt-auto"> </div> </div><div class="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow p-6 border border-gray-100 h-[180px] flex flex-col"> <div class="flex items-start justify-between mb-3"> <h4 class="font-semibold text-lg text-neutral-800 uppercase tracking-wide line-clamp-2">UEFA Euro 2024</h4> <span class="text-xs text-neutral-500 whitespace-nowrap ml-2 shrink-0">June 14, 2024 - July 14, 2024</span> </div> <div class="text-sm text-gray-600 line-clamp-2 mt-auto"> </div> </div><div class="bg-white rounded-lg shadow-md hover:shadow-lg transition-shadow p-6 border border-gray-100 h-[180px] flex flex-col"> <div class="flex items-start justify-between mb-3"> <h4 class="font-semibold text-lg text-neutral-800 uppercase tracking-wide line-clamp-2">2022 FIFA World Cup final</h4> <span class="text-xs text-neutral-500 whitespace-nowrap ml-2 shrink-0">December 18, 2022</span> </div> <div class="text-sm text-gray-600 line-clamp-2 mt-auto"> </div> </div> </div> </div> <!-- Category Descriptions --> <div class="mt-16 animate__animated animate__fadeIn animate__delay-1s"> <h3 class="text-xl font-semibold mb-6">Event Categories</h3> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4"> <div class="bg-red-50 p-4 rounded-lg border border-red-100"> <h4 class="font-medium mb-2 text-red-800">Battles & wars</h4> <p class="text-sm">Major military conflicts, battles, and significant wartime events throughout history.</p> </div> <div class="bg-blue-50 p-4 rounded-lg border border-blue-100"> <h4 class="font-medium mb-2 text-blue-800">Political events</h4> <p class="text-sm">Important political decisions, treaties, and governmental changes that shaped nations.</p> </div> <div class="bg-green-50 p-4 rounded-lg border border-green-100"> <h4 class="font-medium mb-2 text-green-800">Cultural milestones</h4> <p class="text-sm">Significant achievements in arts, literature, and cultural developments.</p> </div> <div class="bg-purple-50 p-4 rounded-lg border border-purple-100"> <h4 class="font-medium mb-2 text-purple-800">Scientific discoveries</h4> <p class="text-sm">Breakthroughs in science, technology, and medical advancements.</p> </div> <div class="bg-yellow-50 p-4 rounded-lg border border-yellow-100"> <h4 class="font-medium mb-2 text-yellow-800">Sports history</h4> <p class="text-sm">Notable sporting events, records, and achievements in athletic history.</p> </div> <div class="bg-orange-50 p-4 rounded-lg border border-orange-100"> <h4 class="font-medium mb-2 text-orange-800">Social movements</h4> <p class="text-sm">Civil rights movements, social reforms, and significant societal changes.</p> </div> </div> </div> </div>