Add new carbon ads in demos

demo-mjml.html

@@ -144,7 +144,9 @@
 
 
     <div class="ad-cont">
-      <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=grapesjscom" id="_carbonads_js"></script>
+      <!-- <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=grapesjscom" id="_carbonads_js"></script> -->
+      <div id="native-carbon"></div>
+      <script async type="text/javascript" src="./js/carbon.js"></script>
     </div>
 
 

demo-newsletter-editor.html

@@ -527,7 +527,9 @@
 
 
     <div class="ad-cont">
-      <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=grapesjscom" id="_carbonads_js"></script>
+      <!-- <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=grapesjscom" id="_carbonads_js"></script> -->
+      <div id="native-carbon"></div>
+      <script async type="text/javascript" src="./js/carbon.js"></script>
     </div>
 
 

demo.html

@@ -11,7 +11,7 @@
     <link rel="stylesheet" href="stylesheets/grapesjs-plugin-filestack.css">
     <link rel="stylesheet" href="stylesheets/demos.css">
 
-    <script src="//static.filestackapi.com/v3/filestack.js"></script>
+    <!-- <script src="//static.filestackapi.com/v3/filestack.js"></script> -->
     <!-- <script src="js/aviary.js"></script> old //feather.aviary.com/imaging/v3/editor.js -->
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
     <script src="js/toastr.min.js"></script>
@@ -143,7 +143,9 @@
       </div>
     </div>
     <div class="ad-cont">
-      <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=grapesjscom" id="_carbonads_js"></script>
+      <!-- <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=grapesjscom" id="_carbonads_js"></script> -->
+      <div id="native-carbon"></div>
+      <script async type="text/javascript" src="./js/carbon.js"></script>
     </div>
 
     <div id="gjs" style="height:0px; overflow:hidden">

stylesheets/demos.css

@@ -97,6 +97,11 @@ html {
   padding: 20px 10px;
 }
 
+.carbon-link {
+  text-decoration: none;
+  font: caption;
+}
+
 .carbon-img {
   float: right;
   margin-left: 10px;
@@ -110,14 +115,25 @@ html {
 
 .carbon-text {
   color: rgba(255, 255, 255, 0.75);
-  font: caption;
   text-decoration: none;
   font-weight: lighter;
 }
 
 .carbon-poweredby {
-  font: caption;
   color: rgba(255, 255, 255, 0.55);
   text-decoration: none;
   float: right;
 }
+
+.carbon-cta-c {
+  text-align: right;
+  padding-top: 5px;
+}
+
+.carbon-cta {
+  display: inline-block;
+  padding: 4px 10px;
+  border-radius: 3px;
+  font-weight: bold;
+  font-size: 12px;
+}