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. You can use the CSS from another Pen by using it's URL and the proper URL extention.

+ 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 href="https://fonts.googleapis.com/css?family=Patua+One|Cinzel|BenchNine|El+Messiri" rel="stylesheet">

<body>
  <div class="container-fluid">
    <div class="jumbotron">
      <div class="text=primary text-center">
        <h1><strong>Bhagat Singh</strong></h1>
      </div>
      <div class="text-center">
        <h2>The true leader!</h2>
      </div>
      
      <div class="row">
        <div class="col-xs-12 col-sm-4">
          <img src="http://mayday.leftword.com/left-content/themes/twenty-fifteen/blog/wp-content/uploads/2016/09/bhagat-singh_2qmc.jpg" class="img-responsive img-thumbnail" alt="Bhagat singh">
          <p class="caption text-center">Bhagat Singh in 1929</p>
        </div> 
        <div class="col-xs-12 col-sm-8">
          <p class="first-para">
            Bhagat Singh as a charismatic Indian socialist revolutionary whose two acts of dramatic violence against the British in India and execution at age 23 made him a folk hero of the Indian independence movement.
          </p>
          <p>
            Bhagat Singh remains a significant figure in Indian iconography to the present day.His memory, however, defies categorisation and presents problems for various groups that might try to appropriate it.Bhagat Singh represents a challenge to almost every tendency in Indian politics. Gandhi-inspired Indian nationalists, Hindu nationalists, Sikh nationalists, the parliamentary Left and the pro-armed struggle Naxalite Left compete with each other to appropriate the legacy of Bhagat Singh, and yet each one of them is faced with a contradiction in making a claim to his legacy. Gandhi-inspired Indian nationalists find Bhagat Singh's resort to violence problematic, the Hindu and Sikh nationalists find his atheism troubling, the parliamentary Left finds his ideas and actions as more close to the perspective of the Naxalites and the Naxalites find Bhagat Singh's critique of individual terrorism in his later life an uncomfortable historical fact.Although many of Singh's associates, as well as many Indian anti-colonial revolutionaries, were also involved in daring acts, and were either executed or died violent deaths, few came to be lionized in popular art and literature to the same extent as Singh.
          </p>
           
      </div>
    </div>
      <h3><strong>Early Life</strong></h3>
      <div class="row">
        <div class="col-xs-12 col-xs-9">
          <p>Bhagat Singh, a Sandhu Jat,was born in 1907 o Kishan Singh and Vidyavati at Chak No.105 GB, Banga village, Jaranwala Tehsil in the Lyallpur district of the Punjab Province of British India. His birth coincided with the release of his father and two uncles, Ajit Singh and Swaran Singh, from jail.
          His family members were Sikhs; some had been active in Indian Independence movements, others had served in Maharaja Ranjit Singh's army.Unlike many Sikhs of his age, Singh did not attend the Khalsa High School in Lahore. His grandfather did not approve of the school officials' loyalty to the British government.He was enrolled instead in the Dayanand Anglo-Vedic High School, an Arya Samaji institution.
        </div>
        <div class="col-xs-12 col-sm-3">
         <a href="https://thecommonmanspeaks.com/wp-content/uploads/2012/03/Bhagat-Singh-real-photo1.jpg"> <img src="https://thecommonmanspeaks.com/wp-content/uploads/2012/03/Bhagat-Singh-real-photo1.jpg" class="early-image" alt="Bhagat Singh in Lahore College">
          </a>
        </div>
      </div>
      <h3><strong>Activities</strong></h3>
      <div class="row">
        <div class="col-xs-12 col-sm-4">
          <a href="https://upload.wikimedia.org/wikipedia/commons/b/b3/Pamphlet_by_HSRA_after_Saunders_murder.jpg"><img src="https://upload.wikimedia.org/wikipedia/commons/b/b3/Pamphlet_by_HSRA_after_Saunders_murder.jpg" alt="HSRA pamplet after Saunder's death" class="pamplet img-thumbnail"></a>
        </div>
        <div class="col-xs-12 col-sm-8">
          <p>
            In 1928, the British government set up the Simon Commission to report on the political situation in India. Some Indian political parties boycotted the Commission because there were no Indians in its membership,and there were protests across the country. When the Commission visited Lahore on 30 October 1928, Lala Lajpat Rai led a march in protest against it. Police attempts to disperse the large crowd resulted in violence. The superintendent of police, James A. Scott, ordered the police to lathi charge (use batons against) the protesters and personally assaulted Rai, who was injured. Rai died of a heart attack on 17 November 1928.Doctors thought that his death might have been hastened by the injuries he had received. 
          </p>
          <p>
            Bhagat was a prominent member of the HRA and was probably responsible, in large part, for its change of name to HSRA in 1928.The HSRA vowed to avenge Rai's death.Singh conspired with revolutionaries like Shivaram Rajguru, Sukhdev Thapar, and Chandrashekhar Azad to kill Scott.However, in a case of mistaken identity, the plotters shot John P. Saunders, an Assistant Superintendent of Police, as he was leaving the District Police Headquarters in Lahore on 17 December 1928.
          </p>
        </div>
      </div>
      <h3><strong>Death</strong></h3>
      <div class="row">
        <div class="col-xs-12 col-sm-7">
          <p>Singh, Rajguru and Sukhdev were sentenced to death in the Lahore conspiracy case and ordered to be hanged on 24 March 1931. The schedule was moved forward by 11 hours and the three were hanged on 23 March 1931 at 7:30 pm in the Lahore jail. It is reported that no magistrate at the time was willing to supervise Singh's hanging as was required by law. The execution was supervised instead by an honorary judge, who also signed the three death warrants, as their original warrants had expired.The jail authorities then broke a hole in the rear wall of the jail, removed the bodies, and secretly cremated the three men under cover of darkness outside Ganda Singh Wala village, and then threw the ashes into the Sutlej river, about 10 kilometres (6.2 mi) from Ferozepore.
          </p>
        </div>
        <div class="col-xs-12 col-sm-5">
          <img src="http://68.media.tumblr.com/9984d7a404f8be757901593937c72c4f/tumblr_o4i36dP1u81qap9gno1_500.jpg" alt="Execution of Bhagat Singh" class="Execution img-thumbnail">
        </div>
      </div>
      <h3><strong>Memorials-</strong></h3>
      <div class="row">
        <div class="col-xs-12">
          <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e0/National_Martyrs_Memorial_Hussainiwala_closeup.jpg/1200px-National_Martyrs_Memorial_Hussainiwala_closeup.jpg" class="memorial img-thumbnail">
        </div>
      </div>
      <div>
        <ul>
          <li><p>On 15 August 2008, an 18-foot tall bronze statue of Singh was installed in the Parliament of India, next to the statues of Indira Gandhi and Subhas Chandra Bose.[ A portrait of Singh and Dutt also adorns the walls of the Parliament House.<p></li>
          <li><p>In September 2007, the Governor of Punjab, Pakistan, Khalid Maqbool, announced that a memorial to Singh would be displayed at the Lahore Museum. According to the governor, Singh was the first martyr of the subcontinent and his example was followed by many youths of the time</p></li>
          <li><p>The Shaheedi Mela (Punjabi: Martyrdom Fair) is an event held annually on 23 March when people pay homage at the National Martyrs Memorial.The day is also observed across the Indian state of Punjab.</p></li>
          <li><p>The Bhagat Singh Memorial was built in 2009 in Khatkar Kalan at a cost of ₹168 million (US$2.6 million).</p></li>
          <li><p>The Supreme Court of India established a museum to display landmarks in the history of India's judicial system, displaying records of some historic trials. The first exhibition that was organised was the Trial of Bhagat Singh, which opened on 28 September 2007, on the centenary celebrations of Singh's birth.</p></li>
          <li><p>The Shaheed-e-Azam Sardar Bhagat Singh Museum opened on the 50th anniversary of his death at his ancestral village, Khatkar Kalan. Exhibits include Singh's half-burnt ashes, the blood-soaked sand, and the blood-stained newspaper in which the ashes were wrapped.</p></li>
          <li><p>The place where Singh was cremated, at Hussainiwala on the banks of the Sutlej river, became Pakistani territory during the partition. On 17 January 1961, it was transferred to India in exchange for 12 villages near the Sulemanki Headworks.</p>
          </li>
        </ul>
      </div>
      <h4 class="text-right">Written and coded by <strong>Vishal</strong></h4>
  </div>
    <p class="link text-center">Wanna read more? <a href="https://en.wikipedia.org/wiki/Bhagat_Singh">Bhagat Singh</a><p>
    
</body>
              
            
!

CSS

              
                body{
  background-color:#000030;
}

h1{
  font-family:Cinzel;
  margin-bottom:-1%
}
h2{
  font-style:italic;
  font-size:20px;
}

h3{
  font-family:El-Messiri;
  margin-top:3%
}
.first-para{
  font-size:40px;
}

.early-image{
  width:350px;  
}

.pamplet{
  width:300px;
}

.memorial{
  width:800px;
  margin-left:15%;
  margin-bottom:5%;
  margin-top:5%;
}

h4{
  font-family:italics;
}

.link{
  color:#fffaf0;
  font-size:20px;
}
              
            
!

JS

              
                
              
            
!
999px

Console