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

              
                <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<div class="well OuterWellFormat">
  <h1 style="text-align:center;"><b>Sergei Magnitsky</b></h1>
  <h4 style="text-align:center;">8<sup>th</sup> April 1972 - 16<sup>th</sup> November 2009</h4>
 
  <div>  
    <img  src="https://upload.wikimedia.org/wikipedia/commons/2/29/Sergei_Magnitsky.jpg" class="ImageResize">
  </div>

  <div class="well BodyWellFormat" style="font-size:large;">
    <p><b>Sergei Magnitsky</b> was an auditor at the Moscow law firm Firestone Duncan.He represented the investment advisory firm Hermitage Capital Management, which had been accused of tax evasion and tax fraud by the Russian Interior Ministry</p>
    <p>Magnitsky had alleged there had been a large-scale theft from the Russian state, sanctioned and carried out by Russian officials. He was arrested and eventually died in prison seven days before the expiration of the one-year term during which he could be legally held without trial.In total, Magnitsky served 358 days in Moscow's notorious Butyrka prison. He developed gall stones, pancreatitis and a blocked gall bladder and received inadequate medical care. A human rights council set up by the Kremlin found that he was physically assaulted shortly before his death.His case has become an international cause célèbre and led to the adoption of the Magnitsky bill by the US government at the end of 2012 by which those Russian officials believed to be involved in the auditor’s death were barred from entering the United States or using its banking system. In response, Russia blocked hundreds of foreign adoptions</p>
    <h3>Timeline of Events</h3>
      <ul>
        <li><b>June 2007</b> – Russian police raid the offices of Hermitage Capital Management, officially to look for information on one of their investors. During the raid seals and corporate certificates are taken into evidence.</li>
        <li><b>October 2007</b> – Using the seals and certificates, corrupt officials and criminal groups transfer ownership of a number of Hermitage’s Russian subsidiaries. The companies are involved in a string of litigation proceedings in a  court in Tartarstan, 500-miles east of Moscow.</li>
        <li><b>December 2007</b> – Fearing that companies have been stolen from them, Hermitage hires Moscow lawyer Sergei Magnitisky to investigate. That same month, the fraudulent owners of the Hermitage subsidiaries apply for and receive a $230m tax refund. Moscow tax offices 24 and 28 sign off on the deal.</li>
        <li><b>July 2008</b> – After months of painstaking investigation, Magnitsky files a detailed criminal complaint with seven government agencies, naming a string of Russian government officials and criminal figures involved in the scam.</li>
        <li><b>October 2008</b> – Magnitsky testifies to Russian prosecutors and gives an interview to Businessweek magazine. He is arrested days later and delivered to the very police officers and investigators he accused of carrying out the scam.</li>
        <li><b>November 2009</b> – After months of interrogation, coercion and deliberately withdrawn medication in prison, Sergei Magnitsky dies.</li>
        <li><b>2010</b> - Following the death of their lawyer, Hermitage go on the warpath, running their own investigation into the scam, naming officials online and launching a global campaign to bring political and diplomatic pressure on Russia to prosecute the perpetrators.</li>
        <li><b>2011</b> – Political pressure beings to work. State Department puts 60 officials involved in the scam on visa ban list. UK unofficially does the same. Similar motions tabled in European Parliament, Canada, Netherlands and Poland.</li>
        <li><b>2012</b> – At some point in early 2012 Alexander Perepilichnyy, a Russian businessman who helped the tax officials who signed off on the scam hide their new found wealth, begins working with Hermitage and Swiss prosecutors to expose how much of the money was laundered. In April Switzerland launches its own investigation and freezes assets in a  number of Credit Suisse accounts.</li>
        <li><b>November 10th 2012</b> – Mr Perepilichnyy, a seemingly healthy 44-year-old man, drops dead outside his home in Weybridge, Surrey.</li>
      </ul><br>
    <p>Source :<br>
    <a href="https://en.wikipedia.org/wiki/Sergei_Magnitsky">Sergei Magnitsky's Wikipedia Page</a><br>
    <a href="https://www.independent.co.uk/news/uk/home-news/timeline-of-the-magnitsky-scandal-the-fraud-that-cost-two-lives-8360445.html">Article from the independent</a></p>
  </div>
</div>  
              
            
!

CSS

              
                .ImageResize{
  display:block;
  margin-right:auto;
  margin-left:auto;
  max-width:35%;
  max-height:35%;
}
.BodyWellFormat{
  max-width:75%;
  max-height:75%;
  margin-top:1%;
  margin-right:auto;
  margin-left:auto;
  background-color:#C0C2C2;
}
.OuterWellFormat{
  margin: 1% 15% 1% 15%;
  background-color:#C0C2C2;
}
Body{
  font-family: 'Open Sans', sans-serif;
}
              
            
!

JS

              
                
              
            
!
999px

Console