splash screen fix (#6) #7
@ -38,7 +38,7 @@ COLORS
|
|||||||
LAYOUT
|
LAYOUT
|
||||||
----------------------------------------------------*/
|
----------------------------------------------------*/
|
||||||
.splashContent {
|
.splashContent {
|
||||||
min-height: 86vh;
|
min-height: calc(100vh -190px);
|
||||||
}
|
}
|
||||||
.splashCta {
|
.splashCta {
|
||||||
position: -webkit-sticky;
|
position: -webkit-sticky;
|
||||||
@ -107,6 +107,12 @@ IMAGES
|
|||||||
object-fit: none;
|
object-fit: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@media only screen and (max-height: 650px) {
|
||||||
|
.imageCropSplash {
|
||||||
|
height: 192px;
|
||||||
|
object-fit: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
.imageCrop {
|
.imageCrop {
|
||||||
object-fit: none;
|
object-fit: none;
|
||||||
}
|
}
|
||||||
|
@ -5,26 +5,26 @@
|
|||||||
|
|
||||||
<div class="splashContent">
|
<div class="splashContent">
|
||||||
|
|
||||||
<div class="w-100 bgColorOrange">
|
<div class="w-100 bgColorOrange">
|
||||||
<div class="mw7 center">
|
<div class="mw7 center">
|
||||||
<img src="/theme/images/gfx-index.svg" alt="pattern" width="768px" height="448px" class="db imageCropSplash">
|
<img src="/theme/images/gfx-index.svg" alt="pattern" width="768px" height="448px" class="db imageCropSplash">
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="mw7 center paddingSplash mt4">
|
|
||||||
<h2 class="f4 f2-ns ma0">
|
|
||||||
<span class="fw4">We </span><span class="fw7">think up, create and ship </span><span class="fw4">software for organisations and individuals who embrace </span><span class="fw7">societal change.</span>
|
|
||||||
</h2>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="splashCta bgColorWine">
|
|
||||||
<div class="flex justify-center pb5">
|
|
||||||
<a class="link dim br1 f5 fw7 ttu tc trackedExtraWide h3 w5 buttonPadding colorWhite bgColorOrange" href="#we" rel="noopener">Learn more</a>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="mw7 center paddingSplash mt4">
|
||||||
|
<h2 class="f4 f2-ns ma0">
|
||||||
|
<span class="fw4">We </span><span class="fw7">think up, create and ship </span><span class="fw4">software for organisations and individuals who embrace </span><span class="fw7">societal change.</span>
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="splashCta bgColorWine">
|
||||||
|
<div class="flex justify-center pb5">
|
||||||
|
<a class="link dim br1 f5 fw7 ttu tc trackedExtraWide h3 w5 buttonPadding colorWhite bgColorOrange" href="#we" rel="noopener">Learn more</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- FOLD 1 -->
|
<!-- FOLD 1 -->
|
||||||
|
|
||||||
<div class="w-100 colorWine bgColorOrange">
|
<div class="w-100 colorWine bgColorOrange">
|
||||||
|
Loading…
Reference in New Issue
Block a user