Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <link rel="stylesheet" type="text/css"
 href="https://fonts.googleapis.com/css?family=Oswald">
<link rel="stylesheet" type="text/css"
 href="https://fonts.googleapis.com/css?family=Roboto">
<link rel="stylesheet" type="text/css"
 href="/https://github.com/rsxhoxhi/Pub-Font/">

<style>
  .background{
  background:url(https://raw.github.com/mmoustafa/Chalkboard/master/img/bg.png);
  }
  
  body {
    color: #ffffff;
    border-color: #ffffff
  }
  
  .thin-white-border {
    border-color: #ffffff;
    border-width: 6px;
    border-style: ridge;
  }
  
  .font-color {
    font-color: #ffffff
  }
  
  .word-text {font-family:"Oswald";
  }
  
  h1 {
    font-family: 'Return To Sender';
    color: #d3d3d3;
  }
  
  h2 {
    margin-top: -40px;
    color: #d3d3d3;
    font-family: 'Return To Sender';
  }
  
  h4 {
    font-family: Oswald;
  }
  
  .center {
    text-align: center;
  }
  
  .medium-image {
    width: 400px;
    height: 400px;
  }
  
  p {
    font-family: "Roboto";
    color: #d3d3d3;
  }
  
</style>
<div class="container-fluid">
<body class="background">
<h1 align="center" style="font-size: 80px">London's Pubs</h1>
<h2 align="center" style="font-size: 40px">More Than Just a Watering Hole</h2>
  <div class="center">
    <img class="medium-image"  src="https://sentimentaljourneyblog.files.wordpress.com/2017/01/wp-1484520666962.jpg?w=370&h=&crop=1">
    <img class="medium-image" src="https://www.britanniakensington.co.uk/assets/img/transitions/index/03.jpg">
    <img class="medium-image" src="http://www.fancyapint.com/media/pubimages/pic606.jpg">
  </div>
  
  <div class="thin-white-border" style="padding: 20px">       
<h4> Historical Pubs</h4>
<p>The pub has been around as long as London has existed. Several claim to be London's oldest pub, but no firm data exist to determine which place was sloshing pints first.  Ye Olde Cheshire Cheese is a popular tourist destination and was rebuilt one year after the Great Fire of 1666, but it was undoubtedly supplying Londoners with brews long before then. The Olde Watling is also a contender, though it can't claim to predate the Great Fire.  In fact, it was constructed as a watering hole for the workmen who were rebuilding the nearby parish church of St. James Garlickhythe, along with much of the rest of the city, in the aftermath of the conflagration.</p>

<p>The oldest pub in London, I suspect, is actually Ye Olde Mitre Pub on Ely Place, though no hard data can prove it.  Nonetheless, it is certainly among London's oldest pubs.  A wooden pillar in the barroom bears the date 1564, but it is highly unlikely that a tavern existed on this site in Holborn at that date.  The area now known as Ely Place was, at that point, part of the garden of Ely Palace, the London residence of the Bishops of Ely.  When Sir Christopher Hatton took over part of Ely House and built his own London mansion, renaming it Hatton House in 1576, he expanded the gardens as well.  It is possible, however, that the Olde Mitre Pub occupies the site of the old Hatton House buttery or beer cellar.</p>

<h4>Charming Pubs</h4>
<p>For my money, the most charming pub in London is the Harp on Chandos Lane, just off Covent Garden.  The selection of draft beers is truly remarkable - I recommend the coriander porter if it's available - and a perfect time can be had by all simply by bellying up to the ground-floor bar, or idling outside, beer in hand, on a warm summer evening.  But if you find yourself wandering around Covent Garden on a chilly winter's night, take refuge in the upstairs room of the Harp, which features plush, overstuffed upholstered chairs and a roaring fireplace.</p>
<p>If fireplaces are your thing, South Kensington's <a href="https://www.britanniakensington.co.uk/">Britannia</a> is another charming stop on our pub crawl. Just off Kensington High Street - but also terribly easy to miss - the Britannia is all dark wood and brown leather.  The Sunday pub lunch is exquisite, and, more importantly, you are welcome to indulge in that delightful English pastime that is not at all possible to do in the States: linger over your lunch, or even just a pint, with a book or a newspaper, and stay as long as you like.  There's no pressure to turn over the table here.  Because the pub isn't just a place to drink.  It's the neighborhood living room, and you are welcome there.</p>
<p>The Churchill Arms is a Kensington institution.  It's worth visiting for the plants gracing its exterior, as well as for the creative use of chamber pots on the interior (hint: look up).  The Churchill Arms is an essay in British style - madcap, individual, and proudly reflective of British history.  Plenty of paraphernalia inside relate to the pub's namesake statesman, but virtually ever square inch of interior space is decorated with something, so while Churchill is a definite theme, there is plenty more British history reflected inside.</p>
  </div>
  </div>
              
            
!

CSS

              
                 @font-face {
	font-family: 'Return To Sender';
	src: url('ReturnToSender.eot');
	src: url('ReturnToSender.eot?#iefix') format('embedded-opentype'),
		url('ReturnToSender.woff') format('woff'),
		url('ReturnToSender.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
              
            
!

JS

              
                
              
            
!
999px

Console