From 28a6e8efcf809105ded62936fbaa2f55c74644b6 Mon Sep 17 00:00:00 2001
From: Artur Arseniev <artur.catch@hotmail.it>
Date: Wed, 28 Jun 2017 21:47:40 +0200
Subject: [PATCH] Add carbon ad

---
 index.html                 |  2 ++
 stylesheets/stylesheet.css | 52 +++++++++++++++++++++++++++++++++++++-
 2 files changed, 53 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 1e4466ee9..b5dbfc7d6 100644
--- a/index.html
+++ b/index.html
@@ -78,6 +78,8 @@
         <!--a href="https://github.com/artf/grapesjs/zipball/master" class="btn btn-rnd">Download</a-->
       </div>
 
+      <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=grapesjscom" id="_carbonads_js"></script>
+
       <div class="bann-cont-c">
         <div class="bann-cont">
           <img class="banner-img" src="img/grapesjs-front-page-m.jpg" alt="GrapesJS Webpage Demo">
diff --git a/stylesheets/stylesheet.css b/stylesheets/stylesheet.css
index a1733b916..d76a03b88 100644
--- a/stylesheets/stylesheet.css
+++ b/stylesheets/stylesheet.css
@@ -1,3 +1,4 @@
+/* stylelint-disable */
 * {
   box-sizing: border-box;
 }
@@ -537,7 +538,7 @@ a {
     font-size: 1rem; } }
 
 .btns-cont {
-  margin-bottom: 70px;
+  margin-bottom: 50px;
   position: relative;
   z-index: 10;
 }
@@ -735,6 +736,55 @@ a {
 .info-card canvas, .info-card #img-c > div{
   width: 100% !important;
 }
+
+#carbonads {
+  margin: 0 auto 50px;
+  position: relative;
+  z-index: 3;
+  width: 100%;
+  max-width: 400px;
+  background-color: rgba(0,0,0,0.15);
+  padding: 15px;
+  border-radius: 3px;
+  border: 1px solid rgba(0,0,0,0.1);
+}
+
+#carbonads span {
+  display: block;
+  overflow: hidden;
+  text-align: left;
+}
+
+.carbon-wrap {
+  font-size: 14px;
+}
+
+.carbon-img {
+  float: left;
+  margin-right: 15px;
+}
+
+.carbon-img img {
+  border-radius: 3px;
+}
+
+#carbonads a {
+  color: rgba(255,255,255,0.95);
+  text-shadow: none;
+}
+
+#carbonads a:hover {
+  text-decoration: none;
+}
+
+.carbon-poweredby {
+  display: block;
+  float: right;
+  margin-top: -1.9em;
+  font-size: 13px;
+  opacity: 0.75;
+}
+
 @media (max-width: 1300px) {
   .info-card #img-c{
     width: 100%;