offen/website
2
0
Fork 0
mirror of https://github.com/offen/website.git synced 2024-11-22 09:00:28 +01:00
Code Issues Projects Releases Wiki Activity

feature layout

Browse Source
This commit is contained in:
Hendrik Niefeld 2020-02-24 13:38:30 +01:00
parent bcf62c0c9c
commit 093bf6871d
2 changed files with 39 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
homepage/theme/static/css/fix.css
View File

@ -35,6 +35,15 @@ COLORS
.cclr-dark-white {
background-color: #f9f7f2;
}
.mintA {
background-color: #BBD9D3;
}
.mintB {
background-color: #89B8AF;
}
.mintC {
background-color: #72A49A;
}
/* ---------------------------------------------------
@ -348,10 +357,12 @@ GRAPHICS
background-position: 10px 60px;
}
}
/* --------------------------------------------- */
#bg-temp {
background: url(/theme/images/temp.png) center;
background-repeat: no-repeat;
}
/* --------------------------------------------- */
#bg-feature {
background: url(/theme/images/gfx-pattern-mint-bright.svg) center;
}

36
homepage/theme/templates/index.html
View File

@ -33,43 +33,63 @@
<div class="w-100" id="bg-feature">
<div class="w-100 mintC">
<div class="center pt4 pb5">
<div class="center">
<div class="flex flex-wrap justify-center w-100">
<div class="w55-container flex justify-center" id="bg-temp">
<div class="w4 mintB dn db-ns">
</div>
<div class="flex justify-center w55-container mintA">
<div class="w55 tc pa3">
<h2 class="f25 normal lh-solid mt7 mb3">
<em>Free & Open</em>
</h2>
<p class="ma0">
<p class="ma0 mb5">
Anyone can audit our open source code to verify it works as intended. Offen will always be available for free.
</p>
</div>
</div>
<div class="w55-container flex justify-center" id="bg-temp">
<div class="w2 mintB dn db-ns">
</div>
<div class="flex justify-center w55-container mintA">
<div class="w55 tc pa3">
<h2 class="f25 normal lh-solid mt7 mb3">
<em>Fair & Secure</em>
</h2>
<p class="ma0">
<p class="ma0 mb5">
Pay respect to your website visitors and gain insights as a user at the same time. All data is encrypted end-to-end.
</p>
</div>
</div>
<div class="w55-container flex justify-center" id="bg-temp">
<div class="w2 mintB dn db-ns">
</div>
<div class="flex justify-center w55-container mintA">
<div class="w55 tc pa3">
<h2 class="f25 normal lh-solid mt7 mb3">
<em>Easy to use</em>
</h2>
<p class="ma0">
<p class="ma0 mb5">
Simply paste our code into the source of your website. Users can visit the auditorium to access their data.
</p>
</div>
</div>
<div class="w3 mintB dn db-ns">
</div>
</div>
</div>