Crime and Violence Events in History

Browse 42 historical crime and violence events throughout history. Discover significant moments and their impact.

The Holocaust
January 1, 1941 - January 1, 1945

The Holocaust

Learn more
2023 Prague shooting
December 21, 2023

2023 Prague shooting

Learn more
Re'im music festival massacre
October 7, 2023

Re'im music festival massacre

Learn more
October 7 Hamas-led attack on Israel
October 1, 2023

October 7 Hamas-led attack on Israel

Learn more
Mladenovac and Smederevo shootings
May 4, 2023

Mladenovac and Smederevo shootings

Learn more
2022 Oslo shooting
June 25, 2022

2022 Oslo shooting

Learn more
Robb Elementary School shooting
May 24, 2022

Robb Elementary School shooting

Learn more
2022 Buffalo shooting
May 15, 2022

2022 Buffalo shooting

Learn more
Kramatorsk railway station attack
April 8, 2022

Kramatorsk railway station attack

Learn more
death and funeral of Prince Philip, Duke of Edinburgh
April 17, 2021

death and funeral of Prince Philip, Duke of Edinburgh

Learn more
Nakhon Ratchasima shootings
February 8, 2020

Nakhon Ratchasima shootings

Learn more
Carcassonne and Trèbes attack
March 23, 2018

Carcassonne and Trèbes attack

Learn more
2017 Las Vegas shooting
October 1, 2017

2017 Las Vegas shooting

Learn more
2017 Saint Petersburg Metro attack
April 3, 2017

2017 Saint Petersburg Metro attack

Learn more
2016 Nice attack
July 14, 2016

2016 Nice attack

Learn more
Volkswagen emissions scandal
September 1, 2015

Volkswagen emissions scandal

Learn more
January 2015 Île-de-France attacks
January 7, 2015

January 2015 Île-de-France attacks

Learn more
Beslan school siege
September 1, 2004

Beslan school siege

Learn more
1999 Russian apartment bombings
September 1, 1999

1999 Russian apartment bombings

Learn more
massacres of Poles in Volhynia and Eastern Galicia
January 1, 1942

massacres of Poles in Volhynia and Eastern Galicia

Learn more
2011 England riots
August 6, 2011 - August 11, 2011

2011 England riots

Learn more
September 11 attacks
September 11, 2001

September 11 attacks

Learn more
Night of the Murdered Poets
August 12, 1952

Night of the Murdered Poets

Learn more
Iran hostage crisis
November 4, 1979 - January 20, 1981

Iran hostage crisis

Learn more
assassination of Olof Palme
February 28, 1986

assassination of Olof Palme

Learn more
Entebbe raid
July 4, 1976

Entebbe raid

Learn more
Munich massacre
September 1, 1972

Munich massacre

Learn more
Katyn massacre
April 1, 1940 - May 1, 1940

Katyn massacre

Learn more
2023 Chinese balloon incident
February 1, 2023 - February 4, 2023

2023 Chinese balloon incident

Learn more
American Airlines Flight 11
September 11, 2001

American Airlines Flight 11

Learn more
Nepalese royal massacre
June 1, 2001

Nepalese royal massacre

Learn more
École Polytechnique massacre
December 6, 1989

École Polytechnique massacre

Learn more
Munich air disaster
February 6, 1958

Munich air disaster

Learn more
Halifax explosion
December 6, 1917

Halifax explosion

Learn more
assassination of Archduke Franz Ferdinand
June 28, 1914

assassination of Archduke Franz Ferdinand

Learn more
Ludlow Massacre
April 20, 1914

Ludlow Massacre

Learn more
Iranian Embassy Siege
April 30, 1980 - May 5, 1980

Iranian Embassy Siege

Learn more
September 1, 1943

Foibe massacres

Learn more
May 2, 2022 - January 24, 2023

2022–2023 wide area robberies

Learn more
August 16, 1988 - August 18, 1988

Gladbeck hostage crisis

Learn more
October 31, 1984 - November 3, 1984

1984 Sikh Genocide

Learn more
Crushing The Rebellions of 1965–1966
October 1, 1965

Crushing The Rebellions of 1965–1966

Learn more
Crime and Violence Events in History <meta name="description" content="Browse 42 historical crime and violence events throughout history. Discover significant moments and their impact."> <meta name="keywords"> <link rel="canonical" href="https://whatdateis.today/events/type/crime-and-violence/"> <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">Crime and Violence Events in History</h2> <p class="text-xl text-gray-600 max-w-3xl mx-auto"> Browse 42 historical crime and violence 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%2FEinsatzgruppen%2520murder%2520Jews%2520in%2520Ivanhorod%252C%2520Ukraine%252C%25201942%2520%2528cropped%2529.jpg" alt="The Holocaust" 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, 1941 - January 1, 1945</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">The Holocaust</h3> <a href="https://en.wikipedia.org/w/index.php?search=The%20Holocaust" 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%2FClosed%2520Smetanovo%2520nabrezi%2520after%2520Prague%25202023%2520shooting.jpg" alt="2023 Prague shooting" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">December 21, 2023</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2023 Prague shooting</h3> <a href="https://en.wikipedia.org/w/index.php?search=2023%20Prague%20shooting" 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%2FGaza%2520envelope%2520after%2520coordinated%2520surprise%2520offensive%2520on%2520Israel%252C%2520October%25202023%2520%2528KBG%2520GPO12%2529.jpg" alt="Re'im music festival massacre" 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">October 7, 2023</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">Re'im music festival massacre</h3> <a href="https://en.wikipedia.org/w/index.php?search=Re'im%20music%20festival%20massacre" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 overflow-hidden"> <img src="https://wsrv.nl/?url=http%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FSpecial%3AFilePath%2F%25D7%259E%25D7%2591%25D7%25A0%25D7%2594%2520%25D7%259E%25D7%2592%25D7%2595%25D7%25A8%25D7%2599%25D7%259D%2520%25D7%25A9%25D7%25A8%25D7%2595%25D7%25A3%2520%25D7%2591%25D7%25A7%25D7%2599%25D7%2591%25D7%2595%25D7%25A5%2520%25D7%2591%25D7%2590%25D7%25A8%25D7%2599%2520%25D7%259C%25D7%2590%25D7%2597%25D7%25A8%2520%25D7%2594%25D7%25AA%25D7%25A7%25D7%25A4%25D7%25AA%2520%25D7%2594%25D7%25A4%25D7%25AA%25D7%25A2.%2520%25D7%25A6%25D7%2599%25D7%259C%25D7%2595%25D7%259D-%25D7%2599%25D7%2595%25D7%2590%25D7%2591%2520%25D7%25A7%25D7%25A8%25D7%259F.jpg" alt="October 7 Hamas-led attack on Israel" 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">October 1, 2023</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">October 7 Hamas-led attack on Israel</h3> <a href="https://en.wikipedia.org/w/index.php?search=October%207%20Hamas-led%20attack%20on%20Israel" 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%2FSrbija%2520protiv%2520nasilja%2520Beograd%252C%252017.%2520jun%25207.jpg" alt="Mladenovac and Smederevo shootings" 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 4, 2023</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">Mladenovac and Smederevo shootings</h3> <a href="https://en.wikipedia.org/w/index.php?search=Mladenovac%20and%20Smederevo%20shootings" 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%2FC.J.Hambros%2520plass%2520after%25202022%2520Oslo%2520shootings.jpg" alt="2022 Oslo shooting" 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, 2022</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2022 Oslo shooting</h3> <a href="https://en.wikipedia.org/w/index.php?search=2022%20Oslo%20shooting" 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%2FDHS%2520Secretary%2520Alejandro%2520Mayorkas%2520Visits%2520Robb%2520Elementary%2520School%2520Memorial%2520Site.jpg" alt="Robb Elementary School shooting" 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 24, 2022</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">Robb Elementary School shooting</h3> <a href="https://en.wikipedia.org/w/index.php?search=Robb%20Elementary%20School%20shooting" 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%2FTops%2520supermarket%252C%2520Jefferson%2520Avenue%252C%2520Buffalo%252C%2520New%2520York%2520-%252020220220%2520%2528cropped%2529.jpg" alt="2022 Buffalo shooting" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">May 15, 2022</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2022 Buffalo shooting</h3> <a href="https://en.wikipedia.org/w/index.php?search=2022%20Buffalo%20shooting" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 mt-4 text-sm text-blue-600 hover:text-blue-800 transition-colors"> Learn more <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> </svg> </a> </div> </div><div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-all duration-300 border border-gray-100 overflow-hidden group"> <div class="h-48 overflow-hidden"> <img src="https://wsrv.nl/?url=http%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FSpecial%3AFilePath%2F%25D0%259E%25D0%25BA%25D1%2583%25D0%25BF%25D0%25B0%25D0%25BD%25D1%2582%25D0%25B8%2520%25D0%25B2%25D0%25B4%25D0%25B0%25D1%2580%25D0%25B8%25D0%25BB%25D0%25B8%2520%25C2%25AB%25D0%25A2%25D0%25BE%25D1%2587%25D0%25BA%25D0%25BE%25D1%258E-%25D0%25A3%25C2%25BB%2520%25D0%25BF%25D0%25BE%2520%25D0%25B7%25D0%25B0%25D0%25BB%25D1%2596%25D0%25B7%25D0%25BD%25D0%25B8%25D1%2587%25D0%25BD%25D0%25BE%25D0%25BC%25D1%2583%2520%25D0%25B2%25D0%25BE%25D0%25BA%25D0%25B7%25D0%25B0%25D0%25BB%25D1%2583%2520%25D0%259A%25D1%2580%25D0%25B0%25D0%25BC%25D0%25B0%25D1%2582%25D0%25BE%25D1%2580%25D1%2581%25D1%258C%25D0%25BA%25D0%25B0%252001.jpg" alt="Kramatorsk railway station attack" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">April 8, 2022</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">Kramatorsk railway station attack</h3> <a href="https://en.wikipedia.org/w/index.php?search=Kramatorsk%20railway%20station%20attack" 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%2FPrince%2520Philip%2520Death%2520Notice%2520Holyroodhouse.jpg" alt="death and funeral of Prince Philip, Duke of Edinburgh" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">April 17, 2021</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">death and funeral of Prince Philip, Duke of Edinburgh</h3> <a href="https://en.wikipedia.org/w/index.php?search=death%20and%20funeral%20of%20Prince%20Philip%2C%20Duke%20of%20Edinburgh" 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%2F2019%25200210%2520Terminal%252021%2520Korat%252003.jpg" alt="Nakhon Ratchasima shootings" 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">February 8, 2020</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">Nakhon Ratchasima shootings</h3> <a href="https://en.wikipedia.org/w/index.php?search=Nakhon%20Ratchasima%20shootings" 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%2FArnaud%2520Beltrame%25202.jpg" alt="Carcassonne and Trèbes attack" 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 23, 2018</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">Carcassonne and Trèbes attack</h3> <a href="https://en.wikipedia.org/w/index.php?search=Carcassonne%20and%20Tr%C3%A8bes%20attack" 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%2FLas%2520Vegas%2520Strip%2520shooting%2520site%25202017%2520%2528overlay%2529.jpg" alt="2017 Las Vegas shooting" 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">October 1, 2017</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2017 Las Vegas shooting</h3> <a href="https://en.wikipedia.org/w/index.php?search=2017%20Las%20Vegas%20shooting" 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%2FBlasts%2520Apr2017%2520on%2520SPb%2520metro%2520map.png" alt="2017 Saint Petersburg Metro attack" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">April 3, 2017</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2017 Saint Petersburg Metro attack</h3> <a href="https://en.wikipedia.org/w/index.php?search=2017%20Saint%20Petersburg%20Metro%20attack" 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%2FD%25C3%25A9but%2520et%2520fin%2520de%2520l%2527attaque.png" alt="2016 Nice attack" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">July 14, 2016</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2016 Nice attack</h3> <a href="https://en.wikipedia.org/w/index.php?search=2016%20Nice%20attack" 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%2F2011-07-18-wolfsburg-by-RalfR-05.jpg" alt="Volkswagen emissions scandal" 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 1, 2015</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">Volkswagen emissions scandal</h3> <a href="https://en.wikipedia.org/w/index.php?search=Volkswagen%20emissions%20scandal" 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%2FCharlie-Hebdo-2015-11.JPG" alt="January 2015 Île-de-France attacks" 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 7, 2015</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">January 2015 Île-de-France attacks</h3> <a href="https://en.wikipedia.org/w/index.php?search=January%202015%20%C3%8Ele-de-France%20attacks" 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%2FBeslan%2520school%2520no%25201%2520victim%2520photos.jpg" alt="Beslan school siege" 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 1, 2004</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">Beslan school siege</h3> <a href="https://en.wikipedia.org/w/index.php?search=Beslan%20school%20siege" 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%2FRIAN%2520archive%2520140276%2520Removing%2520rubble%2520at%2520site%2520of%2520damaged%2520apartment%2520house%2520on%2520Kashira%2520Highway.jpg" alt="1999 Russian apartment bombings" 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 1, 1999</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">1999 Russian apartment bombings</h3> <a href="https://en.wikipedia.org/w/index.php?search=1999%20Russian%20apartment%20bombings" 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%2FLipniki%2520massacre.jpg" alt="massacres of Poles in Volhynia and Eastern Galicia" 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, 1942</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">massacres of Poles in Volhynia and Eastern Galicia</h3> <a href="https://en.wikipedia.org/w/index.php?search=massacres%20of%20Poles%20in%20Volhynia%20and%20Eastern%20Galicia" 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%2FCarpetright%2520store%2520after%2520Tottenham%2520riots.jpg" alt="2011 England riots" 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 6, 2011 - August 11, 2011</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2011 England riots</h3> <a href="https://en.wikipedia.org/w/index.php?search=2011%20England%20riots" 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%2FNorth%2520face%2520south%2520tower%2520after%2520plane%2520strike%25209-11.jpg" alt="September 11 attacks" 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">September 11 attacks</h3> <a href="https://en.wikipedia.org/w/index.php?search=September%2011%20attacks" 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%2FLozovsky-detention-order.jpg" alt="Night of the Murdered Poets" 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 12, 1952</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">Night of the Murdered Poets</h3> <a href="https://en.wikipedia.org/w/index.php?search=Night%20of%20the%20Murdered%20Poets" 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%2FIran%2520hostage%2520crisis%2520-%2520Iraninan%2520students%2520comes%2520up%2520U.S.%2520embassy%2520in%2520Tehran.jpg" alt="Iran hostage 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">November 4, 1979 - January 20, 1981</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">Iran hostage crisis</h3> <a href="https://en.wikipedia.org/w/index.php?search=Iran%20hostage%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%2FPalme%2520Trauer%25201986.jpg" alt="assassination of Olof Palme" 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">February 28, 1986</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">assassination of Olof Palme</h3> <a href="https://en.wikipedia.org/w/index.php?search=assassination%20of%20Olof%20Palme" 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%2FOperation%2520Thunderbolt.%2520IV.jpg" alt="Entebbe raid" 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 4, 1976</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">Entebbe raid</h3> <a href="https://en.wikipedia.org/w/index.php?search=Entebbe%20raid" 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%2FGermany%2520Israel%2520Olympics%2520Attack.jpg" alt="Munich massacre" 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 1, 1972</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">Munich massacre</h3> <a href="https://en.wikipedia.org/w/index.php?search=Munich%20massacre" 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%2FTrzy%2520krzyze.jpg" alt="Katyn massacre" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">April 1, 1940 - May 1, 1940</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">Katyn massacre</h3> <a href="https://en.wikipedia.org/w/index.php?search=Katyn%20massacre" 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%2FU-2%2520Pilot%2520over%2520Central%2520Continental%2520United%2520States%2520%25287644960%2529%2520%2528cropped%2529.jpg" alt="2023 Chinese balloon incident" 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">February 1, 2023 - February 4, 2023</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2023 Chinese balloon incident</h3> <a href="https://en.wikipedia.org/w/index.php?search=2023%20Chinese%20balloon%20incident" 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%2FAA11%2520path.svg" alt="American Airlines Flight 11" 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">American Airlines Flight 11</h3> <a href="https://en.wikipedia.org/w/index.php?search=American%20Airlines%20Flight%2011" 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%2FNarayanhiti%2520Palace%2520Museum.jpg" alt="Nepalese royal massacre" 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, 2001</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">Nepalese royal massacre</h3> <a href="https://en.wikipedia.org/w/index.php?search=Nepalese%20royal%20massacre" 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%2FMtl%2520dec6%2520plaque.jpg" alt="École Polytechnique massacre" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">December 6, 1989</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">École Polytechnique massacre</h3> <a href="https://en.wikipedia.org/w/index.php?search=%C3%89cole%20Polytechnique%20massacre" 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%2FAmbassador.arp.750pix.jpg" alt="Munich air disaster" 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">February 6, 1958</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">Munich air disaster</h3> <a href="https://en.wikipedia.org/w/index.php?search=Munich%20air%20disaster" 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%2FHalifax%2520Explosion%2520blast%2520cloud%2520restored.jpg" alt="Halifax 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">December 6, 1917</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">Halifax explosion</h3> <a href="https://en.wikipedia.org/w/index.php?search=Halifax%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 overflow-hidden"> <img src="https://wsrv.nl/?url=http%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FSpecial%3AFilePath%2FDC-1914-27-d-Sarajevo-cropped.jpg" alt="assassination of Archduke Franz Ferdinand" 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 28, 1914</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">assassination of Archduke Franz Ferdinand</h3> <a href="https://en.wikipedia.org/w/index.php?search=assassination%20of%20Archduke%20Franz%20Ferdinand" 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%2FLudlow%2520Monument%2520Cropped.jpg" alt="Ludlow Massacre" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">April 20, 1914</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">Ludlow Massacre</h3> <a href="https://en.wikipedia.org/w/index.php?search=Ludlow%20Massacre" 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%2FZz%2520embassy.jpg" alt="Iranian Embassy Siege" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-300"> </div> <div class="p-6"> <div class="flex items-center gap-2 text-sm text-blue-600 mb-3"> <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <span class="font-medium">April 30, 1980 - May 5, 1980</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">Iranian Embassy Siege</h3> <a href="https://en.wikipedia.org/w/index.php?search=Iranian%20Embassy%20Siege" 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 1, 1943</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">Foibe massacres</h3> <a href="https://en.wikipedia.org/w/index.php?search=Foibe%20massacres" 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 2, 2022 - January 24, 2023</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">2022–2023 wide area robberies</h3> <a href="https://en.wikipedia.org/w/index.php?search=2022%E2%80%932023%20wide%20area%20robberies" 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 16, 1988 - August 18, 1988</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">Gladbeck hostage crisis</h3> <a href="https://en.wikipedia.org/w/index.php?search=Gladbeck%20hostage%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 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">October 31, 1984 - November 3, 1984</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">1984 Sikh Genocide</h3> <a href="https://en.wikipedia.org/w/index.php?search=1984%20Sikh%20Genocide" 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%2FAnti%2520PKI%2520Literature.jpg" alt="Crushing The Rebellions of 1965–1966" 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">October 1, 1965</span> </div> <h3 class="font-bold text-xl mb-3 text-gray-800">Crushing The Rebellions of 1965–1966</h3> <a href="https://en.wikipedia.org/w/index.php?search=Crushing%20The%20Rebellions%20of%201965%E2%80%931966" 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> </div> </section>