Tribute Page

index.html

      <main id="main">
          <header> 
            <h1 id="title">T.B. Joshua</h1>
          </header>
          <div id="img-div">
        <img src="https://dl.dropbox.com/s/3x3nvvhponyudtp/Screenshot_20210710-085241_1625903607915.jpg?dl=0" alt="image of T. B. Joshua" id="image"> 
            <figure-caption id="img-caption"> Visionary</figure-caption>
      </div>
<blockquote class="quote">
  "The beauty of achievement is when we no longer live and our achievement is still there, continuing to linger on in the eyes and ears of children yet unborn."
</blockquote>
    <section>
      <div id="tribute-info">
        <h2>Biography</h2>
        <ul>
          <li>Temitope Balogun Joshua was a Nigerian charismatic pastor, televangelist, and philanthropist. He was the leader and founder of Synagogue, Church of All Nations (SCOAN).</li>

          <li>Joshua was widely known across Africa and Latin America and had a large social media presence with over 6,000,000 fans on Facebook. His YouTube channel, <em>Emmanuel TV</em>, had over 1,000,000 subscribers and was the most-viewed Christian ministry.</li>

          <li>Joshua was awarded various accolades, notably receiving the Officer of the Order of the Federal Republic (OFR) by the Nigerian government in <strong>2008</strong> and he was called one of Africa's 50 most influential people by <em>Pan-African magazines</em>, <em>The Africa Report</em>, and <em>New African Magazine</em>.</li>

          <li >T. B. Joshua spent $20 million on education, healthcare and rehabilitation programs for former Niger Delta militants, repentant armed robbers and sex workers who came to the church for 'deliverance'.</li>

          <li>Joshua provided financial aid to several communities in distress, notably providing electrical transformers to local communities, he donated over N26m to help in the rurals in Akoko area of Ondo State. The cleric has additionally made several large donations to police forces in Nigeria, Ghana and Colombia.</li>

          <li>After the 2010 Haiti earthquake, Joshua sent a team of medical personnel and humanitarian workers to the affected area, establishing a field hospital called <em>'Clinique Emmanuel'</em>.</li>

          <li>He additionally sent support to nations such as Philippines, India and Ghana in the wake of varying natural disasters. The 'Emmanuel TV Team' also assisted victims of the earthquake that struck the nation of Ecuador in April 2016, providing over $500,000 worth of humanitarian aid.</li>

          <li>Joshua was publicly condemned by several prominent pastors within Nigeria. The Christian Association of Nigeria (CAN) and Pentecostal Fellowship Of Nigeria (PFN) both acknowledged Joshua was not a member of either organisation. Like a prophet, he didn't have support in his home ground.</li>

          <li>Joshua was married to Evelyn Joshua and had three children. He died after one of his evening services in Lagos, Nigeria, just one week prior to his 58th birthday. No cause of death was given.</li>

        </ul>

      </div>

    </section>

    <p>To read more on his works, books, and achievements visit the Wikipedia article on <a id="tribute-link" href="https://en.m.wikipedia.org/wiki/T._B._Joshua" target="_blank">T.B. Joshua </a> </p>
    </main>
  <hr>
  <footer class="footer">
    coded by <a class="bee" href="https://www.freecodecamp.org/erudite885" target="_blank">Bianca Uche.</a>
  </footer>
  </body>

</html>

script.babel

// !! IMPORTANT README:

// You may add additional external JS and CSS as needed to complete the project, however the current external resource MUST remain in place for the tests to work. BABEL must also be left in place. 

/***********
INSTRUCTIONS:
  - Select the project you would 
    like to complete from the dropdown 
    menu.
  - Click the "RUN TESTS" button to
    run the tests against the blank 
    pen.
  - Click the "TESTS" button to see 
    the individual test cases. 
    (should all be failing at first)
  - Start coding! As you fulfill each
    test case, you will see them go   
    from red to green.
  - As you start to build out your 
    project, when tests are failing, 
    you should get helpful errors 
    along the way!
    ************/

// PLEASE NOTE: Adding global style rules using the * selector, or by adding rules to body {..} or html {..}, or to all elements within body or html, i.e. h1 {..}, has the potential to pollute the test suite's CSS. Try adding: * { color: red }, for a quick example!

// Once you have read the above messages, you can delete all comments. 

scripts

<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>

style.css

*{
  background-color:black;
  color:white;
  font-family: san-serif;
  text-align:center;
  }

#title{
  font-family: Cursive;
  font-size: 400%;
  font-weight: bold;
  text-align: center;
  text-shadow: 0px 0px 10px #bebebe;
}
#image {
  border:2px solid gold;
  height:auto;
  display: block;
  max-width:100%;
  margin:0 auto; 
  border-radius:50px;
}

#img-caption{
  text-align:center;
}
.quote{
  font-size:70%;
  font-style: italic;
}
@media(min-width:40rem)
  {.quote
    {
      font-size:2rem;
    }
}

h2{
  line-height:25px;
  text-align:center;
  font-family: Cursive;
  font-size: 300%;
  }
li{
  list-style-position:inside;
  background-color: #0a0a0a;
  text-align: center;
  font-weight:bold;
  border:2px solid gold;
  border-radius: 10px;
  padding: 25px;
  margin: 10px;
}
@media(min-width:40rem){
li{
  margin: 0 30%;
 }
}
li{
  margin-bottom:2rem;
}

a{
  color: #d9d9d9;
  font-family: 'Arvo', sans-serif;
  font-size: 18px;
}

a:visited {
  color: #d9d9d9;
}

a:active {
  color: #d9d9d9;
}
a:hover {
  color: #ffff00;
}
hr{
  border:1px solid gold;
  border-radius: 10px;
}
.footer{
  text-align:center;
  }

tribute-page.markdown

Tribute Page

This is a tribute page for T. B. Joshua.

A Pen by Bianca O. Uche on CodePen.

License.