Widget: Homepage: Difference between revisions

From LINKS Community Center
Jump to: navigation, search
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&nbsp;society for&nbsp;European disaster resilience.</p>
             <p class="hp-lead">Strengthening links between technologies and&nbsp;society for&nbsp;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!