Widget: Homepage: Difference between revisions
From LINKS Community Center
Eschmidt (talk | contribs) No edit summary |
Eschmidt (talk | contribs) No edit summary |
||
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 14:01, 24 May 2022
Development verstion of the DCT Homepage.
Not ready for production!