layout 5
This commit is contained in:
parent
03ca923a6a
commit
e0f2258943
@ -1,9 +1,12 @@
|
|||||||
/* ---------------------------------------------------
|
/* ---------------------------------------------------
|
||||||
COLORS
|
COLORS
|
||||||
----------------------------------------------------*/
|
----------------------------------------------------*/
|
||||||
.colorBrown {
|
.colorWine {
|
||||||
color: #4B1202;
|
color: #4B1202;
|
||||||
}
|
}
|
||||||
|
.colorOrange {
|
||||||
|
color: #E9500A;
|
||||||
|
}
|
||||||
.colorSalmon {
|
.colorSalmon {
|
||||||
color: #F5BEA7;
|
color: #F5BEA7;
|
||||||
}
|
}
|
||||||
@ -16,6 +19,9 @@ COLORS
|
|||||||
.bgColorOrange {
|
.bgColorOrange {
|
||||||
background-color: #E9500A;
|
background-color: #E9500A;
|
||||||
}
|
}
|
||||||
|
.bgColorSalmon {
|
||||||
|
background-color: #F5BEA7;
|
||||||
|
}
|
||||||
.bgColorWhite {
|
.bgColorWhite {
|
||||||
background-color: #FAFEFF;
|
background-color: #FAFEFF;
|
||||||
}
|
}
|
||||||
@ -24,7 +30,7 @@ COLORS
|
|||||||
LAYOUT
|
LAYOUT
|
||||||
----------------------------------------------------*/
|
----------------------------------------------------*/
|
||||||
.splashContent {
|
.splashContent {
|
||||||
min-height: 100vh;
|
min-height: 85vh;
|
||||||
}
|
}
|
||||||
.splashCta {
|
.splashCta {
|
||||||
position: -webkit-sticky;
|
position: -webkit-sticky;
|
||||||
|
@ -31,7 +31,7 @@
|
|||||||
-->
|
-->
|
||||||
</head>
|
</head>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
<body class="poppins f4 f2-ns trackedWide lh-title no-js colorSalmon bgColorWine">
|
<body class="poppins f4 trackedWide lh-title no-js colorSalmon bgColorWine">
|
||||||
|
|
||||||
<main class="w-100">
|
<main class="w-100">
|
||||||
{% block content %}{% endblock %}
|
{% block content %}{% endblock %}
|
||||||
|
@ -20,9 +20,9 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="mw7 center paddingExtra">
|
<div class="mw7 center paddingExtra">
|
||||||
<p class="ma0 mt3">
|
<h2 class="f4 f2-ns ma0 mt3">
|
||||||
<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>
|
</h2>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
@ -34,21 +34,36 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- FOLD -->
|
<!-- FOLD -->
|
||||||
<div class="w-100 colorBrown bgColorOrange">
|
|
||||||
|
<div class="w-100 colorOrange bgColorWhite pv5 mt5">
|
||||||
|
|
||||||
<div class="mw7 center paddingExtra">
|
<div class="mw7 center paddingExtra">
|
||||||
<h2 class="f4 fw7 ma0 pt5 mt5 mb3">
|
|
||||||
|
<h3 class="f4 f2-ns fw7 fw4-ns ma0 mb3">
|
||||||
Humane computer programs
|
Humane computer programs
|
||||||
</h2>
|
</h3>
|
||||||
<p class="f4 ma0">
|
<p class="ma0 mb3">
|
||||||
The world is in flux, and it’s a unique opportunity to facilitate change for the better. We want to enable the makers that are driving this change by providing them with independent, fair and tailor made software that meet the highest standards when it comes to transparency, integrity and privacy. We think of these as humane computer programs.
|
The world is in flux, and it’s a unique opportunity to <span class="fw7">facilitate change </span>for the better.
|
||||||
</p>
|
</p>
|
||||||
<h2 class="f4 fw7 ma0 mt5 mb3">
|
<p class="ma0">
|
||||||
|
We want to enable the makers that are driving this change by providing them with <span class="fw7">independent, fair and tailor made software </span>that meet the highest standards when it comes to transparency, integrity and privacy.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h3 class="f4 f2-ns fw7 fw4-ns ma0 mt5 mb3">
|
||||||
Simple, resilient and accessible
|
Simple, resilient and accessible
|
||||||
</h2>
|
</h3>
|
||||||
<p class="f4 ma0">
|
<p class="ma0 mb3">
|
||||||
Located in Berlin, we’re a small, reliable and well-rehearsed team of seniors that can take care of your software project from first brainstorming to going live. Working fully open source allows us to be transparent, keep in touch with the community, and contribute back to an ever growing common body of freely available knowledge. Our clients value simple, resilient and accessible tools that are effortless to run and maintain, and that everyone can use, reuse and benefit from.
|
Located in Berlin, we’re a small, reliable and well-rehearsed team of seniors that can take care of your software project from first brainstorming to going live.
|
||||||
</p>
|
</p>
|
||||||
|
<p class="ma0 mb3">
|
||||||
|
Working fully open source allows us to be transparent, keep in touch with the community, and contribute back to an ever growing common body of freely available knowledge.
|
||||||
|
</p>
|
||||||
|
<p class="ma0">
|
||||||
|
Our clients value simple, resilient and accessible tools that are effortless to run and maintain, and that everyone can use, reuse and benefit from.
|
||||||
|
</p>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
Loading…
Reference in New Issue
Block a user