offen/website
2
0
Fork 0
mirror of https://github.com/offen/website.git synced 2024-11-22 17:10:29 +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 { .cclr-dark-white {
background-color: #f9f7f2; background-color: #f9f7f2;
} }
.mintA {
background-color: #BBD9D3;
}
.mintB {
background-color: #89B8AF;
}
.mintC {
background-color: #72A49A;
}
/* --------------------------------------------------- /* ---------------------------------------------------
@ -348,10 +357,12 @@ GRAPHICS
background-position: 10px 60px; background-position: 10px 60px;
} }
} }
/* --------------------------------------------- */
#bg-temp { #bg-temp {
background: url(/theme/images/temp.png) center; background: url(/theme/images/temp.png) center;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
/* --------------------------------------------- */
#bg-feature { #bg-feature {
background: url(/theme/images/gfx-pattern-mint-bright.svg) center; 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="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"> <div class="w55 tc pa3">
<h2 class="f25 normal lh-solid mt7 mb3"> <h2 class="f25 normal lh-solid mt7 mb3">
<em>Free & Open</em> <em>Free & Open</em>
</h2> </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. Anyone can audit our open source code to verify it works as intended. Offen will always be available for free.
</p> </p>
</div> </div>
</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"> <div class="w55 tc pa3">
<h2 class="f25 normal lh-solid mt7 mb3"> <h2 class="f25 normal lh-solid mt7 mb3">
<em>Fair & Secure</em> <em>Fair & Secure</em>
</h2> </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. Pay respect to your website visitors and gain insights as a user at the same time. All data is encrypted end-to-end.
</p> </p>
</div> </div>
</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"> <div class="w55 tc pa3">
<h2 class="f25 normal lh-solid mt7 mb3"> <h2 class="f25 normal lh-solid mt7 mb3">
<em>Easy to use</em> <em>Easy to use</em>
</h2> </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. Simply paste our code into the source of your website. Users can visit the auditorium to access their data.
</p> </p>
</div> </div>
</div> </div>
<div class="w3 mintB dn db-ns">
</div>
</div> </div>
</div> </div>