-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
cc7f94d
commit 0457c00
Showing
8 changed files
with
547 additions
and
50 deletions.
There are no files selected for viewing
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,33 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <link href="styles.css" rel="stylesheet"> | ||
| <link rel="preconnect" href="https://fonts.googleapis.com"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | ||
| <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700&family=PT+Serif:ital@0;1&display=swap" rel="stylesheet"> </head> | ||
| <body> | ||
| <div id="content"> | ||
| <h1>Education</h1> | ||
| <div class="quote"> | ||
| <h3 class="center hover">Education is the difference between wishing you could help others & being able to help them</h3> | ||
| <h3 class="center italic">— President Nelson</h3> | ||
| <ol> | ||
| <li>Faith in the Lord Jesus Christ</li> | ||
| <li>Repentance</li> | ||
| <li>Baptism by immersion for the remission of sins</li> | ||
| <li>Laying on of hands for the gift of the Holy Ghost</li> | ||
| </ol> | ||
| <div class="img"> | ||
| <img src="./nelson.jpeg" alt="President Russell Nelson Official Portrait from 2018"> | ||
| <p class="center italic">2018 Offical Portrait of President Russell M. Nelson</p> | ||
| </div> | ||
| <h2 class="left-border">"Because of the Savior's Atonement, His gospel provides an invitation to keep changing, growing, and becoming more pure."</h2> | ||
| <p class="center top-padding">Russell M. Nelson</p> | ||
| <p class="center no-margin">President of the Church of Jesus Christ of Latter-day Saints</p> | ||
| </div> | ||
| <div id="bottom"> | ||
| <a target="_blank" href="https://www.churchofjesuschrist.org/learn/russell-m-nelson" class="center button">Learn More</a> | ||
| </div> | ||
| </div> | ||
| </body> | ||
| </html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,117 @@ | ||
| h1 { | ||
| font-size: 72px; | ||
| margin-top: 0; | ||
| padding-top: 48px; | ||
| transition: 0.3s; | ||
| border-radius: 20px; | ||
| text-align: center; | ||
| font-family: 'Open Sans', sans-serif; | ||
| } | ||
|
|
||
| h3 { | ||
| font-weight: 600; | ||
| font-size: 1.5em; | ||
| } | ||
|
|
||
|
|
||
|
|
||
| html, body { | ||
| background-color: #435C2B; | ||
| font-family: 'Open Sans', sans-serif; | ||
| margin: 0; | ||
| } | ||
|
|
||
| #content { | ||
| width: 60%; | ||
| margin: auto; | ||
| margin-top: 0; | ||
| min-width: 400px; | ||
| background-color: #D0D5CB; | ||
| padding: 20px 5%; | ||
| } | ||
|
|
||
| .center { | ||
| text-align: center; | ||
| } | ||
|
|
||
| .right { | ||
| text-align: right; | ||
| } | ||
|
|
||
| .italic { | ||
| font-style: italic; | ||
| color: #666; | ||
| } | ||
|
|
||
| div.img { | ||
| width: 60%; | ||
| margin: auto; | ||
| } | ||
|
|
||
| img { | ||
| width: 100%; | ||
| } | ||
|
|
||
| ol li { | ||
| font-size: 1.5em; | ||
| font-weight: 700; | ||
| padding: 12px; | ||
| } | ||
|
|
||
| ol { | ||
| padding-top: 5%; | ||
| } | ||
|
|
||
| h2 { | ||
| font-family: 'PT Serif', serif; | ||
| font-weight: 400; | ||
| font-size: 3em; | ||
|
|
||
| } | ||
|
|
||
| div.quote { | ||
| width: 65%; | ||
| margin: auto; | ||
| } | ||
|
|
||
| .left-border { | ||
| border-left: 4px solid #666; | ||
| margin-left: 2px; | ||
| padding-left: 16px; | ||
| } | ||
|
|
||
| .no-margin { | ||
| margin-top: 0; | ||
| margin-bottom: 50px; | ||
| } | ||
|
|
||
| .top-padding { | ||
| padding-top: 50px; | ||
| } | ||
|
|
||
| h1:hover { | ||
| color: white; | ||
| border-radius: 40px; | ||
| background-color: #435C2B; | ||
| } | ||
|
|
||
| #bottom { | ||
| width: 100%; | ||
| text-align: center; | ||
| } | ||
|
|
||
| .button { | ||
| font-size: 1.5em; | ||
| padding: 8px 20px; | ||
| background-color:#435C2B; | ||
| color: white; | ||
| margin: auto; | ||
| border-radius: 12px; | ||
| transition: 0.3s; | ||
| text-decoration: none; | ||
| } | ||
|
|
||
| .button:hover { | ||
| background-color: white; | ||
| color: black; | ||
| } |
This file contains 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
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,3 +1,119 @@ | ||
| img.img { | ||
| width:35%; | ||
| width:100%; | ||
| } | ||
|
|
||
| nav { | ||
| margin: auto; | ||
| width: 100%; | ||
| display: flex; | ||
| justify-content: center; | ||
| border-bottom: 2px solid #1E1E24; | ||
| background-color: #FE654F; | ||
| } | ||
|
|
||
| nav, header { | ||
| margin-top: 0; | ||
| } | ||
|
|
||
| body { | ||
| margin: 0; | ||
| background-color: #F7F0F5; | ||
| } | ||
|
|
||
| nav a { | ||
| padding: 20px 12px; | ||
| margin: 0px 4px; | ||
| background-color: #FE654F; | ||
| display: flex; | ||
| flex-direction: row; | ||
| text-decoration: none; | ||
| color: black; | ||
| justify-content: space-around; | ||
| } | ||
|
|
||
| nav a:hover { | ||
| background-color: #F7F0F5; | ||
| } | ||
|
|
||
| header { | ||
| position: fixed; | ||
| top: 0; | ||
| width: 100%; | ||
| overflow: hidden; | ||
| z-index: 9999; | ||
| } | ||
|
|
||
| div#hero { | ||
| width: 90%; | ||
| margin: auto; | ||
| background-position: center; | ||
| background-repeat: no-repeat; | ||
| background-size: cover; | ||
| position: relative; | ||
| padding-top: 10%; | ||
| padding-bottom: 20%; | ||
| background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../nigel.jpg"); | ||
| } | ||
|
|
||
| div.hero-text { | ||
| width: 50%; | ||
| margin-left: 10%; | ||
| } | ||
|
|
||
| div h1, div h3 { | ||
| color: #F7F0F5; | ||
| margin: 0; | ||
|
|
||
| } | ||
|
|
||
| h1 { | ||
| font-family: 'Poppins', sans-serif; | ||
| font-size: 4em; | ||
| } | ||
|
|
||
| h3 { | ||
| font-family: 'Lora', serif; | ||
| font-size: 1.5em; | ||
| } | ||
|
|
||
| a { | ||
| font-family: 'Bebas-Neue', sans-serif; | ||
| } | ||
|
|
||
| main { | ||
| width: 90%; | ||
| margin: auto; | ||
| } | ||
|
|
||
| #content { | ||
| background-color: #4E8098; | ||
| margin-top: 30px; | ||
|
|
||
| } | ||
|
|
||
| main { | ||
| background-color: #F7FFF7; | ||
| margin-top: 0; | ||
| border-top: 3px solid #1E1E24; | ||
| } | ||
|
|
||
| main h1 { | ||
| color: #1E1E24; | ||
| text-align: center; | ||
| font-size: 3em; | ||
| } | ||
|
|
||
| div.grid { | ||
| display: flex; | ||
| width: 85%; | ||
| margin: auto; | ||
| justify-content: space-around; | ||
| } | ||
|
|
||
| div.panel { | ||
| width: 100%; | ||
| background-color: #EDAFB8; | ||
| padding: 20px; | ||
| text-align: center; | ||
| margin: 20px; | ||
| } |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.