Created
November 4, 2014 15:55
-
-
Save evansantos/54a930a2959d8067118d to your computer and use it in GitHub Desktop.
Felina Labs // source http://jsbin.com/bexaba
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="pt-br"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Felina Labs</title> | |
| <link rel="stylesheet" type="text/css" href="main.css"> | |
| <link href='http://fonts.googleapis.com/css?family=Open+Sans:600italic,600' rel='stylesheet' type='text/css'> | |
| <link href='http://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'> | |
| <style id="jsbin-css"> | |
| * { | |
| margin: 0; | |
| border: 0; | |
| padding: 0; | |
| } | |
| .clearfix{ | |
| clear:both; | |
| } | |
| body { | |
| background: #000 url('imgs/background.png') repeat; | |
| margin-left: 50px; | |
| width: 1200px; | |
| } | |
| #logo { | |
| float: left; | |
| display: inline-block; | |
| width:100px; | |
| height:100px; | |
| } | |
| #presentation { | |
| width: 500px; | |
| float: left; | |
| display: inline-block; | |
| } | |
| #presentation h1 { | |
| color: #fff; | |
| font-family: 'Open Sans', sans-serif; | |
| font-size: 2em; | |
| } | |
| #mission { | |
| width: 640px; | |
| display: inline-block; | |
| margin-left: 20px; | |
| } | |
| #mission p { | |
| font-family: 'Roboto Slab', serif; | |
| color: #545454; | |
| font-size: 1.2em; | |
| margin-bottom: 15px; | |
| } | |
| #contact { | |
| float: left; | |
| border: 3px #fff solid; | |
| display: block; | |
| } | |
| #contact h3 { | |
| font-family: 'Open Sans', serif; | |
| color: #fff; | |
| font-size: 1em; | |
| } | |
| #contact h3 a { | |
| font-family: 'Open Sans', serif; | |
| color: #fff; | |
| font-size: 1em; | |
| text-decoration: none; | |
| display: block; | |
| padding: 15px 60px 15px 60px; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <section id="logo"><img src="imgs/logo.png"></section> | |
| <div class="clearfix"></div> | |
| <section id="presentation"><h1>Somos o <i>Felina Labs</i>, | |
| a solução para sua empresa crescer!</h1></section> | |
| <section id="mission"> | |
| <p>Nosso maior objetivo é fazer com que você tenha engajamento nas redes sociais e que sempre atinja seus objetivos, garantindo clientes e conquistando novos.</p> | |
| <p>Nos propomos a fazer com que o cliente te ache, pois ele já está te procurando. Conquistar um público maior que o já estabelecido é sempre o objetivo de qualquer empresa, mas outro ponto importante é manter os atuais e fazer com que eles sejam evangelizadores do que você tem a oferecer.</p> | |
| <p>Não adianta fazer uma divulgação do seu produto e/ou serviço sem mensurar o retorno que a campanha gerou, pois isso além de garantir melhores resultados, reduz custos.</p> | |
| <p>Mas nós podemos resolver todos esses problemas.</p> | |
| </section> | |
| <section id="contact"><h3><a href="mailto:[email protected]">entrar em contato</a></h3></section> | |
| <script id="jsbin-source-css" type="text/css">* { | |
| margin: 0; | |
| border: 0; | |
| padding: 0; | |
| } | |
| .clearfix{ | |
| clear:both; | |
| } | |
| body { | |
| background: #000 url('imgs/background.png') repeat; | |
| margin-left: 50px; | |
| width: 1200px; | |
| } | |
| #logo { | |
| float: left; | |
| display: inline-block; | |
| width:100px; | |
| height:100px; | |
| } | |
| #presentation { | |
| width: 500px; | |
| float: left; | |
| display: inline-block; | |
| } | |
| #presentation h1 { | |
| color: #fff; | |
| font-family: 'Open Sans', sans-serif; | |
| font-size: 2em; | |
| } | |
| #mission { | |
| width: 640px; | |
| display: inline-block; | |
| margin-left: 20px; | |
| } | |
| #mission p { | |
| font-family: 'Roboto Slab', serif; | |
| color: #545454; | |
| font-size: 1.2em; | |
| margin-bottom: 15px; | |
| } | |
| #contact { | |
| float: left; | |
| border: 3px #fff solid; | |
| display: block; | |
| } | |
| #contact h3 { | |
| font-family: 'Open Sans', serif; | |
| color: #fff; | |
| font-size: 1em; | |
| } | |
| #contact h3 a { | |
| font-family: 'Open Sans', serif; | |
| color: #fff; | |
| font-size: 1em; | |
| text-decoration: none; | |
| display: block; | |
| padding: 15px 60px 15px 60px; | |
| }</script> | |
| </body> | |
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| * { | |
| margin: 0; | |
| border: 0; | |
| padding: 0; | |
| } | |
| .clearfix{ | |
| clear:both; | |
| } | |
| body { | |
| background: #000 url('imgs/background.png') repeat; | |
| margin-left: 50px; | |
| width: 1200px; | |
| } | |
| #logo { | |
| float: left; | |
| display: inline-block; | |
| width:100px; | |
| height:100px; | |
| } | |
| #presentation { | |
| width: 500px; | |
| float: left; | |
| display: inline-block; | |
| } | |
| #presentation h1 { | |
| color: #fff; | |
| font-family: 'Open Sans', sans-serif; | |
| font-size: 2em; | |
| } | |
| #mission { | |
| width: 640px; | |
| display: inline-block; | |
| margin-left: 20px; | |
| } | |
| #mission p { | |
| font-family: 'Roboto Slab', serif; | |
| color: #545454; | |
| font-size: 1.2em; | |
| margin-bottom: 15px; | |
| } | |
| #contact { | |
| float: left; | |
| border: 3px #fff solid; | |
| display: block; | |
| } | |
| #contact h3 { | |
| font-family: 'Open Sans', serif; | |
| color: #fff; | |
| font-size: 1em; | |
| } | |
| #contact h3 a { | |
| font-family: 'Open Sans', serif; | |
| color: #fff; | |
| font-size: 1em; | |
| text-decoration: none; | |
| display: block; | |
| padding: 15px 60px 15px 60px; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment