Added Gulp for CSS/JS Styling

src/scripts/template.min.js

@@ -0,0 +1,2 @@
+!function(o){console.log("Ready!",o)}(window.jQuery);
+//# sourceMappingURL=template.min.js.map

src/scripts/template.min.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["scripts/template.mjs"],"names":["$","console","log","window","jQuery"],"mappings":"CAAA,SAAWA,GAEPC,QAAQC,IAAI,SAAUF,GAF1B,CAIGG,OAAOC","file":"template.min.js","sourcesContent":["(function ($) {\n\n    console.log('Ready!', $);\n\n})(window.jQuery);"]}

src/styles/template.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["template.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;EACE","file":"template.css"}

src/styles/template.min.css

@@ -10,5 +10,4 @@
 .clients {
   background-color: red;
 }
-
-/*# sourceMappingURL=template.css.map */
+/*# sourceMappingURL=template.min.css.map */

src/styles/template.min.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["styles/template.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;EACE","file":"template.min.css","sourcesContent":["/**\n * Use \"rem\" instead of pixels. 1rem = 16pixels\n *    No need to use rem in situations of \"1px\". (usually used for borders width).\n *\n * Use BEM naming system for class names: http://getbem.com/naming/\n *\n * Use Mobile First approach.\n *\n */\n\n.clients {\n  background-color: red;\n  //color: white;\n\n  &__sub_level {\n    // EXAMPLE OF BREAKPOINTS\n\n    @media (min-width: 600px) {\n      // Tablet\n    }\n\n    @media (min-width: 980px) {\n      // Large Tablet\n    }\n\n    @media (min-width: 1024px) {\n      // Laptop & Tablet\n    }\n\n    @media (min-width: 1336px) {\n      // Laptop\n    }\n\n    @media (min-width: 1680px) {\n      // Desktop\n    }\n\n  }\n\n  &__sub_level_two {\n    //\n  }\n}"]}

src/styles/template.scss

@@ -10,6 +10,7 @@
 
 .clients {
   background-color: red;
+  //color: white;
 
   &__sub_level {
     // EXAMPLE OF BREAKPOINTS