dev1
Design & Metadata Configuration Overview
1 - About This Page
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.
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 !@#$%^&*()
Pet Homes pet homes PET HOMES
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
font-family:Varela-Regular - (display:bold)
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
font-family:Varela-Regular - (display:italic)
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
font-family:Varela-Regular - (display:bold,italic)
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
VarelaRound-Regular [This is a main font.]
font-family:VarelaRound-Regular - (display:normal)
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
font-family:VarelaRound-Regular - (display:bold)
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
font-family:VarelaRound-Regular - (display:italic)
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
font-family:VarelaRound-Regular - (display:bold,italic)
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
3 - Main Fonts using Main Colors
font:[Varela-Regular] with color:[maincolor1 - Main Color 1 - picked from othersite-banner]
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[VarelaRound-Regular] with color:[maincolor1 - Main Color 1 - picked from othersite-banner]
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[Varela-Regular] with color:[maincolor2 - Main Color 2 - Picked from othersite-footer]
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[VarelaRound-Regular] with color:[maincolor2 - Main Color 2 - Picked from othersite-footer]
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[Varela-Regular] with color:[othercolor15 - Other Color 15 - Picked from othersite-bannerlogo]
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[VarelaRound-Regular] with color:[othercolor15 - Other Color 15 - Picked from othersite-bannerlogo]
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[Varela-Regular] with color:[othercolor23 - darker version of oc15]
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[VarelaRound-Regular] with color:[othercolor23 - darker version of oc15]
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[Varela-Regular] with color:[othercolor25 - Other color 25 - even darker version of oc15]
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[VarelaRound-Regular] with color:[othercolor25 - Other color 25 - even darker version of oc15]
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[Varela-Regular] with color:[brandcolor-youtube - brandcolor-youtube]
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[VarelaRound-Regular] with color:[brandcolor-youtube - brandcolor-youtube]
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[Varela-Regular] with color:[superlightbg - superlightbg]
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[VarelaRound-Regular] with color:[superlightbg - superlightbg]
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[Varela-Regular] with color:[panelbg - panelbg]
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[VarelaRound-Regular] with color:[panelbg - panelbg]
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[Varela-Regular] with color:[colorsidenavfghov - colorsidenavfghov]
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[VarelaRound-Regular] with color:[colorsidenavfghov - colorsidenavfghov]
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[Varela-Regular] with color:[colorsidenavfg - colorsidenavfg]
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[VarelaRound-Regular] with color:[colorsidenavfg - colorsidenavfg]
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[Varela-Regular] with color:[colorsidenavbg - colorsidenavbg]
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[VarelaRound-Regular] with color:[colorsidenavbg - colorsidenavbg]
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[Varela-Regular] with color:[maincolor5 - maincolor5]
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[VarelaRound-Regular] with color:[maincolor5 - maincolor5]
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[Varela-Regular] with color:[verylightmain - verylightmain]
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[VarelaRound-Regular] with color:[verylightmain - verylightmain]
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[Varela-Regular] with color:[areasubnavsouterbg - areasubnavsouterbg]
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[VarelaRound-Regular] with color:[areasubnavsouterbg - areasubnavsouterbg]
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[Varela-Regular] with color:[phgreen - phgreen]
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[VarelaRound-Regular] with color:[phgreen - phgreen]
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[Varela-Regular] with color:[grey6 - Grey 6]
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[VarelaRound-Regular] with color:[grey6 - Grey 6]
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[Varela-Regular] with color:[grey7 - Grey 7]
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[VarelaRound-Regular] with color:[grey7 - Grey 7]
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[Varela-Regular] with color:[grey8 - Grey 8]
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[VarelaRound-Regular] with color:[grey8 - Grey 8]
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[Varela-Regular] with color:[grey9 - Grey 9]
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[VarelaRound-Regular] with color:[grey9 - Grey 9]
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[Varela-Regular] with color:[maincolor6 - maincolor6]
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[VarelaRound-Regular] with color:[maincolor6 - maincolor6]
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[Varela-Regular] with color:[ddp-innerbg - ddp-innerbg]
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[VarelaRound-Regular] with color:[ddp-innerbg - ddp-innerbg]
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[Varela-Regular] with color:[lightermain1 - lightermain1]
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[VarelaRound-Regular] with color:[lightermain1 - lightermain1]
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[Varela-Regular] with color:[maincolor2b - maincolor2b]
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[VarelaRound-Regular] with color:[maincolor2b - maincolor2b]
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[Varela-Regular] with color:[superlightmain1 - superlightmain1]
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[VarelaRound-Regular] with color:[superlightmain1 - superlightmain1]
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[Varela-Regular] with color:[verylightmain1 - verylightmain1]
Varela-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
font:[VarelaRound-Regular] with color:[verylightmain1 - verylightmain1]
VarelaRound-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
Pet Homes pet homes PET HOMES
4 - Color Palette
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
55 - 55
56 - 56
57 - 57
58 - 58
59 - 59
60 - 60
61 - 61
62 - 62
64 - 64
65 - 65
66 - 66
67 - 67
68 - 68
69 - 69
1 - 1
code:[maincolor1]name:[Main Color 1 - picked from othersite-banner]default output:[hex]hex[#3a4c9f]rgb:[58,76,159]rgba:[58,76,159,1]transparency:[1][This is a main color.]
2 - 2
code:[maincolor2]name:[Main Color 2 - Picked from othersite-footer]default output:[hex]hex[#f89a00]rgb:[248,154,0]rgba:[248,154,0,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[#f60400]rgb:[246,4,0]rgba:[246,4,0,1]transparency:[1]
4 - 4
code:[maincolor4]name:[Main Color 4 - Picked from othersite-homebuttons-B]default output:[hex]hex[#384f9f]rgb:[56,79,159]rgba:[56,79,159,1]transparency:[1]
5 - 5
code:[othercolor5]name:[Other Color 5 - Picked from othersite-side-A]default output:[hex]hex[#bdd1b7]rgb:[189,209,183]rgba:[189,209,183,1]transparency:[1]
6 - 6
code:[othercolor6]name:[Other Color 6 - Picked from othersite-side-B]default output:[hex]hex[#bae5f8]rgb:[186,229,248]rgba:[186,229,248,1]transparency:[1]
7 - 7
code:[lightermaincolor1]name:[Other Color 7 - picked from othersite-contentheading-A]default output:[hex]hex[#5c6fc5]rgb:[92,111,197]rgba:[92,111,197,1]transparency:[1]
8 - 8
code:[darkermain1]name:[Other Color 8 - Picked from othersite-contentheading-B]default output:[hex]hex[#2f3e82]rgb:[47,62,130]rgba:[47,62,130,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[#a95c07]rgb:[169,92,7]rgba:[169,92,7,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:[panelbg]name:[panelbg]default output:[hex]hex[#dae1e4]rgb:[218,225,228]rgba:[218,225,228,1]transparency:[1][This is a main color.]
48 - 48
code:[colorsidenaviconhov]name:[colorsidenaviconhov]default output:[hex]hex[#32ec11]rgb:[50,236,17]rgba:[50,236,17,1]transparency:[1]
50 - 50
code:[colorsidenavfghov]name:[colorsidenavfghov]default output:[hex]hex[#4bdedb]rgb:[75,222,219]rgba:[75,222,219,1]transparency:[1][This is a main color.]
51 - 51
code:[colorsidenavfg]name:[colorsidenavfg]default output:[hex]hex[#38508d]rgb:[56,80,141]rgba:[56,80,141,1]transparency:[1][This is a main color.]
52 - 52
code:[colorsidenavbg]name:[colorsidenavbg]default output:[hex]hex[#ffffff]rgb:[255,255,255]rgba:[255,255,255,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]
55 - 55
code:[maincolor5]name:[maincolor5]default output:[hex]hex[#adb7e2]rgb:[173,183,226]rgba:[173,183,226,1]transparency:[1][This is a main color.]
56 - 56
code:[verylightmain]name:[verylightmain]default output:[hex]hex[#dbe0f2]rgb:[219,224,242]rgba:[219,224,242,1]transparency:[1][This is a main color.]
57 - 57
code:[areasubnavsouterbg]name:[areasubnavsouterbg]default output:[hex]hex[#255289]rgb:[37,82,137]rgba:[37,82,137,1]transparency:[1][This is a main color.]
58 - 58
code:[phgreen]name:[phgreen]default output:[hex]hex[#33bd3e]rgb:[51,189,62]rgba:[51,189,62,1]transparency:[1][This is a main color.]
59 - 59
code:[grey6]name:[Grey 6]default output:[hex]hex[#aaaaaa]rgb:[170,170,170]rgba:[170,170,170,1]transparency:[1][This is a main color.]
60 - 60
code:[grey7]name:[Grey 7]default output:[hex]hex[#bbbbbb]rgb:[187,187,187]rgba:[187,187,187,1]transparency:[1][This is a main color.]
61 - 61
code:[grey8]name:[Grey 8]default output:[hex]hex[#cccccc]rgb:[204,204,204]rgba:[204,204,204,1]transparency:[1][This is a main color.]
62 - 62
code:[grey9]name:[Grey 9]default output:[hex]hex[#dddddd]rgb:[221,221,221]rgba:[221,221,221,1]transparency:[1][This is a main color.]
64 - 64
code:[maincolor6]name:[maincolor6]default output:[hex]hex[#94cfda]rgb:[148,207,218]rgba:[148,207,218,1]transparency:[1][This is a main color.]
65 - 65
code:[ddp-innerbg]name:[ddp-innerbg]default output:[hex]hex[#52aed1]rgb:[82,174,209]rgba:[82,174,209,1]transparency:[1][This is a main color.]
66 - 66
code:[lightermain1]name:[lightermain1]default output:[hex]hex[#4358bc]rgb:[67,88,188]rgba:[67,88,188,1]transparency:[1][This is a main color.]
67 - 67
code:[maincolor2b]name:[maincolor2b]default output:[hex]hex[#dd8a00]rgb:[221,138,0]rgba:[221,138,0,1]transparency:[1][This is a main color.]
68 - 68
code:[superlightmain1]name:[superlightmain1]default output:[hex]hex[#e3e7f4]rgb:[227,231,244]rgba:[227,231,244,1]transparency:[1][This is a main color.]
69 - 69
code:[verylightmain1]name:[verylightmain1]default output:[hex]hex[#cbd1ed]rgb:[203,209,237]rgba:[203,209,237,1]transparency:[1][This is a main color.]
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 !@#$%^&*()
Pet Homes pet homes PET HOMES
This is example text for BOLD Main Body Content.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
This is example text for ITALIC Main Body Content.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
This is example text for BOLD,ITALIC Main Body Content.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
This is example text for BOLD Main Body Content.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
This is example text for ITALIC Main Body Content.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
This is example text for BOLD,ITALIC Main Body Content.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Pet Homes pet homes PET HOMES
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
Back to Page with Long Text Back to Page with Long TextBack to Page with Long TextBack to Page with Long TextBack to Page with Long TextBack to Page with Long Text
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
Back to Page with Long, Long TextBack to Page with TextBack to Page with Long TextBack to Page with Long TextBack to Page with Very, Very, Long, Long TextBack to Page with Text
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
Back to Page with Long TextBack to Page with Long TextBack to Page with Long TextBack to Page with Long TextBack to Page with Long TextBack to Page with Long Text
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
Back to Page with TextBack to Page with Long TextBack to Page with Much, Much, Longer TextBack to Page with Long TextBack to Page with textBack to Page with very, very long, Long Text
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 Code: [<div><button type="submit" style="margin:4px;">Next</button></div>] Code: [<div><button type="submit" style="margin:4px;">Next with many, many more words</button></div>]
submitbutton_contactform Code: [<button type="submit" name="submit_button" value="Example contact form submit button" class="submitbutton_contactform" style="margin:4px;">Next</button>]
submitbutton_contactform 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 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 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
Code: [<div><button type="submit" class="submitbutton_type1bnext" style="margin:4px;">Next</button></div>]
Code: [<div><button type="submit" class="submitbutton_type1bnext" style="margin:4px;">Next with many, many more words</button></div>]
Button type 1b Back
Code: [<div><button type="submit" class="submitbutton_type1bback" style="margin:4px;">Back</button></div>]
Code: [<div><button type="submit" class="submitbutton_type1bback" style="margin:4px;">Back with many, many more words</button></div>]
Button type 2b Next
Code: [<div><button type="submit" class="submitbutton_type2bnext" style="margin:4px;">Next</button></div>]
Code: [<div><button type="submit" class="submitbutton_type2bnext" style="margin:4px;">Next with many, many more words</button></div>]
Button type 2b Back
Code: [<div><button type="submit" class="submitbutton_type2bback" style="margin:4px;">Back</button></div>]
Code: [<div><button type="submit" class="submitbutton_type2bback" style="margin:4px;">Back with many, many more words</button></div>]
Columns
Button type 1b Next Code: [<div class="bic" style="background:pink;"><button type="submit" class="submitbutton_type1bnext xs100p" style="margin:4px;">Next</button></div>] 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 Code: [<div class="bic" style="background:pink;"><button type="submit" class="submitbutton_type1bback xs100p" style="margin:4px;">Back</button></div>] 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 Code: [<div class="bic" style="background:pink;"><button type="submit" class="submitbutton_type2bnext xs100p" style="margin:4px; min-height:50px;">Next</button></div>] 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 Code: [<div class="bic" style="background:pink;"><button type="submit" class="submitbutton_type2bback xs100p" style="margin:4px;">Back</button></div>] 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>]
8 - Content Boxes
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="https://pethomes.site1.com.au/images/photo/caro1.jpg"><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:[darkermain1]
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:[darkermain1]
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:[darkermain1]
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:[darkermain1]
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:[darkermain1]
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
10 - Logos
logofile_mainhead
logo1.png
logofile_mainheadscrolled
logo1.png
logofile_xshead
logo1.png
logofile_footer
logo1.png
logofile_xsfooter
logo1.png
logofile_menu
logo1.png
11 - Logo Icons
Favicon/Generic
URL:https://www.pethomes.com.au/favicon.ico
Width x Height:32x32 file size:[14.73 KB]
relative URL:/favicon.ico
tag:
Width x Height:32x32 file size:[14.73 KB]
relative URL:/favicon.ico
tag:
URL:https://www.pethomes.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">
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.pethomes.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">
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.pethomes.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">
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.pethomes.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">
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.pethomes.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">
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.pethomes.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">
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.pethomes.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">
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.pethomes.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">
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.pethomes.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">
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.pethomes.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">
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.pethomes.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">
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.pethomes.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">
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.pethomes.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">
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.pethomes.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">
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.pethomes.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">
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.pethomes.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">
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.pethomes.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">
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.pethomes.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">
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.pethomes.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">
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.pethomes.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">
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.pethomes.com.au/apple-touch-icon-180x180.png
Width x Height:180x180 file size:[]
relative URL:/apple-touch-icon-180x180.png
tag:<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">
Width x Height:180x180 file size:[]
relative URL:/apple-touch-icon-180x180.png
tag:<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">
URL:https://www.pethomes.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">
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.pethomes.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">
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.pethomes.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">
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.pethomes.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">
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.pethomes.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">
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.pethomes.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">
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">
12 - Metadata Themes
Generic Theme Color:[#3a4c9f]
Apple Theme Color:[#3a4c9f]
MS Application Nav Button Color:[#3a4c9f]
MS Application Tile Color:[#3a4c9f]
ms_applicationname
Pet Homes
ms_applicationstarturl
https://www.pethomes.com.au/
ms_applicationtooltip
Pet Homes and Accessories
13 - Website Themes
Current Theme:[Main Theme]
System Theme:[SYSTEM THEME]
Default Theme:[Main Theme]
Current 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; }
<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]
All Themes:(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: [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>
14 - Design Icons
showing 419 icons...
15 - Business and Contact Information
Phone and Fax numbers
Main Phone Number Display: (phone1_display)
0418 783 555
Main Phone Number International Display: (phone1_intdisplay)
+61 418 783 555
Link for Main Phone Number: (phone1_link)
tel://+61418783555
Secondary Phone Number Display: (phone2_display)
0418 783 555
Secondary Phone Number International Display: (phone2_intdisplay)
+61 418 783 555
Link for Secondary Phone Number: (phone2_link)
tel://+61418783555
Address Information
Street address line2 (Street number and Street name): (streetaddress_line2)
Meiklejohn circuit
Street address line3 (Suburb/City): (streetaddress_line3)
Collingwood Park
Street address line4 (State): (streetaddress_line4)
QLD
Street address line5 (Post code): (streetaddress_line5)
4301
Street address line6 (Country): (streetaddress_line6)
AUSTRALIA
Street address short line (The full address in one line): (streetaddress_shortline)
Meiklejohn circuit, Collingwood Park, 4301
Postal address line2 (Postal number and Postal name): (postaladdress_line2)
Meiklejohn circuit
Postal address line3 (Suburb/City): (postaladdress_line3)
Collingwood Park
Postal address line4 (State): (postaladdress_line4)
QLD
Postal address line5 (Post code): (postaladdress_line5)
4301
Postal address line6 (Country): (postaladdress_line6)
Australia
Postal address short line (The full address in one line): (postaladdress_shortline)
Meiklejohn circuit, Collingwood Park, 4301
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 (QLD 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 - Facebook: (smlink_facebook)
https://www.facebook.com/PetHomesShop/
Business Information
Business Name - Legal Name: (business_legalname)
Pet Homes Ltd
Business Name - Long Name: (business_longname)
Pet Homes
Business Name - Medium Name: (business_mediumname)
Pet Homes
Business Name - Short Name: (business_shortname)
Pet Homes
Business ABN: (business_abn)
85 787 081 338
Public Email Address: (public_email)
info@pethomes.com.au
PayPal Email Address: (paypal_recipient_email)
info@pethomes.com.au
16 - Structured Data (Rich Results for Google)
Organization
sd_Organization_type
Organization
sd_Organization_name
Pet Homes and Accessories
sd_Organization_url
https://www.pethomes.com.au/
sd_Organization_logo
https://www.pethomes.com.au/userfiles/Image/ph-logo1.png
LocalBusiness
sd_LocalBusiness_type
LocalBusiness
sd_LocalBusiness_name
Pet Homes and Accessories
sd_LocalBusiness_email
info@pethomes.com.au
sd_LocalBusiness_url
https://www.pethomes.com.au/
sd_LocalBusiness_logo
https://www.pethomes.com.au/userfiles/Image/ph-logo1.png
sd_LocalBusiness_image
https://pethomes.site1.com.au/images/photo/caro1.jpg
sd_LocalBusiness_description
Chicken Houses, Runs, Cages and Coops - Rabbit Hutches and Enclosures - Dog Crates and Covers - Guinea Pig Hutches and Enclosures - Bird Playgrounds, cages and covers
sd_LocalBusiness_telephone
+61418783555
sd_LocalBusiness_openingHours
Mon-Fri 08:30 - 18:00
sd_LocalBusinessHasMap
https://maps.app.goo.gl/rha2kuY9esCMMspZ7
Address in LocalBusiness
sd_LocalBusiness_address_type
PostalAddress
This must be set to "PostalAddress". This is a complete misnomer because whilst the field is labelled "PostalAddress" it actually refers to the physical address. This is as per Structured Data Specifications.Must be set to: PostalAddress
sd_LocalBusiness_address_streetAddress
Meiklejohn circuit
sd_LocalBusiness_address_addressLocality
Collingwood Park
sd_LocalBusiness_address_addressRegion
QLD
sd_LocalBusiness_address_postalCode
4301
sd_LocalBusiness_address_addressCountry
AU
SameAs
LocalBusinessSameAs1
https://www.facebook.com/PetHomesShop/
17 - Contact Page
Contact Information
We are available by phone during normal business hours.
For all non-urgent enquiries, please phone us during normal business hours. Alternatively, you can send us a message using the Online Enquiry form on this page, or send us an email.
Opening Hours
Monday:9:30am to 4pm
Tuesday:9:30am to 4pm
Wednesday:9:30am to 4pm
Thursday:9:30am to 4pm
Friday:9:30am to 4pm
Saturday:9:30am to 12pm
Sunday:Closed
For all non-urgent enquiries, please phone us during normal business hours.
Please note that whilst we do our best to be as available as possible, sometimes the office may be unattended. Please always make an appointment before coming to visit us.
Street and Postal Address
Meiklejohn circuit,Collingwood Park,QLD, 4301,Australia.
Pickup is now at Collingwood Park QLD 4301
Organization Information
Pickup is now at Collingwood Park QLD 4301
Before pick up ,
Please text well in advance on the day or day of pick up on 0418783555
To make sure we are available and that I have stock available.,
Customer will be required to make an exact appoinment day and time for pick up .
Text me well in advance to make sure we are open.and have your product in stock for you to pick up ..
Customer can prepurchase from website or pay on pickup .
VISA, MASTERCARD, CASH, WE CANT TAKE AMERICAN EXPRESS
If you dont make an appointment I may not be there when you turn up or NOT have what you want.
For deliveries, see our website.
But Please text me ahead on 0418783555 any time,,
Availability on days may change due to family commitments.
Times are AEST (Brisbane Time)
Before pick up ,
Please text well in advance on the day or day of pick up on 0418783555
To make sure we are available and that I have stock available.,
Customer will be required to make an exact appoinment day and time for pick up .
Text me well in advance to make sure we are open.and have your product in stock for you to pick up ..
Customer can prepurchase from website or pay on pickup .
VISA, MASTERCARD, CASH, WE CANT TAKE AMERICAN EXPRESS
If you dont make an appointment I may not be there when you turn up or NOT have what you want.
For deliveries, see our website.
But Please text me ahead on 0418783555 any time,,
Availability on days may change due to family commitments.
Times are AEST (Brisbane Time)
Payment Options
You may Pay on Pickup using the following methods.
VISA, MASTERCARD, CASH, WE CANT TAKE AMERICAN EXPRESS
Paypal
Pay by Paypal using checkout
Pay into PayPal account directly
Pet Homes Paypal account is :- info@pethomes.com.au
Bank Deposit
Bank:- NATIONAL BANK.
ACC Name: PET HOMES PTY LTD
BSB: 084402 ACC NUMBER: 856821615
When depositing use ORDER NUMBER OR SURNAME as reference.,
Pay By Phone
Times are AEST (Brisbane Time)
Pay over the Phone ONLY during above open hours
ABN: 85 787 081 338
Trading Name:
Pet Homes Pty Ltd
Entity Name:
Trustee for Denaro Family Trust
Other Sites
Pet Homes provides other sites for specific petsChicken Pet Homes Bird Pet Homes Dog Pet Homes 18 - Other Settings
Default PayPal Business: [pethomes@optusnet.com.au] (Default Payment Receiver)
19 - Custom Elements
mclinkcustom1This is a mclinkcustom1 Code: [<a href="/" class="mclinkcustom1" style="margin:4px; "><span class="span1">This is a mclinkcustom1</span><span class="span2"></span></a>]
mclinkcustom2This is a mclinkcustom2 Code: [<a href="/" class="mclinkcustom2" style="margin:4px;">This is a mclinkcustom2</a>]
20 - Other Notes
Other Notes file not found.