evansantos/index.html

## index.html
<!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:contato@felinalabs.com.br">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>

## jsbin.bexaba.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;
}
	<!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:contato@felinalabs.com.br">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>