CINXE.COM

Greece timeline | Historyworld

<!DOCTYPE html> <html lang="en"> <head> <script src="https://the.gatekeeperconsent.com/cmp.min.js" data-cfasync="false"></script> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="csrf-token" content="y8mcGq9qUpUfw0p1iKZvhj53tpFHln90Jr3sc3JB"> <title>Greece timeline | Historyworld</title> <meta name="description" , content="HistoryWorld contains narrative world history and interactive world history timelines."> <link href="https://www.historyworld.net/favicon.ico" rel="icon"> <!-- Google Fonts --> <!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Roboto:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet"> --> <link href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.5.0/css/flag-icon.min.css" rel="stylesheet" type="text/css"> <!-- Vendor CSS Files --> <link href="https://www.historyworld.net/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link href="https://www.historyworld.net/assets/vendor/icofont/icofont.min.css" rel="stylesheet"> <!-- <link href="https://www.historyworld.net/assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet"> --> <link href="https://www.historyworld.net/assets/vendor/animate.css/animate.min.css" rel="stylesheet"> <link href="https://www.historyworld.net/css/minify/remixicon.css" rel="stylesheet"> <link href="https://www.historyworld.net/assets/vendor/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet"> <link href="https://www.historyworld.net/css/minify/venobox.css" rel="stylesheet"> <link href="https://www.historyworld.net/css/minify/aos.css" rel="stylesheet"> <!-- <link href="https://www.historyworld.net/assets/css/bootstrap-datepicker.css" rel="stylesheet"> --> <link rel="stylesheet" href="https://www.historyworld.net/css/minify/hwico.css"> <link rel="stylesheet" href="https://www.historyworld.net/css/minify/hwcss.css"> <!-- w3 modal --> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <!-- Template Main CSS File --> <link href="https://www.historyworld.net/css/minify/treeStructure.css" rel="stylesheet"> <link href="https://www.historyworld.net/css/minify/style.css" rel="stylesheet"> <link href="https://www.historyworld.net/css/minify/custom.css" rel="stylesheet"> <link href="https://www.historyworld.net/css/minify/spinners.css" rel="stylesheet"> <!-- Select2 --> <link href="https://www.historyworld.net/assets/vendor/select2/css/select2.min.css" rel="stylesheet"> <style type="text/css"> .spinner-box { width: 100%; height: 100%; top: 0px; position: fixed; z-index: 99999; background-color: rgba(0, 0, 0, 0.3); } #mobile_search_terms .search-form { padding: 15px 15px; } </style> <!-- <link rel="stylesheet" href="https://www.historyworld.net/css/swiper.min.css"> --> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-370390-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-370390-1'); </script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-G365G47KXJ"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-G365G47KXJ'); </script> </head> <body> <script async src="https://www.ezojs.com/ezoic/sa.min.js"></script> <script> window.ezstandalone = window.ezstandalone || {}; ezstandalone.cmd = ezstandalone.cmd || []; </script> <script> window.__ow = window.__ow || {}; window.__ow.organizationId = "cfccb500-4dcd-44e2-8fd0-cb1d7158489b"; ;(function(n,t,c){function i(n){return e._h?e._h.apply(null,n):e._q.push(n)}var e={_q:[],_h:null,_v:"2.0",on:function(){i(["on",c.call(arguments)])},once:function(){i(["once",c.call(arguments)])},off:function(){i(["off",c.call(arguments)])},get:function(){if(!e._h)throw new Error("[OpenWidget] You can’t use getters before load.");return i(["get",c.call(arguments)])},call:function(){i(["call",c.call(arguments)])},init:function(){var n=t.createElement("script");n.async=!0,n.type="text/javascript",n.src="https://cdn.openwidget.com/openwidget.js",t.head.appendChild(n)}};!n.__ow.asyncInit&&e.init(),n.OpenWidget=n.OpenWidget||e}(window,document,[].slice)) </script> <noscript>You need to <a href="https://www.openwidget.com/enable-javascript" rel="noopener nofollow">enable JavaScript</a> to use the communication tool powered by <a href="https://www.openwidget.com/" rel="noopener nofollow" target="_blank">OpenWidget</a></noscript> <div class="spinner-box"> <svg class="circular" viewBox="25 25 50 50"> <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10"/> </svg> </div> <div id="preloader"></div> <!--[if IE]> <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p> <![endif]--> <!-- <div class="top-right links"> <a href="https://www.historyworld.net/login">Login</a> <a href="https://www.historyworld.net/register">Register</a> </div> --> <!-- Historyworld header --> <header id="header" class="fixed-top absolute"> <div class="container d-flex align-items-center p-0"> <div class="mobile-title"> <a href="/" class="icon-block text-white font-weight-bold"> <img src="https://www.historyworld.net/favicon.svg" width="45px" height="45px" alt="Logo">istoryworld </a> </div> <!-- <div class="desktop-none"> --> <div class="mobile-title section-icons"> <a href="/histories" class="icon-block"> <img src="https://www.historyworld.net/assets/img/histories.svg" alt="History Icon" id="histories"> </a> <a href="/timelines" class="icon-block"> <img src="https://www.historyworld.net/assets/img/timelines.svg" alt="Timeline Icon" id="timelines"> </a> </div> <!-- nav-menu --> <nav class="nav-menu"> <ul> <li class=" "> <a href="/">Home</a> </li> <li class="drop-down histories "> <img src="https://www.historyworld.net/assets/img/histories.svg" alt="Histories Icon" id="histories"> <a href="/histories">Histories</a> <ul> <li><a href="/histories">List of Histories</a></li> </ul> </li> <li class="drop-down timelines "> <img src="https://www.historyworld.net/assets/img/timelines.svg" alt="Timelines Icon" id="timelines"> <a href="/timelines">Timelines</a> <ul> <li><a href="/timelines">Featured Timelines</a></li> <li><a href="/event-timelines">Search Timelines</a></li> </ul> </li> <li class="drop-down about_us "> <a href="/about_us">About us</a> <ul> <li><a href="/about_us">About us</a></li> <li><a href="/attribution_copyright">Attribution</a></li> <li><a href="/cookie_policy">Cookies &amp; Privacy</a></li> </ul> </li> </ul> </nav> <!-- // nav-menu --> </div> </header> <!-- Header Ends --> <!-- Hero section --> <section id="hero" class="d-flex align-items-center"> <div class="container" data-aos="fade" data-aos-delay="100"> <div class="row justify-content-between flex-nowrap hero-section"> <div class="col-md-4 logo"> <a href="https://www.historyworld.net"><img src="https://www.historyworld.net/assets/img/HWhomelogo.png"></a> </div> <div class="col-md-8 mt-1 ads-container"> <!-- <h1><font class="hero-title">Timelines</font> <span class="js-text-animation"></span></h1> <h2>Make History Make Sense</h2> --> <!-- Top Ads Starts --> <div id="ezoic-pub-ad-placeholder-118"></div> <script> ezstandalone.cmd.push(function() { ezstandalone.showAds(118); }); </script> <!-- Top Ads Ends --> </div> </div> </div> </section> <main id="main"> <form action="https://www.historyworld.net/event-timelines" method="get" id="mobile_search_terms"> <div class="card search-card mobile-search-card"> <!-- <h5 class="card-header" role="tab" id="searchCard"> <a data-toggle="collapse" data-parent="#mobile_search_terms" href="#collapseSearch" aria-expanded="false" aria-controls="collapseSearch" class="collapsed d-block"> <i class="icofont-search-2"></i> <i class="fa fa-chevron-down pull-right"></i>Search options </a> </h5> --> <div class="row text-center search-form"> <div class="input-group col-md-12 pl-0 pr-0"> <!-- <input type="text" id="mobile_text_all_search" class="mobile-text-search form-control" placeholder="Search for text"> --> <input type="text" name="q" value="" class="form-control" placeholder="Search for text" inputmode="search"/> <div class="input-group-append" id="top-apply-button"> <button type="submit" class="btn btn-primary"> <i class="icofont-search-2"></i> </button> </div> </div> </div> </div> </form> <!-- Histroyworld All Starts --> <section id="blog" class="blog timeline-page"> <div class="container"> <div class="row justify-content-center"> <!-- Left Sidebar Starts --> <div class="col-lg-4 p-0 pt-lg-4 left-side"> <!-- Search Form Starts --> <form action="https://www.historyworld.net/event-timelines" method="get" id="pc_search_terms"> <div class="sidebar p-3" data-aos="fade-up"> <div class="row p-3"> <div class="col-md-4 p-0"> <h3 class="sidebar-title">Search</h3> </div> <div class="col-md-8 p-0 text-right"> <div class="btn-group"> <a href="https://www.historyworld.net/featured-timelines" class="hw-search-type btn btn-default btn-sm active">Featured</a> <a href="https://www.historyworld.net/event-timelines" class="hw-search-type btn btn-default btn-sm">All</a> </div> </div> </div> <div class="sidebar-item search-form mb-lg-3"> <div id="featued_view_text_search" class="form"> <input type="text" name="q" id="text_featured_search" class="form-control" required minlength="2" placeholder="Search for text" inputmode="search" oninput="changeLink(this)"> <button type="submit" class="textSearch"><i class="icofont-search-2"></i> </button> </div> </div> <a id="search-in-histories" class="p-1" href="#">More results in Histories</a> </div> <!-- <div class="sidebar p-3 mt-3"> <div class="sidebar-item categories"> <ul class="mb-0 text-capitalize"> <li><a href="#">featured timelines</a></li> <li><a href="#">people</a></li> <li><a href="#">places</a></li> </ul> </div> </div> --> </form> <!-- Search Form Ends --> <!-- Featured Events Pagination submit form --> <form action="https://www.historyworld.net/featured-timelines/places/greece" method="get" id="featured_events_frm"> </form> <!-- Left Ads Starts --> <div id="ezoic-pub-ad-placeholder-124"></div> <script> ezstandalone.cmd.push(function() { ezstandalone.showAds(124); }); console.log(ezstandalone.cmd) </script> <br /> <div id="ezoic-pub-ad-placeholder-126"></div> <script> ezstandalone.cmd.push(function() { ezstandalone.showAds(126); }); </script> <!-- Left Ads Ends --> </div> <!-- Left Sidebar Ends --> <!-- Eevent List Starts --> <div class="col-lg-8 entries"> <div id="accordion" role="tablist" aria-multiselectable="true" data-aos="fade-up"> <div> <h4 class="timeline-title"> <span id="search_title">Greece timeline</span> <a href="javascript:void(0)" id="all_collapse_btn"><i class="fa fa-chevron-left pull-right" style="font-size: 23px;"></i></a> </h4> <div class="history-world-container"> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading0" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse0" aria-expanded="false" href="#collapse0"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">3500 BC <br> Olive oil in Crete</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> </div> </h5> <div id="collapse0" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading0"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">Olives are cultivated in Crete and will provide, in the form of olive oil, one of the main staples of Mediterranean trade</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Olive" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Olive </a><br> <a href="https://en.wikipedia.org/wiki/Olive_oil" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Olive oil </a><br> <a href="https://en.wikipedia.org/wiki/Crete" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Crete </a><br> <a href="/history/cultivationOfPlants/238?section=before1Bc&amp;heading=vinesAndOlives" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> &nbsp;Cultivation of plants </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading1" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse1" aria-expanded="false" href="#collapse1"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">3000 BC <br> Cycladic marble figures</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> </div> </h5> <div id="collapse1" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading1"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">The sculptors of the Cyclades produce stylized and formal figures, mainly female, in white marble</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Cycladic_art" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Cycladic art </a><br> <a href="https://en.wikipedia.org/wiki/Keros" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Keros </a><br> <a href="https://en.wikipedia.org/wiki/File:Marble_female_figure_MET_DP278357.jpg" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;File:Marble female figure MET DP278357.jpg </a><br> <a href="https://en.wikipedia.org/wiki/Aegean_art" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Aegean art </a><br> <a href="/history/primitiveArtTheMagicEye/70?section=20thCentury&amp;heading=unitedPartyAndWorldWarIi" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> &nbsp;Primitive art - the magic eye </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading2" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse2" aria-expanded="false" href="#collapse2"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">2000 BC <br> Knossos built in Crete</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> </div> </h5> <div id="collapse2" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading2"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">Knossos, and other such palaces, are built for dynasties in Minoan Crete</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Crete" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Crete </a><br> <a href="https://en.wikipedia.org/wiki/Minoan_civilization" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Minoan civilization </a><br> <a href="https://en.wikipedia.org/wiki/Knossos" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Knossos </a><br> <a href="https://en.wikipedia.org/wiki/Category:Minoan_civilization" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Category:Minoan civilization </a><br> <a href="/history/aegeanCivilization/690?heading=minoans" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> &nbsp;Aegean civilization </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading3" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse3" aria-expanded="false" href="#collapse3"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">1600 BC <br> Bull-fighting at Knossos</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> </div> </h5> <div id="collapse3" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading3"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">A bull-fighting fresco in the palace of Knossos is linked with the island's cult of the bull</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Knossos" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Knossos </a><br> <a href="https://en.wikipedia.org/wiki/Bull-leaping" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Bull-leaping </a><br> <a href="https://en.wikipedia.org/wiki/Bull-Leaping_Fresco" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Bull-Leaping Fresco </a><br> <a href="https://en.wikipedia.org/wiki/Throne_Room,_Knossos" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Throne Room, Knossos </a><br> <a href="/history/painting/130?section=earlyCivilizations&amp;heading=minoanArt" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> &nbsp;Painting </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading4" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse4" aria-expanded="false" href="#collapse4"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">1525 BC <br> Frescoes of Akrotiri</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> </div> </h5> <div id="collapse4" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading4"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">The eruption of a volcano, on the island of Thera, entombs and preserves houses with frescoes in the Minoan city of Akrotiri</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Category:Minoan_civilization" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Category:Minoan civilization </a><br> <a href="/history/aegeanCivilization/690?heading=minoans" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> &nbsp;Aegean civilization </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading5" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse5" aria-expanded="false" href="#collapse5"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">1500 BC <br> Linear B in Mycenae</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> </div> </h5> <div id="collapse5" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading5"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">Texts written at Mycenae, in the script known as Linear B, are the earliest surviving version of Greek</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Linear_B" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Linear B </a><br> <a href="https://en.wikipedia.org/wiki/Mycenae" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Mycenae </a><br> <a href="https://en.wikipedia.org/wiki/Linear_A" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Linear A </a><br> <a href="https://en.wikipedia.org/wiki/Mycenaean_Greece" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Mycenaean Greece </a><br> <a href="/history/aegeanCivilization/690?heading=theFirstGreekCivilization" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> &nbsp;Aegean civilization </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading6" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse6" aria-expanded="false" href="#collapse6"> <div class="row"> <div class="col-lg-9"> <a href="javascript:void(0)">1400 BC <br> Giants build walls of Tiryns?</a> <span class="alignb"> <!-- <a href="javascript:void(0)"><i class="fa fa-image"></i></a> --> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> <div class="col-lg-3"> <img class="event-thumbnail" src="https://historyworld-images.s3.eu-west-2.amazonaws.com/tirynsmasonryxabi100.jpg"/> </div> </div> </h5> <div id="collapse6" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading6"> <div class="card-body"> <div class="row"> <div class="col-md-4" style="text-align: center"> <img src="https://historyworld-images.s3.eu-west-2.amazonaws.com/tirynsmasonryxabi300.jpg" style=" width: 100%;" " /> <!-- <a href="javascript:void(0)" class="gallery-caption"> --> <div class="gallery-caption"> <span>Tiryns, Greece</span> </div> <!-- </a> --> </div> <div class="col-md-8"> <p style="margin-bottom: 0;">The massive architecture of Mycenaean cities such as Tiryns is said in Greek legend to have been built by one-eyed giants, the Cyclopes</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Talk%3ACyclopean_masonry" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Talk:Cyclopean masonry </a><br> <a href="/history/aegeanCivilization/690?heading=theFirstGreekCivilization" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> &nbsp;Aegean civilization </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading7" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse7" aria-expanded="false" href="#collapse7"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">1400 BC <br> Treasury of Atreus</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> </div> </h5> <div id="collapse7" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading7"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">The so-called Treasury of Atreus, at Mycenae, is the most spectacular of the beehive tombs of this period</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Mycenae" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Mycenae </a><br> <a href="https://en.wikipedia.org/wiki/Treasury_of_Atreus" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Treasury of Atreus </a><br> <a href="https://en.wikipedia.org/wiki/Beehive_tomb" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Beehive tomb </a><br> <a href="https://en.wikipedia.org/wiki/Mycenaean_Greece" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Mycenaean Greece </a><br> <a href="/history/aegeanCivilization/690?heading=theFirstGreekCivilization" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> &nbsp;Aegean civilization </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading8" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse8" aria-expanded="false" href="#collapse8"> <div class="row"> <div class="col-lg-9"> <a href="javascript:void(0)">1300 BC <br> Mycenae dominant</a> <span class="alignb"> <!-- <a href="javascript:void(0)"><i class="fa fa-image"></i></a> --> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> <div class="col-lg-3"> <img class="event-thumbnail" src="https://historyworld-images.s3.eu-west-2.amazonaws.com/mycenaeliongatexabi100.jpg"/> </div> </div> </h5> <div id="collapse8" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading8"> <div class="card-body"> <div class="row"> <div class="col-md-4" style="text-align: center"> <img src="https://historyworld-images.s3.eu-west-2.amazonaws.com/mycenaeliongatexabi300.jpg" style=" " /> <!-- <a href="javascript:void(0)" class="gallery-caption"> --> <div class="gallery-caption"> <span>Mycenae, Lion Gate</span> </div> <!-- </a> --> </div> <div class="col-md-8"> <p style="margin-bottom: 0;">Mycenae prevails as the dominant power throughout the Peloponnese and the entire Aegean</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Mycenae,_New_York" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Mycenae, New York </a><br> <a href="/history/aegeanCivilization/690?heading=tradeAndConquest" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> &nbsp;Aegean civilization </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading9" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse9" aria-expanded="false" href="#collapse9"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">1300 BC <br> Bronze suit of armour</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> </div> </h5> <div id="collapse9" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading9"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">The earliest known suit of armour, made of bronze, survives from a tomb in Mycenaean Greece</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Dendra_panoply" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Dendra panoply </a><br> <a href="https://en.wikipedia.org/wiki/Mycenae" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Mycenae </a><br> <a href="https://en.wikipedia.org/wiki/Mycenaean_Greece" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Mycenaean Greece </a><br> <a href="https://en.wikipedia.org/wiki/Military_of_Mycenaean_Greece" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Military of Mycenaean Greece </a><br> <a href="/history/aegeanCivilization/690?heading=theFirstGreekCivilization" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> &nbsp;Aegean civilization </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading10" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse10" aria-expanded="false" href="#collapse10"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">1150 BC <br> Dorian Greeks crush Mycenae</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> </div> </h5> <div id="collapse10" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading10"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">Mycenae and other states of the Peloponnese are overwhelmed by invading Dorian Greeks</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Dorians" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Dorians </a><br> <a href="https://en.wikipedia.org/wiki/Dorian_invasion" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Dorian invasion </a><br> <a href="https://en.wikipedia.org/wiki/Mycenae" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Mycenae </a><br> <a href="https://en.wikipedia.org/wiki/Mycenaean_Greece" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Mycenaean Greece </a><br> <a href="/history/aegeanCivilization/690?heading=doricAndIonic" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> &nbsp;Aegean civilization </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading11" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse11" aria-expanded="false" href="#collapse11"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">776 BC <br> Olympic games</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> </div> </h5> <div id="collapse11" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading11"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">The traditional date for the first athletic contest at Olympia</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Summer_Olympic_Games" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Summer Olympic Games </a><br> <a href="https://en.wikipedia.org/wiki/1896_Summer_Olympics" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;1896 Summer Olympics </a><br> <a href="/history/olympicGames/661?heading=greekAthletics" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> &nbsp;Olympic Games </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading12" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse12" aria-expanded="false" href="#collapse12"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">750 BC <br> Ionian League in Asia Minor</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> </div> </h5> <div id="collapse12" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading12"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">Ionia emerges as a political entity, forming a league of twelve Greek cities in Asia Minor</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Ionia,_Michigan" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Ionia, Michigan </a><br> <a href="https://en.wikipedia.org/wiki/Ionia_County,_Michigan" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Ionia County, Michigan </a><br> <a href="/history/anatolia/426?heading=lendLease" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> &nbsp;Anatolia </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading13" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse13" aria-expanded="false" href="#collapse13"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">750 BC <br> Homer is written down</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> </div> </h5> <div id="collapse13" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading13"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">The Homeric texts, the <i>Iliad</i> and the <i>Odyssey</i>, are written down - probably in Ionia</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Iliad_SA" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Iliad SA </a><br> <a href="/history/literature/542?heading=theHomericQuestion" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> &nbsp;Literature </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading14" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse14" aria-expanded="false" href="#collapse14"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">704 BC <br> Wrestling in Olympic games</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> </div> </h5> <div id="collapse14" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading14"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">Wrestling is included in the Olympic games, followed by a terrifying form of all-in wrestling from 652 BC</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/History_of_wrestling" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;History of wrestling </a><br> <a href="https://en.wikipedia.org/wiki/Olympic_Games" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Olympic Games </a><br> <a href="https://en.wikipedia.org/wiki/Ancient_Olympic_Games" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Ancient Olympic Games </a><br> <a href="https://en.wikipedia.org/wiki/List_of_ancient_Olympic_victors" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;List of ancient Olympic victors </a><br> <a href="/history/sportsAndGames/545?section=6th1stCenturyBc&amp;heading=wrestling" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> &nbsp;Sports and games </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading15" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse15" aria-expanded="false" href="#collapse15"> <div class="row"> <div class="col-lg-9"> <a href="javascript:void(0)">700 BC <br> Greeks add vowels to alphabet</a> <span class="alignb"> <!-- <a href="javascript:void(0)"><i class="fa fa-image"></i></a> --> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> <div class="col-lg-3"> <img class="event-thumbnail" src="https://historyworld-images.s3.eu-west-2.amazonaws.com/greekinscriptionxabi100.jpg"/> </div> </div> </h5> <div id="collapse15" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading15"> <div class="card-body"> <div class="row"> <div class="col-md-4" style="text-align: center"> <img src="https://historyworld-images.s3.eu-west-2.amazonaws.com/greekinscriptionxabi300.jpg" style=" " /> <!-- <a href="javascript:void(0)" class="gallery-caption"> --> <div class="gallery-caption"> <span>Greek inscription</span> </div> <!-- </a> --> </div> <div class="col-md-8"> <p style="margin-bottom: 0;">The Greeks make the Phoenician alphabet much more flexible by the addition of vowels, from alpha to omega</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Phoenician_alphabet" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Phoenician alphabet </a><br> <a href="https://en.wikipedia.org/wiki/Phoenicia" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Phoenicia </a><br> <a href="https://en.wikipedia.org/wiki/History_of_the_Greek_alphabet" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;History of the Greek alphabet </a><br> <a href="https://en.wikipedia.org/wiki/Greek_alphabet" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Greek alphabet </a><br> <a href="/history/writing/166?section=theAlphabet&amp;heading=phoneticsAndTheAlphabet" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> &nbsp;Writing </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading16" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse16" aria-expanded="false" href="#collapse16"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">700 BC <br> Phoenician and Greek Sicily</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> </div> </h5> <div id="collapse16" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading16"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">The island of Sicily is colonized from the eastern Mediterranean by both Phoenicians and Greeks</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Ancient_Carthage" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Ancient Carthage </a><br> <a href="https://en.wikipedia.org/wiki/Phoenicians_and_wine" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Phoenicians and wine </a><br> <a href="/history/sicily/245?section=toAd1254&amp;heading=hubOfTheMediterranean" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> &nbsp;Sicily </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading17" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse17" aria-expanded="false" href="#collapse17"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">688 BC <br> Boxing in Olympic games</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> </div> </h5> <div id="collapse17" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading17"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">Boxing is included in the Olympic games, with each bout going on until one fighter gives up</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Ancient_Greek_boxing" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Ancient Greek boxing </a><br> <a href="https://en.wikipedia.org/wiki/Olympic_Games" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Olympic Games </a><br> <a href="https://en.wikipedia.org/wiki/Ancient_Olympic_Games" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Ancient Olympic Games </a><br> <a href="https://en.wikipedia.org/wiki/Boxing" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Boxing </a><br> <a href="/history/sportsAndGames/545?section=6th1stCenturyBc&amp;heading=boxing" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> &nbsp;Sports and games </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading18" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse18" aria-expanded="false" href="#collapse18"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">667 BC <br> Byzantium founded</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> </div> </h5> <div id="collapse18" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading18"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">Byzantium (the future Constantinople) is founded as a colony of Megara, a Greek city-state</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Megara_Hyblaea" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Megara Hyblaea </a><br> <a href="/history/greece/701?section=doriansAndIonians&amp;heading=greekColoniesOverseas" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> &nbsp;Greece </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading19" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse19" aria-expanded="false" href="#collapse19"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">650 BC <br> State officials consult oracle at Delphi</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> </div> </h5> <div id="collapse19" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading19"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">The Greek city states make a habit of consulting the oracle at Delphi, hoping mainly for reassurance</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Delphi_method" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Delphi method </a><br> <a href="/history/delphicOracle/850?section=19413&amp;heading=theRussianCampaign" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> &nbsp;Delphic oracle </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading20" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse20" aria-expanded="false" href="#collapse20"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">650 BC <br> Greek pillars take shape</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> </div> </h5> <div id="collapse20" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading20"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">The capitals of Greek pillars are by now in the two basic patterns of Doric and Ionic</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Classical_order" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Classical order </a><br> <a href="https://en.wikipedia.org/wiki/Ionic_order" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Ionic order </a><br> <a href="https://en.wikipedia.org/wiki/Doric" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Doric </a><br> <a href="https://en.wikipedia.org/wiki/Ionic_bonding" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Ionic bonding </a><br> <a href="/history/architecture/154?section=greece&amp;heading=theContributionOfGreece" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> &nbsp;Architecture </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading21" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse21" aria-expanded="false" href="#collapse21"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">650 BC <br> Sparta enslaves neighbours</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> </div> </h5> <div id="collapse21" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading21"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">The inhabitants of Messenia revolt against Spartan rule and are reduced, in retaliation, to the status of serfs or helots</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Crypteia" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Crypteia </a><br> <a href="/history/sparta/493?heading=theSpartanExperience" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> &nbsp;Sparta </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading22" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse22" aria-expanded="false" href="#collapse22"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">630 BC <br> Council on hill in Athens</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> </div> </h5> <div id="collapse22" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading22"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">The Areopagus, named from the hill on Athens where it meets, is the council through which the nobles keep power in their own hands</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Areopagus_sermon" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Areopagus sermon </a><br> <a href="https://en.wikipedia.org/wiki/Phryne_before_the_Areopagus" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Phryne before the Areopagus </a><br> <a href="/history/athens/496?heading=oligarchs" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> &nbsp;Athens </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading23" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse23" aria-expanded="false" href="#collapse23"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">600 BC <br> Dancing at heart of Greek theatre</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> </div> </h5> <div id="collapse23" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading23"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">The <i>choros</i>, originally danced in a circle by temple virgins, is the centrepiece of the developing Greek theatre</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Ch%C3%B4ros" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Chôros </a><br> <a href="https://en.wikipedia.org/wiki/Choros" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Choros </a><br> <a href="/history/dance/336?section=193941&amp;heading=netherlandsAndBelgium" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> &nbsp;Dance </a><br> </div> </div> </div> </div> </div> </div> <div class="card featured-event-card"> <h5 class="card-header collapsed d-block mt-0" role="tab" id="heading24" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse24" aria-expanded="false" href="#collapse24"> <div class="row"> <div class="col-lg-12"> <a href="javascript:void(0)">600 BC <br> Dionysiac frenzies</a> <span class="alignb"> <a href="javascript:void(0)"><i class="fa fa-wikipedia-w"></i></a> <a href="javascript:void(0)"><i class="hw-icon"></i></a> </span> </div> </div> </h5> <div id="collapse24" class="collapse multi-collapse" role="tabpanel" aria-labelledby="heading24"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <p style="margin-bottom: 0;">Frenzied dances, in honour of the god Dionysus, become part of Greek theatre - deriving probably from the northeast, in Thrace</p> <div class="alignb"> <a href="https://en.wikipedia.org/wiki/Western_Thrace" target="_blank" class="event-link"> <i class="fa fa-wikipedia-w"></i> &nbsp;Western Thrace </a><br> <a href="/history/literature/542?section=greekDrama&amp;heading=origins" target="_blank" class="event-link"> <i class="hw-icon" style="font-size: 18px;"></i> &nbsp;Literature </a><br> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- <div> <a href="javascript:void(0)" id="showMore" class="font-weight-bold float-right">Read More</a> </div> --> <div class="justify-content-center p-0 m-3 mr-3 ml-3"> <div class="history-pagination"> <div class="prev-control-buttons d-flex"> <a href="https://www.historyworld.net/featured-timelines/places/greece?page=1" class="p-0 border-0"> <img src="https://www.historyworld.net/assets/img/Navigation-start.png" alt="Arrow" class="prev-button w-35" style="visibility:hidden"> </a> <a href="https://www.historyworld.net/featured-timelines/places/greece?page=0" class="p-0 border-0"> <img src="https://www.historyworld.net/assets/img/Navigation-previous.png" alt="Arrow" class="prev-button w-35" style="visibility:hidden"> </a> </div> <div class="pagination-numbers"> <span>Page</span> <span class="active-page">1</span> <span>of</span> <span id="total-pages"> 8 </span> </div> <div class="next-control-buttons d-flex"> <a href="https://www.historyworld.net/featured-timelines/places/greece?page=2" class="p-0 border-0"> <img src="https://www.historyworld.net/assets/img/Navigation-next.png" alt="Arrow" class="next-button w-35" style="visibility:"> </a> <a href="https://www.historyworld.net/featured-timelines/places/greece?page=8" class="p-0 border-0"> <img src="https://www.historyworld.net/assets/img/Navigation-end.png" alt="Arrow" class="next-button w-35" style="visibility:"> </a> </div> </div> </div> </div> <!-- Event List Ends --> </div> </div> </section> <!-- Historyworld All Ends --> <!-- Modal Starts --> <!-- Button trigger modal --> <!-- Modal --> <div class="modal fade overflow-hidden pr-0" id="imgEnlargeModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" style="height: calc(100vh - 3.5rem)" role="document"> <div style="height: max-content" class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel"></h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> </div> <div class="modal-body overflow-auto"> <div class="d-flex flex-column text-center align-items-center mb-4"> <img src="" alt="Image" class="hw-modal-thumbnail width-auto"> <i></i> </div> <div class="d-flex flex-column"> <div class="modal-description mb-2"> <div class=""></div> </div> <div class="modal-collection mb-2"> <div class=""></div> </div> <div class="modal-museum-text mb-2"> <div class=""></div> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div> <!-- Modal Ends --> <!-- Bottom Ads Starts --> <div id="ezoic-pub-ad-placeholder-128"></div> <script> ezstandalone.cmd.push(function() { ezstandalone.showAds(128); }); </script> <!-- Bottom Ads Ends --> </main> <!-- Historyworld footer --> <footer id="footer"> <div class="footer-top"> <div class="container"> <div class="row"> <div class="col-lg-2 col-md-6 footer-links"> </div> <div class="col-lg-3 col-md-6 footer-links"> <ul> <li> <i class="bx bx-chevron-right"></i> <a href="/histories">Histories Index</a> </li> </ul> </div> <div class="col-lg-3 col-md-6 footer-links"> <ul> <li> <i class="bx bx-chevron-right"></i> <a href="/timelines">Timelines Index</a> </li> <li> <i class="bx bx-chevron-right"></i> <a href="/event-timelines">Search Timelines</a> </li> </ul> </div> <div class="col-lg-3 col-md-6 footer-links"> <ul> <li> <i class="bx bx-chevron-right"></i> <a href="/about_us">About</a> </li> </ul> </div> </div> </div> </div> <div class="container d-md-flex py-4"> <div class="mr-md-auto text-center text-md-left"> <div class="copyright"> &copy; Copyright 2025 <strong><span>Historyworld</span></strong> </div> </div> <!-- <div class="social-links text-center text-md-right pt-3 pt-md-0"> <a href="https://mobile.twitter.com" class="twitter"><i class="bx bxl-twitter"></i></a> <a href="#" class="facebook"><i class="bx bxl-facebook"></i></a> <a href="https://www.instagram.com" class="instagram"><i class="bx bxl-instagram"></i></a> <a href="https://join.skype.com/invite/" class="google-plus"><i class="bx bxl-skype"></i></a> <a href="http://linkedin.com" class="linkedin"><i class="bx bxl-linkedin"></i></a> </div> --> </div> </footer><!-- End Footer --> <!-- <div id="preloader"></div> --> <a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a> <!-- Vendor JS Files --> <script src="https://www.historyworld.net/assets/vendor/jquery/jquery.min.js"></script> <script src="https://www.historyworld.net/assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="https://www.historyworld.net/assets/vendor/jquery.easing/jquery.easing.min.js"></script> <script src="https://www.historyworld.net/js/minify/validate.js"></script> <script src="https://www.historyworld.net/assets/vendor/waypoints/jquery.waypoints.min.js"></script> <script src="https://www.historyworld.net/assets/vendor/counterup/counterup.min.js"></script> <script src="https://www.historyworld.net/assets/vendor/owl.carousel/owl.carousel.min.js"></script> <script src="https://www.historyworld.net/assets/vendor/isotope-layout/isotope.pkgd.min.js"></script> <script src="https://www.historyworld.net/assets/vendor/venobox/venobox.min.js"></script> <script src="https://www.historyworld.net/js/minify/aos.js"></script> <script src="https://www.historyworld.net/assets/vendor/typed.js/lib/typed.min.js"></script> <script src="https://www.historyworld.net/assets/js/jquery.twbsPagination.min.js"></script> <!-- <script src="https://www.historyworld.net/assets/js/luckmoshyJqueryPagnation.js"></script> --> <!-- Select2 --> <script src="https://www.historyworld.net/assets/vendor/select2/js/select2.full.min.js"></script> <!-- <script src="https://www.historyworld.net/assets/js/bootstrap-datepicker.js"></script> --> <!-- Template Main JS File --> <script src="https://www.historyworld.net/js/minify/treeStructure.js"></script> <script src="https://www.historyworld.net/js/minify/main.js"></script> <!-- Custom script for init select2 --> <script type="text/javascript"> "use strict"; // initialize select2 initSelect2(); //Initialize Select2 Elements function initSelect2() { $('.select2').select2(); } </script> <script src="https://www.historyworld.net/js/minify/init.js"></script> <script> "use strict" const link = document.getElementById('search-in-histories'); var searchTerm = document.getElementById('text_featured_search').value; link.href = `https://www.historyworld.net/history-search?searchTerm=${searchTerm}`; toggleLinkShow(searchTerm); function toggleLinkShow(item) { if (item.length < 2) { link.classList.add('invisible'); } else { link.classList.remove('invisible'); } } function changeLink(e) { toggleLinkShow(e.value); link.href = `https://www.historyworld.net/history-search?searchTerm=${e.value}`; } // jQuery("document").ready(function($) { // $(".featured-event-card").slice(0, 25).show(); // if ($('.featured-event-card:hidden').length == 0) { // $("#showMore").hide(); // } // $("#showMore").on('click', function (e) { // e.preventDefault(); // $(".featured-event-card:hidden").slice(0, 10).slideDown(); // if ($(".featured-event-card:hidden").length == 0) { // $("#showMore").fadeOut('slow'); // } // $('html, body').animate({ // scrollTop: $(this).offset().top // }, 1500); // }) // }); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10