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 is required to process package imports. If you need a different preprocessor remove all packages first.

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

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

              
                <html>
  <head>
    <title>A Tribute Page to Shaheed Bhagat Singh</title>
  </head>
  <body>
    <h1 class = "text-center">Shaheed Bhagat Singh</h1>
    <center><div class = "container" id = "Introduction">
      <img src = https://upload.wikimedia.org/wikipedia/commons/6/66/Bhagat-singh.gif class = "img-responsive" alt = "Original photo of the Prince of Martyrs">
      <div id = "picdesc" class = "container-fluid">
        <p>Original photo of the "Prince of Martyrs"</p>
      </div>
    </div>
    <h2 class = "text-center">Timeline</h2>
    <div class = "container-fluid" id = "Timeline">
      <p><b>1907:</b>Shaheed Bhagat Singh was born on September 27th ,1907. Singh was influenced by a number of incidents during his childhood which established a deep sense of attachment to the independence of India in him.</p>
      <p><b>1919:</b> Bhagat Singh visited  Jallianwala bagh at the age of 12. A lot of people gathered in a public meeting and they were fired upon by the British government without any warning, killing hundreds. Bhagat Singh witnessed the whole event watching the deaths of many innocent people and   who were victims of discrimination.</p>
      <p><b>1924:</b>He ran away from his house to Cownpore from his family to avoid getting married. It is also belived that he went to Cownpore to attempt to free kakori train robbery convicts from jail, but returned to Lahore for unknown reasons.</p>
      <p><b>1928:</b> Bhagat singh took vow to take revenge of Lala Lajpat Rai's death who led a silent protest but the police responded with violence. Singh joined other revolutionaries to plot the death of James A. Scott. Scott was the superintendent of police, he ordered the police to Baton charge the protesters. The plot of killing Scott went wrong and Singh  killed J.P Saunders instead.</p>
      <p><b>1929:</b> He and Batukeshwar Dutt threw two bombs in Central Legislative Assembly. And were then arrested. After they were arrested, they witnessed discrimination between European and Indian prisoners. Singh led other prisoners in a hunger strike to protest this. They demanded equality in standards of food, clothing, toiletries, and other hygienic necessities.</p>
      <p><b>1931:</b> Bhagat singh , Rajguru and Sukhdev were hanged on 27th March, for Lahore Conspiracy Case.</p>
    </div>
    <font size = 5px><p style = "color: white"><i>"They may kill me, but they cannot kill my ideas. They can crush my body, but they will not be able to crush my spirit"</i></p>
    <p style = "color: white">-Bhagat Singh</p></font></center>
   <div id = "References" style = "color: white" align = "center">
     <p>Please visit <a href = "https://en.wikipedia.org/wiki/Bhagat_Singh"target = "_blank">this</a> link for more information about Bhagat Singh.</p>
     <p>Designed by <a href = "https://www.linkedin.com/in/prateek-gupta-874a7592/" target = "_blank">Prateek Gupta</a></p>
   </div>
  </body>
</html>
              
            
!

CSS

              
                body {
  background-color: #000000;
}
h1{
  color: #FFFFFF;
}
h2{
  color:#FFFFFF
}
#Introduction{
  position: relative;
}
#picdesc{
  position: relative;
  padding: 0px 10px;
  text-align: center;
  color: #FFFFFF
}
#Timeline{
  position: relaive;
  background-color:#FFFFFF;
}
              
            
!

JS

              
                
              
            
!
999px

Console