TripleYourTreasure Home Blog About TripleYourTreasure Home Blog About

This is a h1 – Section. The trick is to center it l l l l l l l l l l l l l l ll l l l l l l l l l l l l l

This is a h2. The trick is to center it

This is a h3. Also centered!!!

This is some bold text. And this is some more text, not bold. Lorem Ipsum blablabla. Lorem Ipsum blablabla. Lorem Ipsum blablabla. Lorem Ipsum blablabla. Lorem Ipsum blablabla. Lorem Ipsum blablabla. Lorem Ipsum blablabla. Lorem Ipsum blablabla.

Lorem Ipsum blablabla. Lorem Ipsum blablabla. Lorem Ipsum blablabla. Lorem Ipsum blablabla. Lorem Ipsum blablabla. Lorem Ipsum Ipsum blablabla. Lorem Ipsum blablabla.

Bold text colored: Bold and colored at paragraph beginning always loos great, and makes total sense, if it summarizes the content. Lorem Ipsum blablabla. Lorem Ipsum blablabla. Lorem Ipsum blablabla. Lorem Ipsum blablabla. Lorem Ipsum blablabla. Lorem Ipsum blablabla. ablabla.

This is a h1 – Section. span with color ccc, but #f2f2f2 = 0.05

This is a h2. The trick is to center it

Wrapping bg column: Here we have a wrapping column with 0.05 gray background. This is the only place to put background color. Here we have a wrapping column with 0.05 gray background. This is the only place to put background color.

Headline partly in color? It seems I can’t put the headline module partly in color? So I have to make a text box for this?

This is a h1 – Section. Span trick! And centered

SPAN BONUS 100: The trick is to center it

Headline partly in color? It seems I can’t put the headline module partly in color? So I have to make a text box for this?

SPAN BONUS 400: The trick is to center it

Headline partly in color? It seems I can’t put the headline module partly in color? So I have to make a text box for this?

Whoohoo!
Shadow! Whoohoo!
Shadow!

Bordered how fancy Span trick! And centered

SPAN BONUS 400: The trick is to center it

Whoohoo!
Shadow!

And Bigger Boxes!!!

Whoohoo!
Shadow!

SPAN BONUS 400: The trick is to center it

Whoohoo!
Shadow!

And Bigger Boxes!!!

Whoohoo!
Shadow!

Text in Columns: Also part of the baby styles is to have text in 2 columns. This is an example of it. Also part of the baby styles is to have text in 2 columns.

The Trick is to leave lots of padding left, to have some space in between the columns!

This is an example of it. Also part of the baby styles is to have text in 2 columns. This is an example of it. Also part of the baby styles is to have text in 2 columns.

This is an example of it. Also part of the baby styles is to have text in 2 columns. This is an example of it.

Also part of the baby styles is to have text in 2 columns. This is an example of it. Also part of the baby styles is to have text in 2 columns.

This is an example of it. Also part of the baby styles is to have text in 2 columns. This is an example of it. Also part of the baby styles is to have text in 2 columns.

This is an example of it. Also part of the baby styles is to have text in 2 columns. This is an example of it.

Span trick! This is a h1 – Section. Span trick! And centered

SPAN BONUS 100: The trick is to center it

Headline partly in color? It seems I can’t put the headline module partly in color? So I have to make a text box for this?

Span trick weight 400! And centered + Span 400: Make headings bold as well!

This is some text on yellow. But there is more. This is some text on yellow. But there is more. This is some text on yellow. But there is more. This is some text on yellow. But there is more.

Span trick: This is some white text on yellow. Yeah¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨!!!

This is some text on yellow. But there is more. This is some text on yellow. But there is more. This is some text on yellow. But there is more. This is some text on yellow. But there is more. This is some text on yellow. But there is more. This is some text on yellow. But there is more. This is some text on yellow. But there is more. This is some text on yellow. But there is more. This is some text on yellow. But there is more.

Span trick weight 400! And centered + Span 400: Make headings bold as well!

This is a h1 – Section. Span trick! And centered

Treasure Design Elements – color:#007cba

– icons
– cta buttons large
– footer shape
– overlay background (with gold…)
– make golden letters on dark background, gold pattern?
– what grayish background would fit?
– define exact color scheme
– elegant boxes (dashed border on yellow background…?)

Span trick weight 400! And centered + Span 400: Make headings bold as well!

Treasure Design Elements

Subheaders are better in gold than headers – color:#efac25

Hehe, this is a p with span class engravedtext2

1. Icons

WP Dashicons

Dashicons

Fontawesome

https://fontawesome.com/icons?d=gallery&m=free

Foundation

https://zurb.com/playground/foundation-icon-fonts-3

Fondation Icons (i a html module): WP Dashicons: Fontawesome:
Fontawesome: ((style=“font-size:150px;“))
Fontawesome: ((style=“font-size:150px;“))
Fontawesome: ((style=“font-size:150px; color:orange;“))
Fontawesome: ((style=“font-size:150px;“))

2. Graphics for Header and Footer (and in-between)

3. Colors, Patterns, Overlays

Main:

Gold on black background. A black header with golden or white fonts is great as top navigation pane.

Nice is a golden, #b08400, hero with black or white fonts on top.

Or maybe a dark red, like #7a0000, this pops the gold.

Or maybe a bit brighter yellow, #ffa200, as hero with black or anything in between looks nice for a hero.

And then continue below with black or gray. Also very nice is a golden shade on black or gray, ideally with a little pattern.

Then add some contrasting coelin like #00cbde to top it off.

Or a bit more blue, like #00a2ff.

A brick wall background with yellow tint may be nice as well. Difficult though to make it warm.

or stripe3-gold.png as repeated tiles. This looks quite stylish.

or stripe-gold.png as repeated tiles. More space between the lines.

or stripe2-gold.png as repeated tiles. Narrower and flatter lines.
The column background is a lighter yellow, #e8bf6f, with round edges.

This could be a blog post

And this could be some blog summary text. Blablabla.

This could be a blog post

And this could be some blog summary text. Blablabla.

This could be a blog post

And this could be some blog summary text. Blablabla.

This could be a blog post

And this could be some blog summary text. Blablabla.

This is a h1 – Section. The trick is to center it l l l l l l l l l l l l l l ll l l l l l l l l l l l l l

This is a h2. The trick is to center it

This is a h3. Also centered!!!

This is a h1 – Section. span with color ccc, but #f2f2f2 = 0.05

This is a h2. The trick is to center it

This is a h1 – Section. Span trick! And centered

SPAN BONUS 100: The trick is to center it

SPAN BONUS 400: The trick is to center it

Bordered how fancy Span trick! And centered

SPAN BONUS 400: The trick is to center it

SPAN BONUS 400: The trick is to center it

Span trick! This is a h1 – Section. Span trick! And centered

SPAN BONUS 100: The trick is to center it

Span trick weight 400! And centered + Span 400: Make headings bold as well!

Span trick weight 400! And centered + Span 400: Make headings bold as well!

This is a h1 – Section. Span trick! And centered

Treasure Design Elements – color:#007cba

Span trick weight 400! And centered + Span 400: Make headings bold as well!

Treasure Design Elements

Subheaders are better in gold than headers – color:#efac25

1. Icons

WP Dashicons

Fontawesome

Foundation

2. Graphics for Header and Footer (and in-between)

3. Colors, Patterns, Overlays

This could be a blog post

This could be a blog post

This could be a blog post

This could be a blog post

This could be a blog post

This could be a blog post

This could be a blog post

This could be a blog post

This could be a blog post

This could be a blog post

This could be a blog post

This could be a blog post

This could be a blog post

This could be a blog post

This could be a blog post

This could be a blog post

This could be a blog post

This could be a blog post

This could be a blog post

This could be a blog post

This could be a blog post

This could be a blog post

This could be a blog post

This could be a blog post

This could be a blog post

This could be a blog post

This could be a blog post

This could be a blog post

This could be a blog post

This could be a blog post

This could be a blog post

This could be a blog post

This could be a blog post

This could be a blog post

This could be a blog post

This could be a blog post

This could be a blog post

This could be a blog post

This could be a blog post

This could be a blog post

This could be a blog post, #b57500

This could be a blog post, #b08400

This could be a very, very cool Headline of a lifetime

4. Gold fonts with CSS

This is h2 with style .goldtextcss1

This is h2 with style .goldtextcss2

This is h2 with style .gold-text1

This is h2 with style .gold-text2

This is h2 with style .gold-text3

This is h2 with style .gold-text4

This is h2 with style .gold-text5

This is h2 with style .goldtextcss1

This is h2 with style .goldtextcss2

This is h2 with style .gold-text1