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

              
                <div id=main>
  
 
  <h1 id="title">Nelson Mandela</h1>
  <h2>Iconic freedom fighter of the 20th Century</h2>
  <div id="img-div">
    <img id= "image" src="https://static01.nyt.com/images/2018/07/08/sunday-review/08Mandela-Images-slide-3GG5/08Mandela-Images-slide-3GG5-articleLarge-v2.jpg?quality=75&auto=webp&disable=upscale"  alt="Nelson Mandela giving a speech"</img>
    
   <p id="img-caption">Nelson Mandela giving a speech 2 days after his release after 27 years as a political prisoner.    
    </p> 
    <p id="tribute-info">
      <br>
      Nelson Rolihlahla Mandela; (18 July 1918 – 5 December 2013) was a South African anti-apartheid revolutionary, political leader and philanthropist who served as President of South Africa from 1994 to 1999. He was the country's first black head of state and the first elected in a fully representative democratic election. His government focused on dismantling the legacy of apartheid by tackling institutionalised racism and fostering racial reconciliation. Ideologically an African nationalist and socialist, he served as the president of the African National Congress (ANC) party from 1991 to 1997.<br> <br>

A Xhosa speaker, Mandela was born to the Thembu royal family in Mvezo, Union of South Africa. He studied law at the University of Fort Hare and the University of Witwatersrand before working as a lawyer in Johannesburg. There he became involved in anti-colonial and African nationalist politics, joining the ANC in 1943 and co-founding its Youth League in 1944. After the National Party's white-only government established apartheid, a system of racial segregation that privileged whites, he and the ANC committed themselves to its overthrow. Mandela was appointed president of the ANC's Transvaal branch, rising to prominence for his involvement in the 1952 Defiance Campaign and the 1955 Congress of the People. He was repeatedly arrested for seditious activities and was unsuccessfully prosecuted in the 1956 Treason Trial. Influenced by Marxism, he secretly joined the banned South African Communist Party (SACP). Although initially committed to non-violent protest, in association with the SACP he co-founded the militant Umkhonto we Sizwe in 1961 and led a sabotage campaign against the government. He was arrested and imprisoned in 1962, and subsequently sentenced to life imprisonment for conspiring to overthrow the state following the Rivonia Trial.<br><br>

Mandela served 27 years in prison, split between Robben Island, Pollsmoor Prison and Victor Verster Prison. Amid growing domestic and international pressure, and with fears of a racial civil war, President F. W. de Klerk released him in 1990. Mandela and de Klerk led efforts to negotiate an end to apartheid, which resulted in the 1994 multiracial general election in which Mandela led the ANC to victory and became president. Leading a broad coalition government which promulgated a new constitution, Mandela emphasised reconciliation between the country's racial groups and created the Truth and Reconciliation Commission to investigate past human rights abuses. Economically, Mandela's administration retained its predecessor's liberal framework despite his own socialist beliefs, also introducing measures to encourage land reform, combat poverty and expand healthcare services. Internationally, he acted as mediator in the Pan Am Flight 103 bombing trial and served as secretary-general of the Non-Aligned Movement from 1998 to 1999. He declined a second presidential term and was succeeded by his deputy, Thabo Mbeki. Mandela became an elder statesman and focused on combating poverty and HIV/AIDS through the charitable Nelson Mandela Foundation.
<br> <br>
Mandela was a controversial figure for much of his life. Although critics on the right denounced him as a communist terrorist and those on the far-left deemed him too eager to negotiate and reconcile with apartheid's supporters, he gained international acclaim for his activism. Widely regarded as an icon of democracy and social justice, he received more than 250 honours, including the Nobel Peace Prize. He is held in deep respect within South Africa, where he is often referred to by his Thembu clan name, Madiba, and described as the "Father of the Nation".
   </p>
    <a href= "https://en.wikipedia.org/wiki/Nelson_Mandela" id="tribute-link" target="_blank">Click here for more information about Madiba</a>
    
    
    
    </div>
</div>
              
            
!

CSS

              
                body{text-align:center;
     background: linear-gradient(35deg,#E1E5E4, gray, white) }   
div{text-color:AC500C;
    }
h1{ 
  font-size:100px;color:brown;
 }

h2{font-size:30px;color:brown;}
p{color:brown;}


img{max-width:100%;
display:block;
height:auto;
margin:0 auto;}d{color:grey;}

background-image{position: absolute; 
  width: 100%; 
  height: auto; 
    
  left: 120px; 
  top: 0px; 
  z-index: -1;}
              
            
!

JS

              
                
              
            
!
999px

Console