diff --git a/public/images/modules/css-libraries-and-frameworks.svg b/public/images/modules/css-libraries-and-frameworks.svg
new file mode 100644
index 00000000..c8754a8a
--- /dev/null
+++ b/public/images/modules/css-libraries-and-frameworks.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="280px" height="175px" viewBox="0 0 280 175" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>bonus_csslibraries</title>
+    <g id="bonus_csslibraries" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="Rectangle-Copy-3" stroke="#4A5569" stroke-width="2" fill="#1A202C" x="108" y="57" width="83" height="81"></rect>
+        <rect id="Rectangle-Copy-3" stroke="#4A5569" stroke-width="2" fill="#1A202C" x="102" y="50" width="83" height="81"></rect>
+        <rect id="Rectangle-Copy-4" stroke="#4A5569" stroke-width="2" fill="#1A202C" x="95" y="43" width="83" height="81"></rect>
+        <rect id="Rectangle-Copy-3" fill="#A0AEC0" x="89" y="37" width="83" height="81"></rect>
+        <path d="M102.392,110.24 C105.752,110.24 107.96,108.2 107.96,105.056 L104.936,105.056 C104.936,106.712 104,107.6 102.392,107.6 C100.76,107.6 99.824,106.712 99.824,105.056 L99.824,97.424 C99.824,95.768 100.76,94.88 102.392,94.88 C104,94.88 104.936,95.768 104.936,97.424 L107.96,97.424 C107.96,94.28 105.752,92.24 102.392,92.24 C99.008,92.24 96.824,94.256 96.824,97.424 L96.824,105.056 C96.824,108.224 99.008,110.24 102.392,110.24 Z M115.414078,110.24 C118.918078,110.24 121.174078,108.224 121.174078,105.104 C121.174078,102.464 119.590078,100.4 116.998078,99.752 L114.574078,99.152 C113.446078,98.84 112.798078,98.12 112.798078,97.04 C112.798078,95.72 113.758078,94.832 115.246078,94.832 C116.782078,94.832 117.790078,95.72 117.790078,97.088 L120.718078,97.088 C120.718078,94.16 118.558078,92.24 115.246078,92.24 C111.958078,92.24 109.870078,94.16 109.870078,97.136 C109.870078,99.56 111.430078,101.432 113.974078,102.08 L116.326078,102.68 C117.550078,102.992 118.222078,103.952 118.222078,105.104 C118.222078,106.616 117.142078,107.624 115.414078,107.624 C113.614078,107.624 112.462078,106.64 112.462078,105.056 L109.510078,105.056 C109.510078,108.248 111.838078,110.24 115.414078,110.24 Z M128.556156,110.24 C132.060156,110.24 134.316156,108.224 134.316156,105.104 C134.316156,102.464 132.732156,100.4 130.140156,99.752 L127.716156,99.152 C126.588156,98.84 125.940156,98.12 125.940156,97.04 C125.940156,95.72 126.900156,94.832 128.388156,94.832 C129.924156,94.832 130.932156,95.72 130.932156,97.088 L133.860156,97.088 C133.860156,94.16 131.700156,92.24 128.388156,92.24 C125.100156,92.24 123.012156,94.16 123.012156,97.136 C123.012156,99.56 124.572156,101.432 127.116156,102.08 L129.468156,102.68 C130.692156,102.992 131.364156,103.952 131.364156,105.104 C131.364156,106.616 130.284156,107.624 128.556156,107.624 C126.756156,107.624 125.604156,106.64 125.604156,105.056 L122.652156,105.056 C122.652156,108.248 124.980156,110.24 128.556156,110.24 Z" id="CSS" fill="#FFFFFF" fill-rule="nonzero"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/images/modules/javascript-libraries-and-frameworks.svg b/public/images/modules/javascript-libraries-and-frameworks.svg
new file mode 100644
index 00000000..70fd1ef3
--- /dev/null
+++ b/public/images/modules/javascript-libraries-and-frameworks.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="280px" height="175px" viewBox="0 0 280 175" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>bonus_javascriptlibraries</title>
+    <g id="bonus_javascriptlibraries" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="Rectangle-Copy-48" x="0" y="0" width="280" height="175"></rect>
+        <rect id="Rectangle-Copy-48" x="0" y="0" width="280" height="175"></rect>
+        <g id="Group-6-Copy-7" transform="translate(72.000000, 35.000000)">
+            <polygon id="Fill-1" fill="#1A202C" points="0.181818182 83.312352 43.1818182 108 43.1818182 50.8086576 0.181818182 26"></polygon>
+            <polygon id="Fill-2" fill="#CFD7E3" points="44.1818182 50.8086576 44.1818182 108 87.1818182 83.312352 87.1818182 26"></polygon>
+            <polygon id="Fill-3" fill="#A0AEC0" points="43.6822455 0 0.181818182 24.9209936 43.6822455 50 87.1818182 24.9209936"></polygon>
+        </g>
+        <g id="Group-6-Copy-7" transform="translate(160.181818, 71.000000)">
+            <polygon id="Fill-1" fill="#1A202C" points="0 45.906446 23 59.4545455 23 28.0690527 0 14.4545455"></polygon>
+            <polygon id="Fill-2" fill="#CFD7E3" points="24 28.0690527 24 59.4545455 47 45.906446 47 14.4545455"></polygon>
+            <polygon id="Fill-3" fill="#A0AEC0" points="23.5002308 0 0 13.4573366 23.5002308 27 47 13.4573366"></polygon>
+        </g>
+        <g id="Group-6" transform="translate(90.000000, 113.000000)" fill="#FFFFFF">
+            <path d="M10.9411258,15.6262803 C9.80980945,14.3859624 8.98604218,12.7039393 9.02135855,11.0029566 L11.3005149,12.3074942 C11.2997876,13.4841127 12.218944,14.5853844 13.263744,15.0530145 C14.9435404,15.8048353 14.852224,13.9968006 14.2875404,12.9959335 C13.8096058,12.1488526 12.7332131,11.4690838 12.002944,10.8153555 C10.9655913,9.88674277 10.0688931,8.72070231 9.58831127,7.40593353 C8.77906036,5.1921763 9.03561309,1.97784104 12.2556858,3.34073121 C14.6809076,4.3672052 16.7564567,6.94830347 16.7157876,9.64471965 L14.4238895,8.3387948 C14.4096931,7.36304335 13.787904,6.49870809 12.9537804,6.02798555 C12.0625513,5.52500867 11.3948276,5.66778324 11.5123549,6.82402601 C11.641024,8.09009538 13.3998604,9.12353468 14.287744,9.93292775 C15.731584,11.2490838 16.851584,13.259922 16.9778967,15.2213382 L16.9778967,16.0303844 C16.9320785,16.2120896 16.924224,16.4016272 16.881984,16.5852688 C16.753344,17.1446908 16.4212422,17.6757312 15.8585076,17.8802399 C15.7195113,17.9307601 15.575744,17.9504711 15.4360785,17.995211 C15.2759331,17.9843439 15.0990604,18.0101532 14.9415331,17.995211 C13.6073367,17.8685925 11.8241513,16.5943728 10.9411258,15.6262803 Z" id="Fill-1"></path>
+            <path d="M5.62189582,0 L7.97085671,1.33094835 L8,1.41751061 L7.99973263,10.707627 C7.8233281,14.0171206 5.03023657,13.1612754 3.11283994,11.7515351 C1.31320478,10.4283856 0.125905442,8.4105591 0.00591590088,6.20722154 C0.00333132794,6.15999794 -0.0207022296,5.96998535 0.0511310734,5.99143237 L2.3990522,7.30919138 C2.40900429,8.25873826 2.85625424,9.17826504 3.63453748,9.75753538 C4.30515988,10.2566661 5.33165125,10.6623532 5.55437014,9.52333847 C5.59233662,6.60281589 5.6475633,3.652818 5.56126233,0.732152055 C5.55407306,0.48863659 5.56904576,0.243314758 5.56248035,0 L5.62189582,0 Z" id="Fill-4"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file