Design & Metadata Configuration Overview
General Information
This page shows basic configuration of this website, as well as more detailed information for development and diagnostic purposes.
It is intended to show some of the basic options and settings used, some meta data, information about the organization, some design elements and other useful/helpful information.
It is intended as an aid only and is in no way an example of the production website. If you are the owner of this website and you see something here that seems wrong or if you have any other questions, please contact your Web Developer.
Thank you.
Navigating this page
You can use the above menu to navigation the various items on this page. When scrolled, the 'back top top' arrow will appear at the bottom right which you can use to return to the top of the page.
Note regarding screen size
This page displays alot of information for diagnostic purposes. As such, the page has not been designed to be viewed on smaller resolutions and it is recommended to only view this page on eXtra-Large (XL) resoutions, such as a desktop computer or laptop.
2 - Installed Fonts for Content & Design
Roboto [This is a main font.]
font-family:Roboto - (display:normal)
Roboto
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Comclean Australia comclean australia COMCLEAN AUSTRALIA
font-family:Roboto - (display:bold)
Roboto
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Comclean Australia comclean australia COMCLEAN AUSTRALIA
font-family:Roboto - (display:italic)
Roboto
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Comclean Australia comclean australia COMCLEAN AUSTRALIA
font-family:Roboto - (display:bold,italic)
Roboto
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Comclean Australia comclean australia COMCLEAN AUSTRALIA
Roboto
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Comclean Australia comclean australia COMCLEAN AUSTRALIA
3 - Main Fonts using Main Colors
font:[Roboto] with color:[maincolor1 - Main Color 1 - Comclean Dark Blue branding color as per logo]
Roboto
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Comclean Australia comclean australia COMCLEAN AUSTRALIA
font:[Roboto] with color:[maincolor2 - Main Color 2 - Comclean Light Blue branding color as per logo]
Roboto
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Comclean Australia comclean australia COMCLEAN AUSTRALIA
font:[Roboto] with color:[othercolor24 - othercolor24 - blue green]
Roboto
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Comclean Australia comclean australia COMCLEAN AUSTRALIA
font:[Roboto] with color:[black - black]
Roboto
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Comclean Australia comclean australia COMCLEAN AUSTRALIA
font:[Roboto] with color:[grey7 - grey7]
Roboto
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Comclean Australia comclean australia COMCLEAN AUSTRALIA
font:[Roboto] with color:[othercolor28 - Subdued border]
Roboto
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Comclean Australia comclean australia COMCLEAN AUSTRALIA
font:[Roboto] with color:[Extra Light - Extra Light]
Roboto
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Comclean Australia comclean australia COMCLEAN AUSTRALIA
font:[Roboto] with color:[shaded-blue - shaded-blue]
Roboto
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Comclean Australia comclean australia COMCLEAN AUSTRALIA
font:[Roboto] with color:[importantred - importantred]
Roboto
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Comclean Australia comclean australia COMCLEAN AUSTRALIA
font:[Roboto] with color:[sparingyellow - sparingyellow]
Roboto
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Comclean Australia comclean australia COMCLEAN AUSTRALIA
font:[Roboto] with color:[newmainblue - newmainblue]
Roboto
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Comclean Australia comclean australia COMCLEAN AUSTRALIA
font:[Roboto] with color:[newsecondblue - newsecondblue]
Roboto
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Comclean Australia comclean australia COMCLEAN AUSTRALIA
font:[Roboto] with color:[newred - newred]
Roboto
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Comclean Australia comclean australia COMCLEAN AUSTRALIA
1 - 1
2 - 2
3 - 3
4 - 4
5 - 5
6 - 6
7 - 7
8 - 8
9 - 9
67 - 67
64 - 64
65 - 65
66 - 66
59 - 59
60 - 60
61 - 61
62 - 62
63 - 63
46 - 46
47 - 47
48 - 48
69 - 69
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
68 - 68
56 - 56
57 - 57
58 - 58
70 - 70
71 - 71
72 - 72
73 - 73
74 - 74
75 - 75
76 - 76
77 - 77
1 - 1
code:[maincolor1]name:[Main Color 1 - Comclean Dark Blue branding color as per logo]default output:[hex]hex[#005baa]rgb:[0,91,170]rgba:[0,91,170,1]transparency:[1]
[This is a main color.]
2 - 2
code:[maincolor2]name:[Main Color 2 - Comclean Light Blue branding color as per logo]default output:[hex]hex[#71c5ef]rgb:[113,197,239]rgba:[113,197,239,1]transparency:[1]
[This is a main color.]
3 - 3
code:[othercolor3]name:[Other Color 3 - a medium grey]default output:[hex]hex[#777777]rgb:[119,119,119]rgba:[119,119,119,1]transparency:[1]
4 - 4
code:[othercolor4]name:[Other Color 4 - UNUSED]default output:[hex]hex[#ff4000]rgb:[255,64,0]rgba:[255,64,0,1]transparency:[1]
5 - 5
code:[othercolor5]name:[Other Color 5 - UNUSED]default output:[hex]hex[#0bda24]rgb:[11,218,36]rgba:[11,218,36,1]transparency:[1]
6 - 6
code:[othercolor6]name:[Other Color 6 - UNUSED]default output:[hex]hex[#bf870d]rgb:[191,135,13]rgba:[191,135,13,1]transparency:[1]
7 - 7
code:[othercolor7]name:[Other Color 7 - This is maincolor1 lightened until just before Lighthouse complains about Contrast.]default output:[hex]hex[#0f77d2]rgb:[15,119,210]rgba:[15,119,210,1]transparency:[1]
8 - 8
code:[othercolor8]name:[Other Color 8 - This is maincolor2 darkened until Lighthouse stops complaining about contrast. This]default output:[hex]hex[#367da1]rgb:[54,125,161]rgba:[54,125,161,1]transparency:[1]
9 - 9
code:[othercolor9]name:[Other Color 9 - Darker version of maincolor1]default output:[hex]hex[#015298]rgb:[1,82,152]rgba:[1,82,152,1]transparency:[1]
67 - 67
code:[othercolor26]name:[othercolor26 - othercolor24 darkened]default output:[hex]hex[#019d6e]rgb:[1,157,110]rgba:[1,157,110,1]transparency:[1]
64 - 64
code:[othercolor23]name:[othercolor23]default output:[hex]hex[#00a814]rgb:[0,168,20]rgba:[0,168,20,1]transparency:[1]
65 - 65
code:[othercolor24]name:[othercolor24 - blue green]default output:[hex]hex[#619f04]rgb:[97,159,4]rgba:[97,159,4,1]transparency:[1]
[This is a main color.]
66 - 66
code:[othercolor25]name:[othercolor25 - orange picks]default output:[hex]hex[#fc8f13]rgb:[252,143,19]rgba:[252,143,19,1]transparency:[1]
59 - 59
code:[othercolor20]name:[othercolor20 complimentary to 0f77d2]default output:[hex]hex[#d26a0f]rgb:[210,106,15]rgba:[210,106,15,1]transparency:[1]
60 - 60
code:[othercolor21]name:[othercolor21 triad for 0f77d2]default output:[hex]hex[#76d20f]rgb:[118,210,15]rgba:[118,210,15,1]transparency:[1]
61 - 61
code:[headerbuttonbgcolor]name:[headerbuttonbgcolor]default output:[rgba]hex[#0f77d2]rgb:[15,119,210]rgba:[15,119,210,0.0]transparency:[0.0]
62 - 62
code:[navbarbackgroundcolor]name:[navbarbackgroundcolor]default output:[hex]hex[#0f77d2]rgb:[15,119,210]rgba:[15,119,210,1]transparency:[1]
63 - 63
code:[othercolor22]name:[othercolor22 - can be used as bg with white fg]default output:[hex]hex[#478401]rgb:[71,132,1]rgba:[71,132,1,1]transparency:[1]
46 - 46
code:[othercolor17]name:[Other Color 17 - Lighter version of maincolor1]default output:[hex]hex[#1881dc]rgb:[24,129,220]rgba:[24,129,220,1]transparency:[1]
47 - 47
code:[othercolor18]name:[Other Color 18 - Lighter version of maincolor2]default output:[hex]hex[#83d3fb]rgb:[131,211,251]rgba:[131,211,251,1]transparency:[1]
48 - 48
code:[othercolor19]name:[Other Color 19 - Super Dark version of maincolor1]default output:[hex]hex[#00498a]rgb:[0,73,138]rgba:[0,73,138,1]transparency:[1]
69 - 69
code:[othercolor27]name:[othercolor27]default output:[hex]hex[#0464b9]rgb:[4,100,185]rgba:[4,100,185,1]transparency:[1]
51 - 51
code:[lighthighlight]name:[Light Highlight]default output:[hex]hex[#94dbff]rgb:[148,219,255]rgba:[148,219,255,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[#005baa]rgb:[0,91,170]rgba:[0,91,170,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[#71c5ef]rgb:[113,197,239]rgba:[113,197,239,1]transparency:[1]
68 - 68
code:[superlightbg]name:[superlightbg - super light version of maincolor1]default output:[hex]hex[#e5f4ff]rgb:[229,244,255]rgba:[229,244,255,1]transparency:[1]
56 - 56
code:[grey8]name:[grey8]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[#e6e6e6]rgb:[230,230,230]rgba:[230,230,230,1]transparency:[1]
[This is a main color.]
70 - 70
code:[othercolor28]name:[Subdued border]default output:[hex]hex[#4089c9]rgb:[64,137,201]rgba:[64,137,201,1]transparency:[1]
[This is a main color.]
71 - 71
code:[Extra Light]name:[Extra Light]default output:[hex]hex[#bbdfff]rgb:[187,223,255]rgba:[187,223,255,1]transparency:[1]
[This is a main color.]
72 - 72
code:[shaded-blue]name:[shaded-blue]default output:[hex]hex[#d3edf9]rgb:[211,237,249]rgba:[211,237,249,1]transparency:[1]
[This is a main color.]
73 - 73
code:[importantred]name:[importantred]default output:[hex]hex[#ee534c]rgb:[238,83,76]rgba:[238,83,76,1]transparency:[1]
[This is a main color.]
74 - 74
code:[sparingyellow]name:[sparingyellow]default output:[hex]hex[#f2e97e]rgb:[242,233,126]rgba:[242,233,126,1]transparency:[1]
[This is a main color.]
75 - 75
code:[newmainblue]name:[newmainblue]default output:[hex]hex[#0d5da8]rgb:[13,93,168]rgba:[13,93,168,1]transparency:[1]
[This is a main color.]
76 - 76
code:[newsecondblue]name:[newsecondblue]default output:[hex]hex[#75c5ed]rgb:[117,197,237]rgba:[117,197,237,1]transparency:[1]
[This is a main color.]
77 - 77
code:[newred]name:[newred]default output:[hex]hex[#ee534c]rgb:[238,83,76]rgba:[238,83,76,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:[Roboto]
Default Content Body Text Color: [paletteid:grey2]
Default Content Body Text Line Height: [22px]
This is example text for Main Body Content.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Comclean Australia comclean australia COMCLEAN AUSTRALIA
This is example text for BOLD Main Body Content.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Comclean Australia comclean australia COMCLEAN AUSTRALIA
This is example text for ITALIC Main Body Content.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Comclean Australia comclean australia COMCLEAN AUSTRALIA
This is example text for BOLD,ITALIC Main Body Content.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*() Comclean Australia comclean australia COMCLEAN AUSTRALIA
6 - Main Body Content Links
Default link This is a link Code: [
<a href="/">This is a link</a> ]
bi
bi (vanilla left) Code: [
<div class="bic" style="background:pink;"><a href="/" class="bi xs100p" ><i class="fas fa-caret-left biili"></i><span class="bitli">Back to Page with lots of text</span></a></div> ]
bi (vanilla right) Code: [
<div class="bic" style="background:pink;"><a href="/" class="bi xs100p" ><span class="bitri">Back to Page with lots of text</span><i class="fas fa-caret-right biiri"></i></a></div> ]
bi (max-width) Code: [
<div class="bic" style="background:pink;"><a href="/" class="bi xs100p" style="max-width:200px; text-align:center;"><i class="fas fa-caret-left biili"></i><span class="bitli">Back to Page with lots of text</span></a></div> ]
bi direction left
bi Code: [
<div class="bic" style="background:pink;"><a href="/" class="bi xs100p" ><i class="fas fa-caret-left biili"></i><span class="bitli">Back to Page</span></a></div> ]
bi2 Code: [
<div class="bic" style="background:pink;"><a href="/" class="bi bi2 xs100p" ><i class="fas fa-caret-left biili"></i><span class="bitli">Back to Page</span></a></div> ]
bi3 Code: [
<div class="bic" style="background:pink;"><a href="/" class="bi bi3 xs100p" ><i class="fas fa-caret-left biili"></i><span class="bitli">Back to Page</span></a></div> ]
bi4 Code: [
<div class="bic" style="background:pink;"><a href="/" class="bi bi4 xs100p" ><i class="fas fa-caret-left biili"></i><span class="bitli">Back to Page</span></a></div> ]
bi5 Code: [
<div class="bic" style="background:pink;"><a href="/" class="bi bi5 xs100p" ><i class="fas fa-caret-left biili"></i><span class="bitli">Back to Page</span></a></div> ]
bi6 Code: [
<div class="bic" style="background:pink;"><a href="/" class="bi bi6 xs100p" ><i class="fas fa-caret-left biili"></i><span class="bitli">Back to Page</span></a></div> ]
bi direction right
bi Code: [
<div class="bic" style="background:pink;"><a href="/" class="bi xs100p" ><span class="bitri">Go to Page</span><i class="fas fa-caret-right biiri"></i></a></div> ]
bi2 Code: [
<div class="bic" style="background:pink;"><a href="/" class="bi bi2 xs100p" ><span class="bitri">Go to Page</span><i class="fas fa-caret-right biiri"></i></a></div> ]
bi3 Code: [
<div class="bic" style="background:pink;"><a href="/" class="bi bi3 xs100p" ><span class="bitri">Go to Page</span><i class="fas fa-caret-right biiri"></i></a></div> ]
bi4 Code: [
<div class="bic" style="background:pink;"><a href="/" class="bi bi4 xs100p" ><span class="bitri">Go to Page</span><i class="fas fa-caret-right biiri"></i></a></div> ]
bi5 Code: [
<div class="bic" style="background:pink;"><a href="/" class="bi bi5 xs100p" ><span class="bitri">Go to Page</span><i class="fas fa-caret-right biiri"></i></a></div> ]
bi6 Code: [
<div class="bic" style="background:pink;"><a href="/" class="bi bi6 xs100p" ><span class="bitri">Go to Page</span><i class="fas fa-caret-right biiri"></i></a></div> ]
bi multiple row
bi Code: [
<div class="bic" style="background:pink;">
<a href="/" class="bi xs100p" style="margin:4px;"><i class="fas fa-caret-left biili"></i><span class="bitli">Back to Page</span></a>
<a href="/" class="bi xs100p" style="margin:4px;"><span class="bitri">Go to Page</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi2 xs100p" style="margin:4px;"><i class="fas fa-caret-left biili"></i><span class="bitli">Back to Page</span></a>
<a href="/" class="bi bi2 xs100p" style="margin:4px;"><span class="bitri">Go to Page</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi3 xs100p" style="margin:4px;"><i class="fas fa-caret-left biili"></i><span class="bitli">Back to Page</span></a>
<a href="/" class="bi bi3 xs100p" style="margin:4px;"><span class="bitri">Go to Page</span><i class="fas fa-caret-right biiri"></i></a>
</div> ]
bi multiple column
bi Code: [
<div class="bic" style="background:pink; flex-direction:column;">
<a href="/" class="bi xs100p" style="margin:4px;"><i class="fas fa-caret-left biili"></i><span class="bitli">Back to Page</span></a>
<a href="/" class="bi xs100p" style="margin:4px;"><span class="bitri">Back to Page</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi2 xs100p" style="margin:4px;"><i class="fas fa-caret-left biili"></i><span class="bitli">Back to Page</span></a>
<a href="/" class="bi bi2 xs100p" style="margin:4px;"><span class="bitri">Back to Page</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi3 xs100p" style="margin:4px;"><i class="fas fa-caret-left biili"></i><span class="bitli">Back to Page</span></a>
<a href="/" class="bi bi3 xs100p" style="margin:4px;"><span class="bitri">Go to Page</span><i class="fas fa-caret-right biiri"></i></a>
</div> ]
bi multiple column with text-aligns 1
bi Code: [
<div class="bic" style="background:pink; flex-direction:column;">
<a href="/" class="bi xs100p" style="margin:4px;"><i class="fas fa-caret-left biili"></i><span class="bitli tall">Back to Page with Long Text</span></a>
<a href="/" class="bi xs100p" style="margin:4px;"><span class="bitri tall">Back to Page with Long Text</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi2 xs100p" style="margin:4px;"><i class="fas fa-caret-left biili"></i><span class="bitli talc">Back to Page with Long Text</span></a>
<a href="/" class="bi bi2 xs100p" style="margin:4px;"><span class="bitri talc">Back to Page with Long Text</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi3 xs100p" style="margin:4px;"><i class="fas fa-caret-left biili"></i><span class="bitli talr">Back to Page with Long Text</span></a>
<a href="/" class="bi bi3 xs100p" style="margin:4px;"><span class="bitri talr">Back to Page with Long Text</span><i class="fas fa-caret-right biiri"></i></a>
</div> ]
bi multiple column with text-aligns 2
bi Code: [
<div class="bic" style="background:pink; flex-direction:column;">
<a href="/" class="bi bi1 xs100p" style="margin:4px;"><span class="bitri tall">Go to Page</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi2 xs100p" style="margin:4px;"><span class="bitri talc">Go to Page</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi3 xs100p" style="margin:4px;"><span class="bitri talr">Go to Page</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi1 xs100p" style="margin:4px;"><i class="fas fa-caret-left biili"></i><span class="bitli tall">Go to Page</span></a>
<a href="/" class="bi bi2 xs100p" style="margin:4px;"><i class="fas fa-caret-left biili"></i><span class="bitli talc">Go to Page</span></a>
<a href="/" class="bi bi3 xs100p" style="margin:4px;"><i class="fas fa-caret-left biili"></i><span class="bitli talr">Go to Page</span></a>
</div> ]
bi multiple column with text-aligns
bi Code: [
<div class="bic" style="background:pink; flex-direction:column;">
<a href="/" class="bi bi1 xs100p" style="margin:4px;"><span class="bitri tall">Back to Page with Long, Long Text</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi2 xs100p" style="margin:4px;"><span class="bitri talc">Back to Page with Text</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi3 xs100p" style="margin:4px;"><span class="bitri talr">Back to Page with Long Text</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi1 xs100p" style="margin:4px;"><i class="fas fa-caret-left biili"></i><span class="bitli tall">Back to Page with Long Text</span></a>
<a href="/" class="bi bi2 xs100p" style="margin:4px;"><i class="fas fa-caret-left biili"></i><span class="bitli talc">Back to Page with Very, Very, Long, Long Text</span></a>
<a href="/" class="bi bi3 xs100p" style="margin:4px;"><i class="fas fa-caret-left biili"></i><span class="bitli talr">Back to Page with Text</span></a>
</div> ]
bi multiple column with text-aligns 3
bi Code: [
<div class="bic" style="background:pink; flex-direction:column;">
<a href="/" class="bi bi1 xs100p" style="margin:4px; min-height:60px;"><i class="fas fa-caret-left biili"></i><span class="bitli tall">Back to Page with Long Text</span></a>
<a href="/" class="bi bi2 xs100p" style="margin:4px; min-height:60px;"><i class="fas fa-caret-left biili"></i><span class="bitli talc">Back to Page with Long Text</span></a>
<a href="/" class="bi bi3 xs100p" style="margin:4px; min-height:60px;"><i class="fas fa-caret-left biili"></i><span class="bitli talr">Back to Page with Long Text</span></a>
<a href="/" class="bi bi1 xs100p" style="margin:4px; min-height:60px;"><span class="bitri tall">Back to Page with Long Text</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi2 xs100p" style="margin:4px; min-height:60px;"><span class="bitri talc">Back to Page with Long Text</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi3 xs100p" style="margin:4px; min-height:60px;"><span class="bitri talr">Back to Page with Long Text</span><i class="fas fa-caret-right biiri"></i></a>
</div> ]
bi multiple on row with wrapping 4
bi Code: [
<div class="bic" style="background:pink; flex-direction:row; flex-wrap:wrap;">
<a href="/" class="bi bi1 xs100p" style="margin:4px; min-height:60px;"><i class="fas fa-caret-left biili"></i><span class="bitli tall">Back to Page with Text</span></a>
<a href="/" class="bi bi2 xs100p" style="margin:4px; min-height:60px;"><i class="fas fa-caret-left biili"></i><span class="bitli talc">Back to Page with Long Text</span></a>
<a href="/" class="bi bi3 xs100p" style="margin:4px; min-height:60px;"><i class="fas fa-caret-left biili"></i><span class="bitli talr">Back to Page with Much, Much, Longer Text</span></a>
<a href="/" class="bi bi1 xs100p" style="margin:4px; min-height:60px;"><span class="bitri tall">Back to Page with Long Text</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi2 xs100p" style="margin:4px; min-height:60px;"><span class="bitri talc">Back to Page with text</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi3 xs100p" style="margin:4px; min-height:60px;"><span class="bitri talr">Back to Page with very, very long, Long Text</span><i class="fas fa-caret-right biiri"></i></a>
</div> ]
bi multiple on row with wrapping
bi Code: [
<div class="bic" style="background:pink; flex-direction:row; flex-wrap:wrap;">
<a href="/" class="bi bi1 xs100p" style="margin:4px; min-height:60px;"><i class="fas fa-caret-left biili"></i><span class="bitli tall">Go to Page</span></a>
<a href="/" class="bi bi2 xs100p" style="margin:4px; min-height:60px;"><i class="fas fa-caret-left biili"></i><span class="bitli talc">Go to Page</span></a>
<a href="/" class="bi bi3 xs100p" style="margin:4px; min-height:60px;"><i class="fas fa-caret-left biili"></i><span class="bitli talr">Go to Page</span></a>
<a href="/" class="bi bi1 xs100p" style="margin:4px; min-height:60px;"><span class="bitri tall">Go to Page</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi2 xs100p" style="margin:4px; min-height:60px;"><span class="bitri talc">Go to Page</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi3 xs100p" style="margin:4px; min-height:60px;"><span class="bitri talr">Go to Page</span><i class="fas fa-caret-right biiri"></i></a>
</div> ]
bi multiple on row with wrapping on flex-start
bi Code: [
<div class="bic" style="background:pink; flex-direction:row; flex-wrap:wrap; justify-content:flex-start;">
<a href="/" class="bi bi1 xs100p" style="margin:4px; min-height:60px;"><i class="fas fa-caret-left biili"></i><span class="bitli tall">Go to Page</span></a>
<a href="/" class="bi bi2 xs100p" style="margin:4px; min-height:60px;"><i class="fas fa-caret-left biili"></i><span class="bitli talc">Go to Page</span></a>
<a href="/" class="bi bi3 xs100p" style="margin:4px; min-height:60px;"><i class="fas fa-caret-left biili"></i><span class="bitli talr">Go to Page</span></a>
<a href="/" class="bi bi1 xs100p" style="margin:4px; min-height:60px;"><span class="bitri tall">Go to Page</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi2 xs100p" style="margin:4px; min-height:60px;"><span class="bitri talc">Go to Page</span><i class="fas fa-caret-right biiri"></i></a>
<a href="/" class="bi bi3 xs100p" style="margin:4px; min-height:60px;"><span class="bitri talr">Go to Page</span><i class="fas fa-caret-right biiri"></i></a>
</div> ]
shown large for clarity
mcb
direction left
mcb mcbl (left icon) This is a link1 Code: [
<a href="/" class="mcb mcbl" style="">This is a link1</a> ]
mcb mcbl mcdb2 (left icon) This is a link Code: [
<a href="/" class="mcb mcbl mcdb2" style=""><span>This is a link</span></a> ]
mcb mcbl mcdb3 (left icon) This is a link Code: [
<a href="/" class="mcb mcbl mcdb3" style="">This is a link</a> ]
mcb mcbl mcdb4 (left icon) This is a link Code: [
<a href="/" class="mcb mcbl mcdb4" style="">This is a link</a> ]
mcb mcbl mcdb5 (left icon) This is a link Code: [
<a href="/" class="mcb mcbl mcdb5" style="">This is a link</a> ]
mcb mcbl mcdb6 (left icon) This is a link Code: [
<a href="/" class="mcb mcbl mcdb6" style="">This is a link</a> ]
direction right
mcb mcbr (right icon) This is a link Code: [
<a href="/" class="mcb mcbr" style="">This is a link</a> ]
mcb mcbr mcdb2 (right icon) This is a link Code: [
<a href="/" class="mcb mcbr mcdb2" style=""><span>This is a link</span></a> ]
mcb mcbr mcdb3 (right icon) This is a link Code: [
<a href="/" class="mcb mcbr mcdb3" style="">This is a link</a> ]
mcb mcbr mcdb4 (right icon) This is a link Code: [
<a href="/" class="mcb mcbr mcdb4" style="">This is a link</a> ]
mcb mcbr mcdb5 (right icon) This is a link Code: [
<a href="/" class="mcb mcbr mcdb5" style="">This is a link</a> ]
mcb mcbr mcdb6 (right icon) This is a link Code: [
<a href="/" class="mcb mcbr mcdb6" style="">This is a link</a> ]
container with single
mcb mcbr (right icon) Code: [
<div class="bic" style="background:pink; height:100px;"><a href="/" class="mcb mcbr" style="">This is a link</a></div> ]
mcb mcbl (left icon) Code: [
<div class="bic" style="background:pink; height:100px;"><a href="/" class="mcb mcbl" style="">This is a link</a></div> ]
container with single - big
mcb mcbr (right icon) Code: [
<div class="bic" style="background:pink; height:100px;"><a href="/" class="mcb mcbr" style="min-height: 70px; font-size:30px;">This is a link</a></div> ]
mcb mcbl (left icon) Code: [
<div class="bic" style="background:pink; height:100px;"><a href="/" class="mcb mcbl" style="min-height: 70px; font-size:30px;">This is a link</a></div> ]
container with multiple (row)
mcb mcbr (right icon) Code: [
<div class="bic" style="background:pink; height:100px;"><a href="/" class="mcb mcbr m4" style="">This is a link</a><a href="/" class="mcb mcbl mcdb2 m4" style="">This is a link</a><a href="/" class="mcb mcbr mcdb3 m4" style="">This is a link</a></div> ]
mcb mcbl (left icon) Code: [
<div class="bic" style="background:pink; height:100px;"><a href="/" class="mcb mcbl m4" style="">This is a link</a><a href="/" class="mcb mcbr mcdb2 m4 xs100p" style="">This is a link</a><a href="/" class="mcb mcbl mcdb3 m4" style="">This is a link</a></div> ]
container with multiple (column)
mcb mcbr (right icon) Code: [
<div class="bic" style="background:pink; flex-direction:column;"><a href="/" class="mcb mcbr m4" style="">This is a link</a><a href="/" class="mcb mcbl mcdb2 m4 xs100p" style="">This is a link</a><a href="/" class="mcb mcbr mcdb3 m4" style="">This is a link</a></div> ]
mcb mcbl (left icon) Code: [
<div class="bic" style="background:pink; flex-direction:column;"><a href="/" class="mcb mcbl m4" style="">This is a link</a><a href="/" class="mcb mcbr mcdb2 m4 xs100p" style="">This is a link</a><a href="/" class="mcb mcbl mcdb3 m4" style="">This is a link</a></div> ]
7 - Forms, buttons and inputs
-Submit:
Input default Code: [
<input type="submit" name="submit_button" value="Example default submit button" style="margin:4px;"> ]
Input type 1 Code: [
<input type="submit" name="submit_button" value="Example type1 submit button " class="submitbutton_type1 xs100p" style="margin:4px;"> ]
Input type 2 Code: [
<input type="submit" name="submit_button" value="Example type2 submit button" class="submitbutton_type2 xs100p" style="margin:4px;"> ]
submitbutton_contactform Code: [
<input type="submit" name="submit_button" value="Example contact form submit button" class="submitbutton_contactform" style="margin:4px;"> ]
-Button:
Button default
Next
Code: [
<div><button type="submit" style="margin:4px;">Next</button></div> ]
Next with many, many more words
Code: [
<div><button type="submit" style="margin:4px;">Next with many, many more words</button></div> ]
submitbutton_contactform Next Code: [
<button type="submit" name="submit_button" value="Example contact form submit button" class="submitbutton_contactform" style="margin:4px;">Next</button> ]
submitbutton_contactform Next with many, many more words Code: [
<button type="submit" name="submit_button" value="Example contact form submit button" class="submitbutton_contactform" style="margin:4px;">Next with many, many more words</button> ]
submitbutton_contactform in container Next
Code: [
<div class="bic"><button type="submit" name="submit_button" value="Example contact form submit button" class="submitbutton_contactform xs100p" style="margin:4px;">Next</button></div> ]
submitbutton_contactform in container Next with many, many more words
Code: [
<div class="bic"><button type="submit" name="submit_button" value="Example contact form submit button" class="submitbutton_contactform xs100p" style="margin:4px;">Next with many, many more words</button></div> ]
Button type 1b Next
Next
Code: [
<div><button type="submit" class="submitbutton_type1bnext" style="margin:4px;">Next</button></div> ]
Next with many, many more words
Code: [
<div><button type="submit" class="submitbutton_type1bnext" style="margin:4px;">Next with many, many more words</button></div> ]
Button type 1b Back
Back
Code: [
<div><button type="submit" class="submitbutton_type1bback" style="margin:4px;">Back</button></div> ]
Back with many, many more words
Code: [
<div><button type="submit" class="submitbutton_type1bback" style="margin:4px;">Back with many, many more words</button></div> ]
Button type 2b Next
Next
Code: [
<div><button type="submit" class="submitbutton_type2bnext" style="margin:4px;">Next</button></div> ]
Next with many, many more words
Code: [
<div><button type="submit" class="submitbutton_type2bnext" style="margin:4px;">Next with many, many more words</button></div> ]
Button type 2b Back
Back
Code: [
<div><button type="submit" class="submitbutton_type2bback" style="margin:4px;">Back</button></div> ]
Back with many, many more words
Code: [
<div><button type="submit" class="submitbutton_type2bback" style="margin:4px;">Back with many, many more words</button></div> ]
Columns
Button type 1b Next
Next
Code: [
<div class="bic" style="background:pink;"><button type="submit" class="submitbutton_type1bnext xs100p" style="margin:4px;">Next</button></div> ]
Next with many, many more words
Code: [
<div class="bic" style="background:pink;"><button type="submit" class="submitbutton_type1bnext xs100p" style="margin:4px;">Next with many, many more words</button></div> ]
Button type 1b Back
Back
Code: [
<div class="bic" style="background:pink;"><button type="submit" class="submitbutton_type1bback xs100p" style="margin:4px;">Back</button></div> ]
Back with many, many more words
Code: [
<div class="bic" style="background:pink;"><button type="submit" class="submitbutton_type1bback xs100p" style="margin:4px;">Back with many, many more words</button></div> ]
Button type 2b Next
Next
Code: [
<div class="bic" style="background:pink;"><button type="submit" class="submitbutton_type2bnext xs100p" style="margin:4px; min-height:50px;">Next</button></div> ]
Next with many, many more words
Code: [
<div class="bic" style="background:pink;"><button type="submit" class="submitbutton_type2bnext xs100p" style="margin:4px;">Next with many, many more words</button></div> ]
Button type 2b Back
Back
Code: [
<div class="bic" style="background:pink;"><button type="submit" class="submitbutton_type2bback xs100p" style="margin:4px;">Back</button></div> ]
Back with many, many more words
Code: [
<div class="bic" style="background:pink;"><button type="submit" class="submitbutton_type2bback xs100p" style="margin:4px;">Back with many, many more words</button></div> ]
This is a heading
This is the content text. It could be long, and it could contain a number of paragraphs.
This is a heading
This is the content text. It could be long, and it could contain a number of paragraphs.
This is a heading
This is the content text. It could be long, and it could contain a number of paragraphs.
This is a heading
This is the content text. It could be long, and it could contain a number of paragraphs.
This is a heading
This is the content text. It could be long, and it could contain a number of paragraphs.
This is a heading
This is the content text. It could be long, and it could contain a number of paragraphs.
Contentbox container start: [
<div class="container"><div class="row"><!-- start row1 --> ]
Contentbox Code: [
<div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-3"><!-- start col1 -->
<div class="contentbox1-box"><!-- start contentbox1 -->
<img class="contentbox1-image" src="https://www.comcleanaustralia.com.au/userfiles/Image/office-cleaning-commercial-cleaning-title-image.webp">
<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:[Roboto] font-size:[32px] color:[maincolor1]
H2 XS font-family:[Roboto] font-size:[21px] color:[maincolor1]
H3 XS font-family:[Roboto] font-size:[20px] color:[maincolor1]
H4 XS font-family:[Roboto] font-size:[18px] color:[maincolor1]
H1 SM font-family:[Roboto] font-size:[34px] color:[maincolor1]
H2 SM font-family:[Roboto] font-size:[22px] color:[maincolor1]
H3 SM font-family:[Roboto] font-size:[20px] color:[maincolor1]
H4 SM font-family:[Roboto] font-size:[18px] color:[maincolor1]
H1 MD font-family:[Roboto] font-size:[40px] color:[maincolor1]
H2 MD font-family:[Roboto] font-size:[25px] color:[maincolor1]
H3 MD font-family:[Roboto] font-size:[21px] color:[maincolor1]
H4 MD font-family:[Roboto] font-size:[18px] color:[maincolor1]
H1 LG font-family:[Roboto] font-size:[43px] color:[maincolor1]
H2 LG font-family:[Roboto] font-size:[26px] color:[maincolor1]
H3 LG font-family:[Roboto] font-size:[22px] color:[maincolor1]
H4 LG font-family:[Roboto] font-size:[18px] color:[maincolor1]
H1 XL font-family:[Roboto] font-size:[46px] color:[maincolor1]
H2 XL font-family:[Roboto] font-size:[30px] color:[maincolor1]
H3 XL font-family:[Roboto] font-size:[24px] color:[maincolor1]
H4 XL font-family:[Roboto] font-size:[18px] color:[maincolor1]
H1 XS
H2 XS
H3 XS
H4 XS
H1 sm
H2 sm
H3 sm
H4 sm
H1 md
H2 md
H3 md
H4 md
H1 lg
H2 lg
H3 lg
H4 lg
H1 xl
H2 xl
H3 xl
H4 xl
logofile_mainhead
craigsbirdplace-cabinetry-logo-254wx70h.webp
logofile_mainheadscrolled
craigsbirdplace-cabinetry-logo-254wx70h.webp
logofile_xshead
craigsbirdplace-cabinetry-logo-254wx70h.webp
Favicon/Generic
URL:https://www.comcleanaustralia.com.au/favicon.ico
Width x Height:32x32 file size:[4.19 KB]
relative URL:/favicon.ico
tag:
URL:https://www.comcleanaustralia.com.au/favicon.png
Width x Height:32x32 file size:[1.67 KB]
relative URL:/favicon.png
tag:<link rel="icon" type="image/png" href="/favicon.png">
URL:https://www.comcleanaustralia.com.au/favicon-16x16.png
Width x Height:16x16 file size:[710 Bytes]
relative URL:/favicon-16x16.png
tag:<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
URL:https://www.comcleanaustralia.com.au/favicon-32x32.png
Width x Height:32x32 file size:[1.67 KB]
relative URL:/favicon-32x32.png
tag:<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
URL:https://www.comcleanaustralia.com.au/favicon-48x48.png
Width x Height:48x48 file size:[2.72 KB]
relative URL:/favicon-48x48.png
tag:<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">
URL:https://www.comcleanaustralia.com.au/favicon-64x64.png
Width x Height:64x64 file size:[4.09 KB]
relative URL:/favicon-64x64.png
tag:<link rel="icon" type="image/png" sizes="64x64" href="/favicon-64x64.png">
URL:https://www.comcleanaustralia.com.au/favicon-96x96.png
Width x Height:96x96 file size:[7.18 KB]
relative URL:/favicon-96x96.png
tag:<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
URL:https://www.comcleanaustralia.com.au/favicon-128x128.png
Width x Height:128x128 file size:[11.17 KB]
relative URL:/favicon-128x128.png
tag:<link rel="icon" type="image/png" sizes="128x128" href="/favicon-128x128.png">
URL:https://www.comcleanaustralia.com.au/favicon-160x160.png
Width x Height:160x160 file size:[15.22 KB]
relative URL:/favicon-160x160.png
tag:<link rel="icon" type="image/png" sizes="160x160" href="/favicon-160x160.png">
URL:https://www.comcleanaustralia.com.au/favicon-192x192.png
Width x Height:192x192 file size:[20.3 KB]
relative URL:/favicon-192x192.png
tag:<link rel="icon" type="image/png" sizes="192x192" href="/favicon-192x192.png">
URL:https://www.comcleanaustralia.com.au/favicon-196x196.png
Width x Height:196x196 file size:[27 KB]
relative URL:/favicon-196x196.png
tag:<link rel="icon" type="image/png" sizes="196x196" href="/favicon-196x196.png">
URL:https://www.comcleanaustralia.com.au/favicon-256x256.png
Width x Height:256x256 file size:[31.43 KB]
relative URL:/favicon-256x256.png
tag:<link rel="icon" type="image/png" sizes="256x256" href="/favicon-256x256.png">
Apple
URL:https://www.comcleanaustralia.com.au/apple-touch-icon-57x57.png
Width x Height:57x57 file size:[3.77 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.comcleanaustralia.com.au/apple-touch-icon-60x60.png
Width x Height:60x60 file size:[3.59 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.comcleanaustralia.com.au/apple-touch-icon-72x72.png
Width x Height:72x72 file size:[5.05 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.comcleanaustralia.com.au/apple-touch-icon-76x76.png
Width x Height:76x76 file size:[5.66 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.comcleanaustralia.com.au/apple-touch-icon-114x114.png
Width x Height:114x114 file size:[10.93 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.comcleanaustralia.com.au/apple-touch-icon-120x120.png
Width x Height:120x120 file size:[9.66 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.comcleanaustralia.com.au/apple-touch-icon-144x144.png
Width x Height:144x144 file size:[14.31 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.comcleanaustralia.com.au/apple-touch-icon-152x152.png
Width x Height:152x152 file size:[17.33 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.comcleanaustralia.com.au/apple-touch-icon-167x167.png
Width x Height:167x167 file size:[20.88 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.comcleanaustralia.com.au/apple-touch-icon-180x180.png
Width x Height:180x180 file size:[20.98 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.comcleanaustralia.com.au/ios-icon.png
Width x Height:180x180 file size:[20.98 KB]
relative URL:/ios-icon.png
tag:<link rel="apple-touch-icon" href="/ios-icon.png">
URL:https://www.comcleanaustralia.com.au/icon.png
Width x Height:180x180 file size:[20.98 KB]
relative URL:/icon.png
tag:<link rel="apple-touch-startup-image" href="/icon.png">
Microsoft
URL:https://www.comcleanaustralia.com.au/acme-tile-small.png
Width x Height:70x70 file size:[4.91 KB]
relative URL:/acme-tile-small.png
tag:<meta name="msapplication-square70x70logo" content="/acme-tile-small.png">
URL:https://www.comcleanaustralia.com.au/mstile-144x144.png
Width x Height:144x144 file size:[14.31 KB]
relative URL:/mstile-144x144.png
tag:<meta name="msapplication-TileImage" content="/mstile-144x144.png">
URL:https://www.comcleanaustralia.com.au/acme-tile-medium.png
Width x Height:150x150 file size:[15.92 KB]
relative URL:/acme-tile-medium.png
tag:<meta name="msapplication-square150x150logo" content="/acme-tile-medium.png">
URL:https://www.comcleanaustralia.com.au/acme-tile-large.png
Width x Height:310x310 file size:[56.98 KB]
relative URL:/acme-tile-large.png
tag:<meta name="msapplication-square310x310logo" content="/acme-tile-large.png">
Generic Theme Color:[#005baa]
Apple Theme Color:[#005baa]
MS Application Nav Button Color:[#005baa]
MS Application Tile Color:[#005baa]
ms_applicationname
Comclean Australia
ms_applicationstarturl
https://www.comcleanaustralia.com.au/
Current Theme:[Main Theme]
System Theme:[SYSTEM THEME]
Default Theme:[Main Theme]
Current Theme:
live:theme[Main Theme]+selector[seasonalbutton]
(2) properties for theme[Main Theme]+selector[seasonalbutton]
property:[
color ] - value:[
#ffffff ]
property:[
background ] - value:[
#4a0391 ]
(gencss theme[Main Theme]+selector[seasonalbutton]):.seasonalbutton{background:#4a0391; margin:4px; padding:3px; font-weight:bold; border-radius:4px; color:#ffffff; }
This is some test text.
<div class="seasonalbutton">This is some test text.</div>
live:theme[Main Theme]+selector[themeflowtest]
(2) properties for theme[Main Theme]+selector[themeflowtest]
property:[border-top ] - value:[2px solid green ]
property:[border-bottom ] - value:[2px solid green ]
(gencss theme[Main Theme]+selector[themeflowtest]):.themeflowtest{margin:5px; width:200px; height:30px; background:gray; border-left:2px solid red;padding:2px; border-bottom:2px solid green; border-top:2px solid green; }
This is some test text.
<div class="themeflowtest">This is some test text.</div>
gen:theme[Main Theme]+selector[seasonalbutton]
(2) properties for theme[Main Theme]+selector[seasonalbutton]
property:[
color ] - value:[
#ffffff ]
property:[
background ] - value:[
#4a0391 ]
(gencss theme[Main Theme]+selector[seasonalbutton]):.seasonalbutton{background:#4a0391; margin:4px; padding:3px; font-weight:bold; border-radius:4px; color:#ffffff; }
This is some test text.
<div style="background:#4a0391; margin:4px; padding:3px; font-weight:bold; border-radius:4px; color:#ffffff; ">This is some test text.</div>
gen:theme[Main Theme]+selector[themeflowtest]
(2) properties for theme[Main Theme]+selector[themeflowtest]
property:[border-top ] - value:[2px solid green ]
property:[border-bottom ] - value:[2px solid green ]
(gencss theme[Main Theme]+selector[themeflowtest]):.themeflowtest{margin:5px; width:200px; height:30px; background:gray; border-left:2px solid red;padding:2px; border-bottom:2px solid green; border-top:2px solid green; }
This is some test text.
<div style="margin:5px; width:200px; height:30px; background:gray; border-left:2px solid red;padding:2px; border-bottom:2px solid green; border-top:2px solid green; ">This is some test text.</div>
All Themes:
theme name: [SYSTEM THEME] theme code: [DEFAULT] theme enable: [0] isdefault: [0] issystem: [1]
gen:theme[SYSTEM THEME]+selector[seasonalbutton]
(6) properties for theme[SYSTEM THEME]+selector[seasonalbutton]
property:[
background ] - value:[
#888888 ]
property:[margin ] - value:[4px ]
property:[padding ] - value:[3px ]
property:[font-weight ] - value:[ ]
property:[border-radius ] - value:[4px ]
property:[
color ] - value:[
#ffffff ]
(gencss theme[SYSTEM THEME]+selector[seasonalbutton]):.seasonalbutton{background:#888888; margin:4px; padding:3px; font-weight:bold; border-radius:4px; color:#ffffff; }
This is some test text.
<div style="background:#888888; margin:4px; padding:3px; font-weight:bold; border-radius:4px; color:#ffffff; ">This is some test text.</div>
gen:theme[SYSTEM THEME]+selector[themeflowtest]
(7) properties for theme[SYSTEM THEME]+selector[themeflowtest]
property:[margin ] - value:[5px ]
property:[width ] - value:[200px ]
property:[height ] - value:[30px ]
property:[background ] - value:[gray ]
property:[border-left ] - value:[2px solid red; ]
property:[padding ] - value:[2px ]
property:[border-bottom ] - value:[2px solid red ]
(gencss theme[SYSTEM THEME]+selector[themeflowtest]):.themeflowtest{margin:5px; width:200px; height:30px; background:gray; border-left:2px solid red;padding:2px; border-bottom:2px solid red; border-top:2px solid green; }
This is some test text.
<div style="margin:5px; width:200px; height:30px; background:gray; border-left:2px solid red;padding:2px; border-bottom:2px solid red; border-top:2px solid green; ">This is some test text.</div>
theme name: [Main Theme] theme code: [main_theme] theme enable: [1] isdefault: [1] issystem: [0]
gen:theme[Main Theme]+selector[seasonalbutton]
(2) properties for theme[Main Theme]+selector[seasonalbutton]
property:[
color ] - value:[
#ffffff ]
property:[
background ] - value:[
#4a0391 ]
(gencss theme[Main Theme]+selector[seasonalbutton]):.seasonalbutton{background:#4a0391; margin:4px; padding:3px; font-weight:bold; border-radius:4px; color:#ffffff; }
This is some test text.
<div style="background:#4a0391; margin:4px; padding:3px; font-weight:bold; border-radius:4px; color:#ffffff; ">This is some test text.</div>
gen:theme[Main Theme]+selector[themeflowtest]
(2) properties for theme[Main Theme]+selector[themeflowtest]
property:[border-top ] - value:[2px solid green ]
property:[border-bottom ] - value:[2px solid green ]
(gencss theme[Main Theme]+selector[themeflowtest]):.themeflowtest{margin:5px; width:200px; height:30px; background:gray; border-left:2px solid red;padding:2px; border-bottom:2px solid green; border-top:2px solid green; }
This is some test text.
<div style="margin:5px; width:200px; height:30px; background:gray; border-left:2px solid red;padding:2px; border-bottom:2px solid green; border-top:2px solid green; ">This is some test text.</div>
theme name: [Sale] theme code: [Sale] theme enable: [0] isdefault: [0] issystem: [0]
gen:theme[Sale]+selector[seasonalbutton]
(2) properties for theme[Sale]+selector[seasonalbutton]
property:[
background ] - value:[
#c60101 ]
property:[
color ] - value:[
#ffffff ]
(gencss theme[Sale]+selector[seasonalbutton]):.seasonalbutton{background:#c60101; margin:4px; padding:3px; font-weight:bold; border-radius:4px; color:#ffffff; }
This is some test text.
<div style="background:#c60101; margin:4px; padding:3px; font-weight:bold; border-radius:4px; color:#ffffff; ">This is some test text.</div>
gen:theme[Sale]+selector[themeflowtest]
(2) properties for theme[Sale]+selector[themeflowtest]
property:[border-right ] - value:[2px solid blue ]
property:[border-bottom ] - value:[2px solid blue ]
(gencss theme[Sale]+selector[themeflowtest]):.themeflowtest{margin:5px; width:200px; height:30px; background:gray; border-left:2px solid red;padding:2px; border-bottom:2px solid blue; border-top:2px solid green; border-right:2px solid blue; }
This is some test text.
<div style="margin:5px; width:200px; height:30px; background:gray; border-left:2px solid red;padding:2px; border-bottom:2px solid blue; border-top:2px solid green; border-right:2px solid blue; ">This is some test text.</div>
theme name: [Easter] theme code: [Easter] theme enable: [0] isdefault: [0] issystem: [0]
gen:theme[Easter]+selector[seasonalbutton]
(2) properties for theme[Easter]+selector[seasonalbutton]
property:[
background ] - value:[
#dd69d9 ]
property:[
color ] - value:[
#0f63a3 ]
(gencss theme[Easter]+selector[seasonalbutton]):.seasonalbutton{background:#dd69d9; margin:4px; padding:3px; font-weight:bold; border-radius:4px; color:#0f63a3; }
This is some test text.
<div style="background:#dd69d9; margin:4px; padding:3px; font-weight:bold; border-radius:4px; color:#0f63a3; ">This is some test text.</div>
gen:theme[Easter]+selector[themeflowtest]
(0) properties for theme[Easter]+selector[themeflowtest]
(gencss theme[Easter]+selector[themeflowtest]):.themeflowtest{margin:5px; width:200px; height:30px; background:gray; border-left:2px solid red;padding:2px; border-bottom:2px solid green; border-top:2px solid green; }
This is some test text.
<div style="margin:5px; width:200px; height:30px; background:gray; border-left:2px solid red;padding:2px; border-bottom:2px solid green; border-top:2px solid green; ">This is some test text.</div>
theme name: [Christmas Theme] theme code: [christmas_theme] theme enable: [0] isdefault: [0] issystem: [0]
gen:theme[Christmas Theme]+selector[seasonalbutton]
(2) properties for theme[Christmas Theme]+selector[seasonalbutton]
property:[
color ] - value:[
#c10101 ]
property:[
background ] - value:[
#007a14 ]
(gencss theme[Christmas Theme]+selector[seasonalbutton]):.seasonalbutton{background:#007a14; margin:4px; padding:3px; font-weight:bold; border-radius:4px; color:#c10101; }
This is some test text.
<div style="background:#007a14; margin:4px; padding:3px; font-weight:bold; border-radius:4px; color:#c10101; ">This is some test text.</div>
gen:theme[Christmas Theme]+selector[themeflowtest]
(2) properties for theme[Christmas Theme]+selector[themeflowtest]
property:[border-right ] - value:[2px solid aqua ]
property:[border-bottom ] - value:[ ]
(gencss theme[Christmas Theme]+selector[themeflowtest]):.themeflowtest{margin:5px; width:200px; height:30px; background:gray; border-left:2px solid red;padding:2px; border-top:2px solid green; border-right:2px solid aqua; }
This is some test text.
<div style="margin:5px; width:200px; height:30px; background:gray; border-left:2px solid red;padding:2px; border-top:2px solid green; border-right:2px solid aqua; ">This is some test text.</div>
theme name: [Halloween Theme] theme code: [halloween_theme] theme enable: [0] isdefault: [0] issystem: [0]
gen:theme[Halloween Theme]+selector[seasonalbutton]
(2) properties for theme[Halloween Theme]+selector[seasonalbutton]
property:[
background ] - value:[
#c05e02 ]
property:[
color ] - value:[
#000000 ]
(gencss theme[Halloween Theme]+selector[seasonalbutton]):.seasonalbutton{background:#c05e02; margin:4px; padding:3px; font-weight:bold; border-radius:4px; color:#000000; }
This is some test text.
<div style="background:#c05e02; margin:4px; padding:3px; font-weight:bold; border-radius:4px; color:#000000; ">This is some test text.</div>
gen:theme[Halloween Theme]+selector[themeflowtest]
(0) properties for theme[Halloween Theme]+selector[themeflowtest]
(gencss theme[Halloween Theme]+selector[themeflowtest]):.themeflowtest{margin:5px; width:200px; height:30px; background:gray; border-left:2px solid red;padding:2px; border-bottom:2px solid green; border-top:2px solid green; }
This is some test text.
<div style="margin:5px; width:200px; height:30px; background:gray; border-left:2px solid red;padding:2px; border-bottom:2px solid green; border-top:2px solid green; ">This is some test text.</div>
fa-angle-double-right
\f101
fa-arrow-circle-right
\f0a9
fa-question-circle1
\f05c
fa-exclamation-circle
\f06a
fa-exclamation-triangle
\f072
fa-arrow-circle-left
\f0a8
fa-arrow-circle-right
\f0a9
fa-arrow-circle-down
\f0ab
fa-pinterest-square
\f0d3
fa-google-plus-square
\f0d4
fa-angle-double-left
\f100
fa-angle-double-right
\f101
fa-angle-double-down
\f103
fa-chevron-circle-left
\f137
fa-chevron-circle-right
\f138
fa-chevron-circle-up
\f139
fa-chevron-circle-down
\f13a
fa-caret-square-down
\f150
fa-caret-square-right
\f152
fa-caret-square-down1
\f153
fa-caret-square-up1
\f154
fa-caret-square-right1
\f155
fa-caret-square-left
\f191
fa-caret-square-left1
\f193
fa-file-powerpoint1
\f1ce
fa-closed-captioning
\f20a
fa-window-minimize1
\f2d3
fa-long-arrow-alt-down
\f309
fa-long-arrow-alt-left
\f30a
fa-long-arrow-alt-right
\f30b
fa-long-arrow-alt-up
\f30c
fa-expand-arrows-alt
\f31e
fa-arrow-alt-circle-down
\f358
fa-arrow-alt-circle-left
\f359
fa-arrow-alt-circle-right
\f35a
fa-arrow-alt-circle-up
\f35b
fa-arrow-alt-circle-down1
\f35c
fa-arrow-alt-circle-left1
\f35d
fa-arrow-alt-circle-right1
\f35e
fa-arrow-alt-circle-up1
\f35f
fa-cloud-download-alt
\f381
fa-cloud-upload-alt
\f382
fa-briefcase-medical
\f469
fa-money-bill-wave-alt
\f53b
fa-suitcase-rolling
\f5c1
fa-envelope-open-text
\f658
fa-phone-square-alt
\f87b
15 - Business and Contact Information
Phone and Fax numbers
Main Phone Number Display: (phone1_display)
1300 601 136
Link for Main Phone Number: (phone1_link)
tel://+611300601136
Address Information
Street address line2 (Street number and Street name): (streetaddress_line2)
Unit 2/2960 Logan Road
Street address line3 (Suburb/City): (streetaddress_line3)
Underwood
Street address line4 (State): (streetaddress_line4)
QLD
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)
Unit 2/2960 Logan Road, Underwood, QLD, Australia 4119
Postal address line2 (Postal number and Postal name): (postaladdress_line2)
Unit 2/2960 Logan Road
Postal address line3 (Suburb/City): (postaladdress_line3)
Underwood
Postal address line4 (State): (postaladdress_line4)
QLD
Postal address line5 (Post code): (postaladdress_line5)
4119
Postal address line6 (Country): (postaladdress_line6)
Australia
Postal address short line (The full address in one line): (postaladdress_shortline)
Unit 2/2960 Logan Road, Underwood, QLD, Australia 4119
Business Hours
Business Hours - Monday: (businesshours_monday)
9:00am to 4:30pm
Business Hours - Tuesday: (businesshours_tuesday)
9:00am to 4:30pm
Business Hours - Wednesday: (businesshours_wednesday)
9:00am to 4:30pm
Business Hours - Thursday: (businesshours_thursday)
9:00am to 4:30pm
Business Hours - Friday: (businesshours_friday)
9:00am to 4:30pm
Business Hours - Saturday: (businesshours_saturday)
9:00am to 12:00pm
Business Hours - Sunday: (businesshours_sunday)
Closed
Business Hours Note (Note about holidays, etc.): (businesshours_note)
Times are QLD Time
Business Hours short line (business hours on one line): (businesshours_shortline)
Mon-Fri:9am-4:30pm, Sat:9am-12:00pm, Sun:Closed
Business Hours shorter line (business hours on one line, very short): (businesshours_shorterline)
Mon-Fri:9am-4:30pm, Sat:9am-12:00pm, Sun:Closed
Social Media Links
Social Media Link - Facebook: (smlink_facebook)
https://www.facebook.com/comcleanaustralia/
Business Information
Business Name - Legal Name: (business_legalname)
Comclean Australia
Business Name - Long Name: (business_longname)
Comclean Australia
Business Name - Medium Name: (business_mediumname)
Comclean Australia
Business Name - Short Name: (business_shortname)
Comclean Australia
Google Maps Embed Link: (googlemap_embedlink)
https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3535.4376608495145!2d153.11450821502677!3d-27.610958782831883!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6b914378e60769b5%3A0x5cac0331dbf8c002!2s2%2F2960%20Logan%20Rd%2C%20Underwood%20QLD%204119!5e0!3m2!1sen!2sau!4v1655464591287!5m2!1sen!2sau
Public Email Address: (public_email)
info@comcleanaustralia.com.au
16 - Structured Data (Rich Results for Google)
use_breadcrumb
Breadcrumbs enabled, full path
Organization
sd_Organization_type
Organizations
sd_Organization_name
Comclean Australia
sd_Organization_url
https://www.comcleanaustralia.com.au/
sd_Organization_logo
https://www.comcleanaustralia.com.au/acme-tile-large.png
LocalBusiness
sd_LocalBusiness_type
LocalBusiness
sd_LocalBusiness_name
Comclean Australia
sd_LocalBusiness_email
info@comcleanaustralia.com.au
sd_LocalBusiness_url
https://www.comcleanaustralia.com.au/
sd_LocalBusiness_logo
https://www.comcleanaustralia.com.au/acme-tile-large.png
sd_LocalBusiness_image
https://www.comcleanaustralia.com.au/userfiles/Image/office-cleaning-commercial-cleaning-title-image.webp
sd_LocalBusiness_description
Comclean Australia
sd_LocalBusiness_telephone
+61 7 3341 0055
sd_LocalBusiness_openingHours
Mon-Fri:9am-4:30pm, Sat:9am-12pm, Sun:Closed
sd_LocalBusinessHasMap
https://goo.gl/maps/UcoXG3jtUdpvMGhW7
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
10/3 Fermont Rd,
sd_LocalBusiness_address_addressLocality
Underwood,
sd_LocalBusiness_address_addressRegion
QLD,
sd_LocalBusiness_address_postalCode
4119
sd_LocalBusiness_address_addressCountry
Australia
SameAs
LocalBusinessSameAs1
https://www.facebook.com/comcleanaustralia/
Default PayPal Business: [inf@connectglobal.com ] (Default Payment Receiver)
mclinkcustom1
This is a mclinkcustom1 Code: [
<a href="/" class="mclinkcustom1" style="margin:4px; "><span class="span1">This is a mclinkcustom1</span><span class="span2"></span></a> ]
mclinkcustom2
This is a mclinkcustom2 Code: [
<a href="/" class="mclinkcustom2" style="margin:4px;">This is a mclinkcustom2</a> ]
Other Notes file not found.