layout 12
This commit is contained in:
parent
e16d6c6c22
commit
68eec8335e
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -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>
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user