CINXE.COM
HistoryWorld - History and Timelines | 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="SZWsynHYA5eua8ZZdF1eJ1v5Ayg1GlhQFB19Piyy"> <title>HistoryWorld - History and Timelines | 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> <script src="//cdn.wordart.com/wordart.min.js" async defer></script> <!-- <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鈥檛 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 & 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="mainHistory"> <!-- Histroyworld All Starts --> <section id="blog" class="blog"> <div class="container"> <div class="row justify-content-center" id="mainContent"> <!-- Eevent List Starts --> <div class="slide-descriptions col-lg-12 "> <div class="col-lg-4"> <p >More than 1,000,000 words on world<br> history in linked narratives</p> </div> <div class="col-lg-4" id="history-search-modal"> <form action="https://www.historyworld.net/history-search" method="get" id="pc_search_terms"> <div class="sidebar p-3" data-aos="fade-up"> <div class="row p-3 align-items-center mobile-hide"> <h3 class="sidebar-title">Search</h3> </div> <div class="sidebar-item search-form mb-lg-3"> <div id="featued_view_text_search" class="form"> <input value="" type="text" name="searchTerm" id="text_history_search" class="form-control" placeholder="Search for text" inputmode="search" oninput="changeLink(this)" required minlength="2"> <button type="submit" class="textSearch"><i class="icofont-search-2"></i> </button> </div> </div> <a id="search-in-timelines" class="p-1" href="#">More results in Timelines</a> </div> </form> <script src="https://www.historyworld.net/js/historySearchModal.js"></script> </div> <p class="col-lg-4 mobile-none">More than 10,000 events from world history to search for timelines</p> </div> <div class="col-lg-12 entries d-flex " id="history-carusel"> <div id="historyCarousel" class="carousel slide col-lg-8 pr-0" data-ride="carousel" data-interval="false"> <!-- Slides --> <div class="carousel-inner"> <div class="carousel-item h-100 active"> <div class="carousel-item__img-box"> <div class="w-100 d-flex justify-content-center d-lg-block"> <div> <div class="d-flex justify-content-center items-center"> <img src="https://historyworld-images.s3.eu-west-2.amazonaws.com/Persepolisxabi300.jpg" class="d-block" alt=""> </div> </div> </div> </div> <div class="carousel-caption carousel-item__text-box text-left"> <h3 class="text-dark">The architecture of empire</h3> <p class="">As well as setting in place the administrative structure of the empire (and adopting Zoroastrianism as the state religion), Darius proves himself the greatest builder of the Achaemenid dynasty. In 521 he moves his capital to Susa, building there an audience hall and a palace. An inscription found at Susa reveals his pride in his far-flung empire of craftsmen. In 518 he moves them all - stone cutters, masons, carpenters, sculptors - some 250 miles (400 km) to the southeast, to start work on an ...</p> <a href="/history/iran-persia/697?section=Achaemenids&heading=The architecture of empire" id="readMoreBtn">Read More</a> </div> </div> <div class="carousel-item h-100 "> <div class="carousel-item__img-box"> <div class="w-100 d-flex justify-content-center d-lg-block"> <div> <div class="d-flex justify-content-center items-center"> <img src="https://historyworld-images.s3.eu-west-2.amazonaws.com/SainteChapellexabi300.jpg" class="d-block" alt=""> </div> </div> </div> </div> <div class="carousel-caption carousel-item__text-box text-left"> <h3 class="text-dark">Philip II and Louis IX</h3> <p class="">The piety of Saint Louis (he is canonized in 1297) is very much in the spirit of his time. He creates one of the most spectacular of Gothic buildings, the Sainte Chapelle, to house a relic - the supposed Crown of Thorns. And he twice goes on crusade to the Middle East, dying in north Africa during the second expedition. Louis' domestic policy to some extent reflects this piety. Solemn edicts are issued against prostitution, gambling and blasphemy. But he also runs an honest and ...</p> <a href="/history/france/81?section=Normans and Capetians&heading=Philip II and Louis IX" id="readMoreBtn">Read More</a> </div> </div> <div class="carousel-item h-100 "> <div class="carousel-item__img-box"> <div class="w-100 d-flex justify-content-center d-lg-block"> <div> <div class="d-flex justify-content-center items-center"> <img src="https://historyworld-images.s3.eu-west-2.amazonaws.com/MicelangeloSlavexabi300.jpg" class="d-block" alt=""> </div> </div> </div> </div> <div class="carousel-caption carousel-item__text-box text-left"> <h3 class="text-dark">Michelangelo the sculptor</h3> <p class="">Michelangelo works on David from September 1501 until January 1504. In 1505 the pope, Julius II, summons him to Rome with a commission to provide a sculpted tomb, with many figures, for the pope's own memorial. The vast project hangs over Michelangelo for the next four decades. Some of his best known works are later carved to form part of it (the great marble Moses and the two tormented Slaves of 1513-6). But the project is doomed to remain unfinished.Part of the reason is that ...</p> <a href="/history/sculpture/133?section=16th century&heading=Michelangelo the sculptor" id="readMoreBtn">Read More</a> </div> </div> <div class="carousel-item h-100 "> <div class="carousel-item__img-box"> <div class="w-100 d-flex justify-content-center d-lg-block"> <div> <div class="d-flex justify-content-center items-center"> <img src="https://historyworld-images.s3.eu-west-2.amazonaws.com/Lutherxapb300.jpg" class="d-block" alt=""> </div> </div> </div> </div> <div class="carousel-caption carousel-item__text-box text-left"> <h3 class="text-dark">Luther's ninety-five theses</h3> <p class="">Martin Luther, a man both solemn and passionate, is an Augustinian friar teaching theology at the university recently founded in Wittenberg by Frederick the Wise, the elector of Saxony. Obsessed by his own unworthiness, he comes to the conclusion that no amount of virtue or good behaviour can be the basis of salvation (as proposed in the doctrine known as justification by works). If the Christian life is not to be meaningless, he argues, a sinner's faith must be the only merit for which God's ...</p> <a href="/history/christianity/521?section=16th century&heading=Luther's ninety-five theses" id="readMoreBtn">Read More</a> </div> </div> <div class="carousel-item h-100 "> <div class="carousel-item__img-box"> <div class="w-100 d-flex justify-content-center d-lg-block"> <div> <div class="d-flex justify-content-center items-center"> <img src="https://historyworld-images.s3.eu-west-2.amazonaws.com/GreenwichCanalettoxaca300.jpg" class="d-block" alt=""> </div> </div> </div> </div> <div class="carousel-caption carousel-item__text-box text-left"> <h3 class="text-dark">Venetian sunset</h3> <p class="">Canaletto lives in England from 1746 to 1755, painting views of the Thames in London and of his aristocratic patrons' country seats. His practice of painting large topographical views is continued by his nephew, Bernardo Bellotto, who leaves Venice in 1747 and thereafter works mainly in Dresden and Vienna. In Venice, from about 1760, the demand of the tourists for views is met at a simpler and cheaper level by Francesco Guardi. His small canvases, more vague and informal than Canaletto's topographical studies, are notable ...</p> <a href="/history/painting/130?section=18th century&heading=Venetian sunset" id="readMoreBtn">Read More</a> </div> </div> <div class="carousel-item h-100 "> <div class="carousel-item__img-box"> <div class="w-100 d-flex justify-content-center d-lg-block"> <div> <div class="d-flex justify-content-center items-center"> <img src="https://historyworld-images.s3.eu-west-2.amazonaws.com/Samarkandxabi300.jpg" class="d-block" alt=""> </div> </div> </div> </div> <div class="carousel-caption carousel-item__text-box text-left"> <h3 class="text-dark">Genghis Khan</h3> <p class="">Genghis Khan's first major campaigns are to the southeast, making incursions from 1209 into northern China. In 1215 he reaches and captures Beijing. But his most ambitious expedition, starting in 1219, is to the west. Samarkand and Bukhara are taken and sacked in 1220. Genghis Khan then moves south and enters India, but he turns back from this rich prize when he reaches the Indus. By 1223 his armies have moved round the Caspian and up through the Caucasus mountains to plunder cities of the ...</p> <a href="/history/mongols/723?section=The Mongol eruption&heading=Genghis Khan" id="readMoreBtn">Read More</a> </div> </div> <div class="carousel-item h-100 "> <div class="carousel-item__img-box"> <div class="w-100 d-flex justify-content-center d-lg-block"> <div> <div class="d-flex justify-content-center items-center"> <img src="https://historyworld-images.s3.eu-west-2.amazonaws.com/CatalHuyukxabi300.jpg" class="d-block" alt=""> </div> </div> </div> </div> <div class="carousel-caption carousel-item__text-box text-left"> <h3 class="text-dark">Centre of innovation</h3> <p class="">One of the world's first towns, Catal Huyuk, is on the southern edge of the Anatolian plateau. Excavation has revealed evidence of quite developed agricultural communities living on this site from about 6500 to 5700 BC. Several millennia later Anatolia is the site of the first of the many empires established by Indo-European tribes - eventually the dominant group in the Eurasian land mass all the way from the Atlantic to India. These first Indo-European conquerors, ruling Anatolia from the 17th to 12th century BC, ...</p> <a href="/history/anatolia/251?section=&heading=Centre of innovation" id="readMoreBtn">Read More</a> </div> </div> <div class="carousel-item h-100 "> <div class="carousel-item__img-box"> <div class="w-100 d-flex justify-content-center d-lg-block"> <div> <div class="d-flex justify-content-center items-center"> <img src="https://historyworld-images.s3.eu-west-2.amazonaws.com/JerusalewmDomeofRockxabi300.jpg" class="d-block" alt=""> </div> </div> </div> </div> <div class="carousel-caption carousel-item__text-box text-left"> <h3 class="text-dark">The Dome of the Rock</h3> <p class="">The Dome of the Rock, completed in 691 and the earliest surviving example of Muslim architecture, borrows in spectacular fashion the themes of Byzantine mosaic and domed roof. This city of Jerusalem, taken from the Christians only half a century previously, still has the skills and crafts first developed for use in imperial churches. The dome itself is a great wooden structure. The caliph has both interior and exterior of the shrine lavishly decorated in a combination of polished marble and glittering glass mosaic against ...</p> <a href="/history/architecture/154?section=Caliphs&heading=The Dome of the Rock" id="readMoreBtn">Read More</a> </div> </div> <div class="carousel-item h-100 "> <div class="carousel-item__img-box"> <div class="w-100 d-flex justify-content-center d-lg-block"> <div> <div class="d-flex justify-content-center items-center"> <img src="https://historyworld-images.s3.eu-west-2.amazonaws.com/SydneyHarbourxaca300.jpg" class="d-block" alt=""> </div> </div> </div> </div> <div class="carousel-caption carousel-item__text-box text-left"> <h3 class="text-dark">The First Fleet</h3> <p class="">On January 21 Phillip sails a few miles north and finds the great natural harbour of Port Jackson. Here he selects an inlet with a good water supply as the site for the new colony. He names the place Sydney Cove in honour of the home secretary, Viscount Sydney.A prefabricated house of wood and canvas, designed in London for the governor, is erected at the centre of the settlement. Tents are put up for the marines and the convicts, with a separate encampment a little ...</p> <a href="/history/migration/124?section=18th century&heading=The First Fleet" id="readMoreBtn">Read More</a> </div> </div> <div class="carousel-item h-100 "> <div class="carousel-item__img-box"> <div class="w-100 d-flex justify-content-center d-lg-block"> <div> <div class="d-flex justify-content-center items-center"> <img src="https://historyworld-images.s3.eu-west-2.amazonaws.com/AhuraMazdaxabi300.jpg" class="d-block" alt=""> </div> </div> </div> </div> <div class="carousel-caption carousel-item__text-box text-left"> <h3 class="text-dark">Thus spake Zarathustra</h3> <p class="">Zoroaster (the Greek name by which the Iranian prophet Zarathustra has become known) is traditionally believed to have lived and taught in the early part of the 6th century BC. His home is probably in the region to the east of the Caspian Sea. The main theme of Zoroaster's teaching is to replace the numerous ahuras or gods of the traditional Indo-Iranian religion with just one ahura, the supreme God or 'Wise Lord', Ahura Mazda.</p> <a href="/history/zoroastrianism/269?section=&heading=Thus spake Zarathustra" id="readMoreBtn">Read More</a> </div> </div> <div class="carousel-item h-100 "> <div class="carousel-item__img-box"> <div class="w-100 d-flex justify-content-center d-lg-block"> <div> <div class="d-flex justify-content-center items-center"> <img src="https://historyworld-images.s3.eu-west-2.amazonaws.com/AachenCharlemagnexabi300.jpg" class="d-block" alt=""> </div> </div> </div> </div> <div class="carousel-caption carousel-item__text-box text-left"> <h3 class="text-dark">The Carolingian inheritance</h3> <p class="">Charlemagne intends, in the tradition of the Franks, to divide his territory equally between his sons. But the two eldest die, in 810 and 811, leaving only Louis - who succeeds as sole emperor in 814. His subsequent name, Louis the Pious, reveals a character different from his father's; he is more interested in asserting authority through the medium of church and monastery than on the battlefield. Charlemagne's great empire remains precariously intact for this one reign after his death. Its fragmentation begins when Louis ...</p> <a href="/history/charlemagne/511?section=Carolingians&heading=The Carolingian inheritance" id="readMoreBtn">Read More</a> </div> </div> <div class="carousel-item h-100 "> <div class="carousel-item__img-box"> <div class="w-100 d-flex justify-content-center d-lg-block"> <div> <div class="d-flex justify-content-center items-center"> <img src="https://historyworld-images.s3.eu-west-2.amazonaws.com/Saqqaraxabi300.jpg" class="d-block" alt=""> </div> </div> </div> </div> <div class="carousel-caption carousel-item__text-box text-left"> <h3 class="text-dark">Mastabas and pyramids</h3> <p class="">From early in the 3rd millennium BC the pharaohs and their nobles are buried beneath mastabas (see Egyptian burial customs). These rectangular flat-roofed buildings, made of mud brick, cover the burial chamber. They also contain the supplies of food and other items which will be needed in the next world. In about 2620 BC the pharaoh Zoser entrusts his chief minister, Imhotep, with the task of providing a royal tomb which is out of the ordinary. Imhotep builds a mastaba of stone (in itself an ...</p> <a href="/history/architecture/154?section=Early civilizations&heading=Mastabas and pyramids" id="readMoreBtn">Read More</a> </div> </div> <div class="carousel-item h-100 "> <div class="carousel-item__img-box"> <div class="w-100 d-flex justify-content-center d-lg-block"> <div> <div class="d-flex justify-content-center items-center"> <img src="https://historyworld-images.s3.eu-west-2.amazonaws.com/OrvietoCathedralxabi300.jpg" class="d-block" alt=""> </div> </div> </div> </div> <div class="carousel-caption carousel-item__text-box text-left"> <h3 class="text-dark">Italian Gothic</h3> <p class="">Italy comes late to the Gothic style but makes of it something very much its own. To move from the west façade of Chartres cathedral to the equivalent in Siena or Orvieto, dating from two centuries later, is like seeing a play which has been adapted to the extragant demands of opera. These two Italian façades of the early 14th-century, encrusted with ornament and bright with pictorial panels, glow in the warm Italian sun like enormous trinkets. When Italian builders follow the northern Gothic style ...</p> <a href="/history/architecture/154?section=Middle Ages&heading=Italian Gothic" id="readMoreBtn">Read More</a> </div> </div> <div class="carousel-item h-100 "> <div class="carousel-item__img-box"> <div class="w-100 d-flex justify-content-center d-lg-block"> <div> <div class="d-flex justify-content-center items-center"> <img src="https://historyworld-images.s3.eu-west-2.amazonaws.com/ContinentalCongressSignatures300.jpg" class="d-block" alt=""> </div> </div> </div> </div> <div class="carousel-caption carousel-item__text-box text-left"> <h3 class="text-dark">First Continental Congress</h3> <p class="">Fifty-six delegates from twelve colonies convene in Philadelphia. They are leaders of their own communities (George Washington is here for Virginia). Their voices will carry weight, and the message that they send to Britain is uncompromising. They state that the recent measures passed into law at Westminster violate natural rights (a theme developed two years later in the Declaration of Independence) and that as such they are unconstitutional. They declare their united support for Massachusetts. In more practical terms they announce a joint boycott, from ...</p> <a href="/history/british-empire/473?section=Independence&heading=First Continental Congress" id="readMoreBtn">Read More</a> </div> </div> <div class="carousel-item h-100 "> <div class="carousel-item__img-box"> <div class="w-100 d-flex justify-content-center d-lg-block"> <div> <div class="d-flex justify-content-center items-center"> <img src="https://historyworld-images.s3.eu-west-2.amazonaws.com/Escorialxabi300.jpg" class="d-block" alt=""> </div> </div> </div> </div> <div class="carousel-caption carousel-item__text-box text-left"> <h3 class="text-dark">Abdication of Charles V</h3> <p class="">Early in 1557 Charles retires to a residence close to the monastery of Yuste in Spain. For the emperor, still only in his late 50s, this is an unprecedented period of seclusion, in holy surroundings, at the end of a life of constant travel, turmoil and warfare. For his son Philip, by contrast, seclusion in a monastery becomes almost a style of government. He returns to Spain from the Netherlands in 1559; in the remaining thirty-nine years of his life he never again leaves the ...</p> <a href="/history/spain/230?section=Charles V&heading=Abdication of Charles V" id="readMoreBtn">Read More</a> </div> </div> <div class="carousel-item h-100 "> <div class="carousel-item__img-box"> <div class="w-100 d-flex justify-content-center d-lg-block"> <div> <div class="d-flex justify-content-center items-center"> <img src="https://historyworld-images.s3.eu-west-2.amazonaws.com/ShakespeareWillxapb300.jpg" class="d-block" alt=""> </div> </div> </div> </div> <div class="carousel-caption carousel-item__text-box text-left"> <h3 class="text-dark">The life</h3> <p class="">In 1597 Shakespeare pays 拢60 for a large house and garden, New Place in Chapel Street. By 1602 he has enough money to purchase an estate of 107 acres just outside Stratford, and he continues over the next few years to make investments in and around the town. In about 1610 he begins to spend less time in London and more in New Place, where he dies in 1616. He is buried in the chancel of the Stratford parish church.Shakespeare has shown little interest in ...</p> <a href="/history/english-literature/455?section=Shakespeare&heading=The life" id="readMoreBtn">Read More</a> </div> </div> <div class="carousel-item h-100 "> <div class="carousel-item__img-box"> <div class="w-100 d-flex justify-content-center d-lg-block"> <div> <div class="d-flex justify-content-center items-center"> <img src="https://historyworld-images.s3.eu-west-2.amazonaws.com/CookDancexaca300.jpg" class="d-block" alt=""> </div> </div> </div> </div> <div class="carousel-caption carousel-item__text-box text-left"> <h3 class="text-dark">Maori and the first Europeans</h3> <p class="">New Zealand is the last major temperate region of the globe to be reached by humans. The indigenous people, the Maori, are believed to have arrived by about800. Their language is Polynesian, relating to the dialects of Tahiti and Hawaii. Their own legends describe their arrival in a great fleet of canoes from a land called Hawaiki.New Zealand is first visited by Europeans in 1642, when Abel Tasman makes a brief attempt to land - resulting in a clash with the Maori and several deaths. ...</p> <a href="/history/new-zealand/652?section=To AD 1800&heading=Maori and the first Europeans" id="readMoreBtn">Read More</a> </div> </div> <div class="carousel-item h-100 "> <div class="carousel-item__img-box"> <div class="w-100 d-flex justify-content-center d-lg-block"> <div> <div class="d-flex justify-content-center items-center"> <img src="https://historyworld-images.s3.eu-west-2.amazonaws.com/JapaneseTeaPavilionxabi300.jpg" class="d-block" alt=""> </div> </div> </div> </div> <div class="carousel-caption carousel-item__text-box text-left"> <h3 class="text-dark">Ashikaga shogunate</h3> <p class="">The Ashikaga shoguns are never as firmly in control of Japan as their predecessors in Kamakura. From 1467 the country is in an almost permanent state of civil war, until their shogunate is brought to an end in 1573. But the Ashikaga make a great contribution to the cultural life of Japan. They create Zen temples and gardens, with areas specially designed for the Tea Ceremony. The famous Golden Pavilion in Kyoto is built in 1397 by the shogun Yoshimitsu as a villa for his ...</p> <a href="/history/japan/404?section=13th - 17th century&heading=Ashikaga shogunate" id="readMoreBtn">Read More</a> </div> </div> <div class="carousel-item h-100 "> <div class="carousel-item__img-box"> <div class="w-100 d-flex justify-content-center d-lg-block"> <div> <div class="d-flex justify-content-center items-center"> <img src="https://historyworld-images.s3.eu-west-2.amazonaws.com/VanDyckBrothersxacj300.jpg" class="d-block" alt=""> </div> </div> </div> </div> <div class="carousel-caption carousel-item__text-box text-left"> <h3 class="text-dark">Van Dyck</h3> <p class="">There are to be many more such portraits of the royal pair. The charming but weak face of Charles I, with the delicately trimmed beard, and the fragile beauty of Henrietta Maria are the most familiar images of British monarchs, in the entire long span between the queens Elizabeth and Victoria, entirely thanks to the skill of van Dyck.Other members of the aristocracy are as eager to use his services. They glow in his canvases, handsome and arrogant Cavaliers in fine fabrics (John and Bernard ...</p> <a href="/history/painting/130?section=17th century&heading=Van Dyck" id="readMoreBtn">Read More</a> </div> </div> <div class="carousel-item h-100 "> <div class="carousel-item__img-box"> <div class="w-100 d-flex justify-content-center d-lg-block"> <div> <div class="d-flex justify-content-center items-center"> <img src="https://historyworld-images.s3.eu-west-2.amazonaws.com/Colosseumxabi300.jpg" class="d-block" alt=""> </div> </div> </div> </div> <div class="carousel-caption carousel-item__text-box text-left"> <h3 class="text-dark">The Flavian emperors</h3> <p class="">Vespasian has the great advantage, on coming to power, of having two adult sons. The elder of the two, Titus, already has considerable military experience. For the first time, in almost a century since the beginning of the empire, the question of the succession need not be a pressing affair of state. In the event both sons follow Vespasian on the throne, the three of them being known (from their family name of Flavius) as the Flavian emperors. While frugal in his own life, and ...</p> <a href="/history/roman-empire/531?section=Augustus to Domitian&heading=The Flavian emperors" id="readMoreBtn">Read More</a> </div> </div> <div class="slide-arrows d-flex justify-content-sm-between fixed-bottom position-absolute"> <a class="" href="#historyCarousel" role="button" data-slide="prev"> <span class=""> <img src="https://www.historyworld.net/assets/img/pagination-arrow-single.svg" class=" w-35" alt="Single-arrow"> </span> </a> <a class="" href="#historyCarousel" role="button" data-slide="next"> <span class=""> <img src="https://www.historyworld.net/assets/img/pagination-arrow-single.svg" class=" w-35" alt="Single-arrow" style="transform: rotate(180deg);"> </span> </a> </div> </div> <!-- Histories --> </div> <div class="mobile-none" style="width: 400px; height: 400px;" data-wordart-src="//cdn.wordart.com/json/d5b5xzib5ahp" ></div> </div> <div class="align-items-center links position-relative d-flex justify-content-between w-100 col-lg-12"> <div class="col-lg-3"> <a href="/histories"> <img src="https://www.historyworld.net/assets/img/histories.svg" alt="History Icon" id="listhistories"> Histories </a> </div> <div class="pagination-container col-lg-4"> <button class="prev-btn navigation"> <img src="https://www.historyworld.net/assets/img/pagination-arrow.svg" alt="prev-icon"> </button> <div class="box" id="pagination"> <ul class="scroll alphabetical-scroll"></ul> </div> <button class="next-btn navigation"> <img src="https://www.historyworld.net/assets/img/pagination-arrow.svg" alt="next-icon"> </button> </div> <div class="col-lg-3"> <a href="/timelines"> <img src="https://www.historyworld.net/assets/img/timelines.svg" alt="Timeline Icon" id="timelines"> Timelines </a> </div> </div> <!-- Event List Ends --> </div> </div> </section> <!-- Historyworld All 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"> © 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> $(window).on('load', function () { hideSpinner(); }); var hideSpinner = function () { $(".spinner-box").hide(); } </script> <script src="https://www.historyworld.net/js/alphabeticalPagination.js"></script> </body> </html>