Adds Kobana Banner (#16)

* Added Kobana banner * Removed header and added kobana banner * Fixed url * Removed footer * Styled Kobana banner * Fixed Nos
BoletoSimples · Feb 18, 2022 · 0efdfbe · 0efdfbe
1 parent 12c19f3
commit 0efdfbe
Show file tree

Hide file tree

Showing 5 changed files with 90 additions and 4 deletions.
diff --git a/_includes/header.html b/_includes/header.html
@@ -1 +1,13 @@
-<header id="main-header"><div class="containner"><div class="logo"><a href="https://www.boletosimples.com.br/"><img src="/img/logo.png" alt="Boleto Simples" title="Gerar Boleto Bancário com Boleto Simples" /></a></div><nav class="signup"><ul class="menu-menu"><li class="sign-in-up-item"><a href="https://agendar.boletosimples.com.br">Agendar Demonstração</a></li><li class="dropdown-trigger"><a>Produto</a><ul class="header-dropdown"><li><a href="https://www.boletosimples.com.br/">Visão Geral</a></li><li><a href="https://www.boletosimples.com.br/pix">PIX</a></li><li><a href="https://features.boletosimples.com.br">Funcionalidades</a></li><li><a href="https://www.boletosimples.com.br/integracoes">Integrações</a></li><li><a href="http://roadmap.boletosimples.com.br" target="_blank">Roadmap&nbsp;<i class="fas fa-external-link-alt"></i></a></li><li><a href="https://atualizacoes.boletosimples.com.br" target="_blank">Atualizações&nbsp;<i class="fas fa-external-link-alt"></i></a></li></ul></li><li><a href="https://www.boletosimples.com.br/preco">Preço</a></li><li><a href="https://suporte.boletosimples.com.br" target="_blank">Suporte</a></li><li class="dropdown-trigger"><a>Desenvolvedores</a><ul class="header-dropdown"><li><a href="https://docs.boletosimples.com.br">Documentação da API</a></li><li><a href="https://github.com/BoletoSimples" target="_blank">Open Source&nbsp;<i class="fas fa-external-link-alt"></i></a></li><li><a href="https://status.boletosimples.com.br" target="_blank">Status&nbsp;<i class="fas fa-external-link-alt"></i></a></li><li><a href="https://sandbox.boletosimples.com.br" target="_blank">Ambiente Sandbox&nbsp;<i class="fas fa-external-link-alt"></i></a></li><li><a href="https://zapier.com/apps/boleto-simples/integrations" target="_blank">Zapier&nbsp;<i class="fas fa-external-link-alt"></i></a></li><li><a href="https://pluga.co/ferramentas/boleto_simples/integracao" target="_blank">Pluga&nbsp;<i class="fas fa-external-link-alt"></i></a></li></ul></li></ul><a href="https://agendar.boletosimples.com.br" class="demo-trigger">Agendar Demonstração</a><a href="#" id="menu-trigger">☰</a></nav></div></header>
+<section class="kobana-banner">
+    <div class="containner">
+
+        <div class="col-01">
+            <h1>Boleto Simples<br> agora é Kobana</h1>
+            <p>
+                Nos tornamos uma plataforma mais segura e eficiente, agora somos Kobana. Focada em tudo aquilo que você precisa, e portanto, focada totalmente em você!
+            </p>
+            <a href="https://www.kobana.com.br">Seguir para Kobana</a>
+        </div>
+
+    </div>
+</section>
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -48,13 +48,16 @@
 
 <body>
     {% include tracking/gtag_body.html %} {% include header.html %}
+
     <div class='generic-call'>
         <div class='containner'>
             <a id="simple-menu" href="#sidr">☰</a>
             <h1>{{ page.title }}</h1>
         </div>
     </div>
+
     <section class="generic-entry">
+
         <div class='containner'>
 
             <aside>
@@ -75,7 +78,6 @@ <h1>{{ page.title }}</h1>
 
         </div>
     </section>
-    {% include footer.html %}
     <script src="/js/jquery.min.js"></script>
     <script src="/js/bootstrap.min.js"></script>
     <script src="//cdn.jsdelivr.net/jquery.sidr/2.2.1/jquery.sidr.min.js"></script>

diff --git a/_sass/_layout.scss b/_sass/_layout.scss
@@ -242,3 +242,5 @@
         }
     }
 }
+
+
diff --git a/css/style.css b/css/style.css
@@ -261,7 +261,6 @@ table small {
 
 .generic-call {
   background: #008de4;
-  margin-top: 69px;
   padding: 40px 0;
 }
 
@@ -517,4 +516,75 @@ Media Queries for Smartphones.
     line-height: 21px;
   }
 
-}
+}
+
+
+/**
+KOBANA BANNER
+===========================
+*/
+
+.kobana-banner {
+  background: #000 url("../img/kobana.png") bottom right no-repeat;
+  background-size: 40%;
+  min-height: 300px;
+}
+
+@media only screen and (max-width: 800px) {
+  .kobana-banner {
+    min-height: 200px;
+    background-size: 50%;
+  }
+}
+
+.kobana-banner::after {
+  content: "";
+  clear: both;
+  display: table;
+}
+
+.col-01 {
+  width: 47%;
+  float: left;
+}
+
+@media only screen and (max-width: 800px) {
+  .col-01 {
+    width: 100%;
+  }
+}
+
+.col-01 h1 {
+  color: #D3FD54;
+  font-weight: bold;
+  margin: 35px 0 15px 0;
+}
+
+@media only screen and (max-width: 800px) {
+  .col-01 h1 {
+    font-size: 25px;
+  }
+}
+
+.col-01 p {
+  color: #fff;
+}
+
+@media only screen and (max-width: 800px) {
+  .col-01 p {
+    display: none;
+  }
+}
+
+.col-01 a {
+    border: 2px solid #D3FD54;
+    font-size: 14px;
+    padding: 0 20px;
+    height: 36px;
+    line-height: 32px;
+    border-radius: 20px;
+    display: inline-block;
+    font-weight: bold;
+    color: #D3FD54 !important;
+    margin-top: 15px;
+}
diff --git a/img/kobana.png b/img/kobana.png