Tribute Page

index.html

<main id="main">
  <h1 id= "title"> Sadhguru Jaggi Vasudev </h1>
  <p> The Man who inspires million lives </p>
  <figure id="img-div">
    <img
       id="image"
      src="https://isha.sadhguru.org/wp-content/uploads/2013/10/Sadhguru-Jaggi-Vasudev-Public.jpg"
      alt="Sadhguru Jaggi Vasudev, often referred to as simply Sadhguru, is an Indian yogi, mystic, and author"
    />
    <figcaption id="img-caption">
      Sadhguru Jaggi Vasudev, often referred to as simply Sadhguru, is an Indian yogi, mystic, and author.
    </figcaption>
     </figure>
   <section id="tribute-info">
     <h3 id="headline">Here is the short Biography of Sadguru</h3>
      <ul>
        <li>
        <strong>Early Life</strong> - Born in Mysore, Karnataka, India, Sadhguru Jaggi Vasudev was the youngest of four children – two boys and two girls.
           He graduated from the University of Mysore with a bachelor's degree in English literature.
      </li>
      <li>
        <strong>Spiritual Life</strong> - At the age of 25 on 23 September 1982, he rode up Chamundi Hill and sat on a rock, where he had a spiritual experience
      </li>
        <li>
        <strong>Isha Foundation</strong> - Sadhguru Jaggi Vasudev established the Isha Foundation, a nonreligious, non-profit organisation entirely run by volunteers. 
      </li>
      <li>
        <strong>Yoga Programs</strong> - Isha Yoga Center near Coimbatore was founded in 1993, and hosts a series of programs to heighten self-awareness through Yoga.
      </li>   
     <li>
        <strong>Participation in Global and Economic Forums</strong> - Jaggi Vasudev spoke at the United Nations Millennium World Peace Summit in 2000,the World Economic Forum in 2006, 2007, 2008 and 2009.
      </li>    
     <li>
        <strong>Publications </strong> - Jaggi Vasudev is the author of several books, including Inner Engineering: A Yogi's Guide to Joy.
        </li>  </ul>
     <h3>
      If you have time, you should read more about this incredible human being
      on his
      <a
        id="tribute-link"
        href="https://en.wikipedia.org/wiki/Jaggi_Vasudev"
        target="_blank"
        >Wikipedia entry</a
      >.
    </h3>
  </section>
</main>

script.js

document.getElementsByTagName("h1")[0].style.fontSize = "80px";

style.less

html {
  font-size: 10px;
}

body {

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
  color: #333;
  margin: 0;
}

h1 {
  font-size: 4rem;
  margin-bottom: 0;
}

@media (max-width: 460px) {
  h1 {
    font-size: 3.5rem;
    line-height: 1.2;
  }
}

h2 {
  font-size: 3.25rem;
}

a {
  color: #477ca7;
}

a:visited {
  color: #74638f;
}

#main {
  margin: 30px 8px;
  padding: 15px;
  border-radius: 5px;
  background: #eee;
}

@media (max-width: 460px) {
  #main {
    margin: 0;
  }
}

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

#img-div {
  background: white;
  padding: 10px;
  margin: 0;
}

#img-caption {
  margin: 15px 0 5px 0;
}

@media (max-width: 460px) {
  #img-caption {
    font-size: 1.4rem;
  }
}

#headline {
  margin: 50px 0;
  text-align: center;
}

ul {
  max-width: 550px;
  margin: 0 auto 50px auto;
  text-align: left;
  line-height: 1.6;
}

li {
  margin: 16px 0;
}

tribute-page.markdown

Tribute Page

It is a tribute page for Sadhguru Jaggi Vasudev.

A Pen by Rohan Arora on CodePen.

License.