basics_01 #3
@ -17,6 +17,17 @@ COLORS
|
|||||||
/* ---------------------------------------------------
|
/* ---------------------------------------------------
|
||||||
LAYOUT
|
LAYOUT
|
||||||
----------------------------------------------------*/
|
----------------------------------------------------*/
|
||||||
|
.mainContainer {
|
||||||
|
min-height:2000px;
|
||||||
|
}
|
||||||
|
.mainContent {
|
||||||
|
min-height:900px;
|
||||||
|
}
|
||||||
|
.mainCta {
|
||||||
|
position:-webkit-sticky;
|
||||||
|
position:sticky;
|
||||||
|
bottom:0;
|
||||||
|
}
|
||||||
.paddingExtra {
|
.paddingExtra {
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
padding-right: 0;
|
padding-right: 0;
|
||||||
@ -34,6 +45,7 @@ LAYOUT
|
|||||||
padding-left: 3rem;
|
padding-left: 3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* ---------------------------------------------------
|
/* ---------------------------------------------------
|
||||||
TYPOGRAPHY
|
TYPOGRAPHY
|
||||||
----------------------------------------------------*/
|
----------------------------------------------------*/
|
||||||
@ -44,7 +56,6 @@ TYPOGRAPHY
|
|||||||
letter-spacing: 0.15em;
|
letter-spacing: 0.15em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* ---------------------------------------------------
|
/* ---------------------------------------------------
|
||||||
IMAGES
|
IMAGES
|
||||||
----------------------------------------------------*/
|
----------------------------------------------------*/
|
||||||
|
@ -2,6 +2,8 @@
|
|||||||
{% set index = True %}
|
{% set index = True %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
|
<div class="mainContainer">
|
||||||
|
<div class="mainContent">
|
||||||
<div class="pt3 paddingExtra">
|
<div class="pt3 paddingExtra">
|
||||||
<h1 class="f4 trackedWide ma0 mb3">
|
<h1 class="f4 trackedWide ma0 mb3">
|
||||||
<span class="fw4">offen.</span><span class="fw7">software</span>
|
<span class="fw4">offen.</span><span class="fw7">software</span>
|
||||||
@ -15,10 +17,13 @@
|
|||||||
<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>
|
<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>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="mainCta">
|
||||||
<div class="w-100">
|
<div class="w-100">
|
||||||
<div class="flex flex-column items-center">
|
<div class="flex justify-center pb4">
|
||||||
<a class="link dim br1 f5 fw7 ttu trackedExtraWide dib buttonPadding colorWhite bgColorOrange" href="###" rel="noopener">Learn more</a>
|
<a class="link dim br1 f5 fw7 ttu trackedExtraWide dib buttonPadding colorWhite bgColorOrange" href="###" rel="noopener">Learn more</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
Loading…
Reference in New Issue
Block a user