Design & Metadata Configuration Overview
General Information
This page shows basic configuration of this website, as well as more detailed information for development and diagnostic purposes.
It is intended to show some of the basic options and settings used, some meta data, information about the organization, some design elements and other useful/helpful information.
It is intended as an aid only and is in no way an example of the production website. If you are the owner of this website and you see something here that seems wrong or if you have any other questions, please contact your Web Developer.
Thank you.
Navigating this page
You can use the above menu to navigation the various items on this page. When scrolled, the 'back top top' arrow will appear at the bottom right which you can use to return to the top of the page.
Note regarding screen size
This page displays alot of information for diagnostic purposes. As such, the page has not been designed to be viewed on smaller resolutions and it is recommended to only view this page on eXtra-Large (XL) resoutions, such as a desktop computer or laptop.
2 - Installed Fonts for Content & Design
Varela-Regular [This is a main font.]
font-family:Varela-Regular - (display:normal)
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Happy Paws Haven happy paws haven HAPPY PAWS HAVEN
font-family:Varela-Regular - (display:bold)
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Happy Paws Haven happy paws haven HAPPY PAWS HAVEN
font-family:Varela-Regular - (display:italic)
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Happy Paws Haven happy paws haven HAPPY PAWS HAVEN
font-family:Varela-Regular - (display:bold,italic)
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Happy Paws Haven happy paws haven HAPPY PAWS HAVEN
VarelaRound-Regular [This is a main font.]
font-family:VarelaRound-Regular - (display:normal)
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Happy Paws Haven happy paws haven HAPPY PAWS HAVEN
font-family:VarelaRound-Regular - (display:bold)
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Happy Paws Haven happy paws haven HAPPY PAWS HAVEN
font-family:VarelaRound-Regular - (display:italic)
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Happy Paws Haven happy paws haven HAPPY PAWS HAVEN
font-family:VarelaRound-Regular - (display:bold,italic)
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Happy Paws Haven happy paws haven HAPPY PAWS HAVEN
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Happy Paws Haven happy paws haven HAPPY PAWS HAVEN
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Happy Paws Haven happy paws haven HAPPY PAWS HAVEN
3 - Main Fonts using Main Colors
font:[Varela-Regular] with color:[maincolor1 - Main Color 1 - picked from othersite-banner]
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Happy Paws Haven happy paws haven HAPPY PAWS HAVEN
font:[VarelaRound-Regular] with color:[maincolor1 - Main Color 1 - picked from othersite-banner]
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Happy Paws Haven happy paws haven HAPPY PAWS HAVEN
font:[Varela-Regular] with color:[maincolor2 - Main Color 2 - Picked from othersite-footer]
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Happy Paws Haven happy paws haven HAPPY PAWS HAVEN
font:[VarelaRound-Regular] with color:[maincolor2 - Main Color 2 - Picked from othersite-footer]
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Happy Paws Haven happy paws haven HAPPY PAWS HAVEN
font:[Varela-Regular] with color:[othercolor15 - Other Color 15 - Picked from othersite-bannerlogo]
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Happy Paws Haven happy paws haven HAPPY PAWS HAVEN
font:[VarelaRound-Regular] with color:[othercolor15 - Other Color 15 - Picked from othersite-bannerlogo]
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Happy Paws Haven happy paws haven HAPPY PAWS HAVEN
font:[Varela-Regular] with color:[othercolor23 - darker version of oc15]
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Happy Paws Haven happy paws haven HAPPY PAWS HAVEN
font:[VarelaRound-Regular] with color:[othercolor23 - darker version of oc15]
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Happy Paws Haven happy paws haven HAPPY PAWS HAVEN
font:[Varela-Regular] with color:[othercolor25 - Other color 25 - even darker version of oc15]
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Happy Paws Haven happy paws haven HAPPY PAWS HAVEN
font:[VarelaRound-Regular] with color:[othercolor25 - Other color 25 - even darker version of oc15]
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Happy Paws Haven happy paws haven HAPPY PAWS HAVEN
font:[Varela-Regular] with color:[brandcolor-youtube - brandcolor-youtube]
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Happy Paws Haven happy paws haven HAPPY PAWS HAVEN
font:[VarelaRound-Regular] with color:[brandcolor-youtube - brandcolor-youtube]
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Happy Paws Haven happy paws haven HAPPY PAWS HAVEN
font:[Varela-Regular] with color:[superlightbg - superlightbg]
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Happy Paws Haven happy paws haven HAPPY PAWS HAVEN
font:[VarelaRound-Regular] with color:[superlightbg - superlightbg]
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Happy Paws Haven happy paws haven HAPPY PAWS HAVEN
font:[Varela-Regular] with color:[sidenavfghov - sidenavfghov]
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Happy Paws Haven happy paws haven HAPPY PAWS HAVEN
font:[VarelaRound-Regular] with color:[sidenavfghov - sidenavfghov]
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Happy Paws Haven happy paws haven HAPPY PAWS HAVEN
font:[Varela-Regular] with color:[sidenavfg - sidenavfg]
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Happy Paws Haven happy paws haven HAPPY PAWS HAVEN
font:[VarelaRound-Regular] with color:[sidenavfg - sidenavfg]
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Happy Paws Haven happy paws haven HAPPY PAWS HAVEN
font:[Varela-Regular] with color:[sidenavbg - sidenavbg]
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Happy Paws Haven happy paws haven HAPPY PAWS HAVEN
font:[VarelaRound-Regular] with color:[sidenavbg - sidenavbg]
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Happy Paws Haven happy paws haven HAPPY PAWS HAVEN
1 - 1
2 - 2
3 - 3
4 - 4
5 - 5
6 - 6
7 - 7
8 - 8
9 - 9
10 - 10
11 - 11
12 - 12
13 - 13
14 - 14
15 - 15
16 - 16
17 - 17
18 - 18
19 - 19
20 - 20
21 - 21
22 - 22
23 - 23
24 - 24
25 - 25
26 - 26
31 - 31
32 - 32
33 - 33
34 - 34
35 - 35
36 - 36
37 - 37
38 - 38
39 - 39
40 - 40
41 - 41
42 - 42
43 - 43
44 - 44
45 - 45
46 - 46
47 - 47
48 - 48
50 - 50
51 - 51
52 - 52
53 - 53
54 - 54
1 - 1
code:[maincolor1]name:[Main Color 1 - picked from othersite-banner]default output:[hex]hex[#61af22]rgb:[97,175,34]rgba:[97,175,34,1]transparency:[1]
[This is a main color.]
2 - 2
code:[maincolor2]name:[Main Color 2 - Picked from othersite-footer]default output:[hex]hex[#fffb01]rgb:[255,251,1]rgba:[255,251,1,1]transparency:[1]
[This is a main color.]
3 - 3
code:[maincolor3]name:[Main Color 3 - Picked from othersite-headingbackground-A]default output:[hex]hex[#3f8100]rgb:[63,129,0]rgba:[63,129,0,1]transparency:[1]
4 - 4
code:[maincolor4]name:[Main Color 4 - Picked from othersite-homebuttons-B]default output:[hex]hex[#60b000]rgb:[96,176,0]rgba:[96,176,0,1]transparency:[1]
5 - 5
code:[othercolor5]name:[Other Color 5 - Picked from othersite-side-A]default output:[hex]hex[#4c2700]rgb:[76,39,0]rgba:[76,39,0,1]transparency:[1]
6 - 6
code:[othercolor6]name:[Other Color 6 - Picked from othersite-side-B]default output:[hex]hex[#351b00]rgb:[53,27,0]rgba:[53,27,0,1]transparency:[1]
7 - 7
code:[othercolor7]name:[Other Color 7 - picked from othersite-contentheading-A]default output:[hex]hex[#3f8100]rgb:[63,129,0]rgba:[63,129,0,1]transparency:[1]
8 - 8
code:[othercolor8]name:[Other Color 8 - Picked from othersite-contentheading-B]default output:[hex]hex[#2e5e00]rgb:[46,94,0]rgba:[46,94,0,1]transparency:[1]
9 - 9
code:[othercolor9]name:[Other Color 9 - Picked from othersite-banner-A]default output:[hex]hex[#c4926d]rgb:[196,146,109]rgba:[196,146,109,1]transparency:[1]
10 - 10
code:[othercolor10]name:[Other Color 10 - Picked from othersite-banner-B]default output:[hex]hex[#5f3611]rgb:[95,54,17]rgba:[95,54,17,1]transparency:[1]
11 - 11
code:[othercolor11]name:[Other Color 11 - Picked from othersite-banner-C]default output:[hex]hex[#6c4735]rgb:[108,71,53]rgba:[108,71,53,1]transparency:[1]
12 - 12
code:[othercolor12]name:[Other Color 12 - Picked from othersite-banner-tree-A]default output:[hex]hex[#303000]rgb:[48,48,0]rgba:[48,48,0,1]transparency:[1]
13 - 13
code:[othercolor13]name:[Other Color 13 - Picked from othersite-banner-tree-B]default output:[hex]hex[#144800]rgb:[20,72,0]rgba:[20,72,0,1]transparency:[1]
14 - 14
code:[othercolor14]name:[Otehr Color 14 - Picked from othersite-banner-tree-C]default output:[hex]hex[#1b6000]rgb:[27,96,0]rgba:[27,96,0,1]transparency:[1]
15 - 15
code:[othercolor15]name:[Other Color 15 - Picked from othersite-bannerlogo]default output:[hex]hex[#009c00]rgb:[0,156,0]rgba:[0,156,0,1]transparency:[1]
[This is a main color.]
16 - 16
code:[othercolor16]name:[Other Color 16 - Picked from othersite-banner-icon]default output:[hex]hex[#525252]rgb:[82,82,82]rgba:[82,82,82,1]transparency:[1]
17 - 17
code:[othercolor17]name:[Other Color 17 - Picked from othersite-banner-phonetext]default output:[hex]hex[#292929]rgb:[41,41,41]rgba:[41,41,41,1]transparency:[1]
18 - 18
code:[othercolor18]name:[Other Color 18 - Picked from othersite-contactpage-icons]default output:[hex]hex[#333333]rgb:[51,51,51]rgba:[51,51,51,1]transparency:[1]
19 - 19
code:[othercolor19]name:[Other Color 19 - Picked from othersite-banner-tree-D]default output:[hex]hex[#482700]rgb:[72,39,0]rgba:[72,39,0,1]transparency:[1]
20 - 20
code:[othercolor20]name:[Other Color 20 - Picked from otehrsite-banner-D]default output:[hex]hex[#573627]rgb:[87,54,39]rgba:[87,54,39,1]transparency:[1]
21 - 21
code:[othercolor21]name:[Other Color 21 - Picked from othersite-homepaws]default output:[hex]hex[#1cae00]rgb:[28,174,0]rgba:[28,174,0,1]transparency:[1]
22 - 22
code:[othercolor22]name:[Kims Choice on new site]default output:[hex]hex[#c46a09]rgb:[196,106,9]rgba:[196,106,9,1]transparency:[1]
23 - 23
code:[brandcolor-linkedin]name:[Brand Color - LinkedIn]default output:[hex]hex[#0e76a8]rgb:[14,118,168]rgba:[14,118,168,1]transparency:[1]
24 - 24
code:[brandcolor-facebook]name:[Brand Color - Facebook]default output:[hex]hex[#3b5998]rgb:[59,89,152]rgba:[59,89,152,1]transparency:[1]
25 - 25
code:[brandcolor-twitter]name:[Brand Color - Twitter]default output:[hex]hex[#00acee]rgb:[0,172,238]rgba:[0,172,238,1]transparency:[1]
26 - 26
code:[brandcolor-instagram]name:[Brand Color - Instagram]default output:[hex]hex[#3f729b]rgb:[63,114,155]rgba:[63,114,155,1]transparency:[1]
31 - 31
code:[white]name:[white]default output:[hex]hex[#ffffff]rgb:[255,255,255]rgba:[255,255,255,1]transparency:[1]
32 - 32
code:[xred]name:[xred]default output:[hex]hex[#f90101]rgb:[249,1,1]rgba:[249,1,1,1]transparency:[1]
33 - 33
code:[xpink]name:[xpink]default output:[hex]hex[#d609f1]rgb:[214,9,241]rgba:[214,9,241,1]transparency:[1]
34 - 34
code:[xpurple]name:[xpurple]default output:[hex]hex[#5a01c6]rgb:[90,1,198]rgba:[90,1,198,1]transparency:[1]
35 - 35
code:[black]name:[black]default output:[hex]hex[#000000]rgb:[0,0,0]rgba:[0,0,0,1]transparency:[1]
36 - 36
code:[othercolor23]name:[darker version of oc15]default output:[hex]hex[#018901]rgb:[1,137,1]rgba:[1,137,1,1]transparency:[1]
[This is a main color.]
37 - 37
code:[othercolor25]name:[Other color 25 - even darker version of oc15]default output:[rgba]hex[#007000]rgb:[0,112,0]rgba:[0,112,0,1]transparency:[1]
[This is a main color.]
38 - 38
code:[grey1]name:[Grey 1]default output:[hex]hex[#111111]rgb:[17,17,17]rgba:[17,17,17,1]transparency:[1]
39 - 39
code:[grey2]name:[Grey 2]default output:[hex]hex[#333333]rgb:[51,51,51]rgba:[51,51,51,1]transparency:[1]
40 - 40
code:[grey3]name:[Grey 3]default output:[hex]hex[#555555]rgb:[85,85,85]rgba:[85,85,85,1]transparency:[1]
41 - 41
code:[grey4]name:[Grey 4]default output:[hex]hex[#777777]rgb:[119,119,119]rgba:[119,119,119,1]transparency:[1]
42 - 42
code:[grey5]name:[Grey 5]default output:[hex]hex[#999999]rgb:[153,153,153]rgba:[153,153,153,1]transparency:[1]
43 - 43
code:[otherColor24]name:[Other Brown 24]default output:[hex]hex[#503428]rgb:[80,52,40]rgba:[80,52,40,1]transparency:[1]
44 - 44
code:[othercolor26]name:[othercolor26]default output:[hex]hex[#fdfcb4]rgb:[253,252,180]rgba:[253,252,180,1]transparency:[1]
45 - 45
code:[brandcolor-youtube]name:[brandcolor-youtube]default output:[hex]hex[#c4302b]rgb:[196,48,43]rgba:[196,48,43,1]transparency:[1]
[This is a main color.]
46 - 46
code:[superlightbg]name:[superlightbg]default output:[hex]hex[#cbeccb]rgb:[203,236,203]rgba:[203,236,203,1]transparency:[1]
[This is a main color.]
47 - 47
code:[testcol1]name:[test col1]default output:[hex]hex[#55b9c4]rgb:[85,185,196]rgba:[85,185,196,1]transparency:[1]
48 - 48
code:[sidenaviconhov]name:[sidenaviconhov]default output:[hex]hex[#32ec11]rgb:[50,236,17]rgba:[50,236,17,1]transparency:[1]
50 - 50
code:[sidenavfghov]name:[sidenavfghov]default output:[hex]hex[#4bdedb]rgb:[75,222,219]rgba:[75,222,219,1]transparency:[1]
[This is a main color.]
51 - 51
code:[sidenavfg]name:[sidenavfg]default output:[hex]hex[#ffffff]rgb:[255,255,255]rgba:[255,255,255,1]transparency:[1]
[This is a main color.]
52 - 52
code:[sidenavbg]name:[sidenavbg]default output:[hex]hex[#17670a]rgb:[23,103,10]rgba:[23,103,10,1]transparency:[1]
[This is a main color.]
53 - 53
code:[panelbg]name:[panelbg]default output:[hex]hex[#e5e5e5]rgb:[229,229,229]rgba:[229,229,229,1]transparency:[1]
54 - 54
code:[test 1]name:[test 1]default output:[hex]hex[#88df07]rgb:[136,223,7]rgba:[136,223,7,1]transparency:[1]
5 - Main Body Content Text
Default Content Body Text
Default Content Body Text Size:[18px]
Default Content Body Text Font Family:[VarelaRound-Regular]
Default Content Body Text Color: [optionvar:NormalText] [paletteid:grey1]
Default Content Body Text Line Height: [22px]
This is example text for Main Body Content.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Happy Paws Haven happy paws haven HAPPY PAWS HAVEN
This is example text for BOLD Main Body Content.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Happy Paws Haven happy paws haven HAPPY PAWS HAVEN
This is example text for ITALIC Main Body Content.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Happy Paws Haven happy paws haven HAPPY PAWS HAVEN
This is example text for BOLD,ITALIC Main Body Content.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Happy Paws Haven happy paws haven HAPPY PAWS HAVEN
6 - Main Body Content Links
Default link This is a link Code: [
<a href="/">This is a link</a> ]
bi
bi (vanilla left) Code: [
<div class="bic" style="background:pink;"><a href="/" class="bi xs100p" ><i class="fas fa-caret-left biili"></i><span class="bitli">Back to Page with lots of text</span></a></div> ]
bi (vanilla right) Code: [
<div class="bic" style="background:pink;"><a href="/" class="bi xs100p" ><span class="bitri">Back to Page with lots of text</span><i class="fas fa-caret-right biiri"></i></a></div> ]
bi (max-width) Code: [
<div class="bic" style="background:pink;"><a href="/" class="bi xs100p" style="max-width:200px; text-align:center;"><i class="fas fa-caret-left biili"></i><span class="bitli">Back to Page with lots of text</span></a></div> ]
bi direction left
bi Code: [
<div class="bic" style="background:pink;"><a href="/" class="bi xs100p" ><i class="fas fa-caret-left biili"></i><span class="bitli">Back to Page</span></a></div> ]
bi2 Code: [
<div class="bic" style="background:pink;"><a href="/" class="bi bi2 xs100p" ><i class="fas fa-caret-left biili"></i><span class="bitli">Back to Page</span></a></div> ]
bi3 Code: [
<div class="bic" style="background:pink;"><a href="/" class="bi bi3 xs100p" ><i class="fas fa-caret-left biili"></i><span class="bitli">Back to Page</span></a></div> ]
bi4 Code: [
<div class="bic" style="background:pink;"><a href="/" class="bi bi4 xs100p" ><i class="fas fa-caret-left biili"></i><span class="bitli">Back to Page</span></a></div> ]
bi5 Code: [
<div class="bic" style="background:pink;"><a href="/" class="bi bi5 xs100p" ><i class="fas fa-caret-left biili"></i><span class="bitli">Back to Page</span></a></div> ]
bi6 Code: [
<div class="bic" style="background:pink;"><a href="/" class="bi bi6 xs100p" ><i class="fas fa-caret-left biili"></i><span class="bitli">Back to Page</span></a></div> ]
bi direction right
bi Code: [
<div class="bic" style="background:pink;"><a href="/" class="bi xs100p" ><span class="bitri">Go to Page</span><i class="fas fa-caret-right biiri"></i></a></div> ]
bi2 Code: [
<div class="bic" style="background:pink;"><a href="/" class="bi bi2 xs100p" ><span class="bitri">Go to Page</span><i class="fas fa-caret-right biiri"></i></a></div> ]
bi3 Code: [
<div class="bic" style="background:pink;"><a href="/" class="bi bi3 xs100p" ><span class="bitri">Go to Page</span><i class="fas fa-caret-right biiri"></i></a></div> ]
bi4 Code: [
<div class="bic" style="background:pink;"><a href="/" class="bi bi4 xs100p" ><span class="bitri">Go to Page</span><i class="fas fa-caret-right biiri"></i></a></div> ]
bi5 Code: [
<div class="bic" style="background:pink;"><a href="/" class="bi bi5 xs100p" ><span class="bitri">Go to Page</span><i class="fas fa-caret-right biiri"></i></a></div> ]
bi6 Code: [
<div class="bic" style="background:pink;"><a href="/" class="bi bi6 xs100p" ><span class="bitri">Go to Page</span><i class="fas fa-caret-right biiri"></i></a></div> ]
bi multiple row
bi Code: [
<div class="bic" style="background:pink;">
<a href="/" class="bi xs100p" style="margin:4px;"><i class="fas fa-caret-left biili"></i><span class="bitli">Back to Page</span></a>
<a href="/" class="bi xs100p" style="margin:4px;"><span class="bitri">Go to Page</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi2 xs100p" style="margin:4px;"><i class="fas fa-caret-left biili"></i><span class="bitli">Back to Page</span></a>
<a href="/" class="bi bi2 xs100p" style="margin:4px;"><span class="bitri">Go to Page</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi3 xs100p" style="margin:4px;"><i class="fas fa-caret-left biili"></i><span class="bitli">Back to Page</span></a>
<a href="/" class="bi bi3 xs100p" style="margin:4px;"><span class="bitri">Go to Page</span><i class="fas fa-caret-right biiri"></i></a>
</div> ]
bi multiple column
bi Code: [
<div class="bic" style="background:pink; flex-direction:column;">
<a href="/" class="bi xs100p" style="margin:4px;"><i class="fas fa-caret-left biili"></i><span class="bitli">Back to Page</span></a>
<a href="/" class="bi xs100p" style="margin:4px;"><span class="bitri">Back to Page</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi2 xs100p" style="margin:4px;"><i class="fas fa-caret-left biili"></i><span class="bitli">Back to Page</span></a>
<a href="/" class="bi bi2 xs100p" style="margin:4px;"><span class="bitri">Back to Page</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi3 xs100p" style="margin:4px;"><i class="fas fa-caret-left biili"></i><span class="bitli">Back to Page</span></a>
<a href="/" class="bi bi3 xs100p" style="margin:4px;"><span class="bitri">Go to Page</span><i class="fas fa-caret-right biiri"></i></a>
</div> ]
bi multiple column with text-aligns 1
bi Code: [
<div class="bic" style="background:pink; flex-direction:column;">
<a href="/" class="bi xs100p" style="margin:4px;"><i class="fas fa-caret-left biili"></i><span class="bitli tall">Back to Page with Long Text</span></a>
<a href="/" class="bi xs100p" style="margin:4px;"><span class="bitri tall">Back to Page with Long Text</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi2 xs100p" style="margin:4px;"><i class="fas fa-caret-left biili"></i><span class="bitli talc">Back to Page with Long Text</span></a>
<a href="/" class="bi bi2 xs100p" style="margin:4px;"><span class="bitri talc">Back to Page with Long Text</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi3 xs100p" style="margin:4px;"><i class="fas fa-caret-left biili"></i><span class="bitli talr">Back to Page with Long Text</span></a>
<a href="/" class="bi bi3 xs100p" style="margin:4px;"><span class="bitri talr">Back to Page with Long Text</span><i class="fas fa-caret-right biiri"></i></a>
</div> ]
bi multiple column with text-aligns 2
bi Code: [
<div class="bic" style="background:pink; flex-direction:column;">
<a href="/" class="bi bi1 xs100p" style="margin:4px;"><span class="bitri tall">Go to Page</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi2 xs100p" style="margin:4px;"><span class="bitri talc">Go to Page</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi3 xs100p" style="margin:4px;"><span class="bitri talr">Go to Page</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi1 xs100p" style="margin:4px;"><i class="fas fa-caret-left biili"></i><span class="bitli tall">Go to Page</span></a>
<a href="/" class="bi bi2 xs100p" style="margin:4px;"><i class="fas fa-caret-left biili"></i><span class="bitli talc">Go to Page</span></a>
<a href="/" class="bi bi3 xs100p" style="margin:4px;"><i class="fas fa-caret-left biili"></i><span class="bitli talr">Go to Page</span></a>
</div> ]
bi multiple column with text-aligns
bi Code: [
<div class="bic" style="background:pink; flex-direction:column;">
<a href="/" class="bi bi1 xs100p" style="margin:4px;"><span class="bitri tall">Back to Page with Long, Long Text</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi2 xs100p" style="margin:4px;"><span class="bitri talc">Back to Page with Text</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi3 xs100p" style="margin:4px;"><span class="bitri talr">Back to Page with Long Text</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi1 xs100p" style="margin:4px;"><i class="fas fa-caret-left biili"></i><span class="bitli tall">Back to Page with Long Text</span></a>
<a href="/" class="bi bi2 xs100p" style="margin:4px;"><i class="fas fa-caret-left biili"></i><span class="bitli talc">Back to Page with Very, Very, Long, Long Text</span></a>
<a href="/" class="bi bi3 xs100p" style="margin:4px;"><i class="fas fa-caret-left biili"></i><span class="bitli talr">Back to Page with Text</span></a>
</div> ]
bi multiple column with text-aligns 3
bi Code: [
<div class="bic" style="background:pink; flex-direction:column;">
<a href="/" class="bi bi1 xs100p" style="margin:4px; min-height:60px;"><i class="fas fa-caret-left biili"></i><span class="bitli tall">Back to Page with Long Text</span></a>
<a href="/" class="bi bi2 xs100p" style="margin:4px; min-height:60px;"><i class="fas fa-caret-left biili"></i><span class="bitli talc">Back to Page with Long Text</span></a>
<a href="/" class="bi bi3 xs100p" style="margin:4px; min-height:60px;"><i class="fas fa-caret-left biili"></i><span class="bitli talr">Back to Page with Long Text</span></a>
<a href="/" class="bi bi1 xs100p" style="margin:4px; min-height:60px;"><span class="bitri tall">Back to Page with Long Text</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi2 xs100p" style="margin:4px; min-height:60px;"><span class="bitri talc">Back to Page with Long Text</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi3 xs100p" style="margin:4px; min-height:60px;"><span class="bitri talr">Back to Page with Long Text</span><i class="fas fa-caret-right biiri"></i></a>
</div> ]
bi multiple on row with wrapping 4
bi Code: [
<div class="bic" style="background:pink; flex-direction:row; flex-wrap:wrap;">
<a href="/" class="bi bi1 xs100p" style="margin:4px; min-height:60px;"><i class="fas fa-caret-left biili"></i><span class="bitli tall">Back to Page with Text</span></a>
<a href="/" class="bi bi2 xs100p" style="margin:4px; min-height:60px;"><i class="fas fa-caret-left biili"></i><span class="bitli talc">Back to Page with Long Text</span></a>
<a href="/" class="bi bi3 xs100p" style="margin:4px; min-height:60px;"><i class="fas fa-caret-left biili"></i><span class="bitli talr">Back to Page with Much, Much, Longer Text</span></a>
<a href="/" class="bi bi1 xs100p" style="margin:4px; min-height:60px;"><span class="bitri tall">Back to Page with Long Text</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi2 xs100p" style="margin:4px; min-height:60px;"><span class="bitri talc">Back to Page with text</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi3 xs100p" style="margin:4px; min-height:60px;"><span class="bitri talr">Back to Page with very, very long, Long Text</span><i class="fas fa-caret-right biiri"></i></a>
</div> ]
bi multiple on row with wrapping
bi Code: [
<div class="bic" style="background:pink; flex-direction:row; flex-wrap:wrap;">
<a href="/" class="bi bi1 xs100p" style="margin:4px; min-height:60px;"><i class="fas fa-caret-left biili"></i><span class="bitli tall">Go to Page</span></a>
<a href="/" class="bi bi2 xs100p" style="margin:4px; min-height:60px;"><i class="fas fa-caret-left biili"></i><span class="bitli talc">Go to Page</span></a>
<a href="/" class="bi bi3 xs100p" style="margin:4px; min-height:60px;"><i class="fas fa-caret-left biili"></i><span class="bitli talr">Go to Page</span></a>
<a href="/" class="bi bi1 xs100p" style="margin:4px; min-height:60px;"><span class="bitri tall">Go to Page</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi2 xs100p" style="margin:4px; min-height:60px;"><span class="bitri talc">Go to Page</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi3 xs100p" style="margin:4px; min-height:60px;"><span class="bitri talr">Go to Page</span><i class="fas fa-caret-right biiri"></i></a>
</div> ]
bi multiple on row with wrapping on flex-start
bi Code: [
<div class="bic" style="background:pink; flex-direction:row; flex-wrap:wrap; justify-content:flex-start;">
<a href="/" class="bi bi1 xs100p" style="margin:4px; min-height:60px;"><i class="fas fa-caret-left biili"></i><span class="bitli tall">Go to Page</span></a>
<a href="/" class="bi bi2 xs100p" style="margin:4px; min-height:60px;"><i class="fas fa-caret-left biili"></i><span class="bitli talc">Go to Page</span></a>
<a href="/" class="bi bi3 xs100p" style="margin:4px; min-height:60px;"><i class="fas fa-caret-left biili"></i><span class="bitli talr">Go to Page</span></a>
<a href="/" class="bi bi1 xs100p" style="margin:4px; min-height:60px;"><span class="bitri tall">Go to Page</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi2 xs100p" style="margin:4px; min-height:60px;"><span class="bitri talc">Go to Page</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi3 xs100p" style="margin:4px; min-height:60px;"><span class="bitri talr">Go to Page</span><i class="fas fa-caret-right biiri"></i></a>
</div> ]
shown large for clarity
mcb
direction left
mcb mcbl (left icon) This is a link1 Code: [
<a href="/" class="mcb mcbl" style="">This is a link1</a> ]
mcb mcbl mcdb2 (left icon) This is a link Code: [
<a href="/" class="mcb mcbl mcdb2" style=""><span>This is a link</span></a> ]
mcb mcbl mcdb3 (left icon) This is a link Code: [
<a href="/" class="mcb mcbl mcdb3" style="">This is a link</a> ]
mcb mcbl mcdb4 (left icon) This is a link Code: [
<a href="/" class="mcb mcbl mcdb4" style="">This is a link</a> ]
mcb mcbl mcdb5 (left icon) This is a link Code: [
<a href="/" class="mcb mcbl mcdb5" style="">This is a link</a> ]
mcb mcbl mcdb6 (left icon) This is a link Code: [
<a href="/" class="mcb mcbl mcdb6" style="">This is a link</a> ]
direction right
mcb mcbr (right icon) This is a link Code: [
<a href="/" class="mcb mcbr" style="">This is a link</a> ]
mcb mcbr mcdb2 (right icon) This is a link Code: [
<a href="/" class="mcb mcbr mcdb2" style=""><span>This is a link</span></a> ]
mcb mcbr mcdb3 (right icon) This is a link Code: [
<a href="/" class="mcb mcbr mcdb3" style="">This is a link</a> ]
mcb mcbr mcdb4 (right icon) This is a link Code: [
<a href="/" class="mcb mcbr mcdb4" style="">This is a link</a> ]
mcb mcbr mcdb5 (right icon) This is a link Code: [
<a href="/" class="mcb mcbr mcdb5" style="">This is a link</a> ]
mcb mcbr mcdb6 (right icon) This is a link Code: [
<a href="/" class="mcb mcbr mcdb6" style="">This is a link</a> ]
container with single
mcb mcbr (right icon) Code: [
<div class="bic" style="background:pink; height:100px;"><a href="/" class="mcb mcbr" style="">This is a link</a></div> ]
mcb mcbl (left icon) Code: [
<div class="bic" style="background:pink; height:100px;"><a href="/" class="mcb mcbl" style="">This is a link</a></div> ]
container with single - big
mcb mcbr (right icon) Code: [
<div class="bic" style="background:pink; height:100px;"><a href="/" class="mcb mcbr" style="min-height: 70px; font-size:30px;">This is a link</a></div> ]
mcb mcbl (left icon) Code: [
<div class="bic" style="background:pink; height:100px;"><a href="/" class="mcb mcbl" style="min-height: 70px; font-size:30px;">This is a link</a></div> ]
container with multiple (row)
mcb mcbr (right icon) Code: [
<div class="bic" style="background:pink; height:100px;"><a href="/" class="mcb mcbr m4" style="">This is a link</a><a href="/" class="mcb mcbl mcdb2 m4" style="">This is a link</a><a href="/" class="mcb mcbr mcdb3 m4" style="">This is a link</a></div> ]
mcb mcbl (left icon) Code: [
<div class="bic" style="background:pink; height:100px;"><a href="/" class="mcb mcbl m4" style="">This is a link</a><a href="/" class="mcb mcbr mcdb2 m4 xs100p" style="">This is a link</a><a href="/" class="mcb mcbl mcdb3 m4" style="">This is a link</a></div> ]
container with multiple (column)
mcb mcbr (right icon) Code: [
<div class="bic" style="background:pink; flex-direction:column;"><a href="/" class="mcb mcbr m4" style="">This is a link</a><a href="/" class="mcb mcbl mcdb2 m4 xs100p" style="">This is a link</a><a href="/" class="mcb mcbr mcdb3 m4" style="">This is a link</a></div> ]
mcb mcbl (left icon) Code: [
<div class="bic" style="background:pink; flex-direction:column;"><a href="/" class="mcb mcbl m4" style="">This is a link</a><a href="/" class="mcb mcbr mcdb2 m4 xs100p" style="">This is a link</a><a href="/" class="mcb mcbl mcdb3 m4" style="">This is a link</a></div> ]
7 - Forms, buttons and inputs
-Submit:
Input default Code: [
<input type="submit" name="submit_button" value="Example default submit button" style="margin:4px;"> ]
Input type 1 Code: [
<input type="submit" name="submit_button" value="Example type1 submit button " class="submitbutton_type1 xs100p" style="margin:4px;"> ]
Input type 2 Code: [
<input type="submit" name="submit_button" value="Example type2 submit button" class="submitbutton_type2 xs100p" style="margin:4px;"> ]
submitbutton_contactform Code: [
<input type="submit" name="submit_button" value="Example contact form submit button" class="submitbutton_contactform" style="margin:4px;"> ]
-Button:
Button default
Next
Code: [
<div><button type="submit" style="margin:4px;">Next</button></div> ]
Next with many, many more words
Code: [
<div><button type="submit" style="margin:4px;">Next with many, many more words</button></div> ]
submitbutton_contactform Next Code: [
<button type="submit" name="submit_button" value="Example contact form submit button" class="submitbutton_contactform" style="margin:4px;">Next</button> ]
submitbutton_contactform Next with many, many more words Code: [
<button type="submit" name="submit_button" value="Example contact form submit button" class="submitbutton_contactform" style="margin:4px;">Next with many, many more words</button> ]
submitbutton_contactform in container Next
Code: [
<div class="bic"><button type="submit" name="submit_button" value="Example contact form submit button" class="submitbutton_contactform xs100p" style="margin:4px;">Next</button></div> ]
submitbutton_contactform in container Next with many, many more words
Code: [
<div class="bic"><button type="submit" name="submit_button" value="Example contact form submit button" class="submitbutton_contactform xs100p" style="margin:4px;">Next with many, many more words</button></div> ]
Button type 1b Next
Next
Code: [
<div><button type="submit" class="submitbutton_type1bnext" style="margin:4px;">Next</button></div> ]
Next with many, many more words
Code: [
<div><button type="submit" class="submitbutton_type1bnext" style="margin:4px;">Next with many, many more words</button></div> ]
Button type 1b Back
Back
Code: [
<div><button type="submit" class="submitbutton_type1bback" style="margin:4px;">Back</button></div> ]
Back with many, many more words
Code: [
<div><button type="submit" class="submitbutton_type1bback" style="margin:4px;">Back with many, many more words</button></div> ]
Button type 2b Next
Next
Code: [
<div><button type="submit" class="submitbutton_type2bnext" style="margin:4px;">Next</button></div> ]
Next with many, many more words
Code: [
<div><button type="submit" class="submitbutton_type2bnext" style="margin:4px;">Next with many, many more words</button></div> ]
Button type 2b Back
Back
Code: [
<div><button type="submit" class="submitbutton_type2bback" style="margin:4px;">Back</button></div> ]
Back with many, many more words
Code: [
<div><button type="submit" class="submitbutton_type2bback" style="margin:4px;">Back with many, many more words</button></div> ]
Columns
Button type 1b Next
Next
Code: [
<div class="bic" style="background:pink;"><button type="submit" class="submitbutton_type1bnext xs100p" style="margin:4px;">Next</button></div> ]
Next with many, many more words
Code: [
<div class="bic" style="background:pink;"><button type="submit" class="submitbutton_type1bnext xs100p" style="margin:4px;">Next with many, many more words</button></div> ]
Button type 1b Back
Back
Code: [
<div class="bic" style="background:pink;"><button type="submit" class="submitbutton_type1bback xs100p" style="margin:4px;">Back</button></div> ]
Back with many, many more words
Code: [
<div class="bic" style="background:pink;"><button type="submit" class="submitbutton_type1bback xs100p" style="margin:4px;">Back with many, many more words</button></div> ]
Button type 2b Next
Next
Code: [
<div class="bic" style="background:pink;"><button type="submit" class="submitbutton_type2bnext xs100p" style="margin:4px; min-height:50px;">Next</button></div> ]
Next with many, many more words
Code: [
<div class="bic" style="background:pink;"><button type="submit" class="submitbutton_type2bnext xs100p" style="margin:4px;">Next with many, many more words</button></div> ]
Button type 2b Back
Back
Code: [
<div class="bic" style="background:pink;"><button type="submit" class="submitbutton_type2bback xs100p" style="margin:4px;">Back</button></div> ]
Back with many, many more words
Code: [
<div class="bic" style="background:pink;"><button type="submit" class="submitbutton_type2bback xs100p" style="margin:4px;">Back with many, many more words</button></div> ]
This is a heading
This is the content text. It could be long, and it could contain a number of paragraphs.
This is a heading
This is the content text. It could be long, and it could contain a number of paragraphs.
This is a heading
This is the content text. It could be long, and it could contain a number of paragraphs.
This is a heading
This is the content text. It could be long, and it could contain a number of paragraphs.
This is a heading
This is the content text. It could be long, and it could contain a number of paragraphs.
This is a heading
This is the content text. It could be long, and it could contain a number of paragraphs.
Contentbox container start: [
<div class="container"><div class="row"><!-- start row1 --> ]
Contentbox Code: [
<div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-3"><!-- start col1 -->
<div class="contentbox1-box"><!-- start contentbox1 -->
<img class="contentbox1-image" src="">
<div class="contentbox1-head">This is a heading</div>
<div class="contentbox1-body">This is the content text. It could be long, and it could contain a number of paragraphs.</div>
<div style="display:flex; justify-items:center; justify-content:center; align-items:center;"><a href="/" class="mclink1" style="margin:4px; padding:5px; display:inline-flex;">More info</a></div>
</div><!-- end contentbox1 -->
</div><!-- end colbox1 --> ]
Contentbox container end: [
</div><!-- end row1 --></div><!-- end container --> ]
9 - Page Headings (H tags)
H1 XS font-family:[Varela-Regular] font-size:[34px] color:[othercolor25]
H2 XS font-family:[VarelaRound-Regular] font-size:[22px] color:[othercolor25]
H3 XS font-family:[VarelaRound-Regular] font-size:[20px] color:[othercolor25]
H4 XS font-family:[VarelaRound-Regular] font-size:[18px] color:[othercolor25]
H1 SM font-family:[Varela-Regular] font-size:[34px] color:[othercolor25]
H2 SM font-family:[VarelaRound-Regular] font-size:[22px] color:[othercolor25]
H3 SM font-family:[VarelaRound-Regular] font-size:[20px] color:[othercolor25]
H4 SM font-family:[VarelaRound-Regular] font-size:[18px] color:[othercolor25]
H1 MD font-family:[Varela-Regular] font-size:[46px] color:[othercolor25]
H2 MD font-family:[VarelaRound-Regular] font-size:[28px] color:[othercolor25]
H3 MD font-family:[VarelaRound-Regular] font-size:[24px] color:[othercolor25]
H4 MD font-family:[VarelaRound-Regular] font-size:[18px] color:[othercolor25]
H1 LG font-family:[Varela-Regular] font-size:[46px] color:[othercolor25]
H2 LG font-family:[VarelaRound-Regular] font-size:[28px] color:[othercolor25]
H3 LG font-family:[VarelaRound-Regular] font-size:[24px] color:[othercolor25]
H4 LG font-family:[VarelaRound-Regular] font-size:[18px] color:[othercolor25]
H1 XL font-family:[Varela-Regular] font-size:[46px] color:[othercolor25]
H2 XL font-family:[VarelaRound-Regular] font-size:[28px] color:[othercolor25]
H3 XL font-family:[VarelaRound-Regular] font-size:[24px] color:[othercolor25]
H4 XL font-family:[VarelaRound-Regular] font-size:[18px] color:[othercolor25]
H1 XS
H2 XS
H3 XS
H4 XS
H1 sm
H2 sm
H3 sm
H4 sm
H1 md
H2 md
H3 md
H4 md
H1 lg
H2 lg
H3 lg
H4 lg
H1 xl
H2 xl
H3 xl
H4 xl
logofile_mainhead
logo1.png
logofile_mainheadscrolled
logo1.png
Favicon/Generic
URL:https://www.happypawshaven.com.au/favicon.ico
Width x Height:32x32 file size:[4.19 KB]
relative URL:/favicon.ico
tag:
URL:https://www.happypawshaven.com.au/favicon.png
Width x Height:32x32 file size:[1.52 KB]
relative URL:/favicon.png
tag:<link rel="icon" type="image/png" href="/favicon.png">
URL:https://www.happypawshaven.com.au/favicon-16x16.png
Width x Height:16x16 file size:[696 Bytes]
relative URL:/favicon-16x16.png
tag:<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
URL:https://www.happypawshaven.com.au/favicon-32x32.png
Width x Height:32x32 file size:[1.52 KB]
relative URL:/favicon-32x32.png
tag:<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
URL:https://www.happypawshaven.com.au/favicon-48x48.png
Width x Height:48x48 file size:[2.75 KB]
relative URL:/favicon-48x48.png
tag:<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">
URL:https://www.happypawshaven.com.au/favicon-64x64.png
Width x Height:64x64 file size:[3.4 KB]
relative URL:/favicon-64x64.png
tag:<link rel="icon" type="image/png" sizes="64x64" href="/favicon-64x64.png">
URL:https://www.happypawshaven.com.au/favicon-96x96.png
Width x Height:96x96 file size:[6.06 KB]
relative URL:/favicon-96x96.png
tag:<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
URL:https://www.happypawshaven.com.au/favicon-128x128.png
Width x Height:128x128 file size:[7.49 KB]
relative URL:/favicon-128x128.png
tag:<link rel="icon" type="image/png" sizes="128x128" href="/favicon-128x128.png">
URL:https://www.happypawshaven.com.au/favicon-160x160.png
Width x Height:160x160 file size:[9.47 KB]
relative URL:/favicon-160x160.png
tag:<link rel="icon" type="image/png" sizes="160x160" href="/favicon-160x160.png">
URL:https://www.happypawshaven.com.au/favicon-192x192.png
Width x Height:192x192 file size:[16.36 KB]
relative URL:/favicon-192x192.png
tag:<link rel="icon" type="image/png" sizes="192x192" href="/favicon-192x192.png">
URL:https://www.happypawshaven.com.au/favicon-196x196.png
Width x Height:196x196 file size:[26.37 KB]
relative URL:/favicon-196x196.png
tag:<link rel="icon" type="image/png" sizes="196x196" href="/favicon-196x196.png">
URL:https://www.happypawshaven.com.au/favicon-256x256.png
Width x Height:256x256 file size:[17.28 KB]
relative URL:/favicon-256x256.png
tag:<link rel="icon" type="image/png" sizes="256x256" href="/favicon-256x256.png">
Apple
URL:https://www.happypawshaven.com.au/apple-touch-icon-57x57.png
Width x Height:57x57 file size:[3.73 KB]
relative URL:/apple-touch-icon-57x57.png
tag:<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
URL:https://www.happypawshaven.com.au/apple-touch-icon-60x60.png
Width x Height:60x60 file size:[3.63 KB]
relative URL:/apple-touch-icon-60x60.png
tag:<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
URL:https://www.happypawshaven.com.au/apple-touch-icon-72x72.png
Width x Height:72x72 file size:[4.8 KB]
relative URL:/apple-touch-icon-72x72.png
tag:<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
URL:https://www.happypawshaven.com.au/apple-touch-icon-76x76.png
Width x Height:76x76 file size:[5.63 KB]
relative URL:/apple-touch-icon-76x76.png
tag:<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
URL:https://www.happypawshaven.com.au/apple-touch-icon-114x114.png
Width x Height:114x114 file size:[10.62 KB]
relative URL:/apple-touch-icon-114x114.png
tag:<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
URL:https://www.happypawshaven.com.au/apple-touch-icon-120x120.png
Width x Height:120x120 file size:[7.9 KB]
relative URL:/apple-touch-icon-120x120.png
tag:<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
URL:https://www.happypawshaven.com.au/apple-touch-icon-144x144.png
Width x Height:144x144 file size:[11.87 KB]
relative URL:/apple-touch-icon-144x144.png
tag:<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
URL:https://www.happypawshaven.com.au/apple-touch-icon-152x152.png
Width x Height:152x152 file size:[15.46 KB]
relative URL:/apple-touch-icon-152x152.png
tag:<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
URL:https://www.happypawshaven.com.au/apple-touch-icon-167x167.png
Width x Height:167x167 file size:[20.18 KB]
relative URL:/apple-touch-icon-167x167.png
tag:<link rel="apple-touch-icon" sizes="167x167" href="/apple-touch-icon-167x167.png">
URL:https://www.happypawshaven.com.au/apple-touch-icon-180x180.png
Width x Height:180x180 file size:[15.02 KB]
relative URL:/apple-touch-icon-180x180.png
tag:<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">
URL:https://www.happypawshaven.com.au/ios-icon.png
Width x Height:180x180 file size:[15.02 KB]
relative URL:/ios-icon.png
tag:<link rel="apple-touch-icon" href="/ios-icon.png">
URL:https://www.happypawshaven.com.au/icon.png
Width x Height:180x180 file size:[15.02 KB]
relative URL:/icon.png
tag:<link rel="apple-touch-startup-image" href="/icon.png">
Microsoft
URL:https://www.happypawshaven.com.au/acme-tile-small.png
Width x Height:70x70 file size:[4.57 KB]
relative URL:/acme-tile-small.png
tag:<meta name="msapplication-square70x70logo" content="/acme-tile-small.png">
URL:https://www.happypawshaven.com.au/mstile-144x144.png
Width x Height:144x144 file size:[11.87 KB]
relative URL:/mstile-144x144.png
tag:<meta name="msapplication-TileImage" content="/mstile-144x144.png">
URL:https://www.happypawshaven.com.au/acme-tile-medium.png
Width x Height:150x150 file size:[10.31 KB]
relative URL:/acme-tile-medium.png
tag:<meta name="msapplication-square150x150logo" content="/acme-tile-medium.png">
URL:https://www.happypawshaven.com.au/acme-tile-large.png
Width x Height:310x310 file size:[51.33 KB]
relative URL:/acme-tile-large.png
tag:<meta name="msapplication-square310x310logo" content="/acme-tile-large.png">
Generic Theme Color:[#fffb01]
Apple Theme Color:[#fffb01]
MS Application Nav Button Color:[#fffb01]
MS Application Tile Color:[#fffb01]
ms_applicationname
Happy Paws Haven
ms_applicationstarturl
https://www.happypawshaven.org.au/
Current Theme:[Main Theme]
System Theme:[SYSTEM THEME]
Default Theme:[Main Theme]
Current Theme:
live:theme[Main Theme]+selector[seasonalbutton]
(2) properties for theme[Main Theme]+selector[seasonalbutton]
property:[
color ] - value:[
#ffffff ]
property:[
background ] - value:[
#4a0391 ]
(gencss theme[Main Theme]+selector[seasonalbutton]):.seasonalbutton{background:#4a0391; margin:4px; padding:3px; font-weight:bold; border-radius:4px; color:#ffffff; }
This is some test text.
<div class="seasonalbutton">This is some test text.</div>
live:theme[Main Theme]+selector[themeflowtest]
(2) properties for theme[Main Theme]+selector[themeflowtest]
property:[border-top ] - value:[2px solid green ]
property:[border-bottom ] - value:[2px solid green ]
(gencss theme[Main Theme]+selector[themeflowtest]):.themeflowtest{margin:5px; width:200px; height:30px; background:gray; border-left:2px solid red;padding:2px; border-bottom:2px solid green; border-top:2px solid green; }
This is some test text.
<div class="themeflowtest">This is some test text.</div>
gen:theme[Main Theme]+selector[seasonalbutton]
(2) properties for theme[Main Theme]+selector[seasonalbutton]
property:[
color ] - value:[
#ffffff ]
property:[
background ] - value:[
#4a0391 ]
(gencss theme[Main Theme]+selector[seasonalbutton]):.seasonalbutton{background:#4a0391; margin:4px; padding:3px; font-weight:bold; border-radius:4px; color:#ffffff; }
This is some test text.
<div style="background:#4a0391; margin:4px; padding:3px; font-weight:bold; border-radius:4px; color:#ffffff; ">This is some test text.</div>
gen:theme[Main Theme]+selector[themeflowtest]
(2) properties for theme[Main Theme]+selector[themeflowtest]
property:[border-top ] - value:[2px solid green ]
property:[border-bottom ] - value:[2px solid green ]
(gencss theme[Main Theme]+selector[themeflowtest]):.themeflowtest{margin:5px; width:200px; height:30px; background:gray; border-left:2px solid red;padding:2px; border-bottom:2px solid green; border-top:2px solid green; }
This is some test text.
<div style="margin:5px; width:200px; height:30px; background:gray; border-left:2px solid red;padding:2px; border-bottom:2px solid green; border-top:2px solid green; ">This is some test text.</div>
All Themes:
theme name: [SYSTEM THEME] theme code: [DEFAULT] theme enable: [0] isdefault: [0] issystem: [1]
gen:theme[SYSTEM THEME]+selector[seasonalbutton]
(6) properties for theme[SYSTEM THEME]+selector[seasonalbutton]
property:[
background ] - value:[
#888888 ]
property:[margin ] - value:[4px ]
property:[padding ] - value:[3px ]
property:[font-weight ] - value:[ ]
property:[border-radius ] - value:[4px ]
property:[
color ] - value:[
#ffffff ]
(gencss theme[SYSTEM THEME]+selector[seasonalbutton]):.seasonalbutton{background:#888888; margin:4px; padding:3px; font-weight:bold; border-radius:4px; color:#ffffff; }
This is some test text.
<div style="background:#888888; margin:4px; padding:3px; font-weight:bold; border-radius:4px; color:#ffffff; ">This is some test text.</div>
gen:theme[SYSTEM THEME]+selector[themeflowtest]
(7) properties for theme[SYSTEM THEME]+selector[themeflowtest]
property:[margin ] - value:[5px ]
property:[width ] - value:[200px ]
property:[height ] - value:[30px ]
property:[background ] - value:[gray ]
property:[border-left ] - value:[2px solid red; ]
property:[padding ] - value:[2px ]
property:[border-bottom ] - value:[2px solid red ]
(gencss theme[SYSTEM THEME]+selector[themeflowtest]):.themeflowtest{margin:5px; width:200px; height:30px; background:gray; border-left:2px solid red;padding:2px; border-bottom:2px solid red; border-top:2px solid green; }
This is some test text.
<div style="margin:5px; width:200px; height:30px; background:gray; border-left:2px solid red;padding:2px; border-bottom:2px solid red; border-top:2px solid green; ">This is some test text.</div>
theme name: [Main Theme] theme code: [main_theme] theme enable: [1] isdefault: [1] issystem: [0]
gen:theme[Main Theme]+selector[seasonalbutton]
(2) properties for theme[Main Theme]+selector[seasonalbutton]
property:[
color ] - value:[
#ffffff ]
property:[
background ] - value:[
#4a0391 ]
(gencss theme[Main Theme]+selector[seasonalbutton]):.seasonalbutton{background:#4a0391; margin:4px; padding:3px; font-weight:bold; border-radius:4px; color:#ffffff; }
This is some test text.
<div style="background:#4a0391; margin:4px; padding:3px; font-weight:bold; border-radius:4px; color:#ffffff; ">This is some test text.</div>
gen:theme[Main Theme]+selector[themeflowtest]
(2) properties for theme[Main Theme]+selector[themeflowtest]
property:[border-top ] - value:[2px solid green ]
property:[border-bottom ] - value:[2px solid green ]
(gencss theme[Main Theme]+selector[themeflowtest]):.themeflowtest{margin:5px; width:200px; height:30px; background:gray; border-left:2px solid red;padding:2px; border-bottom:2px solid green; border-top:2px solid green; }
This is some test text.
<div style="margin:5px; width:200px; height:30px; background:gray; border-left:2px solid red;padding:2px; border-bottom:2px solid green; border-top:2px solid green; ">This is some test text.</div>
theme name: [Sale] theme code: [Sale] theme enable: [0] isdefault: [0] issystem: [0]
gen:theme[Sale]+selector[seasonalbutton]
(2) properties for theme[Sale]+selector[seasonalbutton]
property:[
background ] - value:[
#c60101 ]
property:[
color ] - value:[
#ffffff ]
(gencss theme[Sale]+selector[seasonalbutton]):.seasonalbutton{background:#c60101; margin:4px; padding:3px; font-weight:bold; border-radius:4px; color:#ffffff; }
This is some test text.
<div style="background:#c60101; margin:4px; padding:3px; font-weight:bold; border-radius:4px; color:#ffffff; ">This is some test text.</div>
gen:theme[Sale]+selector[themeflowtest]
(2) properties for theme[Sale]+selector[themeflowtest]
property:[border-right ] - value:[2px solid blue ]
property:[border-bottom ] - value:[2px solid blue ]
(gencss theme[Sale]+selector[themeflowtest]):.themeflowtest{margin:5px; width:200px; height:30px; background:gray; border-left:2px solid red;padding:2px; border-bottom:2px solid blue; border-top:2px solid green; border-right:2px solid blue; }
This is some test text.
<div style="margin:5px; width:200px; height:30px; background:gray; border-left:2px solid red;padding:2px; border-bottom:2px solid blue; border-top:2px solid green; border-right:2px solid blue; ">This is some test text.</div>
theme name: [Easter] theme code: [Easter] theme enable: [0] isdefault: [0] issystem: [0]
gen:theme[Easter]+selector[seasonalbutton]
(2) properties for theme[Easter]+selector[seasonalbutton]
property:[
background ] - value:[
#dd69d9 ]
property:[
color ] - value:[
#0f63a3 ]
(gencss theme[Easter]+selector[seasonalbutton]):.seasonalbutton{background:#dd69d9; margin:4px; padding:3px; font-weight:bold; border-radius:4px; color:#0f63a3; }
This is some test text.
<div style="background:#dd69d9; margin:4px; padding:3px; font-weight:bold; border-radius:4px; color:#0f63a3; ">This is some test text.</div>
gen:theme[Easter]+selector[themeflowtest]
(0) properties for theme[Easter]+selector[themeflowtest]
(gencss theme[Easter]+selector[themeflowtest]):.themeflowtest{margin:5px; width:200px; height:30px; background:gray; border-left:2px solid red;padding:2px; border-bottom:2px solid green; border-top:2px solid green; }
This is some test text.
<div style="margin:5px; width:200px; height:30px; background:gray; border-left:2px solid red;padding:2px; border-bottom:2px solid green; border-top:2px solid green; ">This is some test text.</div>
theme name: [Christmas Theme] theme code: [christmas_theme] theme enable: [0] isdefault: [0] issystem: [0]
gen:theme[Christmas Theme]+selector[seasonalbutton]
(2) properties for theme[Christmas Theme]+selector[seasonalbutton]
property:[
color ] - value:[
#c10101 ]
property:[
background ] - value:[
#007a14 ]
(gencss theme[Christmas Theme]+selector[seasonalbutton]):.seasonalbutton{background:#007a14; margin:4px; padding:3px; font-weight:bold; border-radius:4px; color:#c10101; }
This is some test text.
<div style="background:#007a14; margin:4px; padding:3px; font-weight:bold; border-radius:4px; color:#c10101; ">This is some test text.</div>
gen:theme[Christmas Theme]+selector[themeflowtest]
(2) properties for theme[Christmas Theme]+selector[themeflowtest]
property:[border-right ] - value:[2px solid aqua ]
property:[border-bottom ] - value:[ ]
(gencss theme[Christmas Theme]+selector[themeflowtest]):.themeflowtest{margin:5px; width:200px; height:30px; background:gray; border-left:2px solid red;padding:2px; border-top:2px solid green; border-right:2px solid aqua; }
This is some test text.
<div style="margin:5px; width:200px; height:30px; background:gray; border-left:2px solid red;padding:2px; border-top:2px solid green; border-right:2px solid aqua; ">This is some test text.</div>
theme name: [Halloween Theme] theme code: [halloween_theme] theme enable: [0] isdefault: [0] issystem: [0]
gen:theme[Halloween Theme]+selector[seasonalbutton]
(2) properties for theme[Halloween Theme]+selector[seasonalbutton]
property:[
background ] - value:[
#c05e02 ]
property:[
color ] - value:[
#000000 ]
(gencss theme[Halloween Theme]+selector[seasonalbutton]):.seasonalbutton{background:#c05e02; margin:4px; padding:3px; font-weight:bold; border-radius:4px; color:#000000; }
This is some test text.
<div style="background:#c05e02; margin:4px; padding:3px; font-weight:bold; border-radius:4px; color:#000000; ">This is some test text.</div>
gen:theme[Halloween Theme]+selector[themeflowtest]
(0) properties for theme[Halloween Theme]+selector[themeflowtest]
(gencss theme[Halloween Theme]+selector[themeflowtest]):.themeflowtest{margin:5px; width:200px; height:30px; background:gray; border-left:2px solid red;padding:2px; border-bottom:2px solid green; border-top:2px solid green; }
This is some test text.
<div style="margin:5px; width:200px; height:30px; background:gray; border-left:2px solid red;padding:2px; border-bottom:2px solid green; border-top:2px solid green; ">This is some test text.</div>
showing 419 icons...
fa-angle-double-right
\f101
fa-arrow-circle-right
\f0a9
fa-question-circle1
\f05c
fa-exclamation-circle
\f06a
fa-exclamation-triangle
\f072
fa-arrow-circle-left
\f0a8
fa-arrow-circle-right
\f0a9
fa-arrow-circle-down
\f0ab
fa-pinterest-square
\f0d3
fa-google-plus-square
\f0d4
fa-angle-double-left
\f100
fa-angle-double-right
\f101
fa-angle-double-down
\f103
fa-chevron-circle-left
\f137
fa-chevron-circle-right
\f138
fa-chevron-circle-up
\f139
fa-chevron-circle-down
\f13a
fa-caret-square-down
\f150
fa-caret-square-right
\f152
fa-caret-square-down1
\f153
fa-caret-square-up1
\f154
fa-caret-square-right1
\f155
fa-caret-square-left
\f191
fa-caret-square-left1
\f193
fa-file-powerpoint1
\f1ce
fa-closed-captioning
\f20a
fa-window-minimize1
\f2d3
fa-long-arrow-alt-down
\f309
fa-long-arrow-alt-left
\f30a
fa-long-arrow-alt-right
\f30b
fa-long-arrow-alt-up
\f30c
fa-expand-arrows-alt
\f31e
fa-arrow-alt-circle-down
\f358
fa-arrow-alt-circle-left
\f359
fa-arrow-alt-circle-right
\f35a
fa-arrow-alt-circle-up
\f35b
fa-arrow-alt-circle-down1
\f35c
fa-arrow-alt-circle-left1
\f35d
fa-arrow-alt-circle-right1
\f35e
fa-arrow-alt-circle-up1
\f35f
fa-cloud-download-alt
\f381
fa-cloud-upload-alt
\f382
fa-briefcase-medical
\f469
fa-money-bill-wave-alt
\f53b
fa-suitcase-rolling
\f5c1
fa-envelope-open-text
\f658
fa-phone-square-alt
\f87b
15 - Business and Contact Information
Phone and Fax numbers
Main Phone Number Display: (phone1_display)
0419 404 766
Main Phone Number International Display: (phone1_intdisplay)
+61 419 404 766
Link for Main Phone Number: (phone1_link)
tel://+61419404766
Secondary Phone Number Display: (phone2_display)
02 6644 9936
Secondary Phone Number International Display: (phone2_intdisplay)
+61 266 449 936
Link for Secondary Phone Number: (phone2_link)
tel://+61266449936
Address Information
Street address line2 (Street number and Street name): (streetaddress_line2)
140 Tindal Rd,
Street address line3 (Suburb/City): (streetaddress_line3)
Eatonsville,
Street address line4 (State): (streetaddress_line4)
NSW
Street address line5 (Post code): (streetaddress_line5)
2460
Street address line6 (Country): (streetaddress_line6)
AUSTRALIA
Street address short line (The full address in one line): (streetaddress_shortline)
140 Tindal Rd, Eatonsville NSW 2460 Australia
Postal address line2 (Postal number and Postal name): (postaladdress_line2)
140 Tindal Rd,
Postal address line3 (Suburb/City): (postaladdress_line3)
Eatonsville
Postal address line4 (State): (postaladdress_line4)
NSW
Postal address line5 (Post code): (postaladdress_line5)
2460
Postal address line6 (Country): (postaladdress_line6)
Australia
Postal address short line (The full address in one line): (postaladdress_shortline)
140 Tindal Rd, Eatonsville NSW 2460 Australia
Business Hours
Business Hours - Monday: (businesshours_monday)
9am-4pm
Business Hours - Tuesday: (businesshours_tuesday)
9am-4pm
Business Hours - Wednesday: (businesshours_wednesday)
9am-4pm
Business Hours - Thursday: (businesshours_thursday)
9am-4pm
Business Hours - Friday: (businesshours_friday)
9am-4pm
Business Hours - Saturday: (businesshours_saturday)
9am-4pm
Business Hours - Sunday: (businesshours_sunday)
9am-4pm
Business Hours Note (Note about holidays, etc.): (businesshours_note)
We are open 9am to 4pm (NSW time) every day - please come and visit us!
Business Hours short line (business hours on one line): (businesshours_shortline)
9am to 4pm every day
Business Hours shorter line (business hours on one line, very short): (businesshours_shorterline)
9am to 4pm 7 days
Social Media Links
Social Media Link - Instagram: (smlink_instagram)
https://www.instagram.com/happypawsdogsncats/
Social Media Link - Facebook: (smlink_facebook)
https://www.facebook.com/happypawsrehoming/
Business Information
Business Name - Legal Name: (business_legalname)
Happy Paws Haven Ltd
Business Name - Long Name: (business_longname)
Happy Paws Haven
Business Name - Medium Name: (business_mediumname)
Happy Paws Haven
Business Name - Short Name: (business_shortname)
Happy Paws
Business ABN: (business_abn)
79 928 920 087
Google Maps Embed Link: (googlemap_embedlink)
https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3467.268507959466!2d152.82605071568918!3d-29.65398182018659!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6b9bd8a86deebff3%3A0xb54a88a7506659fc!2s140%20Tindal%20Rd%2C%20Eatonsville%20NSW%202460!5e0!3m2!1sen!2sau!4v1599197434319!5m2!1sen!2sau
Public Email Address: (public_email)
info@happypawshaven.com.au
PayPal Email Address: (paypal_recipient_email)
rogesal@happypawshaven.com.au
16 - Structured Data (Rich Results for Google)
Organization
LocalBusiness
Address in LocalBusiness
SameAs
Default PayPal Business: [admin@comcleanaustralia.com.au ] (Default Payment Receiver)
mclinkcustom1
This is a mclinkcustom1 Code: [
<a href="/" class="mclinkcustom1" style="margin:4px; "><span class="span1">This is a mclinkcustom1</span><span class="span2"></span></a> ]
mclinkcustom2
This is a mclinkcustom2 Code: [
<a href="/" class="mclinkcustom2" style="margin:4px;">This is a mclinkcustom2</a> ]
Other Notes file not found.