layout 12

This commit is contained in:
Hendrik Niefeld 2023-11-12 21:29:13 +01:00
parent e16d6c6c22
commit 68eec8335e
2 changed files with 24 additions and 18 deletions

View File

@ -4,6 +4,14 @@ COLORS
.colorWine {
color: #4B1202;
}
.colorWineLink a:link {color:#4B1202;}
.colorWineLink a:visited {color:#4B1202;}
.colorWineLink a:hover {color:#4B1202;}
.colorWineLink a:active {color:#4B1202;}
.colorSalmonLink a:link {color:#F5BEA7;}
.colorSalmonLink a:visited {color:#F5BEA7;}
.colorSalmonLink a:hover {color:#F5BEA7;}
.colorSalmonLink a:active {color:#F5BEA7;
.colorOrange {
color: #E9500A;
}

View File

@ -8,9 +8,7 @@
<div class="splashContent">
<div class="w-100 mw9-ns center-ns h3">
<h1 class="f4 ma0 pt3 ml3 ml5-l">
<span class="fw4">offen.</span><span class="fw7">software</span>
</h1>
<h1 class="f4 ma0 pt3 ml3 ml5-l"><span class="fw4">offen.</span><span class="fw7">software</span></h1>
</div>
<div class="w-100 bgColorOrange">
@ -29,7 +27,7 @@
<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="###" rel="noopener">Learn more</a>
<a class="link dim br1 f5 fw7 ttu tc trackedExtraWide h3 w5 buttonPadding colorWhite bgColorOrange" href="#we" rel="noopener">Learn more</a>
</div>
</div>
@ -72,7 +70,7 @@
Our clients value <span class="fw7 f4 f2-l">simple, resilient and accessible tools </span>that are effortless to run and maintain, and that everyone can use, reuse and benefit from.
</p>
<div class="flex justify-center pv5">
<a class="link dim br1 f5 fw7 ttu tc trackedExtraWide h3 w5 buttonPadding colorWhite bgColorWine" href="###" rel="noopener">Work with us</a>
<a class="link dim br1 f5 fw7 ttu tc trackedExtraWide h3 w5 buttonPadding colorWhite bgColorWine" href="mailto:hi@offen.software">Work with us</a>
</div>
</div>
@ -81,7 +79,7 @@
<!-- FOLD 2 -->
<div class="w-100 mw9-l center-l mv5-l">
<div class="w-100 mw9-l center-l mv5-l" id="we">
<div class="flex flex-wrap justify-center">
@ -212,29 +210,29 @@
<div class="w-100 mw9-ns center-ns flex flex-wrap justify-between pt5 pb6 ph3 ph5-l">
<div class="w-100 h3">
<h1 class="f2 ma0">
<span class="fw4">offen.</span><span class="fw7">software</span>
<h1 class="f2 ma0 colorWineLink">
<a class="link dim" href="/"><span class="fw4">offen.</span><span class="fw7">software</span></a>
</h1>
</div>
<div class="w-100 w-50-ns">
<p class="ma0 mb2">
hi@offen.software
<p class="ma0 mb2 colorWineLink">
<a class="link dim" href="mailto:hi@offen.software">hi@offen.software</a>
</p>
<p class="ma0 mb2">
LinkedIn
<p class="ma0 mb2 colorWineLink">
<a class="link dim" href="https://www.linkedin.com/company/hioffen/" rel="noopener" target="_blank">LinkedIn</a>
</p>
<p class="ma0 mb2">
Imprint
<p class="ma0 mb2 colorWineLink">
<a class="link dim" href="/imprint/">Imprint</a>
</p>
</div>
<div class="w-100 w-50-ns">
<p class="ma0 mb2 tl tr-ns">
Source code for this website
<p class="ma0 mb2 tl tr-ns colorWineLink">
<a class="link dim" href="https://git.offen.dev/offen.software/website" rel="noopener" target="_blank">Source code for this website</a>
</p>
<p class="fw7 ma0 tl tr-ns">
Work with us
<p class="fw7 ma0 tl tr-ns colorWineLink">
<a class="link dim" href="mailto:hi@offen.software">Work with us</a>
</p>
</div>