-
Notifications
You must be signed in to change notification settings - Fork 22
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Browse files
Browse the repository at this point in the history
#122 update landing page participate
- Loading branch information
Showing
1 changed file
with
97 additions
and
20 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 |
|---|---|---|
|
|
@@ -303,6 +303,30 @@ | |
| text-align: center; | ||
| padding: 4px 0 8px 0; | ||
| } | ||
| div #participate.section-styling { | ||
| padding-bottom:107px; | ||
| } | ||
| div #participate h1 { | ||
| font-size: 3.3em; | ||
| margin-top: 33px; | ||
| font-weight: 500; | ||
| margin-bottom: -45px; | ||
| } | ||
| div #participate h2 { | ||
| line-height: 40px; | ||
| font-size: 2.375em; | ||
| margin: 65px auto 20px; | ||
| color: #2B2B2B; | ||
| } | ||
| div #participate p { | ||
| font-size: 1.25em; | ||
| } | ||
| div #participate .green-btn { | ||
| margin-top: -1px | ||
| } | ||
| div .participate-content { | ||
| margin: 0 45px; | ||
| } | ||
| #footer { | ||
| text-align: center; | ||
| } | ||
|
|
@@ -377,9 +401,55 @@ | |
| color: #FFFFFF; | ||
| } | ||
| #participate.section-styling { | ||
| background-color: #F8F8F8; | ||
| color: #196848; | ||
| padding: 36px 0 64px 0; | ||
| background-color: #DBE8DE; | ||
| padding: 8px 0 130px 0; | ||
| } | ||
| .participate-content { | ||
| margin: 0 auto; | ||
| max-width: 701px; | ||
| } | ||
| #participate .green-btn { | ||
| color: #FFFFFF; | ||
| background-color: #62A374; | ||
| display: table; | ||
| width: 160px; | ||
| text-align: center; | ||
| font-size: .9em; | ||
| font-weight: 500; | ||
| padding: 16px 36px; | ||
| margin: 38px auto 0; | ||
| box-shadow: .125em .125em rgba(0, 0, 0, 0.4); | ||
| border-radius: .4em; | ||
| } | ||
| #participate h1 { | ||
| color: #62A374; | ||
| font-size: 2.9em; | ||
| letter-spacing: .02em; | ||
| margin-bottom: -36px; | ||
| } | ||
| #participate h2 { | ||
| font-weight: normal; | ||
| text-align: center; | ||
| font-size: 2.1em; | ||
| margin-top: 60px; | ||
| letter-spacing: .02em; | ||
| } | ||
| #participate p { | ||
| color: #222322; | ||
| font-size: 1.12em; | ||
| margin: 0 auto; | ||
| width: 90%; | ||
| line-height: 27px; | ||
| letter-spacing: .027em; | ||
| } | ||
| #participate p::after { | ||
| content: ""; | ||
| display: block; | ||
| margin-top: 26px; | ||
| clear: both; | ||
| } | ||
| #participate a { | ||
| text-decoration: none; | ||
| } | ||
| #footer.section-styling { | ||
| background-color: #FFFFFF; | ||
|
|
@@ -514,23 +584,30 @@ <h1 align="center">Features</h1> | |
| <p>W</p> | ||
| </div> | ||
| <div id="participate" class="section-styling"> | ||
| <div class="center-div"> | ||
| <h1 align="left">Participate</h1> | ||
| <p> | ||
| <div class="bold-text">Join the open source project</div> | ||
| Get course credit or professional grade experience working on a large open source | ||
| project. Be part of a project team, working closely with our programmers and | ||
| designers to complete a part of the project. All regular contributors can add the | ||
| project to their LinkedIn resume and request a recommendation based on their comleted | ||
| work. Go to <a href="dev.ctree.org">dev.ctree.org</a> to get started. | ||
| </p> | ||
| <p> | ||
| <div class="bold-text">Test the project</div> | ||
| As the project develops we need real world examples of how it can be used. If you | ||
| want to use it with your nonprofit, online community, or other organization Please | ||
| email <a href = "mailto: [email protected]">[email protected]</a> | ||
| </p> | ||
| </div> | ||
| <div class="participate-content"> | ||
| <h1 align="center">Participate</h1> | ||
| <h2>Join the Open Source Project!</h2> | ||
| <p> | ||
| <!-- <div class="bold-text" align="center">--><!--</div> --> | ||
| Get course credit or professional grade experience working on a large open source | ||
| project. Be part of a project team, working closely with our programmers and | ||
| designers to complete a part of the project. | ||
| </p> | ||
| <p> | ||
| Regular contributors are encouraged to add the project to their LinkedIn, and can | ||
| request recommendations based on the work they've completed. Go to <strong>cTree.dev</strong> to | ||
| get started. | ||
| </p> | ||
| <a href="ctree.dev" tabindex="-1"><paper-button raised class="green-btn">JOIN CTREE</paper-button></a> | ||
| <h2>Test Collaboration Tree!</h2> | ||
| <p> | ||
| <!-- <div class="bold-text">Test the project</div> --> | ||
| As the project develops we need real world examples of how it can be used. If you | ||
| want to use it with your nonprofit, online community, or other organization Please | ||
| email [email protected] | ||
| </p> | ||
| <a href="mailto: [email protected]" tabindex="-1"><paper-button raised class="green-btn">TEST CTREE</paper-button></a> | ||
| </div> | ||
| </div> | ||
| <div id="footer" class="section-styling"> | ||
| <div class="footer-container"> | ||
|
|
||