diff --git a/data/jekyll-src/_data/home-navigation.yml b/data/jekyll-src/_data/home-navigation.yml
index 8abbfaa..2344a1c 100644
--- a/data/jekyll-src/_data/home-navigation.yml
+++ b/data/jekyll-src/_data/home-navigation.yml
@@ -15,6 +15,10 @@
       type: secondary
       icon: shopping-bag
       onclick: bridge.openURL('https://software.opensuse.org/explore')
+    - name: {{homeTrans.getcodecs}}
+      type: secondary
+      icon: file-video-o
+      onclick: bridge.openURL('https://en.opensuse.org/SDB:Installing_codecs_from_Packman_repositories')
       
   - type: image
     url: images/sinking.svg
diff --git a/data/qrc/main.qml b/data/qrc/main.qml
index 2cb53b6..2efc46e 100644
--- a/data/qrc/main.qml
+++ b/data/qrc/main.qml
@@ -138,6 +138,7 @@ Window {
         property string readme:                 qsTr("Read me")
         property string documentation:          qsTr("Documentation")
         property string getsoftware:            qsTr("Get Software")
+        property string getcodecs:              qsTr("Get Codecs")
 
         // Install openSUSE button
         property string install:                qsTr("Install openSUSE")
diff --git a/data/qrc/web/home.html b/data/qrc/web/home.html
index 8b898dc..a68fe8a 100644
--- a/data/qrc/web/home.html
+++ b/data/qrc/web/home.html
@@ -59,6 +59,10 @@ <h4>{{homeTrans.basicsHeader}}</h4>
                         onclick="bridge.openURL('https://software.opensuse.org/explore')">
                         <i class="fa fa-shopping-cart"></i> {{homeTrans.getsoftware}}
                     </a>
+                    <a class="btn btn-block btn-secondary" href=""
+                        onclick="bridge.openURL('https://en.opensuse.org/SDB:Installing_codecs_from_Packman_repositories')">
+                        <i class="fa fa-file-video-o"></i> Get Codecs {{homeTrans.getcodecs}}
+                    </a>
                 </div>
 
                 <div class="col-sm-4 btn-showcase my-auto">