Examples
Base
Verwenden
Vorschau
Template-Code
×
Base
{get:mymizu} {get:top} {get:header} {get:content} {get:footer}
One-Pager
Verwenden
Vorschau
Template-Code
×
One-Pager
{get:mymizu:one-pager; page-width=990} {get:line} {get:mainNav} {get:logo:container;class="text-center"} {get:header:height=400} {get:content} {get:footer}
Hans
Verwenden
Vorschau
Template-Code
×
Hans
{get:mymizu: color1=#009cff; color2=#005288; text-color=#333; middle-bg-color=#fff; font1=Dosis-200-200; font2=Open Sans-300,400,600-300; } {get:line} {get:lng} {get:logo:class="display-block position-absolute text-center"; func[]=#gradient .vertical(fade(white,60%),fade(white,0%),40%); } {get:header} {get:mainNav} {get:content} {get:footer:text-color=white}
Darky
Verwenden
Vorschau
Template-Code
×
Darky
{get:mymizu: color1=#a650ff; color2=#57357a; text-color=#fff; middle-bg-color=#57357a; font1=Pacifico; font2=Play; } {get:line: height=1} {get:txt:i=1; container; bg-color=@color2; class="text-center" } {get:logo:container; class="text-center"; bg-color="white"} {get:mainNav:bg-color=@color2} {get:header} {get:topTxt:class="text-center"; bg-color=#57357a} {get:line:height=1; color=white} {get:content} {get:footer:bg-color=darken(@color1,50%); text-color=white; hover-color=@color1}
Extreme
Verwenden
Vorschau
Template-Code
×
Extreme
{get:mymizu: color1=#d64730; color2=#ffe400; text-color=#444; middle-bg-color=lighten(black,90%); font1=Indie Flower; font2=Roboto-300,400,600-300; } {get:mainNav} {get:banner:container; height=30} {get:content} {get:header} {get:topTxt}
Debug
Verwenden
Vorschau
Template-Code
×
Debug
{get:mymizu:color1=blue; color2=red;font1=Roboto} {get:line:color=@color1;height=3} <div class="container"> <div class="row"> <div class="col-sm-2"> {get:logo} </div> <div class="col-sm-10"> {get:mainNav:bg-color=transparent; text-color=black; hover-color=@color1; sub-bg-color=fade(white,80%); text-align=right; sticky-bg-color=fade(white,90%)} </div> </div> </div> {get:line:color=@color1;height=3} {get:header} {get:breadNav:container} {get:lng} {get:content:bg-color=fade(black,10%)} {get:line:color=lighten(@color1,40%);height=5} {get:line:color=lighten(@color1,30%);height=5} {get:line:color=lighten(@color1,10%);height=5} {get:footer:bg-color=none; text-color=@color1; func[]=#gradient .horizontal(lighten(@color1,40%),@color1,90%); class="display-block"} {get:line:color=lighten(@color1,20%);height=3} {get:topTxt}