basics_01 #3

Merged
hendr-ik merged 21 commits from basics_01 into main 2023-11-13 09:46:15 +01:00
2 changed files with 24 additions and 18 deletions
Showing only changes of commit 68eec8335e - Show all commits

View File

@ -4,6 +4,14 @@ COLORS
.colorWine { .colorWine {
color: #4B1202; 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 { .colorOrange {
color: #E9500A; color: #E9500A;
} }

View File

@ -8,9 +8,7 @@
<div class="splashContent"> <div class="splashContent">
<div class="w-100 mw9-ns center-ns h3"> <div class="w-100 mw9-ns center-ns h3">
<h1 class="f4 ma0 pt3 ml3 ml5-l"> <h1 class="f4 ma0 pt3 ml3 ml5-l"><span class="fw4">offen.</span><span class="fw7">software</span></h1>
<span class="fw4">offen.</span><span class="fw7">software</span>
</h1>
</div> </div>
<div class="w-100 bgColorOrange"> <div class="w-100 bgColorOrange">
@ -29,7 +27,7 @@
<div class="splashCta bgColorWine"> <div class="splashCta bgColorWine">
<div class="flex justify-center pb5"> <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>
</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. 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> </p>
<div class="flex justify-center pv5"> <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>
</div> </div>
@ -81,7 +79,7 @@
<!-- FOLD 2 --> <!-- 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"> <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 mw9-ns center-ns flex flex-wrap justify-between pt5 pb6 ph3 ph5-l">
<div class="w-100 h3"> <div class="w-100 h3">
<h1 class="f2 ma0"> <h1 class="f2 ma0 colorWineLink">
<span class="fw4">offen.</span><span class="fw7">software</span> <a class="link dim" href="/"><span class="fw4">offen.</span><span class="fw7">software</span></a>
</h1> </h1>
</div> </div>
<div class="w-100 w-50-ns"> <div class="w-100 w-50-ns">
<p class="ma0 mb2"> <p class="ma0 mb2 colorWineLink">
hi@offen.software <a class="link dim" href="mailto:hi@offen.software">hi@offen.software</a>
</p> </p>
<p class="ma0 mb2"> <p class="ma0 mb2 colorWineLink">
LinkedIn <a class="link dim" href="https://www.linkedin.com/company/hioffen/" rel="noopener" target="_blank">LinkedIn</a>
</p> </p>
<p class="ma0 mb2"> <p class="ma0 mb2 colorWineLink">
Imprint <a class="link dim" href="/imprint/">Imprint</a>
</p> </p>
</div> </div>
<div class="w-100 w-50-ns"> <div class="w-100 w-50-ns">
<p class="ma0 mb2 tl tr-ns"> <p class="ma0 mb2 tl tr-ns colorWineLink">
Source code for this website <a class="link dim" href="https://git.offen.dev/offen.software/website" rel="noopener" target="_blank">Source code for this website</a>
</p> </p>
<p class="fw7 ma0 tl tr-ns"> <p class="fw7 ma0 tl tr-ns colorWineLink">
Work with us <a class="link dim" href="mailto:hi@offen.software">Work with us</a>
</p> </p>
</div> </div>