Choose history or create your own

<!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="IlK569Cbtm4tLkAlwLCqNqzhL107B7FW56TZerzk"> <title>Choose history or create your own | 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">   <link href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.5.0/css/flag-icon.min.css" rel="stylesheet" type="text/css">  <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/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 rel="stylesheet" href="https://www.historyworld.net/css/minify/hwico.css"> <link rel="stylesheet" href="https://www.historyworld.net/css/minify/hwcss.css">  <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">  <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">  <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 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>  <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>    <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="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 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>  </div> </header>   <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">   <div id="ezoic-pub-ad-placeholder-118"></div> <script> ezstandalone.cmd.push(function() { ezstandalone.showAds(118); }); </script>  </div> </div> </div> </section> <main id="main"> <section id="blog" class="blog"> <div class="container"> <div class="row justify-content-center"> <div class="col-lg-4 p-0 pt-lg-3"> <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> <form style="display: none" action="https://www.historyworld.net/histories" method="get" id="featured_events_frm"> </form> <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 class="col-lg-8 entries history-world"> <div class="history-world-container text-center"> <h4 class="history-title mobile-none"> <span>Click on a title to go to the start of a History</span> </h4> <div class="pagination-container"> <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> <h4 class="history-title mobile"> <span class="desktop-none">Choose a history or search</span> </h4> <div class="card-columns"> <div class="featured-card"> <div class="card-body p-0 pb-2 d-flex flex-wrap" style="gap: 8px;"> <a class="d-block text-nowrap" href="https://www.historyworld.net/history/Aegeancivilization/690"> Aegean civilization </a> <span></span> </div> </div> </div> <div class="card-columns"> <div class="featured-card"> <div class="card-body p-0 pb-2 d-flex flex-wrap" style="gap: 8px;"> <a class="d-block text-nowrap" href="https://www.historyworld.net/history/Afghanistan/673"> Afghanistan </a> <span></span> </div> </div> </div> <div class="card-columns"> <div class="featured-card"> <div class="card-body p-0 pb-2 d-flex flex-wrap" style="gap: 8px;"> <a class="d-block text-nowrap" href="https://www.historyworld.net/history/Africa/146"> Africa </a> <span></span> </div> </div> </div> <div class="card-columns"> <div class="featured-card"> <div class="card-body p-0 pb-2 d-flex flex-wrap" style="gap: 8px;"> <a class="d-block text-nowrap" href="https://www.historyworld.net/history/Africanart/602"> African art </a> <span></span> </div> </div> </div> <div class="card-columns"> <div class="featured-card"> <div class="card-body p-0 pb-2 d-flex flex-wrap" style="gap: 8px;"> <a class="d-block text-nowrap" href="https://www.historyworld.net/history/Albania/77"> Albania </a> <span>(to 1914)</span> </div> </div> </div> <div class="card-columns"> <div class="featured-card"> <div class="card-body p-0 pb-2 d-flex flex-wrap" style="gap: 8px;"> <a class="d-block text-nowrap" href="https://www.historyworld.net/history/AlexandertheGreat/436"> Alexander the Great </a> <span></span> </div> </div> </div> <div class="card-columns"> <div class="featured-card"> <div class="card-body p-0 pb-2 d-flex flex-wrap" style="gap: 8px;"> <a class="d-block text-nowrap" href="https://www.historyworld.net/history/Alexandria/439"> Alexandria </a> <span></span> </div> </div> </div> <div class="card-columns"> <div class="featured-card"> <div class="card-body p-0 pb-2 d-flex flex-wrap" style="gap: 8px;"> <a class="d-block text-nowrap" href="https://www.historyworld.net/history/Algeria/608"> Algeria </a> <span></span> </div> </div> </div> <div class="card-columns"> <div class="featured-card"> <div class="card-body p-0 pb-2 d-flex flex-wrap" style="gap: 8px;"> <a class="d-block text-nowrap" href="https://www.historyworld.net/history/America/116"> America </a> <span>(to 1800)</span> </div> </div> </div> <div class="card-columns"> <div class="featured-card"> <div class="card-body p-0 pb-2 d-flex flex-wrap" style="gap: 8px;"> <a class="d-block text-nowrap" href="https://www.historyworld.net/history/AmericanIndians/86"> American Indians </a> <span></span> </div> </div> </div> <div class="card-columns"> <div class="featured-card"> <div class="card-body p-0 pb-2 d-flex flex-wrap" style="gap: 8px;"> <a class="d-block text-nowrap" href="https://www.historyworld.net/history/AmericanRevolution/675"> American Revolution </a> <span></span> </div> </div> </div> <div class="card-columns"> <div class="featured-card"> <div class="card-body p-0 pb-2 d-flex flex-wrap" style="gap: 8px;"> <a class="d-block text-nowrap" href="https://www.historyworld.net/history/Anatolia/251"> Anatolia </a> <span></span> </div> </div> </div> <div class="card-columns"> <div class="featured-card"> <div class="card-body p-0 pb-2 d-flex flex-wrap" style="gap: 8px;"> <a class="d-block text-nowrap" href="https://www.historyworld.net/history/Anatomy/445"> Anatomy </a> <span></span> </div> </div> </div> <div class="card-columns"> <div class="featured-card"> <div class="card-body p-0 pb-2 d-flex flex-wrap" style="gap: 8px;"> <a class="d-block text-nowrap" href="https://www.historyworld.net/history/AncientAthens/496"> Ancient Athens </a> <span></span> </div> </div> </div> <div class="card-columns"> <div class="featured-card"> <div class="card-body p-0 pb-2 d-flex flex-wrap" style="gap: 8px;"> <a class="d-block text-nowrap" href="https://www.historyworld.net/history/Andeancivilization/243"> Andean civilization </a> <span></span> </div> </div> </div> <div class="card-columns"> <div class="featured-card"> <div class="card-body p-0 pb-2 d-flex flex-wrap" style="gap: 8px;"> <a class="d-block text-nowrap" href="https://www.historyworld.net/history/Angola/791"> Angola </a> <span></span> </div> </div> </div> <div class="card-columns"> <div class="featured-card"> <div class="card-body p-0 pb-2 d-flex flex-wrap" style="gap: 8px;"> <a class="d-block text-nowrap" href="https://www.historyworld.net/history/Arabia/448"> Arabia </a> <span>(to 1800)</span> </div> </div> </div> <div class="card-columns"> <div class="featured-card"> <div class="card-body p-0 pb-2 d-flex flex-wrap" style="gap: 8px;"> <a class="d-block text-nowrap" href="https://www.historyworld.net/history/Arabs/61"> Arabs </a> <span>(to 1800)</span> </div> </div> </div> <div class="card-columns"> <div class="featured-card"> <div class="card-body p-0 pb-2 d-flex flex-wrap" style="gap: 8px;"> <a class="d-block text-nowrap" href="https://www.historyworld.net/history/ArabSpring/925"> Arab Spring </a> <span></span> </div> </div> </div> <div class="card-columns"> <div class="featured-card"> <div class="card-body p-0 pb-2 d-flex flex-wrap" style="gap: 8px;"> <a class="d-block text-nowrap" href="https://www.historyworld.net/history/Architecture/154"> Architecture </a> <span>(to 1851)</span> </div> </div> </div> <div class="card-columns"> <div class="featured-card"> <div class="card-body p-0 pb-2 d-flex flex-wrap" style="gap: 8px;"> <a class="d-block text-nowrap" href="https://www.historyworld.net/history/Argentina/570"> Argentina </a> <span></span> </div> </div> </div> <div class="card-columns"> <div class="featured-card"> <div class="card-body p-0 pb-2 d-flex flex-wrap" style="gap: 8px;"> <a class="d-block text-nowrap" href="https://www.historyworld.net/history/Arianism/536"> Arianism </a> <span></span> </div> </div> </div> <div class="card-columns"> <div class="featured-card"> <div class="card-body p-0 pb-2 d-flex flex-wrap" style="gap: 8px;"> <a class="d-block text-nowrap" href="https://www.historyworld.net/history/Armsandarmour/52"> Arms and armour </a> <span>(to 1800)</span> </div> </div> </div> <div class="card-columns"> <div class="featured-card"> <div class="card-body p-0 pb-2 d-flex flex-wrap" style="gap: 8px;"> <a class="d-block text-nowrap" href="https://www.historyworld.net/history/Asia/222"> Asia </a> <span>(to 1800)</span> </div> </div> </div> <div class="card-columns"> <div class="featured-card"> <div class="card-body p-0 pb-2 d-flex flex-wrap" style="gap: 8px;"> <a class="d-block text-nowrap" href="https://www.historyworld.net/history/Assyria/656"> Assyria </a> <span></span> </div> </div> </div> <div class="card-columns"> <div class="featured-card"> <div class="card-body p-0 pb-2 d-flex flex-wrap" style="gap: 8px;"> <a class="d-block text-nowrap" href="https://www.historyworld.net/history/Astrology/672"> Astrology </a> <span></span> </div> </div> </div> <div class="card-columns"> <div class="featured-card"> <div class="card-body p-0 pb-2 d-flex flex-wrap" style="gap: 8px;"> <a class="d-block text-nowrap" href="https://www.historyworld.net/history/Astronomy/453"> Astronomy </a> <span>(to 1800)</span> </div> </div> </div> <div class="card-columns"> <div class="featured-card"> <div class="card-body p-0 pb-2 d-flex flex-wrap" style="gap: 8px;"> <a class="d-block text-nowrap" href="https://www.historyworld.net/history/AugustusCaesar/457"> Augustus Caesar </a> <span></span> </div> </div> </div> <div class="card-columns"> <div class="featured-card"> <div class="card-body p-0 pb-2 d-flex flex-wrap" style="gap: 8px;"> <a class="d-block text-nowrap" href="https://www.historyworld.net/history/Australia/522"> Australia </a> <span>(to 1870)</span> </div> </div> </div> <div class="card-columns"> <div class="featured-card"> <div class="card-body p-0 pb-2 d-flex flex-wrap" style="gap: 8px;"> <a class="d-block text-nowrap" href="https://www.historyworld.net/history/Austria/490"> Austria </a> <span>(to 1914)</span> </div> </div> </div> <div class="card-columns"> <div class="featured-card"> <div class="card-body p-0 pb-2 d-flex flex-wrap" style="gap: 8px;"> <a class="d-block text-nowrap" href="https://www.historyworld.net/history/Austrianempire/187"> Austrian empire </a> <span>(to 1914)</span> </div> </div> </div> <div class="card-columns"> <div class="featured-card"> <div class="card-body p-0 pb-2 d-flex flex-wrap" style="gap: 8px;"> <a class="d-block text-nowrap" href="https://www.historyworld.net/history/Aztecs/465"> Aztecs </a> <span></span> </div> </div> </div> <div class="pagination-container"> <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> </div> </div> </div> </section>   <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">×</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>  <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> </footer>  <a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a>  <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/vendor/select2/js/select2.full.min.js"></script>   <script src="https://www.historyworld.net/js/minify/treeStructure.js"></script> <script src="https://www.historyworld.net/js/minify/main.js"></script>  <script type="text/javascript"> "use strict"; // initialize select2 initSelect2(); //Initialize Select2 Elements function initSelect2() { $('.select2').select2(); } </script> <script src="https://www.historyworld.net/js/minify/init.js"></script> <script src="https://www.historyworld.net/js/minify/alphabeticalPagination.js"></script> </body> </html>

CINXE.COM

Choose history or create your own | Historyworld