basics_01 #1
@ -30,7 +30,7 @@ COLORS
|
|||||||
LAYOUT
|
LAYOUT
|
||||||
----------------------------------------------------*/
|
----------------------------------------------------*/
|
||||||
.splashContent {
|
.splashContent {
|
||||||
min-height: 84vh;
|
min-height: 86vh;
|
||||||
}
|
}
|
||||||
.splashCta {
|
.splashCta {
|
||||||
position: -webkit-sticky;
|
position: -webkit-sticky;
|
||||||
|
10
website/theme/static/images/gfx-detail-3.svg
Normal file
10
website/theme/static/images/gfx-detail-3.svg
Normal file
@ -0,0 +1,10 @@
|
|||||||
|
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g clip-path="url(#clip0_92_25)">
|
||||||
|
<rect width="64" height="64" rx="2" fill="#E9500A"/>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip0_92_25">
|
||||||
|
<rect width="64" height="64" fill="white"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 294 B |
@ -88,18 +88,18 @@
|
|||||||
<img src="/theme/images/gfx-detail-1.svg" alt="pattern" width="64px" height="64px" class="db self-start pl5 pa0-l">
|
<img src="/theme/images/gfx-detail-1.svg" alt="pattern" width="64px" height="64px" class="db self-start pl5 pa0-l">
|
||||||
|
|
||||||
<div class="w-100 w-auto-l flex flex-column-l flex-wrap justify-center">
|
<div class="w-100 w-auto-l flex flex-column-l flex-wrap justify-center">
|
||||||
<div class="wExtra32 h-auto h5-l colorWhite bgColorOrange ph3 pv4 pa4-l">
|
<div class="wExtra32 h-auto h5-l colorSalmon bgColorWine ph3 pv4 pa4-l">
|
||||||
<div class="mw6-m center-m">
|
<div class="mw6-m center-m">
|
||||||
<p class="fw7 f4 f2-l ma0 mb3">
|
<p class="fw7 f4 f2-l ma0 mb3">
|
||||||
We offer
|
We offer
|
||||||
</p>
|
</p>
|
||||||
<p class="ma0 mb2">
|
<p class="ma0 ml4-ns mb2">
|
||||||
Web Application and website development
|
Web Application and website development
|
||||||
</p>
|
</p>
|
||||||
<p class="ma0 mb2">
|
<p class="ma0 ml4-ns mb2">
|
||||||
Independent infrastructure solutions
|
Independent infrastructure solutions
|
||||||
</p>
|
</p>
|
||||||
<p class="ma0">
|
<p class="ma0 ml4-ns ">
|
||||||
Support and guidance with self hosting
|
Support and guidance with self hosting
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
@ -108,19 +108,20 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<img src="/theme/images/gfx-detail-1.svg" alt="pattern" width="64px" height="64px" class="db self-end pr5 pa0-l">
|
<img src="/theme/images/gfx-detail-1.svg" alt="pattern" width="64px" height="64px" class="db self-end pr5 pa0-l">
|
||||||
|
<img src="/theme/images/gfx-detail-3.svg" alt="pattern" width="64px" height="64px" class="db self-end pr5 pa0-l">
|
||||||
|
|
||||||
<div class="wExtra24 h-auto h5-l colorWhite bgColorOrange ph3 pv4 pa4-l">
|
<div class="wExtra24 h-auto h5-l colorSalmon bgColorWine ph3 pv4 pa4-l">
|
||||||
<div class="mw6-m center-m">
|
<div class="mw6-m center-m">
|
||||||
<p class="fw7 f4 f2-l ma0 mb3">
|
<p class="fw7 f4 f2-l ma0 mb3">
|
||||||
We created
|
We created
|
||||||
</p>
|
</p>
|
||||||
<p class="ma0 mb2">
|
<p class="ma0 ml4-ns mb2">
|
||||||
Offen Fair Web Analytics
|
Offen Fair Web Analytics
|
||||||
</p>
|
</p>
|
||||||
<p class="ma0 mb2">
|
<p class="ma0 ml4-ns mb2">
|
||||||
analytics.txt
|
analytics.txt
|
||||||
</p>
|
</p>
|
||||||
<p class="ma0">
|
<p class="ma0 ml4-ns">
|
||||||
docker-volume-backup
|
docker-volume-backup
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
@ -128,21 +129,21 @@
|
|||||||
|
|
||||||
<img src="/theme/images/gfx-detail-2.svg" alt="pattern" width="64px" height="128px" class="db self-start pl5 pa0-l">
|
<img src="/theme/images/gfx-detail-2.svg" alt="pattern" width="64px" height="128px" class="db self-start pl5 pa0-l">
|
||||||
|
|
||||||
<div class="wExtra24 h-auto h5-l colorWhite bgColorOrange ph3 pv4 pa4-l">
|
<div class="wExtra24 h-auto h5-l colorSalmon bgColorWine ph3 pv4 pa4-l">
|
||||||
<div class="mw6-m center-m">
|
<div class="mw6-m center-m">
|
||||||
<p class="fw7 f4 f2-l ma0 mb3">
|
<p class="fw7 f4 f2-l ma0 mb3">
|
||||||
We worked with
|
We worked with
|
||||||
</p>
|
</p>
|
||||||
<p class="ma0 mb2">
|
<p class="ma0 ml4-ns mb2">
|
||||||
NLNet
|
NLNet
|
||||||
</p>
|
</p>
|
||||||
<p class="ma0 mb2">
|
<p class="ma0 ml4-ns mb2">
|
||||||
RBB
|
RBB
|
||||||
</p>
|
</p>
|
||||||
<p class="ma0 mb2">
|
<p class="ma0 ml4-ns mb2">
|
||||||
Ecosia
|
Ecosia
|
||||||
</p>
|
</p>
|
||||||
<p class="ma0">
|
<p class="ma0 ml4-ns">
|
||||||
Wikimedia
|
Wikimedia
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
@ -152,21 +153,21 @@
|
|||||||
<img src="/theme/images/gfx-detail-1.svg" alt="pattern" width="64px" height="64px" class="db self-end pr5 pa0-l">
|
<img src="/theme/images/gfx-detail-1.svg" alt="pattern" width="64px" height="64px" class="db self-end pr5 pa0-l">
|
||||||
|
|
||||||
<div class="w-100 w-auto-l flex flex-column-l flex-wrap justify-center">
|
<div class="w-100 w-auto-l flex flex-column-l flex-wrap justify-center">
|
||||||
<div class="wExtra32 hExtra20 colorWhite bgColorOrange ph3 pv4 pa4-l">
|
<div class="wExtra32 hExtra20 colorSalmon bgColorWine ph3 pv4 pa4-l">
|
||||||
<div class="mw6-m center-m">
|
<div class="mw6-m center-m">
|
||||||
<p class="fw7 f4 f2-l ma0 mb3">
|
<p class="fw7 f4 f2-l ma0 mb3">
|
||||||
We are
|
We are
|
||||||
</p>
|
</p>
|
||||||
<p class="ma0 mb2">
|
<p class="ma0 ml4-ns mb2">
|
||||||
Frederik Ring, interested in
|
Frederik Ring, interested in
|
||||||
</p>
|
</p>
|
||||||
<p class="ma0 mb2">
|
<p class="ma0 ml5-ns ml2 mb2">
|
||||||
Minimal Kubernetes distributions
|
Minimal Kubernetes distributions
|
||||||
</p>
|
</p>
|
||||||
<p class="ma0 mb2">
|
<p class="ma0 ml5-ns ml2 mb2">
|
||||||
Open Source Tomato Seeds
|
Open Source Tomato Seeds
|
||||||
</p>
|
</p>
|
||||||
<p class="ma0">
|
<p class="ma0 ml5-ns ml2">
|
||||||
Psychological aspects of Software Development
|
Psychological aspects of Software Development
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
@ -174,29 +175,31 @@
|
|||||||
<img src="/theme/images/gfx-detail-1.svg" alt="pattern" width="64px" height="64px" class="db mr5 ma0-l">
|
<img src="/theme/images/gfx-detail-1.svg" alt="pattern" width="64px" height="64px" class="db mr5 ma0-l">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<img src="/theme/images/gfx-detail-3.svg" alt="pattern" width="64px" height="64px" class="db self-start pr5 pa0-l">
|
||||||
<img src="/theme/images/gfx-detail-1.svg" alt="pattern" width="64px" height="64px" class="db self-start pl5 pa0-l">
|
<img src="/theme/images/gfx-detail-1.svg" alt="pattern" width="64px" height="64px" class="db self-start pl5 pa0-l">
|
||||||
|
|
||||||
<div class="wExtra32 hExtra20 colorWhite bgColorOrange ph3 pv4 pa4-l">
|
<div class="wExtra32 hExtra20 colorSalmon bgColorWine ph3 pv4 pa4-l">
|
||||||
<div class="mw6-m center-m">
|
<div class="mw6-m center-m">
|
||||||
<p class="fw7 f4 f2-l ma0 mb3">
|
<p class="fw7 f4 f2-l ma0 mb3">
|
||||||
And we are
|
We are
|
||||||
</p>
|
</p>
|
||||||
<p class="ma0 mb2">
|
<p class="ma0 ml4-ns mb2">
|
||||||
Hendrik Niefeld, interested in
|
Hendrik Niefeld, interested in
|
||||||
</p>
|
</p>
|
||||||
<p class="ma0 mb2">
|
<p class="ma0 ml5-ns ml2 mb2">
|
||||||
Make things look good
|
Make things look good
|
||||||
</p>
|
</p>
|
||||||
<p class="ma0 mb2">
|
<p class="ma0 ml5-ns ml2 mb2">
|
||||||
Literal present tense in Korean
|
Literal present tense in Korean
|
||||||
</p>
|
</p>
|
||||||
<p class="ma0">
|
<p class="ma0 ml5-ns ml2">
|
||||||
Generative systems
|
Generative systems
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<img src="/theme/images/gfx-detail-2.svg" alt="pattern" width="64px" height="128px" class="db self-end pr5 pa0-l">
|
<img src="/theme/images/gfx-detail-2.svg" alt="pattern" width="64px" height="128px" class="db self-end pr5 pa0-l">
|
||||||
|
<img src="/theme/images/gfx-detail-3.svg" alt="pattern" width="64px" height="64px" class="db self-start pr5 pa0-l">
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user