Difference between revisions of "Widget:Homepage"
From LINKS Community Center
Line 15: | Line 15: | ||
#hp-main { width: 75%; margin: auto; } | #hp-main { width: 75%; margin: auto; } | ||
.hp-search { margin-bottom: 5em; } | .hp-search { margin-bottom: 5em; } | ||
− | + | .hp-area { display: flex; justify-content: space-between; } | |
− | .area- | + | .hp-area-icon { flex: 1 0; } |
+ | .hp-area-text h2 { font-family: 'Raleway'; font-weight: 300; letter-spacing: .06em; } | ||
+ | .hp-area-text p { font-size: 1.2em; } | ||
+ | .hp-area-arrow { flex: 1 0; font-size: 5em; } | ||
.placeholder-box { | .placeholder-box { | ||
position: relative; | position: relative; | ||
Line 64: | Line 67: | ||
<div class="hp-areas"> | <div class="hp-areas"> | ||
− | <div class=" | + | <div class="hp-area"> |
− | + | <div class="hp-area-icon"> | |
− | <div> | + | <div class="placeholder-box"></div> |
+ | </div> | ||
+ | <div class="hp-area-text"> | ||
<h2>SMCS Technologies Library</h2> | <h2>SMCS Technologies Library</h2> | ||
− | < | + | <p> |
Software for interaction with, within or among communities in case of a disaster and for analysis of these interactions. | Software for interaction with, within or among communities in case of a disaster and for analysis of these interactions. | ||
− | </ | + | </p> |
</div> | </div> | ||
− | <div | + | <div class="hp-area-arrow">→</div> |
</div> | </div> | ||
− | <div class=" | + | |
− | <div class="placeholder-box | + | <div class="hp-area"> |
− | <div> | + | <div class="hp-area-icon"> |
+ | <div class="placeholder-box"></div> | ||
+ | </div> | ||
+ | <div class="hp-area-text"> | ||
<h2>Guidelines</h2> | <h2>Guidelines</h2> | ||
− | < | + | <p> |
Expert guidelines for usage of social media in disasters. | Expert guidelines for usage of social media in disasters. | ||
− | </ | + | </p> |
</div> | </div> | ||
+ | <div class="hp-area-arrow">→</div> | ||
</div> | </div> | ||
</div> | </div> |
Revision as of 14:39, 20 May 2022
Development verstion of the DCT Homepage.
Not ready for production!