CINXE.COM
Choose history or create your own | 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="JOq3NSqbxrMTMtHNoFBtQIQIITgxXeljddbPEO6k"> <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"> <!-- 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> <!-- 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="main"> <section id="blog" class="blog"> <div class="container"> <div class="row"> <div class="col-md-12"> <!-- Main container --> <div class="page-container"><!-- bloc-1 --> <div id="bloc-1" class="bloc l-bloc"> <div class="container bloc-lg"> <div class="row"> <div class="col text-start"> <h3 class="mb-4">About us</h3> <p style="font-size: 1.1em;">HistoryWorld鈥檚 aim is to make world history more easily accessible through interactive narratives and timelines. Written by Bamber Gascoigne, it consists of about 300 narratives ( the alphabetical list runs from Aegean Civilization to Zoroastrianism ) and some 10,000 events on searchable timelines.<br /><br /><br />Website by: <a href="https://diditon.com">diditon</a> <br />Conceived and written by: Bamber Gascoigne</p> </div> </div> </div> </div> <!-- bloc-1 END --> <!-- bloc-2 --> <div id="bloc-2" class="bloc l-bloc"> <div class="container bloc-lg"> <div class="row" style="padding-top: 30px;"> <div class="col-sm-4 text-start col-lg-2 align-self-start"><br /><img class="img-fluid mx-auto d-block img-style lazyload" src="https://p142.p3.n0.cdn.zight.com/items/kpuepB1P/ee166209-3706-4ce8-a9cd-8b1480c14ad4.jpg?v=9058ed7f9b4295b76b52ac75bf41bcc0" /></div> <div class="col-sm-8 col text-start"> <h3 class="mb-4">Bamber Gascoigne</h3> <p style="font-size: 1.1em;">Bamber Gascoigne (1935-2022) was best known for his television role as chairman of University Challenge for twenty-five years (1962-1987). He has also been the author and presenter of many documentary history series, including The Christians, Victorian Values, Man and Music and The Great Moghuls, and he is the author of some twenty books. His key genre was history, but he has also published novels, children's books and academic works on prints and printmaking. From 1994 until his death Bamber worked on an encyclopedic general history which forms the uniquely interactive core of historyworld.net. Bamber was a Trustee of the National Gallery, Trustee of the Tate Gallery, member of the Council of the National Trust, and member of the board of directors of the Royal Opera House, Covent Garden.</p> </div> </div> <div class="row" style="padding-top: 30px;"> <div class="col-sm-4 text-start col-lg-2 align-self-start"><br /><img class="img-fluid mx-auto d-block img-style lazyload" src="https://p142.p3.n0.cdn.zight.com/items/BluqrLWY/bc6ca034-a879-4426-b539-ac757070d124.jpeg?v=aa554f912094957b7a76434c436c0a4a" /></div> <div class="col-sm-8 col text-start"> <h3 class="mb-4">Peter Donebauer</h3> <p style="font-size: 1.1em;">Peter Donebauer co-founded and was Executive Chairman of Diverse Production Ltd, one of the UK's leading independent television producers. Peter unusually combines a science degree in Psychology with an MA from the Royal College of Art. He spent many years before Diverse as a practising fine artist specialising in video, and was the first artist to have an abstract work commissioned for national broadcast on British television (see www.donebauer.net). He is now working again as an artist, with an emphasis on moving image work.</p> </div> </div> <div class="row" style="padding-top: 30px;"> <div class="col-sm-4 text-start col-lg-2 align-self-start"><br /><img class="img-fluid mx-auto d-block img-style lazyload" src="https://p142.p3.n0.cdn.zight.com/items/E0uJDWg7/8cd37072-9a16-4d84-975d-5f312c48c670.jpeg?v=327d0b6513867571b86b76fd5e5f2ddf" /></div> <div class="col-sm-8 col text-start"> <h3 class="mb-4">Ian Henghes</h3> <p style="font-size: 1.1em;">Ian Henghes is a graduate in Film and Television. In 1984 he founded Image Creative, a video editing company based in Soho, London. In the early 90's Ian developed a multimedia catalogue platform 'Imagebase'. He then joined Diverse Production, one of the UK's leading independent production houses to lead a move into new media. Here Ian combined his experience in TV and IT as Head of Interactive, working with computer Programmers, Designers and TV Producers for major publishers, broadcasters and heritage organizations. In 2001 Ian joined HistoryWorld Ltd. building on his particular enthusiasm for 'connected content'; highly interactive online content. As Development Director of Historyworld Ian is responsible for various additions and changes over the years, most recently a new iteration of Historyworld and Timelines accessible via an API. Ian founded <a href="https://diditon.com">diditon.com</a> to provide internet development support and services. He works on a range of projects particularly those in the arts and education.聽</p> </div> </div> <div class="row" style="padding-top: 30px;"> <div class="col-sm-4 text-start col-lg-2 align-self-start"><br /><img class="img-fluid mx-auto d-block img-style lazyload" src="https://p142.p3.n0.cdn.zight.com/items/2Nu9g17p/1c7e3ef4-b9ac-47f9-81d8-b7050903d144.jpeg?v=fea76f8886279523d6bbd7804ffe720d" /></div> <div class="col-sm-8 col text-start"> <h3 class="mb-4">Steve Jelley</h3> <p style="font-size: 1.1em;">Steve Jelley is the founder and chief executive of VideoJuicer, a company that makes online sports, news and entertainment formats and communities for TV and media companies. He is also a director of consulting company TAKEL, which provides business, marketing, and strategic advice to a number of technology and media companies including Apple. Prior to TAKEL he gained extensive experience as a Producer, Agent, and Executive in the TV, film, games, mobile, web, and IT sectors, for clients such as Electronic Arts and for several start-ups. For 5 years, Steve was a media agent packaging projects for broadcasters and games companies on behalf of writers, producers and companies. He has also produced and financed a number of major multimedia projects: He was Project Director of the multi-agency partnership that created www.makingthemodernworld.co.uk, a 拢1.5m website based on Science Museum's major gallery, for educational and general audiences. He is Commercial Director of Historyworld Ltd. His interests include music, climbing, skiing, & cooking.</p> </div> </div> </div> </div> <!-- bloc-2 END --> <!-- ScrollToTop Button --> <button class="bloc-button btn btn-d scrollToTop" aria-label="Scroll to top button"></button> <!-- ScrollToTop Button END--></div> <!-- Main container END --> <p>聽</p> </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">×</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> <script src="https://code.jquery.com/jquery-1.11.0.min.js"></script> <script> $(window).on('load', function () { let footerHeight = $('#footer').outerHeight(); let headerHeight = $('#header').outerHeight(); let heroHeight = $('#hero').outerHeight(); let errorHeight = footerHeight + heroHeight + headerHeight $('#error-404').css({"height": `calc(91vh - ${errorHeight}px)`}) hideSpinner(); }); var hideSpinner = function () { $(".spinner-box").hide(); } </script> <!-- 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 src="https://www.historyworld.net/js/minify/init.js"></script> </body> </html>