It is a tribute page for Sadhguru Jaggi Vasudev.
A Pen by Rohan Arora on CodePen.
Created
June 4, 2019 20:38
-
-
Save rohanjai777/cd3a36ae41439b8038ec4860ff3e38dc to your computer and use it in GitHub Desktop.
Tribute Page
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| document.getElementsByTagName("h1")[0].style.fontSize = "80px"; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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; | |
| } | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment