First Web Page

In this example below you will see how to do a First Web Page with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by PerfectLearner, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright PerfectLearner ©
  • HTML
  • CSS
  • JavaScript
    <head>

</head>
<div class="container-fluid">
<h3 class="text-primary text-center"> Mother Teresa</h1>
 <div id="header">
   <span id="centerer">
 <img class="img-circle" id="image1"  src="http://a2.files.biography.com/image/upload/c_fit,cs_srgb,dpr_1.0,h_1200,q_80,w_1200/MTE1ODA0OTcxODAxNTQ0MjA1.jpg"></img></span>
   <div>
     <p id="Period">(26 Aug 1910 – 5 Sep 1997)</p>
   </div>
     <div class="Quotes">"Do not wait for leaders,do it alone person to person"<br><br>
       "Yesterday is gone<br>
       Tomorrow has not yet come<br>We have only today<br>Let us Begin"<br>
     </div>
     <br>
   </div>
  <div class="row" id="info">
    <div class="col-xs-6" id="Early1">
      <span id="Topic1" style="font-type:Bold;color:blue;">Early Life</span>
       <p id="first1"> Catholic nun and missionary Mother Teresa was born on August 26, 1910, in Skopje, the current capital of the Republic of Macedonia. The following day, she was baptized as Agnes Gonxha Bojaxhiu. Her parents, Nikola and Dranafile Bojaxhiu, were of Albanian descent; her father was an entrepreneur who worked as a construction contractor and a trader of medicines and other goods. The Bojaxhius were a devoutly Catholic family, and Nikola was deeply involved in the local church as well as in city politics as a vocal proponent of Albanian independence.
      In 1919, when Agnes was only 8 years old, her father suddenly fell ill and died. While the cause of his death remains unknown, many have speculated that political enemies poisoned him. In the aftermath of her father's death, Agnes became extraordinarily close to her mother, a pious and compassionate woman who instilled in her daughter a deep commitment to charity.

Although by no means wealthy, Drana Bojaxhiu extended an open invitation to the city's destitute to dine with her family. "My child, never eat a single mouthful unless you are sharing it with others," she counseled her daughter. When Agnes asked who the people eating with them were, her mother uniformly responded, "Some of them are our relations, but all of them are our people."</p>
      <p id="first2">In 1919, when Agnes was only 8 years old, her father suddenly fell ill and died. While the cause of his death remains unknown, many have speculated that political enemies poisoned him. In the aftermath of her father's death, Agnes became extraordinarily close to her mother, a pious and compassionate woman who instilled in her daughter a deep commitment to charity.

Although by no means wealthy, Drana Bojaxhiu extended an open invitation to the city's destitute to dine with her family. "My child, never eat a single mouthful unless you are sharing it with others," she counseled her daughter. When Agnes asked who the people eating with them were, her mother uniformly responded, "Some of them are our relations, but all of them are our people."</p>
         </div>
    <div class="col-xs-6">
       <span id="Topic2" style="font-type:Bold;color:blue;">Religious Calling</span>
       <p id="rightfirst1">Agnes attended a convent-run primary school and then a state-run secondary school. As a girl, she sang in the local Sacred Heart choir and was often asked to sing solos. The congregation made an annual pilgrimage to the Church of the Black Madonna in Letnice, and it was on one such trip at the age of 12 that she first felt a calling to a religious life. Six years later, in 1928, an 18-year-old Agnes Bojaxhiu decided to become a nun and set off for Ireland to join the Sisters of Loreto in Dublin. It was there that she took the name Sister Mary Teresa after Saint Thérèse of Lisieux.

A year later, Sister Mary Teresa traveled on to Darjeeling, India, for the novitiate period; in May 1931, she made her First Profession of Vows. Afterward she was sent to Calcutta, where she was assigned to teach at Saint Mary's High School for Girls, a school run by the Loreto Sisters and dedicated to teaching girls from the city's poorest Bengali families. Sister Teresa learned to speak both Bengali and Hindi fluently as she taught geography and history and dedicated herself to alleviating the girls' poverty through education.</p>
      <p id="first2">On May 24, 1937, she took her Final Profession of Vows to a life of poverty, chastity and obedience. As was the custom for Loreto nuns, she took on the title of "Mother" upon making her final vows and thus became known as Mother Teresa. Mother Teresa continued to teach at Saint Mary's, and in 1944 she became the school's principal. Through her kindness, generosity and unfailing commitment to her students' education, she sought to lead them to a life of devotion to Christ. "Give me the strength to be ever the light of their lives, so that I may lead them at last to you," she wrote in prayer.</p>
    </div>
  </div>
<div>
<hr color="#FF0000" width="100%">
</div>
<div id="More" align="middle">
  <a href="https://en.wikipedia.org/wiki/Mother_Teresa">Click here</a> for more information
</div>
</div>

/*Downloaded from https://www.codeseek.co/PerfectLearner/first-web-page-yVQgqy */
    body
{
 margin-top:20px;
  background-color:#ffa07a;
}
.Quotes
{
  color:red;
  text-align:Center;
  font-style:italic;
  font-type:ChaparralPro-Bold;
}
#Period{
  color:blue;
  font-size:8px;
  text-align:center;
}
#header{background-color:#fa8072;
  border-radius : 25px;
  margin : 10px 10px 10px 10px;
  Padding: 10px 10px 10px 10px;
}
#image1{
  display:block;
 margin:auto;
 width:20%;
}
#first1,#rightfirst1{color:blue;
font-size:10px;
font-family:Times New Roman;}
#first2{color:blue;
font-size:10px;
font-family:Times New Roman;}


/*Downloaded from https://www.codeseek.co/PerfectLearner/first-web-page-yVQgqy */
    
  $("#image1").function(){
    $(this).html("Mother Teresa")});
}); 
    


Comments