123

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.

            
              <!--By using the <div> in the beginning, i can save alot of time because it automatically nest all of my work to follow the class and style-->
<div class="text-center" style="background-color:powderblue">
  <div>
<h1><b>Joseph Rotblat</b></h1>
  </div>
  &nbsp;
<div class="dark-turquoise container">
  <h2><i>Physicist, Moralist, Peacekeeper</i></h2>
</div>
  &nbsp;
<div style="text-align:center">
<img style="width:502px;height:650px;" src="http://www.purkiss-images.eu/anne/wp-content/uploads/2012/01/004-Rotblat-Joseph-London-10-95-a.jpg" alt="Joseph Rotblat">
</div>
&nbsp;
<!--the line above is used for leaving space-->
<div style="Courier">
  <h3>
    <q><i>My third appeal is to my fellow citizens in all countries: Help us to establish lasting peace in the world.</i></q>
    <footer>Joseph Rotblat</footer>
  </h3>
</div>
&nbsp;
  <!--I can increase the indent space with margin-left-->
<div class="text-left" style="margin-left:150px;">
    <p>
      <ul style="list-style-type:bullet">
       <li>Born on November 4, 1908</li>
       <li>Father's name was Zygmunt Rotblat, owner of a horse-drawn carriage bussiness, which had to close down due to the start of World War One</li>
       <li>Obtained a spot in the physics department of the Free University of Poland after working as an electrician</li>
        <li>Met Tola Gryn in 1930, whom he will later marry</li>
        <li>Gained a Master of Arts in 1932</li>
        <li>Became a Doctor of Physics at the University of Warsaw in 1938</li>
        <li>Lost his wife, Tola Rotblat, after she was captured and sent to a concentration camp in 1939</li>
        <li>By 1944, he worked in the Manhattan Project along with James Chadwick, but at the same year, he left the project on the grounds of conscience, he was considered a soviet spy afterwards</li>
        <li>Returned to Britain and became one of its subjects, joined by his family members</li>
        <li>Became a Professor of Physics in 1949 at St. Bartholomew's hospital, later earning a PhD from Liverpool in 1950</li>
        <li>In 1955, became the youngest signature in the Rusell-Einstein Manifesto</li>
        <li>Founded the Pugwash Conference on Science and World Affairs in 1957</li>
        <li>Became a Commander of the Most Excellent Order of the British Empire in 1965</li>
        <li>Won the Albert Einstein Peace Prize in 1992</li>
        <li>Shared the Nobel Peace Prize of 1995 with the Pugwash Conference</li>
        <li>Obtained the Jamnalal Bajaj Award in 1999</li>
        <li>FOught endlessly against nuclear weapons, often expressing his beliefs during interviews before the 2004 presidential election</li>
        <li>Died August 31, 2005</li>
  </ul>
</p>
  </div>
  &nbsp;
<div class="link">
  <p><font size:"7">For more information, you can click <a href="https://en.wikipedia.org/wiki/Joseph_Rotblat" target="_blank">here</font></a></p>
</div>
    
            
          
!
            
              h1{ 
  color:black;
  font-family:Arial-Black;
  font-size:65px;
  margin:0px;
}
h2{
  font-family:Lucida-Grande;
  margin:15px;
}
.dark-turquoise{
  background-color:#00CED1
}
.link {
  padding:5px;
}



  

  
  
  
  

            
          
!
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.

Console