diff --git a/README.md b/README.md
index 758fda4..e885e2c 100644
--- a/README.md
+++ b/README.md
@@ -182,6 +182,137 @@ type: 'custom:generic-remote-control-card'
 
 ```
 
+</details>
+<details>
+  <summary>Logitech z5500 IR remote example (mqtt tasmota/openbeken irsend) [Click Here to expand]</summary>
+
+```
+  type: custom:generic-remote-control-card
+buttons:
+  power:
+    call: mqtt.publish
+    data:
+      qos: '1'
+      retain: false
+      topic: cmnd/s06/irSend
+      payload: NEC 08-10-00-00-00
+  test:
+    call: mqtt.publish
+    data:
+      qos: '1'
+      retain: false
+      topic: cmnd/s06/irSend
+      payload: NEC 08-05-00-00-00
+  direct:
+    call: mqtt.publish
+    data:
+      qos: '1'
+      retain: false
+      topic: cmnd/s06/irSend
+      payload: NEC 08-0A-00-00-00
+  optical:
+    call: mqtt.publish
+    data:
+      qos: '1'
+      retain: false
+      topic: cmnd/s06/irSend
+      payload: NEC 08-0B-00-00-00
+  coax:
+    call: mqtt.publish
+    data:
+      qos: '1'
+      retain: false
+      topic: cmnd/s06/irSend
+      payload: NEC 08-0C-00-00-00
+  effect:
+    call: mqtt.publish
+    data:
+      qos: '1'
+      retain: false
+      topic: cmnd/s06/irSend
+      payload: NEC 08-1D-00-00-00
+  settings:
+    call: mqtt.publish
+    data:
+      qos: '1'
+      retain: false
+      topic: cmnd/s06/irSend
+      payload: NEC 08-1F-00-00-00
+  sub_plus:
+    call: mqtt.publish
+    data:
+      qos: '1'
+      retain: false
+      topic: cmnd/s06/irSend
+      payload: NEC 08-03-00-00-00
+  center_plus:
+    call: mqtt.publish
+    data:
+      qos: '1'
+      retain: false
+      topic: cmnd/s06/irSend
+      payload: NEC 08-02-00-00-00
+  surround_plus:
+    call: mqtt.publish
+    data:
+      qos: '1'
+      retain: false
+      topic: cmnd/s06/irSend
+      payload: NEC 08-00-00-00-00
+  sub_minus:
+    call: mqtt.publish
+    data:
+      qos: '1'
+      retain: false
+      topic: cmnd/s06/irSend
+      payload: NEC 08-01-00-00-00
+  center_minus:
+    call: mqtt.publish
+    data:
+      qos: '1'
+      retain: false
+      topic: cmnd/s06/irSend
+      payload: NEC 08-06-00-00-00
+  surround_minus:
+    call: mqtt.publish
+    data:
+      qos: '1'
+      retain: false
+      topic: cmnd/s06/irSend
+      payload: NEC 08-04-00-00-00
+  mute:
+    call: mqtt.publish
+    data:
+      qos: '1'
+      retain: false
+      topic: cmnd/s06/irSend
+      payload: NEC 08-16-00-00-00
+  volume_plus:
+    call: mqtt.publish
+    data:
+      qos: '1'
+      retain: false
+      topic: cmnd/s06/irSend
+      payload: NEC 08-1A-00-00-00
+  volume_minus:
+    call: mqtt.publish
+    data:
+      qos: '1'
+      retain: false
+      topic: cmnd/s06/irSend
+      payload: NEC 08-0E-00-00-00
+name: z5500
+remote_template: logitech_z5500
+style: |
+  ha-card {
+    font-size: 10px;
+  }
+  h1{
+    text-align:left;
+    margin-left: 50px;
+  }
+
+```
 </details>
 
 <details>
diff --git a/dist/remotes/logitech_z5500/base.png b/dist/remotes/logitech_z5500/base.png
new file mode 100644
index 0000000..90a074d
Binary files /dev/null and b/dist/remotes/logitech_z5500/base.png differ
diff --git a/dist/remotes/logitech_z5500/center_minus.png b/dist/remotes/logitech_z5500/center_minus.png
new file mode 100644
index 0000000..25a97c9
Binary files /dev/null and b/dist/remotes/logitech_z5500/center_minus.png differ
diff --git a/dist/remotes/logitech_z5500/center_minus_over.png b/dist/remotes/logitech_z5500/center_minus_over.png
new file mode 100644
index 0000000..c53931d
Binary files /dev/null and b/dist/remotes/logitech_z5500/center_minus_over.png differ
diff --git a/dist/remotes/logitech_z5500/center_plus.png b/dist/remotes/logitech_z5500/center_plus.png
new file mode 100644
index 0000000..3fd6bf8
Binary files /dev/null and b/dist/remotes/logitech_z5500/center_plus.png differ
diff --git a/dist/remotes/logitech_z5500/center_plus_over.png b/dist/remotes/logitech_z5500/center_plus_over.png
new file mode 100644
index 0000000..c53931d
Binary files /dev/null and b/dist/remotes/logitech_z5500/center_plus_over.png differ
diff --git a/dist/remotes/logitech_z5500/coax.png b/dist/remotes/logitech_z5500/coax.png
new file mode 100644
index 0000000..5b960cf
Binary files /dev/null and b/dist/remotes/logitech_z5500/coax.png differ
diff --git a/dist/remotes/logitech_z5500/coax_over.png b/dist/remotes/logitech_z5500/coax_over.png
new file mode 100644
index 0000000..a32a121
Binary files /dev/null and b/dist/remotes/logitech_z5500/coax_over.png differ
diff --git a/dist/remotes/logitech_z5500/direct.png b/dist/remotes/logitech_z5500/direct.png
new file mode 100644
index 0000000..5b960cf
Binary files /dev/null and b/dist/remotes/logitech_z5500/direct.png differ
diff --git a/dist/remotes/logitech_z5500/direct_over.png b/dist/remotes/logitech_z5500/direct_over.png
new file mode 100644
index 0000000..a32a121
Binary files /dev/null and b/dist/remotes/logitech_z5500/direct_over.png differ
diff --git a/dist/remotes/logitech_z5500/effect.png b/dist/remotes/logitech_z5500/effect.png
new file mode 100644
index 0000000..5b960cf
Binary files /dev/null and b/dist/remotes/logitech_z5500/effect.png differ
diff --git a/dist/remotes/logitech_z5500/effect_over.png b/dist/remotes/logitech_z5500/effect_over.png
new file mode 100644
index 0000000..a32a121
Binary files /dev/null and b/dist/remotes/logitech_z5500/effect_over.png differ
diff --git a/dist/remotes/logitech_z5500/mute.png b/dist/remotes/logitech_z5500/mute.png
new file mode 100644
index 0000000..8c0a425
Binary files /dev/null and b/dist/remotes/logitech_z5500/mute.png differ
diff --git a/dist/remotes/logitech_z5500/mute_over.png b/dist/remotes/logitech_z5500/mute_over.png
new file mode 100644
index 0000000..c53931d
Binary files /dev/null and b/dist/remotes/logitech_z5500/mute_over.png differ
diff --git a/dist/remotes/logitech_z5500/optical.png b/dist/remotes/logitech_z5500/optical.png
new file mode 100644
index 0000000..5b960cf
Binary files /dev/null and b/dist/remotes/logitech_z5500/optical.png differ
diff --git a/dist/remotes/logitech_z5500/optical_over.png b/dist/remotes/logitech_z5500/optical_over.png
new file mode 100644
index 0000000..a32a121
Binary files /dev/null and b/dist/remotes/logitech_z5500/optical_over.png differ
diff --git a/dist/remotes/logitech_z5500/power.png b/dist/remotes/logitech_z5500/power.png
new file mode 100644
index 0000000..751ea8c
Binary files /dev/null and b/dist/remotes/logitech_z5500/power.png differ
diff --git a/dist/remotes/logitech_z5500/power_over.png b/dist/remotes/logitech_z5500/power_over.png
new file mode 100644
index 0000000..9224ddf
Binary files /dev/null and b/dist/remotes/logitech_z5500/power_over.png differ
diff --git a/dist/remotes/logitech_z5500/remote-html.js b/dist/remotes/logitech_z5500/remote-html.js
new file mode 100644
index 0000000..78a5807
--- /dev/null
+++ b/dist/remotes/logitech_z5500/remote-html.js
@@ -0,0 +1,297 @@
+function getRemoteStyle_logitech_z5500(config) {
+   const template = config.remote_template;
+   const base_url = `/hacsfiles/generic-remote-control-card/remotes/${template}`;
+   
+  return `
+    ha-card{
+    	background-color:transparent;
+    	box-shadow:var(--paper-material-elevation-0_-_box-shadow);
+    }
+    body {
+	margin: 0;
+	padding: 20px;
+	font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif
+}
+
+.container {
+	width: 360px;
+	margin: 0 auto
+}
+
+#remote-control-logitech_z5500 {
+	position: relative;
+	background: url(${base_url}/base.png) no-repeat;
+	width: 269px;
+	height: 694px;
+	margin: auto;
+}
+
+#remote-control-logitech_z5500 h2,
+#remote-control-logitech_z5500 span {
+	position: absolute;
+	left: 5000px
+}
+
+#remote-control-logitech_z5500 ul {
+	margin: 0;
+	padding: 0;
+	list-style-type: none
+}
+
+#test a,
+#power a,
+#direct a,
+#optical a,
+#coax a,
+#effect a,
+#settings a,
+#sub_plus a,
+#surround_plus a,
+#sub_minus a,
+#mute a,
+#center_plus a,
+#center_minus a,
+#surround_minus a,
+#volume_plus a,
+#volume_minus a {
+	position: absolute;
+	display: block
+}
+
+#remote-control-logitech_z5500 li#test a {
+    left: 44px;
+    top: 81px;
+    width: 40px;
+    height: 40px;	
+	background: url(${base_url}/test.png) no-repeat
+}
+
+
+
+#remote-control-logitech_z5500 li#power a {
+    left: 184px;
+    top: 85px;
+    width: 52px;
+    height: 34px;	
+	background: url(${base_url}/power.png) no-repeat
+}
+
+#remote-control-logitech_z5500 li#direct a {
+    left: 46px;
+    top: 143px;
+    width: 40px;
+    height: 40px;	
+	background: url(${base_url}/direct.png) no-repeat
+}
+
+#remote-control-logitech_z5500 li#optical a {
+    left: 120px;
+    top: 143px;
+    width: 40px;
+    height: 40px;	
+	background: url(${base_url}/optical.png) no-repeat
+}
+
+#remote-control-logitech_z5500 li#coax a {
+    left: 194px;
+    top: 143px;
+    width: 40px;
+    height: 40px;	
+	background: url(${base_url}/coax.png) no-repeat
+}
+
+
+#remote-control-logitech_z5500 li#effect a {
+    left: 120px;
+    top: 202px;
+    width: 40px;
+    height: 40px;	
+	background: url(${base_url}/effect.png) no-repeat
+}
+
+#remote-control-logitech_z5500 li#settings a {
+    left: 194px;
+    top: 202px;
+    width: 40px;
+    height: 40px;	
+	background: url(${base_url}/settings.png) no-repeat
+}
+
+#remote-control-logitech_z5500 li#sub_plus a {
+    left: 39px;
+    top: 259px;
+    width: 45px;
+    height: 20px;	
+	background: url(${base_url}/sub_plus.png) no-repeat
+}
+
+#remote-control-logitech_z5500 li#center_plus a {
+    left: 115px;
+    top: 259px;
+    width: 45px;
+    height: 20px;		
+	background: url(${base_url}/center_plus.png) no-repeat
+}
+
+#remote-control-logitech_z5500 li#surround_plus a {
+    left: 187px;
+    top: 259px;
+    width: 45px;
+    height: 20px;	;	
+	background: url(${base_url}/surround_plus.png) no-repeat
+}
+
+#remote-control-logitech_z5500 li#sub_minus a {
+    left: 39px;
+    top: 301px;
+    width: 45px;
+    height: 20px;		
+	background: url(${base_url}/sub_minus.png) no-repeat
+}
+
+#remote-control-logitech_z5500 li#center_minus a {
+    left: 115px;
+    top: 301px;
+    width: 45px;
+    height: 20px;		
+	background: url(${base_url}/center_minus.png) no-repeat
+}
+
+#remote-control-logitech_z5500 li#surround_minus a {
+    left: 187px;
+    top: 301px;
+    width: 45px;
+    height: 20px;		
+	background: url(${base_url}/surround_minus.png) no-repeat
+}
+
+#remote-control-logitech_z5500 li#mute a {
+    left: 39px;
+    top: 404px;
+    width: 45px;
+    height: 20px;		
+	background: url(${base_url}/mute.png) no-repeat
+}
+
+#remote-control-logitech_z5500 li#volume_plus a {
+    left: 96px;
+    top: 334px;
+    width: 77px;
+    height: 37px;		
+	background: url(${base_url}/volume_plus.png) no-repeat
+}
+
+#remote-control-logitech_z5500 li#volume_minus a {
+    left: 96px;
+    top: 394px;
+    width: 76px;
+    height: 38px;		
+	background: url(${base_url}/volume_minus.png) no-repeat
+}
+
+#remote-control-logitech_z5500 li#test a:hover {
+	background: url(${base_url}/test_over.png) no-repeat 0px 0px
+}
+
+
+#remote-control-logitech_z5500 li#power a:hover {
+	background: url(${base_url}/power_over.png) no-repeat 0px 0px
+}
+
+#remote-control-logitech_z5500 li#direct a:hover {
+	background: url(${base_url}/direct_over.png) no-repeat 0px 0px
+}
+
+#remote-control-logitech_z5500 li#optical a:hover {
+	background: url(${base_url}/optical_over.png) no-repeat 0px 0px
+}
+
+#remote-control-logitech_z5500 li#coax a:hover {
+	background: url(${base_url}/coax_over.png) no-repeat 0px 0px
+}  
+
+
+#remote-control-logitech_z5500 li#effect a:hover {
+	background: url(${base_url}/effect_over.png) no-repeat 0px 0px
+}  
+
+#remote-control-logitech_z5500 li#settings a:hover {
+	background: url(${base_url}/settings_over.png) no-repeat 0px 0px
+}
+
+#remote-control-logitech_z5500 li#sub_plus a:hover {
+	background: url(${base_url}/sub_plus_over.png) no-repeat 0px 0px
+}
+
+#remote-control-logitech_z5500 li#surround_plus a:hover {
+	background: url(${base_url}/surround_plus_over.png) no-repeat 0px 0px
+}  
+
+#remote-control-logitech_z5500 li#sub_minus a:hover {
+	background: url(${base_url}/sub_minus_over.png) no-repeat 0px 0px
+}  
+
+#remote-control-logitech_z5500 li#center_minus a:hover {
+	background: url(${base_url}/center_minus_over.png) no-repeat 0px 0px
+}
+
+#remote-control-logitech_z5500 li#center_plus a:hover {
+	background: url(${base_url}/center_plus_over.png) no-repeat 0px 0px
+}
+
+#remote-control-logitech_z5500 li#surround_minus a:hover {
+	background: url(${base_url}/surround_minus_over.png) no-repeat 0px 0px
+}
+
+#remote-control-logitech_z5500 li#mute a:hover {
+	background: url(${base_url}/mute_over.png) no-repeat 0px 0px
+}
+
+#remote-control-logitech_z5500 li#volume_plus a:hover {
+	background: url(${base_url}/volume_plus_over.png) no-repeat 0px 0px
+}
+
+#remote-control-logitech_z5500 li#volume_minus a:hover {
+	background: url(${base_url}/volume_minus_over.png) no-repeat 0px 0px
+}
+
+  `;
+}
+
+function getRemoteHtml_logitech_z5500(config){
+ const template = config.remote_template;
+ return `
+
+ <div class="container">
+            <div style="text-align:center">
+			<h1>${config.name}</h1>
+			</div>
+			<div id="remote-control-logitech_z5500">
+				<h2>
+					Main navigation
+				</h2>
+				<ul>
+					<li id="test" class="myButton-${template}"><a href="#" title="test"><span>test</span></a></li>
+					<li id="power" class="myButton-${template}"><a href="#" title="power"><span>power</span></a></li>
+					<li id="direct" class="myButton-${template}"><a href="#" title="direct"><span>direct</span></a></li>
+					<li id="optical" class="myButton-${template}"><a href="#" title="Optical"><span>Optical</span></a></li>
+					<li id="coax" class="myButton-${template}"><a href="#" title="coax"><span>coax</span></a></li>
+					<li id="settings" class="myButton-${template}"><a href="#" title="settings"><span>settings</span></a></li>
+					<li id="effect" class="myButton-${template}"><a href="#" title="effect"><span>effect</span></a></li>
+					<li id="sub_plus" class="myButton-${template}"><a href="#" title="sub_plus"><span>sub_plus</span></a></li>
+					<li id="surround_plus" class="myButton-${template}"><a href="#" title="surround_plus"><span>surround_plus</span></a></li>
+					<li id="sub_minus" class="myButton-${template}"><a href="#" title="sub_minus"><span>sub_minus</span></a></li>
+					<li id="center_plus" class="myButton-${template}"><a href="#" title="center_plus"><span>center_plus</span></a></li>
+					<li id="center_minus" class="myButton-${template}"><a href="#" title="center_minus"><span>center_minus</span></a></li>
+					<li id="surround_minus" class="myButton-${template}"><a href="#" title="surround_minus"><span>surround_minus</span></a></li>					
+					<li id="mute" class="myButton-${template}"><a href="#" title="mute"><span>mute</span></a></li>
+					<li id="volume_plus" class="myButton-${template}"><a href="#" title="volume_plus"><span>volume_plus</span></a></li>
+					<li id="volume_minus" class="myButton-${template}"><a href="#" title="volume_minus"><span>volume_minus</span></a></li>
+
+
+				</ul>
+			</div>	
+		</div>
+
+`;
+}
diff --git a/dist/remotes/logitech_z5500/remote-html.js.gz b/dist/remotes/logitech_z5500/remote-html.js.gz
new file mode 100644
index 0000000..a50a646
Binary files /dev/null and b/dist/remotes/logitech_z5500/remote-html.js.gz differ
diff --git a/dist/remotes/logitech_z5500/settings.png b/dist/remotes/logitech_z5500/settings.png
new file mode 100644
index 0000000..5b960cf
Binary files /dev/null and b/dist/remotes/logitech_z5500/settings.png differ
diff --git a/dist/remotes/logitech_z5500/settings_over.png b/dist/remotes/logitech_z5500/settings_over.png
new file mode 100644
index 0000000..a32a121
Binary files /dev/null and b/dist/remotes/logitech_z5500/settings_over.png differ
diff --git a/dist/remotes/logitech_z5500/sub_minus.png b/dist/remotes/logitech_z5500/sub_minus.png
new file mode 100644
index 0000000..7022f3e
Binary files /dev/null and b/dist/remotes/logitech_z5500/sub_minus.png differ
diff --git a/dist/remotes/logitech_z5500/sub_minus_over.png b/dist/remotes/logitech_z5500/sub_minus_over.png
new file mode 100644
index 0000000..32d789f
Binary files /dev/null and b/dist/remotes/logitech_z5500/sub_minus_over.png differ
diff --git a/dist/remotes/logitech_z5500/sub_plus.png b/dist/remotes/logitech_z5500/sub_plus.png
new file mode 100644
index 0000000..75fc4b5
Binary files /dev/null and b/dist/remotes/logitech_z5500/sub_plus.png differ
diff --git a/dist/remotes/logitech_z5500/sub_plus_over.png b/dist/remotes/logitech_z5500/sub_plus_over.png
new file mode 100644
index 0000000..c53931d
Binary files /dev/null and b/dist/remotes/logitech_z5500/sub_plus_over.png differ
diff --git a/dist/remotes/logitech_z5500/surround _minus_over.png b/dist/remotes/logitech_z5500/surround _minus_over.png
new file mode 100644
index 0000000..32d789f
Binary files /dev/null and b/dist/remotes/logitech_z5500/surround _minus_over.png differ
diff --git a/dist/remotes/logitech_z5500/surround_minus.png b/dist/remotes/logitech_z5500/surround_minus.png
new file mode 100644
index 0000000..5f2f985
Binary files /dev/null and b/dist/remotes/logitech_z5500/surround_minus.png differ
diff --git a/dist/remotes/logitech_z5500/surround_minus_over.png b/dist/remotes/logitech_z5500/surround_minus_over.png
new file mode 100644
index 0000000..32d789f
Binary files /dev/null and b/dist/remotes/logitech_z5500/surround_minus_over.png differ
diff --git a/dist/remotes/logitech_z5500/surround_plus.png b/dist/remotes/logitech_z5500/surround_plus.png
new file mode 100644
index 0000000..b56a6c4
Binary files /dev/null and b/dist/remotes/logitech_z5500/surround_plus.png differ
diff --git a/dist/remotes/logitech_z5500/surround_plus_over.png b/dist/remotes/logitech_z5500/surround_plus_over.png
new file mode 100644
index 0000000..32d789f
Binary files /dev/null and b/dist/remotes/logitech_z5500/surround_plus_over.png differ
diff --git a/dist/remotes/logitech_z5500/test.png b/dist/remotes/logitech_z5500/test.png
new file mode 100644
index 0000000..5b960cf
Binary files /dev/null and b/dist/remotes/logitech_z5500/test.png differ
diff --git a/dist/remotes/logitech_z5500/test_over.png b/dist/remotes/logitech_z5500/test_over.png
new file mode 100644
index 0000000..a32a121
Binary files /dev/null and b/dist/remotes/logitech_z5500/test_over.png differ
diff --git a/dist/remotes/logitech_z5500/volume_minus.png b/dist/remotes/logitech_z5500/volume_minus.png
new file mode 100644
index 0000000..00316f9
Binary files /dev/null and b/dist/remotes/logitech_z5500/volume_minus.png differ
diff --git a/dist/remotes/logitech_z5500/volume_minus_over.png b/dist/remotes/logitech_z5500/volume_minus_over.png
new file mode 100644
index 0000000..f63e5e3
Binary files /dev/null and b/dist/remotes/logitech_z5500/volume_minus_over.png differ
diff --git a/dist/remotes/logitech_z5500/volume_plus.png b/dist/remotes/logitech_z5500/volume_plus.png
new file mode 100644
index 0000000..03c87a6
Binary files /dev/null and b/dist/remotes/logitech_z5500/volume_plus.png differ
diff --git a/dist/remotes/logitech_z5500/volume_plus_over.png b/dist/remotes/logitech_z5500/volume_plus_over.png
new file mode 100644
index 0000000..c5e8548
Binary files /dev/null and b/dist/remotes/logitech_z5500/volume_plus_over.png differ