basics_01 #1
@ -17,6 +17,17 @@ COLORS
|
||||
/* ---------------------------------------------------
|
||||
LAYOUT
|
||||
----------------------------------------------------*/
|
||||
.mainContainer {
|
||||
min-height:2000px;
|
||||
}
|
||||
.mainContent {
|
||||
min-height:900px;
|
||||
}
|
||||
.mainCta {
|
||||
position:-webkit-sticky;
|
||||
position:sticky;
|
||||
bottom:0;
|
||||
}
|
||||
.paddingExtra {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
@ -34,6 +45,7 @@ LAYOUT
|
||||
padding-left: 3rem;
|
||||
}
|
||||
|
||||
|
||||
/* ---------------------------------------------------
|
||||
TYPOGRAPHY
|
||||
----------------------------------------------------*/
|
||||
@ -44,7 +56,6 @@ TYPOGRAPHY
|
||||
letter-spacing: 0.15em;
|
||||
}
|
||||
|
||||
|
||||
/* ---------------------------------------------------
|
||||
IMAGES
|
||||
----------------------------------------------------*/
|
||||
|
@ -2,6 +2,8 @@
|
||||
{% set index = True %}
|
||||
|
||||
{% block content %}
|
||||
<div class="mainContainer">
|
||||
<div class="mainContent">
|
||||
<div class="pt3 paddingExtra">
|
||||
<h1 class="f4 trackedWide ma0 mb3">
|
||||
<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>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mainCta">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
Loading…
Reference in New Issue
Block a user