👩‍💻

Maria Clara olarclara

👩‍💻

building things at @brexhq, prev @codesandbox and @workco

olarclara / step-1.html

Created March 11, 2017 07:31

olarclara / step-2.html

Last active March 11, 2017 08:44

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>HTML & CSS Codelab para Mulheres</title>
	</head>
	<body>
	<!-- o conteúdo vai aqui. -->
	</body>
	</html>

olarclara / html-separate-css.html

Created March 11, 2017 08:53

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>HTML & CSS Codelab para Mulheres</title>

	<link rel="stylesheet" href="caminho/para/seu/arquivo.css">
	</head>
	<body>
	<!-- o conteúdo vai aqui. -->

olarclara / html-head-css.html

Created March 11, 2017 08:57

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>HTML & CSS Codelab para Mulheres</title>

	<style>
	body {
	margin: 0;
	font-family: 'Helvetica', sans-serif;

olarclara / html-inline-css.html

Created March 11, 2017 09:01

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>HTML & CSS Codelab para Mulheres</title>
	</head>
	<body style="text-align: center;">
	<p style="font-weight: bold;">Esse é um parágrafo.</p>
	</body>
	</html>

olarclara / fonts.css

Created March 11, 2017 09:09

	body {
	font-family: 'Helvetica Neue', 'Helvetica', sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	}

olarclara / background.css

Created March 11, 2017 09:12

	div {
	background-color: #00897B;
	background-image: url('caminho/para/sua/imagem.png');
	background-repeat: no-repeat;
	background-size: 100% 100%:
	}

olarclara / selectors.css

Created March 11, 2017 09:19

olarclara / links.html

Created March 11, 2017 09:29

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>HTML & CSS Codelab para Mulheres</title>
	</head>
	<body>
	<!-- abre página especificada na aba atual -->
	<a href="./algum/link">acese a página.</a>

olarclara / images.html

Created March 11, 2017 09:30

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>HTML & CSS Codelab para Mulheres</title>
	</head>
	<body>
	<img src="caminho/para/a/imagem" alt="breve descrição da imagem">
	</body>
	</html>