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
MetropolisRegular
font-family:MetropolisRegular - (display:normal) (description:Gotham Medium Replacement)
MetropolisRegular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
font-family:MetropolisRegular - (display:bold) (description:Gotham Medium Replacement)
MetropolisRegular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
font-family:MetropolisRegular - (display:italic) (description:Gotham Medium Replacement)
MetropolisRegular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
font-family:MetropolisRegular - (display:bold,italic) (description:Gotham Medium Replacement)
MetropolisRegular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
MetropolisExtraBold [This is a main font.]
font-family:MetropolisExtraBold - (display:normal) (description:Gotham Medium Replacement)
MetropolisExtraBold
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
font-family:MetropolisExtraBold - (display:bold) (description:Gotham Medium Replacement)
MetropolisExtraBold
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
font-family:MetropolisExtraBold - (display:italic) (description:Gotham Medium Replacement)
MetropolisExtraBold
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
font-family:MetropolisExtraBold - (display:bold,italic) (description:Gotham Medium Replacement)
MetropolisExtraBold
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
ShadowsIntoLightTwo-Regular [This is a main font.]
font-family:ShadowsIntoLightTwo-Regular - (display:normal) (description:Barcelony Font (heavy))
ShadowsIntoLightTwo-Regular
900
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
font-family:ShadowsIntoLightTwo-Regular - (display:bold) (description:Barcelony Font (heavy))
ShadowsIntoLightTwo-Regular
900
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
font-family:ShadowsIntoLightTwo-Regular - (display:italic) (description:Barcelony Font (heavy))
ShadowsIntoLightTwo-Regular
900
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
font-family:ShadowsIntoLightTwo-Regular - (display:bold,italic) (description:Barcelony Font (heavy))
ShadowsIntoLightTwo-Regular
900
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
MetropolisRegular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
MetropolisExtraBold
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
ShadowsIntoLightTwo-Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
3 - Main Fonts using Main Colors
font:[MetropolisExtraBold] with color:[maincolor1 - Main Color 1 - Facoory Color 1]
MetropolisExtraBold
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
font:[ShadowsIntoLightTwo-Regular] with color:[maincolor1 - Main Color 1 - Facoory Color 1]
ShadowsIntoLightTwo-Regular 900
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
font:[MetropolisExtraBold] with color:[maincolor2 - Main Color 2 - Facoory Color 2]
MetropolisExtraBold
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
font:[ShadowsIntoLightTwo-Regular] with color:[maincolor2 - Main Color 2 - Facoory Color 2]
ShadowsIntoLightTwo-Regular 900
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
font:[MetropolisExtraBold] with color:[black - black]
MetropolisExtraBold
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
font:[ShadowsIntoLightTwo-Regular] with color:[black - black]
ShadowsIntoLightTwo-Regular 900
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
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
44 - 44
45 - 45
46 - 46
47 - 47
48 - 48
49 - 49
50 - 50
51 - 51
23 - 23
24 - 24
25 - 25
26 - 26
31 - 31
32 - 32
33 - 33
34 - 34
35 - 35
52 - 52
38 - 38
39 - 39
40 - 40
41 - 41
42 - 42
53 - 53
54 - 54
55 - 55
56 - 56
57 - 57
58 - 58
59 - 59
1 - 1
code:[maincolor1]name:[Main Color 1 - Facoory Color 1]default output:[hex]hex[#9d6a34]rgb:[157,106,52]rgba:[157,106,52,1]transparency:[1]
[This is a main color.]
2 - 2
code:[maincolor2]name:[Main Color 2 - Facoory Color 2]default output:[hex]hex[#585955]rgb:[88,89,85]rgba:[88,89,85,1]transparency:[1]
[This is a main color.]
3 - 3
code:[othercolor3]name:[Other Color 3 - Picked from Thu 5-11-2020 10.46 AM Facoory Website Concept.pdf (banner logo)]default output:[hex]hex[#b38354]rgb:[179,131,84]rgba:[179,131,84,1]transparency:[1]
4 - 4
code:[othercolor4]name:[Other Color 4 - Picked from Thu 5-11-2020 10.46 AM Facoory Website Concept.pdf (banner design box)]default output:[hex]hex[#b78b5e]rgb:[183,139,94]rgba:[183,139,94,1]transparency:[1]
5 - 5
code:[othercolor5]name:[Other Color 5 - Picked from Thu 5-11-2020 10.46 AM Facoory Website Concept.pdf (banner logo)]default output:[hex]hex[#5b5a56]rgb:[91,90,86]rgba:[91,90,86,1]transparency:[1]
6 - 6
code:[othercolor6]name:[Other Color 6 - Picked from Thu 5-11-2020 10.46 AM Facoory Website Concept.pdf (banner design box)]default output:[hex]hex[#5b5a56]rgb:[91,90,86]rgba:[91,90,86,1]transparency:[1]
7 - 7
code:[othercolor7]name:[Other Color 7 - Picked from Thu 5-11-2020 10.46 AM Facoory Website Concept.pdf (content heading t)]default output:[hex]hex[#a56e35]rgb:[165,110,53]rgba:[165,110,53,1]transparency:[1]
8 - 8
code:[othercolor8]name:[Other Color 8 - Picked from Thu 5-11-2020 10.46 AM Facoory Website Concept.pdf (banner nav items)]default output:[hex]hex[#585955]rgb:[88,89,85]rgba:[88,89,85,1]transparency:[1]
9 - 9
code:[othercolor9]name:[Other Color 9 - Picked from Thu 5-11-2020 10.46 AM Facoory Website Concept.pdf (banner nav sep)]default output:[hex]hex[#a56e35]rgb:[165,110,53]rgba:[165,110,53,1]transparency:[1]
10 - 10
code:[othercolor10]name:[Other Color 10 - Picked from Thu 5-11-2020 10.46 AM Facoory Website Concept.pdf (content text)]default output:[hex]hex[#333333]rgb:[51,51,51]rgba:[51,51,51,1]transparency:[1]
11 - 11
code:[othercolor11]name:[Other Color 11 - Picked from Thu 5-11-2020 10.46 AM Facoory Website Concept.pdf (Footer BG)]default output:[hex]hex[#585955]rgb:[88,89,85]rgba:[88,89,85,1]transparency:[1]
12 - 12
code:[othercolor12]name:[Other Color 12 - Picked from Thu 5-11-2020 10.46 AM Facoory Website Concept.pdf (Body BG)]default output:[hex]hex[#f1f0ef]rgb:[241,240,239]rgba:[241,240,239,1]transparency:[1]
13 - 13
code:[othercolor13]name:[Other Color 13 - Picked from Thu 5-11-2020 10.46 AM Facoory Website Concept.pdf (Body BG 2)]default output:[hex]hex[#fbfafa]rgb:[251,250,250]rgba:[251,250,250,1]transparency:[1]
14 - 14
code:[othercolor14]name:[Otehr Color 14 - Picked from Thu 5-11-2020 10.46 AM Facoory Website Concept.pdf (Content special t)]default output:[hex]hex[#b38354]rgb:[179,131,84]rgba:[179,131,84,1]transparency:[1]
44 - 44
code:[othercolor15]name:[Other Color 15 - Lighter version of maincolor1]default output:[hex]hex[#fbe6d0]rgb:[251,230,208]rgba:[251,230,208,1]transparency:[1]
45 - 45
code:[othercolor16]name:[Other Color 16 - Lighter version of maincolor1 2]default output:[hex]hex[#e0c09e]rgb:[224,192,158]rgba:[224,192,158,1]transparency:[1]
46 - 46
code:[othercolor17]name:[Other Color 17 - Super dark version of maincolor1]default output:[hex]hex[#58340e]rgb:[88,52,14]rgba:[88,52,14,1]transparency:[1]
47 - 47
code:[othercolor18]name:[Other Color 18]default output:[hex]hex[#ffffff]rgb:[255,255,255]rgba:[255,255,255,1]transparency:[1]
48 - 48
code:[othercolor19]name:[Other Color 19]default output:[hex]hex[#ffffff]rgb:[255,255,255]rgba:[255,255,255,1]transparency:[1]
49 - 49
code:[othercolor20]name:[Other Color 20]default output:[hex]hex[#ffffff]rgb:[255,255,255]rgba:[255,255,255,1]transparency:[1]
50 - 50
code:[othercolor21]name:[Other Color 21]default output:[hex]hex[#ffffff]rgb:[255,255,255]rgba:[255,255,255,1]transparency:[1]
51 - 51
code:[lighthighlight]name:[Light Highlight]default output:[hex]hex[#47caeb]rgb:[71,202,235]rgba:[71,202,235,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]
[This is a main color.]
52 - 52
code:[maincolor1backup]name:[maincolor1backup]default output:[hex]hex[#a56e35]rgb:[165,110,53]rgba:[165,110,53,1]transparency:[1]
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]
53 - 53
code:[maincolor2backup]name:[maincolor2backup]default output:[hex]hex[#585955]rgb:[88,89,85]rgba:[88,89,85,1]transparency:[1]
54 - 54
code:[othercolor22]name:[Mid Dark version of main color 1]default output:[hex]hex[#91591d]rgb:[145,89,29]rgba:[145,89,29,1]transparency:[1]
55 - 55
code:[othercolor23]name:[Gem chosen]default output:[hex]hex[#9d6a34]rgb:[157,106,52]rgba:[157,106,52,1]transparency:[1]
56 - 56
code:[othercolor24]name:[othercolor24]default output:[hex]hex[#eeeeee]rgb:[238,238,238]rgba:[238,238,238,1]transparency:[1]
57 - 57
code:[grey6]name:[grey6]default output:[hex]hex[#cccccc]rgb:[204,204,204]rgba:[204,204,204,1]transparency:[1]
58 - 58
code:[grey7]name:[grey7]default output:[hex]hex[#efefef]rgb:[239,239,239]rgba:[239,239,239,1]transparency:[1]
59 - 59
code:[oldgreen-old-othercolor23]name:[oldgreen-old-othercolor23]default output:[hex]hex[#0c6245]rgb:[12,98,69]rgba:[12,98,69,1]transparency:[1]
5 - Main Body Content Text
Default Content Body Text
Default Content Body Text Size:[18px]
Default Content Body Text Font Family:[MetropolisRegular]
Default Content Body Text Color: [paletteid:maincolor2]
Default Content Body Text Line Height: [22px]
This is example text for Main Body Content.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
This is example text for BOLD Main Body Content.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
This is example text for ITALIC Main Body Content.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
This is example text for BOLD,ITALIC Main Body Content.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
This is example text for BOLD Main Body Content.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
This is example text for ITALIC Main Body Content.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
This is example text for BOLD,ITALIC Main Body Content.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Facoory Cabinetry facoory cabinetry FACOORY CABINETRY
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 Text
Back to Page with Long Text
Back to Page with Long Text
Back to Page with Long Text
Back 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 Text
Back to Page with Text
Back to Page with Long Text
Back to Page with Long Text
Back to Page with Very, Very, Long, Long Text
Back 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 Text
Back to Page with Long Text
Back to Page with Long Text
Back to Page with Long Text
Back to Page with Long Text
Back 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 Text
Back to Page with Long Text
Back to Page with Much, Much, Longer Text
Back to Page with Long Text
Back to Page with text
Back 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=""> <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:[MetropolisExtraBold] font-size:[34px] color:[maincolor1]
H2 XS
font-family:[MetropolisExtraBold] font-size:[22px] color:[maincolor1]
H3 XS
font-family:[MetropolisExtraBold] font-size:[20px] color:[xpink]
H4 XS
font-family:[MetropolisExtraBold] font-size:[18px] color:[xred]
H1 SM
font-family:[MetropolisExtraBold] font-size:[34px] color:[maincolor1]
H2 SM
font-family:[MetropolisExtraBold] font-size:[22px] color:[maincolor1]
H3 SM
font-family:[MetropolisExtraBold] font-size:[20px] color:[xpink]
H4 SM
font-family:[MetropolisExtraBold] font-size:[18px] color:[xred]
H1 MD
font-family:[MetropolisExtraBold] font-size:[46px] color:[maincolor1]
H2 MD
font-family:[MetropolisExtraBold] font-size:[28px] color:[maincolor1]
H3 MD
font-family:[MetropolisExtraBold] font-size:[24px] color:[xpink]
H4 MD
font-family:[MetropolisExtraBold] font-size:[18px] color:[xred]
H1 LG
font-family:[MetropolisExtraBold] font-size:[46px] color:[maincolor1]
H2 LG
font-family:[MetropolisExtraBold] font-size:[28px] color:[maincolor1]
H3 LG
font-family:[MetropolisExtraBold] font-size:[24px] color:[xpink]
H4 LG
font-family:[MetropolisExtraBold] font-size:[18px] color:[xred]
H1 XL
font-family:[MetropolisExtraBold] font-size:[46px] color:[maincolor1]
H2 XL
font-family:[MetropolisExtraBold] font-size:[28px] color:[maincolor1]
H3 XL
font-family:[MetropolisExtraBold] font-size:[24px] color:[xpink]
H4 XL
font-family:[MetropolisExtraBold] font-size:[18px] color:[xred]
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
facoory-cabinetry-logo-254wx70h.webp
logofile_mainheadscrolled
facoory-cabinetry-logo-254wx70h.webp
logofile_xshead
facoory-cabinetry-logo-254wx70h.webp
logofile_footer
facoory-cabinetry-logo-254wx70h.webp
logofile_xsfooter
facoory-cabinetry-logo-254wx70h.webp
logofile_menu
facoory-cabinetry-logo-254wx70h.webp
11 - Logo Icons
Favicon/Generic
URL:https://www.mycabinetmaker.com.au/favicon.ico
Width x Height:32x32 file size:[4.19 KB]
relative URL:/favicon.ico
tag:
Width x Height:32x32 file size:[4.19 KB]
relative URL:/favicon.ico
tag:
URL:https://www.mycabinetmaker.com.au/favicon.png
Width x Height:32x32 file size:[1.05 KB]
relative URL:/favicon.png
tag:<link rel="icon" type="image/png" href="/favicon.png">
Width x Height:32x32 file size:[1.05 KB]
relative URL:/favicon.png
tag:<link rel="icon" type="image/png" href="/favicon.png">
URL:https://www.mycabinetmaker.com.au/favicon-16x16.png
Width x Height:16x16 file size:[552 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:[552 Bytes]
relative URL:/favicon-16x16.png
tag:<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
URL:https://www.mycabinetmaker.com.au/favicon-32x32.png
Width x Height:32x32 file size:[1.05 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.05 KB]
relative URL:/favicon-32x32.png
tag:<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
URL:https://www.mycabinetmaker.com.au/favicon-48x48.png
Width x Height:48x48 file size:[1.86 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:[1.86 KB]
relative URL:/favicon-48x48.png
tag:<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">
URL:https://www.mycabinetmaker.com.au/favicon-64x64.png
Width x Height:64x64 file size:[1.99 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:[1.99 KB]
relative URL:/favicon-64x64.png
tag:<link rel="icon" type="image/png" sizes="64x64" href="/favicon-64x64.png">
URL:https://www.mycabinetmaker.com.au/favicon-96x96.png
Width x Height:96x96 file size:[3.93 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:[3.93 KB]
relative URL:/favicon-96x96.png
tag:<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
URL:https://www.mycabinetmaker.com.au/favicon-128x128.png
Width x Height:128x128 file size:[4.23 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:[4.23 KB]
relative URL:/favicon-128x128.png
tag:<link rel="icon" type="image/png" sizes="128x128" href="/favicon-128x128.png">
URL:https://www.mycabinetmaker.com.au/favicon-160x160.png
Width x Height:160x160 file size:[4.71 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:[4.71 KB]
relative URL:/favicon-160x160.png
tag:<link rel="icon" type="image/png" sizes="160x160" href="/favicon-160x160.png">
URL:https://www.mycabinetmaker.com.au/favicon-192x192.png
Width x Height:192x192 file size:[10.19 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:[10.19 KB]
relative URL:/favicon-192x192.png
tag:<link rel="icon" type="image/png" sizes="192x192" href="/favicon-192x192.png">
URL:https://www.mycabinetmaker.com.au/favicon-196x196.png
Width x Height:196x196 file size:[17.73 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:[17.73 KB]
relative URL:/favicon-196x196.png
tag:<link rel="icon" type="image/png" sizes="196x196" href="/favicon-196x196.png">
URL:https://www.mycabinetmaker.com.au/favicon-256x256.png
Width x Height:256x256 file size:[8.79 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:[8.79 KB]
relative URL:/favicon-256x256.png
tag:<link rel="icon" type="image/png" sizes="256x256" href="/favicon-256x256.png">
Apple
URL:https://www.mycabinetmaker.com.au/apple-touch-icon-57x57.png
Width x Height:57x57 file size:[2.51 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:[2.51 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.mycabinetmaker.com.au/apple-touch-icon-60x60.png
Width x Height:60x60 file size:[2.34 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:[2.34 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.mycabinetmaker.com.au/apple-touch-icon-72x72.png
Width x Height:72x72 file size:[3.09 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:[3.09 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.mycabinetmaker.com.au/apple-touch-icon-76x76.png
Width x Height:76x76 file size:[3.89 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:[3.89 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.mycabinetmaker.com.au/apple-touch-icon-114x114.png
Width x Height:114x114 file size:[6.8 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:[6.8 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.mycabinetmaker.com.au/apple-touch-icon-120x120.png
Width x Height:120x120 file size:[4.95 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:[4.95 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.mycabinetmaker.com.au/apple-touch-icon-144x144.png
Width x Height:144x144 file size:[7.55 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:[7.55 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.mycabinetmaker.com.au/apple-touch-icon-152x152.png
Width x Height:152x152 file size:[10.34 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:[10.34 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.mycabinetmaker.com.au/apple-touch-icon-167x167.png
Width x Height:167x167 file size:[13.17 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:[13.17 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.mycabinetmaker.com.au/apple-touch-icon-180x180.png
Width x Height:180x180 file size:[9.69 KB]
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:[9.69 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.mycabinetmaker.com.au/ios-icon.png
Width x Height:180x180 file size:[9.69 KB]
relative URL:/ios-icon.png
tag:<link rel="apple-touch-icon" href="/ios-icon.png">
Width x Height:180x180 file size:[9.69 KB]
relative URL:/ios-icon.png
tag:<link rel="apple-touch-icon" href="/ios-icon.png">
URL:https://www.mycabinetmaker.com.au/icon.png
Width x Height:180x180 file size:[9.69 KB]
relative URL:/icon.png
tag:<link rel="apple-touch-startup-image" href="/icon.png">
Width x Height:180x180 file size:[9.69 KB]
relative URL:/icon.png
tag:<link rel="apple-touch-startup-image" href="/icon.png">
Microsoft
URL:https://www.mycabinetmaker.com.au/acme-tile-small.png
Width x Height:70x70 file size:[3.22 KB]
relative URL:/acme-tile-small.png
tag:<meta name="msapplication-square70x70logo" content="/acme-tile-small.png">
Width x Height:70x70 file size:[3.22 KB]
relative URL:/acme-tile-small.png
tag:<meta name="msapplication-square70x70logo" content="/acme-tile-small.png">
URL:https://www.mycabinetmaker.com.au/mstile-144x144.png
Width x Height:144x144 file size:[7.55 KB]
relative URL:/mstile-144x144.png
tag:<meta name="msapplication-TileImage" content="/mstile-144x144.png">
Width x Height:144x144 file size:[7.55 KB]
relative URL:/mstile-144x144.png
tag:<meta name="msapplication-TileImage" content="/mstile-144x144.png">
URL:https://www.mycabinetmaker.com.au/acme-tile-medium.png
Width x Height:150x150 file size:[5.95 KB]
relative URL:/acme-tile-medium.png
tag:<meta name="msapplication-square150x150logo" content="/acme-tile-medium.png">
Width x Height:150x150 file size:[5.95 KB]
relative URL:/acme-tile-medium.png
tag:<meta name="msapplication-square150x150logo" content="/acme-tile-medium.png">
URL:https://www.mycabinetmaker.com.au/acme-tile-large.png
Width x Height:310x310 file size:[35.53 KB]
relative URL:/acme-tile-large.png
tag:<meta name="msapplication-square310x310logo" content="/acme-tile-large.png">
Width x Height:310x310 file size:[35.53 KB]
relative URL:/acme-tile-large.png
tag:<meta name="msapplication-square310x310logo" content="/acme-tile-large.png">
12 - Metadata Themes
Generic Theme Color:[#a56e35]
Apple Theme Color:[#a56e35]
MS Application Nav Button Color:[#a56e35]
MS Application Tile Color:[#a56e35]
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)
07 3808 1343
Main Phone Number International Display: (phone1_intdisplay)
+61 7 3808 1343
Link for Main Phone Number: (phone1_link)
tel://+61738081343
Fax Number Display: (faxnumber_display)
07 3808 6721
Link for Fax Number: (faxnumber_link)
tel://+61738086721
Address Information
Street address line2 (Street number and Street name): (streetaddress_line2)
9-13 Parramatta Road
Street address line3 (Suburb/City): (streetaddress_line3)
Underwood
Street address line4 (State): (streetaddress_line4)
Queensland
Street address line5 (Post code): (streetaddress_line5)
4119
Street address line6 (Country): (streetaddress_line6)
Australia
Street address short line (The full address in one line): (streetaddress_shortline)
9-13 Parramatta Road, Underwood, Queensland, Australia 4119
Postal address line2 (Postal number and Postal name): (postaladdress_line2)
9-13 Parramatta Road
Postal address line3 (Suburb/City): (postaladdress_line3)
Underwood
Postal address line4 (State): (postaladdress_line4)
Queensland
Postal address line6 (Country): (postaladdress_line6)
Australia
Postal address short line (The full address in one line): (postaladdress_shortline)
9-13 Parramatta Road, Underwood, Queensland, Australia 4119
Business Hours
Business Hours - Monday: (businesshours_monday)
7:00am to 3:30pm
Business Hours - Tuesday: (businesshours_tuesday)
7:00am to 3:30pm
Business Hours - Wednesday: (businesshours_wednesday)
7:00am to 3:30pm
Business Hours - Thursday: (businesshours_thursday)
7:00am to 3:30pm
Business Hours - Friday: (businesshours_friday)
7:00am to 1:00pm
Business Hours - Saturday: (businesshours_saturday)
Closed
Business Hours - Sunday: (businesshours_sunday)
Closed
Business Hours Note (Note about holidays, etc.): (businesshours_note)
Times are Australian Eastern Standard Time (Brisbane time)
Business Hours short line (business hours on one line): (businesshours_shortline)
Mon-Thu:7am-3:30pm, Fri:7am-1pm, Sat&Sun:Closed
Social Media Links
Social Media Link - Instagram: (smlink_instagram)
https://www.instagram.com/facoorycabinetry/
Social Media Link - Facebook: (smlink_facebook)
https://www.facebook.com/Facoorycabinetry/
Business Information
Business Name - Legal Name: (business_legalname)
Facoory Cabinetry
Business Name - Long Name: (business_longname)
Facoory Cabinetry
Business Name - Medium Name: (business_mediumname)
Facoory Cabinetry
Business Name - Short Name: (business_shortname)
Facoory Cabinetry
Public Email Address: (public_email)
theteam@mycabinetmaker.com.au
16 - Structured Data (Rich Results for Google)
Organization
LocalBusiness
Address in LocalBusiness
SameAs
17 - Contact Page
Contact Information
Opening Hours
Monday:7:00am to 3:30pm
Tuesday:7:00am to 3:30pm
Wednesday:7:00am to 3:30pm
Thursday:7:00am to 3:30pm
Friday:7:00am to 1:00pm
Saturday:Closed
Sunday:Closed
Times are Australian Eastern Standard Time (Brisbane time)
Street Address
9-13 Parramatta Road,Underwood,Queensland 4119,Australia
Postal Address
Please use our street address, as above, for all postal mail.
Important Details
ABN: 99 062 146 687
QBCC License: 066875
Member of Master Builders Queensland
QBCC License: 066875
Member of Master Builders Queensland
Map of Location
18 - Other Settings
Default PayPal Business: [inf@connectglobal.com] (Default Payment Receiver)
19 - Custom Elements
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>]
20 - Other Notes
Other Notes file not found.