Created
January 21, 2022 15:30
-
-
Save Stayl045/baeac86f390ef02eccbf213a8b356e41 to your computer and use it in GitHub Desktop.
Lord of the Rings Wiki Article
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
| <header> | |
| <h1>The Lord of the Rings</h1> | |
| <p class= "heading-2">From Wikipedia, the free encyclopedia</p> | |
| <div> | |
| <img src="https://image.cnbcfm.com/api/v1/image/106832365-1611930800281lord-of-the-rings-Cropped-jpg?v=1611930819" alt="Lord of the Rings"> | |
| </div> | |
| </header> | |
| <main> | |
| <article> | |
| <section class= "section"> | |
| <p>The Lord of the Rings is an epic[1] high-fantasy novel[a] by English author and scholar J. R. R. Tolkien. Set in Middle-earth, intended to be Earth at some distant time in the past, the story began as a sequel to Tolkien's 1937 children's book The Hobbit, but eventually developed into a much larger work. Written in stages between 1937 and 1944. | |
| </p> | |
| </section> | |
| <section> | |
| <h1>The Fellowship of the Ring</h1> | |
| <h2></h2> | |
| <h3>Prologue</h3> | |
| <h3>Book I: The Ring Sets Out</h3> | |
| <p>Bilbo celebrates his 111th birthday and leaves the Shire suddenly, leaving the Ring to Frodo Baggins, his cousin[c] and heir. Neither hobbit is aware of the Ring's origin, but the wizard Gandalf suspects it is a Ring of Power. Seventeen years later, Gandalf tells Frodo that he has confirmed that the Ring is the one lost by the Dark Lord Sauron long ago and counsels him to take it away from the Shire. | |
| </p> | |
| </section> | |
| </article> | |
| </main> | |
| <footer><a href="https://en.wikipedia.org/wiki/The_Lord_of_the_Rings" target="_blank">Lord of the Rings Wiki</a></footer> |
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
| @import url('https://fonts.googleapis.com/css2?family=Karla:wght@500&display=swap'); | |
| /* ********************* */ | |
| /* **** base styles **** */ | |
| /* ********************* */ | |
| body { | |
| padding: 15px; | |
| } | |
| h1 { | |
| text-align: center; | |
| } | |
| p { | |
| font-family: 'Karla', sans-serif; | |
| } | |
| footer { | |
| background-color: coral; | |
| color: white; | |
| text-align: center; | |
| height: 45px; | |
| } | |
| .heading-2 { | |
| text-align: center; | |
| } | |
| /* **** containers **** */ | |
| .section { | |
| border: 5px solid; | |
| border-radius: 15px; | |
| border-color: coral; | |
| padding: 10px 15px; | |
| } | |
| /* images */ | |
| img { | |
| width: 100%; | |
| height: auto; | |
| padding-bottom: 10px; | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
My first GISt