Difference between revisions of "Widget:Homepage"
From LINKS Community Center
| Line 28: | Line 28: | ||
#hp-heading .hp-lead { font-size: 1.4em; font-weight: 300; margin-bottom: 2em; opacity: 0; transition: all 500ms ease-in-out 1000ms; } | #hp-heading .hp-lead { font-size: 1.4em; font-weight: 300; margin-bottom: 2em; opacity: 0; transition: all 500ms ease-in-out 1000ms; } | ||
.loaded #hp-heading .hp-lead { opacity: .95; } | .loaded #hp-heading .hp-lead { opacity: .95; } | ||
| + | .hp-button-wrapper { text-align: center; } | ||
.hp-large-button { | .hp-large-button { | ||
display: inline-block; | display: inline-block; | ||
| Line 74: | Line 75: | ||
#hp-heading h1 { font-size: 5em; } | #hp-heading h1 { font-size: 5em; } | ||
#hp-heading .hp-lead { max-width: 50%; font-size: 2em; } | #hp-heading .hp-lead { max-width: 50%; font-size: 2em; } | ||
| + | .hp-button-wrapper { text-align: left; } | ||
.hp-large-button { font-size: 1.6em; } | .hp-large-button { font-size: 1.6em; } | ||
} | } | ||
| Line 85: | Line 87: | ||
</h1> | </h1> | ||
<p class="hp-lead">Strengthening links between technologies and society for European disaster resilience.</p> | <p class="hp-lead">Strengthening links between technologies and society for European disaster resilience.</p> | ||
| − | <div class="hp-large-button">Get Started</div> | + | <div class="hp-button-wrapper"> |
| + | <div class="hp-large-button">Get Started</div> | ||
| + | </div> | ||
</div> | </div> | ||
Revision as of 15:01, 24 May 2022
Development verstion of the DCT Homepage.
Not ready for production!