Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html lang="en">
​
<head>
  
  <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-133493793-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
​
  gtag('config', 'UA-133493793-1');
</script>
  
  
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  <meta name="description" content="">
  <meta name="author" content="">
  <link rel="icon" href="../../favicon.ico">
​
  <title>history podcasts</title>
​
  <!-- Bootstrap core CSS -->
  <link href="https://getbootstrap.com/docs/3.3/dist/css/bootstrap.min.css" rel="stylesheet">
​
  <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
  <link href="https://getbootstrap.com/docs/3.3/assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet">
​
  <!-- Custom styles for this template -->
  <link href="https://getbootstrap.com/docs/3.3/examples/starter-template/starter-template.css" rel="stylesheet">
  <link href="https://getbootstrap.com/docs/3.3/examples/offcanvas/offcanvas.css" rel="stylesheet">
​
​
  <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
  <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
  <script src="https://getbootstrap.com/docs/3.3/assets/js/ie-emulation-modes-warning.js"></script>
​
  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
​
  <link rel="stylesheet" href="style.css">
​
  <style>
    
body {
  background:  #F0F0F0;
  background-image: url('https://bgfons.com/uploads/paper/paper_texture312.jpg')
  }
​
.navbar {
  background-color: black;
​
}
.jumbotron {
  background-color: black;
  color: white;
  border-radius: 5%;
}
​
​
.pods {
   border: 2px solid black;
}
​
.col-xs-12, .col-sm-6, .col-lg-4 {
  border: 5px solid gray;
  border-radius: 4%;
  height: 200px;
  background-color: blue;
  background-image: url(https://images.unsplash.com/photo-1519972064555-542444e71b54?ixlib=rb-1.2.1&w=1000&q=80);
​
}
​
​
.site {
position: absolute;
top: 150px; left: 10px;}
​
.rss {
position: absolute;
top: 150px; left: 80px;}
  </style>
  <base target="_blank">
</head>
​
<body>
​
  <nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container-fluid">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        <a class="navbar-brand" href="https://output.jsbin.com/mipuriv"><img src="https://media.licdn.com/dms/image/C4E03AQFrjLTLBF3KXA/profile-displayphoto-shrink_200_200/0?e=1544054400&v=beta&t=iW56QOGDsZbpSwnpv3FtFJL_s2STiHdMReXZhj8J6QM" alt="" width='30%' ></a>
      </div>
      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">
​
          
          <li><a href="https://worklinks.neocities.org/onlineArt.html">Art</a></li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Philosophy <span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li><a href="https://philosophyring.neocities.org/">podcasts</a></li>
              <li><a href="https://philosophyring.neocities.org/Magee.html">Bryan Magee's Interviews</a></li>
            </ul>
          </li>
​
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Books<span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li><a href="https://output.jsbin.com/fetameg">podcasts</a></li>
              <li><a href="https://output.jsbin.com/kuvohow">World literature</a></li>
              <li><a href="https://philosophyring.neocities.org/guardianBooks.html">Guardian choices</a></li>
            </ul>
          </li>
​
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">History<span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li><a href="https://www.reddit.com/r/HistoryNetwork/wiki/listofhistorysubreddits">Reddit</a></li>
              <li><a href="https://recordedhistory.net/">Recorded History</a></li>
            </ul>
          </li>
​
​
        </ul>
      </div>
      <!-- /.navbar-collapse -->
    </div>
    <!-- /.container-fluid -->
  </nav>
​
  <!-- container div  1  -->
  <div class="container">
    <div class="jumbotron">
      <!-- jumbo   1  -->
      <h1>History Podcasts</h1>
      <h3>(Note that RSS feeds don't render properly in Chrome)</h3>
    </div>
    <!-- end jumbo 1  -->
  </div>
  <!-- container div  1  END -->
​
​
  <div class="container">
    <!-- container div  2  -->
<div class="col-xs-12 col-sm-6 col-lg-4"><h3>10 American presidents</h3><p>10 USP is a podcast about 10 landmark American Presidents by Roifield Brown. Each show features an expert narrator giving their take on the life of the president.</p><p><a class='btn btn-default site'  href="http://www.10usp.com/" role='button'>Site &raquo;</a>&nbsp;<a class='btn btn-default rss' href="http://rss.acast.com/10americanpresidents" role='button'>RSS &raquo;</a></p></div>
<div class="col-xs-12 col-sm-6 col-lg-4"><h3>12 Byzantine Rulers</h3><p>Lars Brownworth's classic podcast (1st episode in 2004)</p><p><a class='btn btn-default site'  href="https://12byzantinerulers.com/" role='button'>Site &raquo;</a>&nbsp;<a class='btn btn-default rss' href="https://12byzantinerulers.com/rss.xml" role='button'>RSS &raquo;</a></p></div>
<div class="col-xs-12 col-sm-6 col-lg-4"><h3>Africa: A history</h3><p>Travis Dow, podcast creator extraordinaire, explores the cultural, anthropologic and geographical history of Africa.</p><p><a class='btn btn-default site'  href="http://www.podcastnik.com/africa" role='button'>Site &raquo;</a>&nbsp;<a class='btn btn-default rss' href="http://rss.acast.com/africaahistory" role='button'>RSS &raquo;</a></p></div>
<div class="col-xs-12 col-sm-6 col-lg-4"><h3>American Biography</h3><p>Thomas Daly's podcast on figures, often lesser known, from American history</p><p><a class='btn btn-default site'  href="https://americanbiography.webs.com/" role='button'>Site &raquo;</a>&nbsp;<a class='btn btn-default rss' href="https://rss.acast.com/americanbiography" role='button'>RSS &raquo;</a></p></div>
<div class="col-xs-12 col-sm-6 col-lg-4"><h3>Bohemican</h3><p><a href="http://www.bohemican.com/contact.html"  target='_blank'>Pete Collman</a>, originally from Hawaii, now an expat in Prague, delivers this podcast about Czech history.  </p><p><a class='btn btn-default site'  href="http://www.bohemican.com/" role='button'>Site &raquo;</a>&nbsp;<a class='btn btn-default rss' href="http://rss.acast.com/bohemican" role='button'>RSS &raquo;</a></p></div>
<div class="col-xs-12 col-sm-6 col-lg-4"><h3>British History</h3><p>Jamie Jeffers's podcast about Britain through the ages</p><p><a class='btn btn-default site'  href="https://www.thebritishhistorypodcast.com/" role='button'>Site &raquo;</a>&nbsp;<a class='btn btn-default rss' href="http://feeds.feedburner.com/TheBritishHistoryPodcast" role='button'>RSS &raquo;</a></p></div>
<div class="col-xs-12 col-sm-6 col-lg-4"><h3>History of Alchemy</h3><p>Travis Dow looks at the history of alchemy and it's influence on science.</p><p><a class='btn btn-default site'  href="http://www.podcastnik.com/history-of-alchemy-podcast" role='button'>Site &raquo;</a>&nbsp;<a class='btn btn-default rss' href="http://rss.acast.com/historyofalchemy" role='button'>RSS &raquo;</a></p></div>
<div class="col-xs-12 col-sm-6 col-lg-4"><h3>History of China</h3><p>Chris Stewart's podcast on the history of China</p><p><a class='btn btn-default site'  href="https://thehistoryofchina.wordpress.com/" role='button'>Site &raquo;</a>&nbsp;<a class='btn btn-default rss' href="https://thehistoryofchina.wordpress.com/feed/" role='button'>RSS &raquo;</a></p></div>
<div class="col-xs-12 col-sm-6 col-lg-4"><h3>History of Germany </h3><p>Another podcast from Travis Dow; this time on the history of Germany. </p><p><a class='btn btn-default site'  href="http://www.podcastnik.com/history-of-germany-podcast" role='button'>Site &raquo;</a>&nbsp;<a class='btn btn-default rss' href="https://rss.acast.com/historyofgermany" role='button'>RSS &raquo;</a></p></div>
​
<div class="col-xs-12 col-sm-6 col-lg-4"><h3>History of India</h3><p>Kit Patrick's podcast on the history of India</p><p><a class='btn btn-default site'  
href="http://sendmejunkeveryday.wixsite.com/historyofindia" role='button'>Site &raquo;</a>&nbsp;<a class='btn btn-default rss' href="http://historyofindiapodcast.libsyn.com/rss" role='button'>RSS &raquo;</a></p></div>
   
    
<div class="col-xs-12 col-sm-6 col-lg-4"><h3>History of Pirates</h3><p>Craig Buddy's podcast doesn't appear to have new episodes after May 2017</p><p><a class='btn btn-default site'  href="http://www.historyofpiratespodcast.com/?cat=2" role='button'>Site &raquo;</a>&nbsp;<a class='btn btn-default rss' href="http://www.historyofpiratespodcast.com/?feed=rss2" role='button'>RSS &raquo;</a></p></div>
<div class="col-xs-12 col-sm-6 col-lg-4"><h3>History of Rome</h3><p>Mike Duncan's History of Rome podcast recorded from 2007-2013</p><p><a class='btn btn-default site'  href="https://thehistoryofrome.typepad.com/the_history_of_rome/archives.html" role='button'>Site &raquo;</a>&nbsp;<a class='btn btn-default rss' href="https://feeds.feedburner.com/TheHistoryOfRome" role='button'>RSS &raquo;</a></p></div>
<div class="col-xs-12 col-sm-6 col-lg-4"><h3>History of the Papacy</h3><p>Steve Guerra is the host of the History of the Papacy Podcast, which began in 2013.</p><p><a class='btn btn-default site'  href="https://www.atozhistorypage.com/papacy" role='button'>Site &raquo;</a>&nbsp;<a class='btn btn-default rss' href="http://rss.acast.com/historyofthepapacy" role='button'>RSS &raquo;</a></p></div>
<div class="col-xs-12 col-sm-6 col-lg-4"><h3>History of the 20th Century</h3><p>Mark Painter takes an interdisciplinary approach to include art, culture, music, science and religion, as well as war and politics.</p><p><a class='btn btn-default site'  href="https://historyofthetwentiethcentury.com/listen/" role='button'>Site &raquo;</a>&nbsp;<a class='btn btn-default rss' href="http://history20th.libsyn.com/rss" role='button'>RSS &raquo;</a></p></div>
<div class="col-xs-12 col-sm-6 col-lg-4"><h3>History of the World</h3><p>Now defunct, but downloads are still available. </p><p><a class='btn btn-default site'  href="http://podcasthistoryofourworld.blogspot.com/" role='button'>Site &raquo;</a>&nbsp;<a class='btn btn-default rss' href="http://podcasthistoryofourworld.libsyn.com/rss" role='button'>RSS &raquo;</a></p></div>
<div class="col-xs-12 col-sm-6 col-lg-4"><h3>History of….</h3><p>Jamie Redfern takes on a variety of historical topics.  He has several podcasts that can be linked to from his site or google+ page</p><p><a class='btn btn-default site'  href="http://thehistoryofpodcast.blogspot.ie/ " role='button'>Site &raquo;</a>&nbsp;<a class='btn btn-default rss' href="https://plus.google.com/114245834868045355406?prsrc=5" role='button'>RSS &raquo;</a></p></div>
<div class="col-xs-12 col-sm-6 col-lg-4"><h3>In Our Time</h3><p>BBC 4's long-standing show with Melvin Bragg</p><p><a class='btn btn-default site'  href="https://www.bbc.co.uk/programmes/b006qykl" role='button'>Site &raquo;</a>&nbsp;<a class='btn btn-default rss' href="http://downloads.bbc.co.uk/podcasts/radio4/iot/rss.xml" role='button'>RSS &raquo;</a></p></div>
<div class="col-xs-12 col-sm-6 col-lg-4"><h3>Norman Centuries</h3><p>Lars Brownworth's podcast covering Normans in France, England and Italy. </p><p><a class='btn btn-default site'  href="https://normancenturies.com/" role='button'>Site &raquo;</a>&nbsp;<a class='btn btn-default rss' href="https://normancenturies.com/rss.xml" role='button'>RSS &raquo;</a></p></div>
<div class="col-xs-12 col-sm-6 col-lg-4"><h3>Our Fake History</h3><p>Sebastian Major and Beth Lorimer serve up a podcast about myths people think are history 
  and history that might be hidden in myths</p><p><a class='btn btn-default site'  
  href="http://ourfakehistory.com/" role='button'>Site &raquo;</a>&nbsp;<a class='btn btn-default rss' href="http://ourfakehistory.libsyn.com/rss" role='button'>RSS &raquo;</a></p></div>
​
    
<div class="col-xs-12 col-sm-6 col-lg-4"><h3>Revolutions</h3><p>A weekly podcasting exploring great political revolutions from Mike Duncan.</p><p><a class='btn btn-default site'  href="http://www.revolutionspodcast.com/" role='button'>Site &raquo;</a>&nbsp;<a class='btn btn-default rss' href="http://revolutionspodcast.libsyn.com/rss" role='button'>RSS &raquo;</a></p></div>
<div class="col-xs-12 col-sm-6 col-lg-4"><h3>Russian Rulers</h3><p>Mark Schauss's podcast on Russian history</p><p><a class='btn btn-default site'  href="http://russianrulershistory.com/" role='button'>Site &raquo;</a>&nbsp;<a class='btn btn-default rss' href="http://russianrulers.podhoster.com/" role='button'>RSS &raquo;</a></p></div>
<div class="col-xs-12 col-sm-6 col-lg-4"><h3>Talking history</h3><p>Benjamin & Adam Ashwell discuss the Italian reunification in the 19th century.</p><p><a class='btn btn-default site'  href="http://www.talkinghistorypodcast.com/" role='button'>Site &raquo;</a>&nbsp;<a class='btn btn-default rss' href="http://talkinghistorypodcast.libsyn.com/rss" role='button'>RSS &raquo;</a></p></div>
<div class="col-xs-12 col-sm-6 col-lg-4"><h3>The History of Byzantium</h3><p>Robin Pierson continues the story of the Roman empire.  This podcast was created to continue the narrative from Mike Duncan's history of Rome podcast</p><p><a class='btn btn-default site'  href="https://thehistoryofbyzantium.com/" role='button'>Site &raquo;</a>&nbsp;<a class='btn btn-default rss' href="https://rss.acast.com/thehistoryofbyzantium" role='button'>RSS &raquo;</a></p></div>
<div class="col-xs-12 col-sm-6 col-lg-4"><h3>The Secret Cabinet</h3><p>"Secret Cabinet" refers to historic artifacts that are somehow disturbing or deviant.  This is the English version where Travis Dow translates the original German podcast by Der Buddler. </p><p><a class='btn btn-default site'  href="http://www.podcastnik.com/the-secret-cabinet-podcast" role='button'>Site &raquo;</a>&nbsp;<a class='btn btn-default rss' href="https://rss.acast.com/secretcabinet" role='button'>RSS &raquo;</a></p></div>
<div class="col-xs-12 col-sm-6 col-lg-4"><h3>Twilight Histories</h3><p>Jordan Harbour mashes history and the Twilight Zone</p><p><a class='btn btn-default site'  href="http://www.twilighthistories.com/" role='button'>Site &raquo;</a>&nbsp;<a class='btn btn-default rss' href="https://audioboom.com/channels/4662184.rss" role='button'>RSS &raquo;</a></p></div>
<div class="col-xs-12 col-sm-6 col-lg-4"><h3>When Diplomacy Fails</h3><p>Zack Twamley, historian from County Wicklow, examines causes and implications of conlicts from 1500 to the present.</p><p><a class='btn btn-default site'  href="http://www.wdfpodcast.com/wdf-timeline/" role='button'>Site &raquo;</a>&nbsp;<a class='btn btn-default rss' href="http://rss.acast.com/whendiplomacyfails" role='button'>RSS &raquo;</a></p></div>
<div class="col-xs-12 col-sm-6 col-lg-4"><h3>Wittenberg to Westphalia</h3><p>Originally intended as a history of The Thirty Years War, the scope of the project grew to now include the entire Early Modern Period of European History; from Benjamin Jacobs.</p><p><a class='btn btn-default site'  href="http://wittenbergtowestphaliapodcast.weebly.com/" role='button'>Site &raquo;</a>&nbsp;<a class='btn btn-default rss' href="" role='button'>RSS &raquo;</a></p></div>
​
      <!--/.col-xs-12.col-lg-4-->
    </div>
    <!--/row-->
  </div>
  <!-- container div  2  END -->
​
  <!-- Bootstrap core JavaScript
    ================================================== -->
  <!-- Placed at the end of the document so the pages load faster -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script>
    window.jQuery || document.write('<script src="https://getbootstrap.com/docs/3.3/assets/js/vendor/jquery.min.js')
  </script>
  <script src="https://getbootstrap.com/docs/3.3/dist/js/bootstrap.min.js"></script>
  <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
  <script src="https://getbootstrap.com/docs/3.3/assets/js/ie10-viewport-bug-workaround.js"></script>
</body>
​
</html>
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
saeedahmed12pro
0viewers