css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv

Pen Settings

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

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

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

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

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.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <link href="https://fonts.googleapis.com/css?family=Joti+One" rel="stylesheet">

<div class='container'>
  <div class='jumbotron text-center'>
    <div>
      <h1 id='name-text'>Edgar Allan Poe</h1>
      <h2 id='tagline-text'>Poet. Storywriter. Critic.</h2>
    </div>
  
    <div>
        <img  class ='img-responsive center-block' src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/84/Edgar_Allan_Poe_daguerreotype_crop.png/200px-Edgar_Allan_Poe_daguerreotype_crop.png" alt='A portrait of Edgar Allan Poe'>
    </div>
      <br><p id='quote'>'To recapitulate, then: I would define, in brief, the Poetry of words as The Rhythmical Creation of Beauty. Its sole arbiter is Taste. With the Intellect or with the Conscience, it has only collateral relations. Unless incidentally, it has no concern whatever either with Duty or with Truth.'<br>Edgar Allan Poe - 'The Poetic Principle'</p>
    <div class='body-text'>  
      <p><span class='font-weight-bold'>Early Life<br>19th January 1809 - </span> An English-born actress, Elizabeth Arnold Hopkins Poe, and an Irish American, David Poe Jr., welcomed their second child into the world, Edgar Poe. Edgar had an elder brother, William Henry Leonard Poe, and a younger sister, Rosalie Poe. Their grandfather, David Poe Sr. had emigrated from County Cavan, Ireland, to America around 1750. In 1810, their father abandoned the family, with his mother dying from pulmonary tuberculosis a year later. <br><br><span class='font-weight-bold'>John Allan,</span> a successful Scottish merchant in Richmond, Virginia, took Edgar into his home. Although they never formally adopted Edgar, they did give him the name 'Edgar Allan Poe' and cared for him well into his young adulthood. The Allan family, along with Poe, sailed to Britain in 1815. Poe attended grammar school in Irvine, Scotland, birthplace of John Allan, as well as studied at a boarding school in Chelsea. In 1820, Poe back to Richmond, Virginia with his foster family. In March 1825, William Galt passed away and left behind several acres of real estate to his nephew, John Allan, with an estimated value of $750,000.<br><br><span class='font-weight-bold'>On May 27, 1827,</span> Poe enlisted as a private in the United States Army under the name 'Edgar A. Perry'. Poe claimed to be 22 at the time, despite being only 18 years old, within a few years climbed to the rank of Sergeant Major for Artillery, the highest rank a non-commissioned officer could obtain. Despite this, Poe requested to end his five-year enlistment early. After telling his commanding officer, Lieutenant Howard, his real name and circumstances, Poe was told he would only be granted his request if he reconciled with John Allan. Allan repeatedly ignored Poe's request until his wife, Frances Allan, passed away on February 28, 1829. After securing a replacement, Poe was granted his discharge on April 15, 1829, and on July 1, 1830, Poe enrolled as a cadet at West Point. This would not last long though as Poe decided to leave West Point after disputes with his foster father lead to him being disowned by Allan. Poe decided to intentionally get court-martialled and by February 8, 1831, he was tried for gloss neglect of duty and disobedience of orders.</p>
      <p><span class='font-weight-bold'>Literary Career<br>During his enlistment</span> in the United States Army Poe had released a 40-page collection titled <span class='font-italic'>Tamerlane and Other Poems</span>, however, the book did not receive any attention at the time and only printed 50 copies. In 1829, after his discharge, Poe published a second book titled <span class='font-italic'>Al Aaraaf, Tamerlane, and Minor Poems</span>, which received negatives reviews due its complexity, obscure references, and odd structure. Poe received financial help from his fellow cadets at West Point to help publish his third volume of poems in February 1831, simply titled <span class='font-italic'>Poems</span>. The book included reprints of both 'Tamerlane' and 'Al Aaraaf', as well as six poems that had not been previously published. This included early versions of 'To Helen', 'Israfel', and 'The City in the Sea'.<br><br><span class='font-weight-bold'>In 1833,</span> Poe submitted his short story 'MS. Found in a Bottle' to a writing contest offered by the <span class='font-italic'>Baltimore Saturday Visiter</span>, a weekly periodical in Baltimore, Maryland, and after being unanimously chosen as the winner, Poe  received a prize of $50, as well as having his story published in the 19 October 1833 issue of the periodical. This helped Poe gather the attention of John P. Kennedy and eventually lead to him being introduced to Thomas W. White, the editor of the <span class='font-italic'>Southern Literary Messenger</span> in Richmond, Virginia. Although Poe became assistant editor of the periodical in August 1835, he was discharged a few weeks later after his boss caught him drunk. He was eventually reinstated by White after promising good behaviour and relocated back to Richmond. Poe published several poems, book reviews, critiques, and stories in the paper during his time there and stayed at the <span class='font-italic'>Messenger</span> until January 1837.<br><br><span class='font-weight-bold'>In July 1838,</span> Poe published his first, and only, complete novel <span class='font-italic'>The Narrative of Arthur Gordon Pym of Nantucket</span>. Poe continued to publish articles, stories, and reviews while working as assistant editor of <span class='font-italic'>Burton's Gentleman's Magazine</span> during the summer of 1839, as well as publishing <span class='font-italic'>Tales of the Grotesque and Arabesque</span> that same year. Poe went on to become the editor of <span class='font-italic'>Graham's Magazine</span> in February 1841 and started publishing the harsh critical reviews for which he became known. During his time here he published 'The Murders in the Rue Morgue', which is now recognized as the first detective story. In 1845, Poe had his poem 'The Raven' published in the <span class='font-italic'>Evening Mirror</span> as well as in <span class='font-italic'>The Raven and Other Poems</span>, leading to him winning national fame. In 1846, Poe published 'The Cask of Amontillado', 'The Philosophy of Composition', 'The Poetic Principle', and other works.</p>
      <p><span class='font-weight-bold'>The Legacy Left Behind<br>'Lord help my poor soul.' </span>Some sources say these were the final words of Poe. He was found on the 3rd of October 1849 delirious on the streets of Baltimore and taken to the Washington Medical College. Poe passed away on Sunday, 7 October 1849 at 05:00 in the morning, with the cause of death still remaining a mystery to this day. During his lifetime, Poe was recognized mostly as a literary critic, earning him the reputation of being a 'tomahawk man' because of his caustic reviews. Poe became one of the first American authors of the 19th century to become more popular in Europe than in the United States, in particular gaining a large amount of respect in France after early translations of Poe's work were performed by Charles Baudelaire, a French poet, art critic, and philosopher.<br><br><span class='font-weight-bold'>Poe helped lay the groundwork</span> for future detectives in literature thanks to his early detective fiction featuring C. Auguste Dupin. In 2013, <span class='font-italic'>The Guardian</span> cited <span class='font-italic'>The Narrative of Arthur Gordon Pym of Nantucket</span> as one of the greatest novels ever written in the English language, noting its influence on later authors such as Henry James, Arthur Conan Doyle, B. Traven, and David Morrell.</p>
      <p id='footer-link'>If you would like to read more about the life of Edgar Allan Poe, please check out his<a href="https://en.wikipedia.org/wiki/Edgar_Allan_Poe"> Wikipedia entry.</a></p>
    </div>
  </div>
  <footer class="text-center">
    <hr>
    <p>Written and coded by <a href="https://www.freecodecamp.org/alexgracie" target="_blank">Alex Gracie</a>.</p>
  </footer>  
</div>
            
          
!
            
              .jumbotron{
  background: rgb(234,211,168);
  height: 100%;
}

#name-text{
  font-family: 'Joti One', cursive;
  font-size: 2.3em;
}

#quote{
  font-family: 'Helvetica';
  font-style: italic;
}

#tagline-text{
  font-size: 1.777em;
}

.body-text{
  font-size: .9em;
  line-height:1.2em;
}

body {
  background: black;
}

#footer-link{
  font-size: 1.3em;
}

            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.
Loading ..................

Console