Difference between revisions of "Widget:Homepage"
From LINKS Community Center
| Line 7: | Line 7: | ||
#hp-wrapper { font-family: 'Open Sans'; } | #hp-wrapper { font-family: 'Open Sans'; } | ||
#hp-heading { padding: 3em; margin-bottom: 8em; background: #eee; } | #hp-heading { padding: 3em; margin-bottom: 8em; background: #eee; } | ||
| − | #hp-heading h1 { font-family: 'Raleway'; font-size: 5em | + | #hp-heading h1 { font-family: 'Raleway'; font-size: 5em; } |
#hp-heading h1 span { display: block; } | #hp-heading h1 span { display: block; } | ||
#hp-heading h1 span:nth-child(1) { font-weight: 800; letter-spacing: .06em; } | #hp-heading h1 span:nth-child(1) { font-weight: 800; letter-spacing: .06em; } | ||
#hp-heading h1 span:nth-child(2) { font-weight: 500; } | #hp-heading h1 span:nth-child(2) { font-weight: 500; } | ||
#hp-heading h1 span:nth-child(3) { font-weight: 100; } | #hp-heading h1 span:nth-child(3) { font-weight: 100; } | ||
| − | #hp-heading .hp-lead { font-size: 2em; font-weight: 300; } | + | #hp-heading .hp-lead { font-size: 2em; font-weight: 300; margin-bottom: 2em; } |
#hp-main { width: 75%; margin: auto; } | #hp-main { width: 75%; margin: auto; } | ||
.hp-search { margin-bottom: 8em; } | .hp-search { margin-bottom: 8em; } | ||
| Line 62: | Line 62: | ||
</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> | </div> | ||
Revision as of 15:03, 20 May 2022
Development verstion of the DCT Homepage.
Not ready for production!