CINXE.COM

HISTORY OF ARABIA | 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="eTC7kPz13ZfwNK8aCUl4KN74sNX7ad4t0bun9D4I"> <title>HISTORY OF ARABIA | Historyworld</title> <meta name="description" , content=" HISTORY OF ARABIA including An empty quarter,The Sheba of legend,Mecca "> <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鈥檛 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"> <section id="blog" class="blog history-page"> <div class="container"> <div class="row justify-content-center"> <div class="col-lg-4 p-0"> <div 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> <div class="historyworld-headings-mobile-container"> <div id="accordion-header" class="pl-3 mt-lg-3 accordion-header d-flex justify-content-between align-items-center"> <h3>HISTORY OF ARABIA</h3> <div class="desktop-none"> <i id="accordion-icon" class="fa fa-chevron-left"></i> </div> </div> <div class="historyworld-headings-container"> <div id="1" class="submenu-item"> <div class="accordion" id="historyAccordion"> <div class="card"> <div class="card-header p-2" id="headingOne"> <h2 class="m-0"> <button class="btn btn-link w-100 text-left sectionButton" type="button" data-toggle="collapse" data-target="#collapse-preislam" aria-expanded="true" aria-controls="collapse-preislam"> Pre-Islam </button> </h2> </div> <div id="collapse-preislam" class="collapse" aria-labelledby="heading" data-parent="#historyAccordion"> <div class="card-body p-1 pl-3 d-flex justify-content-between"> <a class="sectionItem" href="javascript:void(0)">An empty quarter</a> <div> </div> </div> <div class="card-body p-1 pl-3 d-flex justify-content-between"> <a class="sectionItem" href="javascript:void(0)">The Sheba of legend</a> <div> </div> </div> <div class="card-body p-1 pl-3 d-flex justify-content-between"> <a class="sectionItem" href="javascript:void(0)">Mecca</a> <div> </div> </div> </div> </div> </div> </div> <div id="2" class="submenu-item"> <div class="accordion" id="historyAccordion"> <div class="card"> <div class="card-header p-2" id="headingOne"> <h2 class="m-0"> <button class="btn btn-link w-100 text-left sectionButton" type="button" data-toggle="collapse" data-target="#collapse-fromthe7thcenturyad" aria-expanded="true" aria-controls="collapse-fromthe7thcenturyad"> From the 7th century AD </button> </h2> </div> <div id="collapse-fromthe7thcenturyad" class="collapse" aria-labelledby="heading" data-parent="#historyAccordion"> <div class="card-body p-1 pl-3 d-flex justify-content-between"> <a class="sectionItem" href="javascript:void(0)">Islam</a> <div> </div> </div> <div class="card-body p-1 pl-3 d-flex justify-content-between"> <a class="sectionItem" href="javascript:void(0)">Rulers of Arabia</a> <div> </div> </div> <div class="card-body p-1 pl-3 d-flex justify-content-between"> <a class="sectionItem" href="javascript:void(0)">Arabia and the Sw'wdi</a> <div> </div> </div> <div class="card-body p-1 pl-3 d-flex justify-content-between"> <a class="sectionItem" href="javascript:void(0)">Sections Missing</a> <div> </div> </div> <div class="card-body p-1 pl-3 d-flex justify-content-between"> <a class="sectionItem" href="javascript:void(0)">Arabia and Palestine</a> <div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="mobile-hide"> <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> </div> </div> <div class="col-lg-8 entries"> <div> <div class="card section-group d-none"> <div class="card-header mobile-hide"> <h3>Pre-Islam</h3> </div> <div class="card-body"> <div class="row"> <div class="col-md-12"> <div class=""> <br> <div class="events_block" id="anemptyquarter"> <h3 class="Anemptyquarter">An empty quarter</h3> <div class="Anemptyquarter" class="p-1 events_block"> <div> <!-- <hr> --> <p>Arabia is the huge peninsula lying between northeast Africa and the bulk of continental Asia. Its long southern coast faces across the Indian Ocean towards India. So it is well placed for trade. </p><p>But until the 20th century the region has had no other natural advantages. The centre is a desert, as inhospitable as its name suggests ('Rub' al Khali', the Empty Quarter). Here only nomads can live, moving with their camels from oasis to oasis. The tough simplicity of their existence becomes the characteristic of the people of this peninsula, the <a href="https://www.historyworld.net/history/arabs/61?section=beforeIslam&heading=gindibuAndHisCamels">Arabs</a>, and of the religion which they spread from here through much of the world, <a href="https://www.historyworld.net/history/arabia/448?section=fromThe7thCenturyAD&heading=islam">Islam</a>.</p> </div> </div> </div> <br> <div class="events_block" id="theshebaoflegend"> <h3 class="TheShebaoflegend">The Sheba of legend: from the 8th century BC</h3> <div class="TheShebaoflegend" class="p-1 events_block"> <div> <!-- <hr> --> Only the southwestern coastal area of Arabia is sufficiently fertile to encourage a settled existence - indeed this is the only part of the peninsula with enough rainfall to provide permanent rivers. <br><br>By the 8th century BC there are rival kingdoms in existence in this area. The most successful of them is Saba, featuring as Sheba in the Bible. </div> </div> <br> <div class="TheShebaoflegend" class="p-1 events_block"> <div> <!-- <hr> --> According to the Bible, the Queen of Sheba visits <a href="https://www.historyworld.net/history/judaism/607?section=israelAndJudah&heading=solomonInAllHisGlory">Solomon</a> because she has heard of his wisdom. To please the great king, she brings camels laden with spices and gold and precious stones. <br><br>There is no historical basis for the story, but by about 715 BC the rulers of Saba do feature in the records of tribute sent to Assyria. And the queen's rich caravan of camels is a fair reflection of the <a href="https://www.historyworld.net/history/trade/273?section=toThe1stCenturyBC&heading=theCaravan">Trade</a> which brings wealth to this corner of Arabia. Spices from India and the east come ashore at Aden and are carried up the western coast of the peninsula to Egypt and Mesopotamia. </div> </div> </div> <br> <div class="events_block" id="mecca"> <h3 class="Mecca">Mecca before Islam</h3> <div class="Mecca" class="p-1 events_block"> <div> <!-- <hr> --> The town of Mecca, in a rocky valley with no agricultural resources, develops in the centuries immediately preceding <a href="https://www.historyworld.net/history/arabia/448?section=fromThe7thCenturyAD&heading=islam">Islam</a> into a place of considerable prosperity. There are two good reasons. It is a trading post on the caravan route from the Indian Ocean to the Mediterranean. And it has become Arabia's most important place of pilgrimage. <br><br>By at least the 4th centurylarge numbers of pilgrims arrive in Mecca to perform a ritual act of walking seven times round a small square building known as the Ka'ba (Arabic for 'cube'). The building is full of idols, which are the objects of worship. It also includes a sacred black stone, possibly in origin a meteorite. </div> </div> </div> </div> </div> </div> </div> </div> <div class="card section-group d-none"> <div class="card-header mobile-hide"> <h3>From the 7th century AD</h3> </div> <div class="card-body"> <div class="row"> <div class="col-md-12"> <div class=""> <br> <div class="events_block" id="islam"> <h3 class="Islam">Islam: 7th century AD</h3> <div class="Islam" class="p-1 events_block"> <div> <!-- <hr> --> In the 7th century Arabia becomes the cradle of the world's third great monotheistic religion. All three have begun within a small area of southwest Asia. First <a href="https://www.historyworld.net/history/judaism/607?section=patriarchs&heading=abraham'sPeople">Judaism</a>, somewhere in the region stretching up from the Red Sea to Palestine; then <a href="https://www.historyworld.net/history/christianity/521?section=beginnings&heading=anUnnoticedEvent">Christianity</a> at the northern end of this area; and finally Islam to the south, in Mecca, close to the Red Sea. <br><br>Each of the later arrivals in this close family of religions claims to build upon the message of its predecessors, bringing a better and more up-to-date version of the truth about the one God - in this case as revealed to the Messenger of God, Muhammad. Islam means 'surrender' (to God), and from the same root anyone who follows Islam is a Muslim. </div> </div> <br> <div class="Islam" class="p-1 events_block"> <div> <!-- <hr> --> It is on Mount Hira, according to tradition, that the archangel Gabriel appears to Muhammad. He describes later how he seemed to be grasped by the throat by a luminous being, who commanded him to repeat the words of God. On other occasions Muhammad often has similar experiences (though there are barren times, and periods of self doubt, when he is sustained only by his wife <a href="https://www.historyworld.net/history/muhammad/680?section=&heading=meccaAndMuhammad">Khadija</a>'s unswerving faith in him). <br><br>From about 613 Muhammad preaches in <a href="https://www.historyworld.net/history/mecca/637?section=&heading=meccaAndMuhammad">Mecca</a> the message which he has received. </div> </div> <br> <div class="Islam" class="p-1 events_block"> <div> <!-- <hr> --> Muhammad's message is essentially the existence of one God, all-powerful but also merciful, and he freely acknowledges that other prophets - in particular Abraham, Moses and Jesus - have preached the same truth in the past. <br><br>But monotheism is not a popular creed with those whose livelihood depends on idols. Muhammad, once he begins to win converts to the new creed, makes enemies among the traders of <a href="https://www.historyworld.net/history/mecca/637?section=&heading=meccaAndMuhammad">Mecca</a>. In 622 there is a plot to assassinate him. He escapes to the town of Yathrib, about 300 kilometres to the north. </div> </div> </div> <br> <div class="events_block" id="rulersofarabia"> <h3 class="RulersofArabia">Rulers of Arabia: 8th - 20th century</h3> <div class="RulersofArabia" class="p-1 events_block"> <div> <!-- <hr> --> In the centuries following the rise of Islam the Arabian peninsula, though subject to violent local disturbances, is broadly under the control of the successive overlords of the surrounding Muslim world - the <a href="https://www.historyworld.net/history/caliphs/503?section=umayyads&heading=theUmayyadCaliphate">Umayyad dynasty</a>, then the <a href="https://www.historyworld.net/history/caliphs/503?section=abbasids&heading=theAbbasidCaliphate">Abbasids</a>, the <a href="https://www.historyworld.net/history/mamelukes/591?section=&heading=baghdad">Mamelukes</a> and finally the <a href="https://www.historyworld.net/history/ottomanEmpire/178?section=ottomanEmpire&heading=ottomanExpansion">Ottoman empire</a>. <br><br>Only around the coast do stable independent kingdoms develop. </div> </div> <br> <div class="RulersofArabia" class="p-1 events_block"> <div> <!-- <hr> --> Territories round the coast of Arabia develop into the kingdoms and emirates which will result in the modern states of Kuwait, Qatar, the United Arab Emirates, <a href="https://www.historyworld.net/history/oman/845?section=&heading=sultanateOfOman">Oman</a> and Yemen. <br><br>But the arid centre of the peninsula remains the anarchic preserve of nomadic tribesmen or Bedouin (from the Arabic 'bada', meaning to live in the desert). </div> </div> </div> <br> <div class="events_block" id="arabiaandtheswwdi"> <h3 class="ArabiaandtheSw&#039;wdi">Arabia and the Sw'wdi : from 1744</h3> <div class="ArabiaandtheSw&#039;wdi" class="p-1 events_block"> <div> <!-- <hr> --> Central Arabia begins to unite under the influence of a puritanical reformer, Muhammad ibn 'Abd-al-Wahhab, who preaches the strictest tenets of Islam. In 1744 he makes common cause with a local ruler, Muhammad ibn Sa'ud, and together they extend their joint power from small beginnings in Dar'iya. <br><br>At the time of Ibn Sa'ud's death in 1765, the whole of central and eastern Arabia is his kingdom. It is the beginning of the Sa'udi claim to territories which are further enlarged over the next two generations. By 1804 the whole of Arabia, except for Yemen and <a href="https://www.historyworld.net/history/zanzibar/838?section=&heading=omanAndZanzibar">Oman</a> in the south, is effectively under Sa'udi control and under strict Wahhabi influence in spiritual matters. </div> </div> </div> <br> <div class="events_block" id="sectionsmissing"> <h3 class="SectionsMissing"><I>Sections Missing</I></h3> <div class="SectionsMissing" class="p-1 events_block"> <div> <!-- <hr> --> <I>Sections are as yet missing at this point</I> </div> </div> </div> <br> <div class="events_block" id="arabiaandpalestine"> <h3 class="ArabiaandPalestine">Arabia and Palestine: AD 1916</h3> <div class="ArabiaandPalestine" class="p-1 events_block"> <div> <!-- <hr> --> When the Turks enter the war, in 1914, the hereditary emir of Mecca (Husayn ibn Ali) sees a chance of extricating his territory from <a href="https://www.historyworld.net/history/ottomanEmpire/178?section=ottomanEmpire&heading=ottomanExpansion">Ottoman rule</a>. He secretly begins negotiating with the British. By June 1916 he is ready to launch an Arab revolt along the Red Sea coast. <br><br>The most effective part of this uprising is conducted by Faisal, one of Husayn's sons, in conjunction with T.E. Lawrence, a young British officer seconded for the purpose. Together they attack the most strategically important feature in the region, the railway which runs south from Damascus, through Amman and Ma'an, to Medina. This is the only route by which the Turks can easily send reinforcements to Arabia. </div> </div> <br> <div class="ArabiaandPalestine" class="p-1 events_block"> <div> <!-- <hr> --> The policy succeeds and by the summer of 1917 the Arabs have moved far enough north to capture Aqaba. This is achieved on July 6 in a dramatic raid by Lawrence and some Arab chiefs with a few hundred of their tribesmen. Together they kill or capture some 1200 Turks at a cost of only two of their own lives.<br><br>The port of Aqaba occupies an important position at the head of the gulf of the same name. It offers relatively easy access up towards the Dead Sea. Faisal's army is now well placed to support a British thrust into Palestine, by operating from the desert region of the Negev to bring pressure on the eastern flank of the Turks. </div> </div> <br> <div class="ArabiaandPalestine" class="p-1 events_block"> <div> <!-- <hr> --> During the winter of 1916 the British have been laying a railway along the northern coast of the Sinai peninsula. This makes possible an attack on Gaza, the gateway into Palestine. But on two separate occasions - in March and April 1917 - the campaign is seriously bungled. As a result a new commander, Edmund Allenby, is brought in.<br><br>Allenby succeeds in taking Gaza on November 7. He follows this with the capture of Jerusalem a month later, on December 9. Meanwhile Britain's fortunes in Mesopotamia have also been transformed by a new commander, Stanley Maude. Maude retakes Kut on 24 February 1917 and captures Baghdad on March 11. </div> </div> <br> <div class="ArabiaandPalestine" class="p-1 events_block"> <div> <!-- <hr> --> So by the end of 1917 the Allies, occupying both Jerusalem and Baghdad, have completed half the necessary task in the Middle East. But they are still a long way from the frontier of Turkey itself. On the Mediterranean front Damascus and Aleppo lie ahead, in Mesopotamia there is still Mosul to be taken. And even then there is the almost impenetrable terrain of Anatolia before one can reach Istanbul.<br><br>With massive armies confronting each other on the western front, this all seems a long way from the centre of the action. But this year of 1917 has meanwhile brought two major developments, in the <a href="https://www.historyworld.net/history/germany/537?section=191618&heading=uSInvolvement">Usa</a> and <a href="https://www.historyworld.net/history/firstWorldWar19141918/432?section=191618&heading=russianFront">Russia</a>, which in their very different ways profoundly alter the equation of the war. </div> </div> <br> <div class="ArabiaandPalestine" class="p-1 events_block"> <div> <!-- <hr> --> <i>This History is as yet incomplete.</i> </div> </div> </div> </div> </div> </div> </div> </div> <div class="history-pagination mr-3 ml-3"> <div class="prev-control-buttons d-flex"> <img src="https://www.historyworld.net/assets/img/Navigation-start.png" alt="Arrow" class="start-button w-35"> <img src="https://www.historyworld.net/assets/img/Navigation-previous.png" alt="Arrow" class="prev-button w-35"> </div> <div class="pagination-numbers"> <span>Page</span> <span class="active-page">1</span> <span>of</span> <span id="total-pages"> 2 </span> </div> <div class="next-control-buttons d-flex"> <img src="https://www.historyworld.net/assets/img/Navigation-next.png" alt="Arrow" class="next-button w-35"> <img src="https://www.historyworld.net/assets/img/Navigation-end.png" alt="Arrow" class="end-button w-35"> </div> </div> </div> </div> </div> </div> </section> <!-- 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> </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/history.js"></script> <script> "use strict" var pagination = new SectionPagination({ start: document.getElementsByClassName('start-button'), end: document.getElementsByClassName('end-button'), next: document.getElementsByClassName('next-button'), prev: document.getElementsByClassName('prev-button'), items: document.getElementsByClassName('submenu-item'), groups: document.getElementsByClassName('section-group'), currentPageOutput: document.getElementsByClassName('active-page'), }); </script> </body> </html>

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