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="XE82nwOLb1QTTososRZActQMdjO67SqSRscCMKKT"> <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/SicilyBikiniMosaicxabi300.jpg" class="d-block" alt=""> </div> </div> </div> </div> <div class="carousel-caption carousel-item__text-box text-left"> <h3 class="text-dark">Hub of the Mediterranean</h3> <p class="">Sicily, a large fertile island at a pivotal point in the Mediterranean, is one of the world's most desirable patches of land. Colonized by Phoenicians and Greeks, and fought over between Greeks, Carthaginians and Romans in the Punic Wars, its architectural and artistic remains bear witness to its past grandeur - in the great series of Greek temples, or the Roman mosaics at Piazza Armerina. In medieval times the island achieves a different creative blend, of three later cultures - Byzantine Christianity, Islam and Roman ...</p> <a href="/history/sicily/245?section=To AD 1254&heading=Hub of the Mediterranean" 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/Fontainebleau2xabi300.jpg" class="d-block" alt=""> </div> </div> </div> </div> <div class="carousel-caption carousel-item__text-box text-left"> <h3 class="text-dark">The legacy of Francis I</h3> <p class="">The centre of French court life is Fontainebleau, a royal hunting lodge almost entirely rebuilt by Francis I from 1527. Here he brings the Italian artists Rosso Fiorentino (in 1530) and Primaticcio (in 1532), who together establish a French style of mannerist painting known as the school of Fontainebleau. They are joined in 1540 by the goldsmith and sculptor Benvenuto Cellini, whose famous golden salt cellar is made at Fontainebleau. Francis has earlier rebuilt Chambord, from 1519 - in name a castle on the Loire, ...</p> <a href="/history/france/81?section=16th century&heading=The legacy of Francis I" 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/EmpireMapxabp300.jpg" class="d-block" alt=""> </div> </div> </div> </div> <div class="carousel-caption carousel-item__text-box text-left"> <h3 class="text-dark">British India</h3> <p class="">A year after the Crimean War, and at the same time as the second Opium War in China, an event occurs which transforms British involvement in India. This is the traumatic Indian Mutiny. It suggests that the East India Company's interests in the subcontinent have reached the point at which they should more properly be the concern of government. Until this time all the British in India, including even the soldiers, have been employees of the East India Company. The India Act of 1858, passed ...</p> <a href="/history/great-britain/93?section=Victorian era 1854-1901&heading=British India" 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/MoreTransciptxapb300.jpg" class="d-block" alt=""> </div> </div> </div> </div> <div class="carousel-caption carousel-item__text-box text-left"> <h3 class="text-dark">Act of Supremacy</h3> <p class="">More refuses the oath because it implies denial of the pope's supremacy. Imprisoned from May 1534 in the Tower of London, he is tried in Westminster Hall in July 1535 (ten days after the beheading of John Fisher on the same charge of treason). Found guilty, and returned to the Tower, More declares on the scaffold that he dies 'the king's good servant, but God's first'. He and Fisher, and a group of Carthusian monks who make the same stand, become England's first Catholic martyrs.</p> <a href="/history/england-2nd-century-ad-to-1707/556?section=Henry VII and Henry VIII&heading=Act of Supremacy" 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/AugustusCaesarBronzeBM300.jpg" class="d-block" alt=""> </div> </div> </div> </div> <div class="carousel-caption carousel-item__text-box text-left"> <h3 class="text-dark">Caesar's heir</h3> <p class="">Gaius Octavius, known to history first as Octavian and then as Augustus Caesar, is born in 63 BC in a relatively obscure patrician family. His only evident advantage in life is that his grandmother is Julia, sister of Julius Caesar. His great-uncle sees talent in the boy and encourages him. Octavian is an 18-year-old student at Apollonia (in what is now Albania) when news comes in 44 BC that his uncle has been assassinated in Rome. Soon there is further information. In his will Caesar ...</p> <a href="/history/augustus-caesar/457?section=&heading=Caesar's heir" 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/ShangBronzexabi300.jpg" class="d-block" alt=""> </div> </div> </div> </div> <div class="carousel-caption carousel-item__text-box text-left"> <h3 class="text-dark">China</h3> <p class="">The longest consistent civilization in the human story so far is that of China. This vast eastern empire seems set apart from the rest of the world, fiercely proud of its own traditions, resisting foreign influences. Its history begins in a characteristically independent manner. There are no identifiable precedents for the civilization of the Shang dynasty, which emerges in China in about 1600 BC. Its superb bronze vessels seem to achieve an instant technological perfection. Its written texts introduce characters recognizably related to Chinese writing ...</p> <a href="/history/civilization/149?section=&heading=China" 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/SienaCampo2xabi300.jpg" class="d-block" alt=""> </div> </div> </div> </div> <div class="carousel-caption carousel-item__text-box text-left"> <h3 class="text-dark">Communes in Italy</h3> <p class="">Between about 1080 and 1140 many of the towns of northern Italy (among them Pisa, Siena, Florence, Bologna, Milan and Genoa) acquire municipal councils in which the elected councillors call themselves consuls - in a deliberate echo of Italy's republican past. As these republican communes grow in wealth, and assert control over large tracts of the surrounding countryside, they become in effect independent. Technically they acknowledge either pope or emperor as feudal overlord. Unable to restrain these fledgling city states, popes and emperors often authorize ...</p> <a href="/history/democracy/488?section=Medieval democracy&heading=Communes in Italy" 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/MarcusAureliusxabi300.jpg" class="d-block" alt=""> </div> </div> </div> </div> <div class="carousel-caption carousel-item__text-box text-left"> <h3 class="text-dark">Antoninus Pius and Marcus Aurelius</h3> <p class="">There are two more rulers in a group later known as the 'five good emperors'. Hadrian has no children. He selects as his successor a respected senator, Antoninus Pius, insisting at the same time that Antoninus designate Marcus Aurelius, a talented young member of the ruling class who is as yet only 17, as next in line of succession. Both men assume power without unrest, in AD 138 and 161. The equestrian statue of Marcus Aurelius on the Capitol, one of the first of its ...</p> <a href="/history/roman-empire/531?section=Trajan to Constantine&heading=Antoninus Pius and Marcus Aurelius" 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/FlyingButtressxabi300.jpg" class="d-block" alt=""> </div> </div> </div> </div> <div class="carousel-caption carousel-item__text-box text-left"> <h3 class="text-dark">Gothic</h3> <p class="">The Gothic style, though also used in secular buildings, is most associated with the great cathedrals of Europe. There are certain immediately recognizable characteristics in any Gothic cathedral. The interior gives an impression of lightness and height, with slender columns framing large tall windows and reaching up to support a delicately ribbed stone roof. The exterior is encrusted with a filigree of delicate ornament, again essentially slender and vertical, made up of a blend of elegant statues, bobbly pinnacles, the skeletal patterns of the stone ...</p> <a href="/history/sculpture/133?section=Middle Ages&heading=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/ParisHenri1Vxabi300.jpg" class="d-block" alt=""> </div> </div> </div> </div> <div class="carousel-caption carousel-item__text-box text-left"> <h3 class="text-dark">Henry IV</h3> <p class="">Contrary to this principle, Henry decides to intervene in 1610 in a dispute over the inheritance of the duchy of Jülich, close to the sensitive border between the United Provinces and the Spanish Netherlands. The Habsburg emperor Rudolf II is about to seize the duchy, and Henry IV is about to march against him, when Henry is assassinated in a Paris street by François Ravaillac (a Catholic whose precise motives are unclear).Henry is one of France's most popular kings. Four years after his death a ...</p> <a href="/history/france/81?section=16th century&heading=Henry IV" 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/31861300.jpg" class="d-block" alt=""> </div> </div> </div> </div> <div class="carousel-caption carousel-item__text-box text-left"> <h3 class="text-dark">A year of high drama AD 1066</h3> <p class="">Edward the Confessor dies on January 5. He is buried the next day in his new abbey church at Westminster, which has been consecrated only the previous week. On the same day as the funeral there is a coronation, almost certainly carried out in the abbey. Harold, earl of Wessex, named as his successor by the dying Edward, is now king. His reign will last ten months. And it will include a strange omen - a bright long-haired star moving through the sky. The succession ...</p> <a href="/history/england-2nd-century-ad-to-1707/556?section=Normans&heading=A year of high drama AD 1066" 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/PekingTempleHeavenxabi300.jpg" class="d-block" alt=""> </div> </div> </div> </div> <div class="carousel-caption carousel-item__text-box text-left"> <h3 class="text-dark">Chinese architectural tradition</h3> <p class="">Minor improvements are introduced with the advance of technology. The colourful ceramic roof tiles of Chinese pavilions are an innovation in the Song dynasty in the 11th century. But in broad terms the civic buildings of China retain their appearance through the ages. A good example is the magnificent Temple of Heaven in Beijing. Its colours, frequently restored, are so fresh that the building looks new. But the structure dates from the early 15th century, in the Ming dynasty, and its appearance on its marble ...</p> <a href="/history/china/516?section=Han&heading=Chinese architectural tradition" 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/GreekVasexabi300.jpg" class="d-block" alt=""> </div> </div> </div> </div> <div class="carousel-caption carousel-item__text-box text-left"> <h3 class="text-dark">Greek vases</h3> <p class="">The Greeks develop by far the most sophisticated tradition of early pottery, and Greek vases survive in greater numbers than any other ceramic group of comparable age. During the period of greatest distinction, from about 550 to 480 BC, the potters of Athens and the surrounding district of Attica are the most accomplished in the Greek world. It is they who perfect the decorative style known as black-figure and then introduce the subsequent red-figure technique. Crucial to the success of both is the discovery of ...</p> <a href="/history/greek-vases/421?section=To the 1st century BC&heading=Greek vases" 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/BostonTeaParty300.jpg" class="d-block" alt=""> </div> </div> </div> </div> <div class="carousel-caption carousel-item__text-box text-left"> <h3 class="text-dark">Boston Tea Party</h3> <p class="">Early in December 1773 three East India Company ships are in Boston harbour, waiting for their cargo of tea to be unloaded. No one will take it off the ship, because it will pay British duty as soon as it is transferred to American soil. However, if it is still in the harbour on December 17, the cargo can be legally seized by the British customs and sold.At a mass meeting in Boston on the evening of December 16 the question is pointedly raised: 'Who ...</p> <a href="/history/british-empire/473?section=Independence&heading=Boston Tea Party" 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/StPetersBerniniColonnadexabi300.jpg" class="d-block" alt=""> </div> </div> </div> </div> <div class="carousel-caption carousel-item__text-box text-left"> <h3 class="text-dark">Baroque Rome</h3> <p class="">During these same years Bernini's great contribution to the exterior of St Peter's is also under construction. The open space in front of the church, where pilgrims gather to hear the pope's Easter address, needs to be enclosed in some way to form a welcoming piazza. Bernini achieves a perfect solution in the form of an open curving colonnade. The four concentric rows of columns provide covered walkways and a shape for the piazza, but they do so without closing it in - for there ...</p> <a href="/history/rome/704?section=17th - 18th century&heading=Baroque Rome" 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/AjantaMuralxabi300.jpg" class="d-block" alt=""> </div> </div> </div> </div> <div class="carousel-caption carousel-item__text-box text-left"> <h3 class="text-dark">Buddhist murals</h3> <p class="">Monks and pilgrims play an important part in the practice of Buddhism. Both are attracted to caves in remote places. And the profusion of popular stories in Mahayana Buddhism (on topics such as the adventures of Buddha in his previous lives on earth) provides a rich source of material for narrative paintings on the walls of the caves. Two places suggest more vividly than any others the vitality of Buddhist cave painting from about the 5th century AD. One is Ajanta, a site in India ...</p> <a href="/history/painting/130?section=Murals&heading=Buddhist murals" 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">Reformation</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/religion/267?section=15th - 19th century&heading=Reformation" 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/NuremburgChronicle3xabi300.jpg" class="d-block" alt=""> </div> </div> </div> </div> <div class="carousel-caption carousel-item__text-box text-left"> <h3 class="text-dark">The illustrated book</h3> <p class="">Books printed by Gutenberg's method are ideal for combining text and illustration on the same page. Movable type can be set in any shape round a wood block. The raised surfaces of both type and image will receive the ink together and can transfer it to the paper at a single impression. The pioneer in this field is Albrecht Pfister, a printer in Bamberg, who publishes several illustrated books beginning with Der Ackermann aus Böhmen (The Farmer of Bohemia) in about 1461. By the end ...</p> <a href="/history/printing/351?section=Western printing&heading=The illustrated book" 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/Jerichoxabi300.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 farmers</h3> <p class="">The earliest place known to have lived mainly from the cultivation of crops is Jericho. By around 8000 BC this community, occupying a naturally well-watered region, is growing selected forms of wheat (emmer and einkorn are the two varieties), soon to be followed by barley. Though no longer gatherers, these people are still hunters. Their source of meat is wild gazelle, cattle, goat and boar. It is no accident that Jericho is also the first known town, with a population of 2000 or more. A ...</p> <a href="/history/hunter-gatherers-to-farmers/249?section=&heading=The first farmers" 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/HobbemaAvenuexacj300.jpg" class="d-block" alt=""> </div> </div> </div> </div> <div class="carousel-caption carousel-item__text-box text-left"> <h3 class="text-dark">The great Dutch century</h3> <p class="">From the many practising in each field there emerge a handful of outstanding masters. In landscape Aelbert Cuyp achieves, from the 1640s, exceptionally beautiful effects of warm and gentle light in broad tranquil vistas. Jacob van Ruisdael, a few years younger, is the greatest of the Dutch landscape painters. He works a more dramatic vein than Cuyp, finding romance in wooded landscapes among which streams tumble or half-hidden roads wind their way. Ruisdael's theme is followed by his pupil Hobbema - though Hobbema's most famous ...</p> <a href="/history/painting/130?section=17th century&heading=The great Dutch century" 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>