Mão na Massa N°2
- Construindo a estrutura HTML do portfólio
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfólio</title>
</head>
<body>
<header>
</header>
<main>
<h1>Alto perfomance e o melhor web design
um sucesso maravilhoso!</h1>
<p>Valeu! Sou Rick, devs full stack
com especialidade em .net, js e
python. Soluções Tecnologicas para
educação e empresa.
Vamos lá?</p>
<button>Instgram</button>
<button>Github</button>
</main>
<footer>
</footer>
</body>
</html>
- Estruturando a página com tags semânticas
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfólio de Rick Devs</title>
</head>
<body>
<header>
<img src="/img/Logo.jpeg" alt="Logo do Escritorio">
</header>
<main>
<h1>Alto perfomance e o melhor web design
um sucesso maravilhoso!</h1>
<p>Valeu! Sou Rick, devs full stack
com especialidade em .net, js e
python. Soluções Tecnologicas para
educação e empresa.
Vamos lá?</p>
<button>Instgram</button>
<button>Github</button>
</main>
<footer>
<p>Av Otaviano Leandro de Morais,
N°1024 predio Bytes, Escritoro N°7,
telefone(75)98123-6789
Feria de Santana, BA</p>
</footer>
</body>
</html>
- Entendendo e aplicando as tags meta
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfólio de Rick Devs</title>
</head>
<body>
<header>
<img src="/img/Logo.jpeg" alt="Logo do Escritorio">
</header>
<main>
<h1>Alto perfomance e o melhor web design
um sucesso maravilhoso!</h1>
<p>Valeu! Sou Rick, devs full stack
com especialidade em .net, js e
python. Soluções Tecnologicas para
educação e empresa.
Vamos lá?</p>
<button>Instgram</button>
<button>Github</button>
</main>
<footer>
<p>Av Otaviano Leandro de Morais,
N°1024 predio Bytes, Escritoro N°7,
telefone(75)98123-6789
Feria de Santana, BA</p>
</footer>
</body>
</html>
- Inserindo e formatando elementos no HTML
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfólio de Rick Devs</title>
</head>
<body>
<header>
<img src="/img/Logo.jpeg" alt="Logo do Escritorio">
</header>
<main>
<h1>Alto perfomance e o melhor web design
<strong>um sucesso maravilhoso!
</strong></h1>
<p>Valeu! Sou Rick, devs full stack
com especialidade em .net, js e
python. Soluções Tecnologicas para
educação e empresa.
Vamos lá?</p>
<a href="https://instagram.com
/ricardo.cuba.p">Instgram</a>
<a href="https://instagram.com
/RichardrmCubaS">Github</a>
</main>
<footer>
<p>Av Otaviano Leandro de Morais,
N°1024 predio Bytes, Escritoro N°7,
telefone(75)98123-6789
Feria de Santana, BA</p>
</footer>
</body>
</html>
