diff --git a/docs/beginner.html b/docs/beginner.html
index 55553fe5b..4a6ded7d2 100644
--- a/docs/beginner.html
+++ b/docs/beginner.html
@@ -27,6 +27,6 @@
         </div>
       </div>
     </div>
-    <footer class="container"><div class="row"><div class="col-sm-12 col-md-10 col-lg-8 col-md-offset-1 col-lg-offset-2"><p style="display:inline-block"><strong>30 seconds of code</strong> is licensed under the <a href="https://github.com/Chalarangelo/30-seconds-of-code/blob/master/LICENSE">CC0-1.0</a> license.<br>Icons made by <a href="https://www.flaticon.com/authors/smashicons">Smashicons</a> from <a href="https://www.flaticon.com/">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/">CC 3.0 BY</a>.<br>Ribbon made by <a href="https://github.com/tholman/github-corners">Tim Holman</a> is licensed by <a href="https://opensource.org/licenses/MIT">The MIT License</a><br>Built with the <a href="https://minicss.org">mini.css framework</a>.</p></div></div></footer>
+<div class="card fluid"><button class="primary clipboard-copy">&#128203;&nbsp;Copy to clipboard</button></div></div>    <footer class="container"><div class="row"><div class="col-sm-12 col-md-10 col-lg-8 col-md-offset-1 col-lg-offset-2"><p style="display:inline-block"><strong>30 seconds of code</strong> is licensed under the <a href="https://github.com/Chalarangelo/30-seconds-of-code/blob/master/LICENSE">CC0-1.0</a> license.<br>Icons made by <a href="https://www.flaticon.com/authors/smashicons">Smashicons</a> from <a href="https://www.flaticon.com/">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/">CC 3.0 BY</a>.<br>Ribbon made by <a href="https://github.com/tholman/github-corners">Tim Holman</a> is licensed by <a href="https://opensource.org/licenses/MIT">The MIT License</a><br>Built with the <a href="https://minicss.org">mini.css framework</a>.</p></div></div></footer>
   </body>
 </html>
\ No newline at end of file
diff --git a/scripts/web.js b/scripts/web.js
index 53c8e4e61..b72a14be6 100644
--- a/scripts/web.js
+++ b/scripts/web.js
@@ -170,8 +170,16 @@ try {
 try {
   // Add the static part
   beginnerOutput += `${startBeginnerPart + '\n'}`;
+
+  beginnerOutput +=
+  '<div class="card fluid">' +
+  // begginer snippet goes here.
+  '<button class="primary clipboard-copy">&#128203;&nbsp;Copy to clipboard</button>' +
+  '</div></div>';
+
   beginnerOutput += `${endBeginnerPart}`;
 
+  // Generate
   fs.writeFileSync(path.join(docsPath, 'beginner.html'), beginnerOutput);