Add first version

quasarconsultoria · Jan 19, 2017 · cc3fbe5 · cc3fbe5
commit cc3fbe5
Show file tree

Hide file tree

Showing 9 changed files with 237 additions and 0 deletions.
diff --git a/email.png b/email.png
diff --git a/facebook.png b/facebook.png
diff --git a/favicon.png b/favicon.png
diff --git a/index.html b/index.html
@@ -0,0 +1,237 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <title>Quasar</title>
+
+    <link rel="shortcut icon" href="favicon.png">
+
+    <!-- Bootstrap CSS -->
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
+
+    <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/now" type="text/css"/>
+
+    <style>
+
+        body {
+            font-family: 'NowRegular';
+            color: #4a4a4a;
+        }
+
+        h2 {
+            padding-left: 40px;
+            background-image: url('title_bullet.png');
+            background-repeat: no-repeat;
+        }
+
+        ul li {
+            margin: 10px;
+            list-style-image: url('quote.png');
+        }
+
+        .page-slice {
+            padding-top: 50px;
+            padding-bottom: 50px;
+            text-align: justify;
+        }
+
+        .page-slice.odd {
+            background-color: #583400;
+            color: white;
+        }
+
+        .page-slice.last {
+            background-color: #281600;
+            color: #ccc;
+        }
+
+        .slogan {
+            background-image: linear-gradient(135deg,#583400,#804b02,#583400);
+            padding-top: 100px;
+            padding-bottom: 100px;
+        }
+
+        .footer {
+            padding-bottom: 25px;
+        }
+
+        .showmore {
+            text-decoration: underline !important;
+            cursor: pointer;
+        }
+
+        a {
+            color: white;
+        }
+
+        a:hover {
+            color: #ccc;
+        }
+
+        a:active {
+            color: #bbb;
+        }
+
+        a:visited {
+            color: #aaa;
+        }
+
+    </style>
+</head>
+<body>
+
+    <div class="page-slice odd slogan">
+
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12 text-center">
+                    <img src="logotipo.png" width="256" class="d-inline-block align-center" alt="Logotipo Quasar">
+                    <br/>
+                    <br/>
+                    <h1>Alie-se ao seu código</h1>
+                </div>
+            </div>
+        </div>
+
+    </div>
+
+    <div class="page-slice">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+
+                    <p>A Quasar existe para reduzir seus problemas com TI. Se em algum momento você
+                    se deparou com algum desses pensamentos, você poderia ter se beneficiado dos nossos serviços:</p>
+
+                    <ul>
+                        <li>Minha equipe não consegue estimar essa atividade</li>
+                        <li>Não tenho ninguém disponível na equipe com um determinado conhecimento para desenvolver determinada integração</li>
+                        <li>Gostaria de uma segunda opinião sobre uma determinada solução arquitetural</li>
+                        <li>Não estamos dando conta de estabilizar o sistema em produção</li>
+                    </ul>
+
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="page-slice odd">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+
+                    <h2>Consultoria</h2>
+
+                    <p>Quando estamos falando de projetos de software, uma coisa é certa: não há como prever tudo. Em algum
+                    momento irá surgir uma necessidade não prevista, e sua equipe pode não estar preparada. O arquiteto do
+                    projeto está virando gargalo? O profissional alocado na tarefa não possui um conhecimento necessário?
+                    Uma demanda que deveria possuir risco baixo está atrapalhando o planejamento?</p>
+
+                    <p>Em todas essas situações, ter alguém com quem contar pode fazer a diferença. Use uma mãozinha extra
+                    qualificada quando precisar, o quanto precisar, sem compromisso. Não tem certeza se precisa disso? Entre em
+                    contato para uma experiência e pague apenas se ficar satisfeito.</p>
+
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="page-slice">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+
+                    <h2>Desenvolvimento sob demanda</h2>
+
+                    <p>Nem todo projeto é projeto para fazer fora de casa, estamos aprendendo isso a duras penas. Mas em
+                    alguns casos usar uma equipe externa pode ser a melhor decisão. Acha que está nessa situação? Entre em
+                    contato para uma conversa.</p>
+
+                    <p>A Quasar não possui restrição de tecnologias utilizadas (stack), e se compromete a utilizar as melhores
+                    práticas disponíveis no mercado e a respeitar imposições do parque tecnológico do cliente (quando aplicáveis).
+                    Avisaremos caso alguma tecnologia não esteja atualmente no ról da empresa, com o devido impacto na estimativa
+                    de prazo e custo para fins de suprir essa necessidade.</p>
+
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="page-slice odd">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+
+                    <h2>Manutenção de sistemas</h2>
+
+                    <p>Certo, estamos em produção. Pode dispensar os programadores. Não? Claro que não. O trabalho está só começando.
+                    Apenas quem já viveu sabe que o desafio de manter um software no ar é equivalente ou até mesmo maior do que desenvolvê-lo.
+                    Logo, é natural que os mesmos problemas da fase inicial ocorram também nesta etapa.</p>
+
+                    <p>Gostaria de contar com alguém para trabalhar em demandas esporádicas de manutenção? Sem custo mínimo mensal? Entre
+                    em contato. Trabalhamos com sistemas legados com ou sem suíte de testes automatizados.</p>
+
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!--div class="page-slice">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+
+                    <h2>Treinamento presencial/web</h2>
+
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum neque eget ligula auctor ullamcorper. Vestibulum hendrerit quis ipsum quis fermentum. Maecenas rhoncus, tellus et vestibulum tempor, leo lacus condimentum leo, ac blandit dui risus nec neque. Nunc vel fermentum neque. Proin et metus commodo, vulputate lacus nec, rhoncus enim. Cras id sapien mauris. Morbi condimentum at nisl et vestibulum. Morbi lobortis lacus id est egestas, eu cursus risus cursus. Phasellus eget enim mauris. Pellentesque felis diam, mattis sed luctus vitae, dapibus a erat. Duis et magna sit amet risus sollicitudin tempor. Ut accumsan velit vitae leo elementum dignissim. Praesent vitae rutrum tortor, vel fermentum velit. Vivamus tempus erat a velit laoreet rhoncus.</p>
+
+                    <p>Suspendisse viverra nunc ac hendrerit mollis. Nunc posuere odio et sem egestas facilisis. Duis nec aliquet tortor, ac finibus nisl. Curabitur nisl nunc, venenatis ut felis sit amet, fringilla lacinia lorem. Integer eu enim eu erat lacinia vestibulum nec et mauris. Nulla suscipit pretium nisi vel fringilla. Sed in risus sit amet ante porta malesuada. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer eget sapien eget leo aliquam cursus in nec dolor.</p>
+
+                </div>
+            </div>
+        </div>
+    </div-->
+
+    <div class="page-slice last footer">
+        <div class="container">
+            <div class="row">
+                <div class="col-sm-6 col-lg-3 text-center">
+                    <a href="mailto:[email protected]">
+                        <img src="email.png" height="64" width="64" alt="E-mail">
+                        <p>[email protected]</p>
+                    </a>
+                </div>
+                <div class="col-sm-6 col-lg-3 text-center">
+                    <img src="phone.png" height="64" width="64" alt="Telefone">
+                    <p>(16) 991<a class="showmore" onclick="this.innerText = '04' + '-02' + '70'; this.className = ''; return false;">...</a></p>
+                </div>
+                <div class="col-sm-6 col-lg-3 text-center">
+                    <a href="https://twitter.com/quasarconsultoria">
+                        <img src="twitter.png" height="64" width="64" alt="Twitter">
+                        <p>@quasarconsultoria</p>
+                    </a>
+                </div>
+                <div class="col-sm-6 col-lg-3 text-center">
+                    <a href="https://www.facebook.com/Quasar-TI-1786679004990285/">
+                        <img src="facebook.png" height="64" width="64" alt="Facebook">
+                        <p>Quasar TI</p>
+                    </a>
+                </div>
+            </div>
+            <div class="row mt-5 text-small">
+                <div class="col-lg-12 text-center">
+                    <small>© <script type="text/javascript">document.write(new Date().getFullYear());</script> Quasar</small>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- jQuery first, then Tether, then Bootstrap JS. -->
+    <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
+
+</body>
+</html>
+
diff --git a/logotipo.png b/logotipo.png
diff --git a/phone.png b/phone.png
diff --git a/quote.png b/quote.png
diff --git a/title_bullet.png b/title_bullet.png
diff --git a/twitter.png b/twitter.png