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 href="https://fonts.googleapis.com/css?family=Great+Vibes|Homemade+Apple|Julius+Sans+One" rel="stylesheet" type="text/css">
<div class="main container-fluid">

  <div class="text-center">

    <h1 class="text-primary">Helen Bamber OBE</h1>
    <h2> (1925-2014) </h2>

    <img class="img-responsive" src="https://i.telegraph.co.uk/multimedia/archive/03014/bamber_3014687c.jpg" alt="A Young Helen Bamber">
    <!---
  <img class="img-responsive" src="https://i.telegraph.co.uk/multimedia/archive/03014/bamber2_3014699b.jpg" alt="Helen Bamber at her prime">-->
    <h3 class="text-primary bold"> Who was she?</h3>

    <body>
      <p class="text-justify"> Helen Bamber was a Psycotherapist and Human Rights Activist, was born in 1925. She grew up as an only child in a large ramshackled house in Stamford Hill, North London. Her father, whose family was originally from Poland, was fixated on the rise
        of fascism and the persecution of the Jews and saw it as his mission to educate his daughter. </p>
      <p class="text-justify">In 1945 Helen Bamber made the decision that was to shape her life over the next 70 years. She was just 19 when she informed her parents that she was going with the Jewish Relief Unit to the Belsen concentration camp, in northern Germany, where more
        than 50,000 people – including Anne Frank had died following the invasion of the British Soldiers. It was there that Helen decided that the world was divided into two camps: bystanders and witnesses. Bystanders saw what they wanted, turned away
        when it suited them, denied the evidence if necessary. Witnesses had a duty to observe and report truthfully. </p>
      <p class="text-justify">On her return from Belsen, she worked with the Jewish Refugee Committee before spending three decades campaigning for Amnesty International, where she started a group to help torture victims. Amnesty decided that treating torture victims as well
        as campaigning against the regimes that abused them was too broad a remit, which spurred her in 1985 to launch the Medical Foundation for Care of Victims of Torture. In 2005, The Helen Bamber Foundation was then established.</p>
      <p class="text-justify">Helen married Rudi Bamberger, a Jewish refugee from Germany who changed his name to the more British Bamber and they later went on to have two sons. unfortunately the marriage did not survive and after 23 years they divorced but remained good friends.Helen's
        life long work have been chronicled below. It is so amazing all the things she achieved in her life time. Helen is survived by two sons.
      </p>
    </body>
    <h4 class="text-primary"> Diary of a Worrior</h4>

    <ul type="none">
      <li>1945<p><pre>
    Aged 20, Helen enters Bergen-Belsen Concentration Camp with one of the first 
    rehabilitation and relief teams to work with survivors 
    "At times there was nothing I could do for the survivors other 
    than to listen and to bear witness...
    all I could say was 
    'your story will be told, I will be your witness'."</pre></p></li>

      <li>1947
        <p> On her return to England, Helen is appointed to the Commitee for the Care of Children from Concentration Camps where she looks after 722 children from Auschwitz</p>
      </li>

      <li>1961
        <p> Helen Forms the first Medical Group of the British section of Amnesty International</p>
      </li>

      <li>1963-1967
        <p>Helen works with Dr Maurice Pappworth on the publication of two books: A Primer of Medicine (1963) and Human Guinea Pigs: Experimentation on Man (1967) </p>
      </li>

      <li>Mid 1970
        <p>Dr Papworth and Helen lobby and publish in the defence of humane medicine. UK government orders health authorities to set up ethics committees and the British Association to 'sound ethical controls in medical research'</p>
      </li>

      <li>1981
        <p> As a result of Helen's work, the British Medical Association establishes a Working Group on Torture and publish it's first Torture Report</p>
      </li>
      <!--insert image of BMA-->

      <li>1985
        <p> Helen founds the Medical Foundation for the care of Victims of Torture and is appointed Secretary General for the International Society for Human Rights </p>
      </li>


      <li>1993
        <p> Helen is named European Woman of Achievement</p>
      </li>

      <li>1995
        <p> Helen is awarded the OBE </p>
      </li>

      <li>1998<p><pre> 
    Helen's biography 'The Good Listener' is published by Neil Belton. 
    In the same year she was also awarded 
    the Lifetime Achievement in Human Rights </p></pre></li>
      <li>2005
        <p> At the age of 80, Helen set up the The Helen Bamber Foundation. She did this in response to changing patterns of global violence and an increasingly hostile political landscape. </p>
      </li>
      <li>2006
        <p> Helen is awarded the coverted Beacon Special Award</p>
        <li>2007
          <p>Emma Thompson joins the Helen Bamber Foundation as Chair and sets up a Creative Arts Program</p>
        </li>
        <li>2009
          <p> Helen is awarded to Dag Hammarskjold Inspiration Award, the inaugural The Times/Sternberg Active Life Award and Eileen Skellern Lifetime Achievement Award.</p>
        </li>
        <li> 2010
          <p>Despite being in her late 80's Helen's organisation continued to campaign to ensure that government policy in relation to 'Handling Claims of Torture and Serious Harm' were improved and were sucessful</p>
        </li>

        <li>2012
          <p> Helen stepped down as Director of her foundation to concentrate on her work with her clients within the foundation. In the same year an Auction by Amish Kepoor raises over £650,000 and included works by Damien Hirst, Ali Wei-Wei and Renzo Piano</p>
        </li>

        <li>2013
          <p> Helen was also awarded the Inspiration Awards for Women - Human Rights Award</p>
        </li>
        <li>2014
          <p><pre>
 Helen Bamber OBE, 
 passed away on 21st August 2014 
 at the age of 89 after a year long illness</p></pre></li>
    </ul>

    <h5 class="text-primary"> Her Legacy </h5>

    <body>
      <p class="text-justify">Helen's life and commitment to human rights shall always be remembered. She was attentive, and showed unrivalled compassion to those in need. The foundation continues in her name, her inspiration will be passed from generation to generation. That
        is truly what Helen would have wanted. The Helen Bamber Foundation continues to support survivors of torture and human cruelty, providing Clinical and Therapeautic Care and Legal Protection.</p>

      <p>
<pre>To find out more about the wonderful work they do 
click on the link to visit their website at: 
<a href="https://www.helenbamber.org/our-founder"
            target="_blank"> www.helenbamber.org </a> </pre></p> </body>


    <div class="row">
      <div class="col-xs-4">
        <a href="https://www.facebook.com/helenbamberfoundation/" target="_blank"> <i class="fa fa-facebook-square fa-3x" target=aria-hidden=true> </i></a>

      </div>
      <div class="col-xs-4">
        <a href="https://twitter.com/HelenBamber" target="_blank"> <i class="fa fa-twitter-square fa-3x" target=aria-hidden=true> </i></a>
      </div>
      <div class="col-xs-4">

        <a href="https://www.youtube.com/watch?v=o-8kB2DJQ0g" target="_blank"> <i class="fa fa-youtube-play fa-3x" target=aria-hidden=true> </i> </a>
      </div>
    </div>
    </p>

    <footer>
      <p class="text-center"><i class="fa fa-copyright" aria-hidden="true"></i> Coded by Angela 2016</p>
    </footer>
  </div>
</div>
              
            
!

CSS

              
                /*http://lea.verou.me/css3patterns/#lined-paper*/
body {
  margin-top: 25px
background-color: #0000;
background-image: 
linear-gradient(transparent 79px, #abced4 79px, #abced4 81px, transparent 81px),
linear-gradient(#eee .1em, transparent .1em);
background-size: 100% 1.9em;
}

main {
  top: 50%;
  left: 50%: margin-top;
  -50px margin-left;
  -100px
}

h1 {
  margin-top: 70px;
  font-size: 80px;
  font-family: "Great Vibes", cursive;
  text-shadow: 4px 4px 4px #aaa;
}

h2 {
  margin-bottom: 40px;
  font-size: 30px;
  font-family: "Julius Sans One";
  sans-serif;
}

h3 {
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 50px;
  font-family: "Great Vibes";
  cursive;
}

h4 {
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 40px;
  font-family: "Great Vibes";
  cursive;
}

h5 {
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 40px;
  font-family: "Great Vibes";
  cursive;
}

p {
  margin-top: 15px;
  margin-below: 15px;
  font-size: 22px;
  font-family: "Homemade Apple";
  cursive;
}

ul {
  list-style-type: "none";
  font-family: "Julius Sans One";
  sans-serif;
  font-size: 30px;
}
pre{ margin-top: 15px;
  margin-below: 15px;
  font-size: 22px;
  font-family: "Homemade Apple";
  cursive;}

img {
  margin: auto;
  
}

footer {
  margin-top: 50px;
  display: block;
  margin: auto;
  width: 40%;
  
}
/*p:hover { 
    background-color: orange;
}*/

/*https://www.freemovement.org.uk/wp-content/uploads/2015/01/DSC_0439.jpg possible background from freemovement.org.uk */
              
            
!

JS

              
                
              
            
!
999px

Console