-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
43 lines (42 loc) · 2.05 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="assets/css/varslight.css">
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<title>Portfolio</title>
</head>
<body tabindex="0" style="background-color:black; cursor:pointer; display:flex; flex-direction: column; justify-content:space-around; align-items: start;">
<div class="container">
<header>
<div class="brand">
<img src="assets/img/button.jpg" alt="Logo">
</div>
<div class="title">
<h1>Iniciar transcrição</h1>
</div>
<div class="screen-mode">
<button>LIGHT MODE</button>
<button class="btn-secondary">DARK MODE</button>
</div>
</header>
<main>
<section>
Boa tarde pessoal
<p>boa tarde pesooal<br>que bom estarmos aqui</p>
<img tabindex="0" src="assets/img/titulo.jpg" alt="elemento = h1 texto = Eleve seu negócio digital a outro nível com um Front-end de qualidade!
Folha de estilo(CSS) fonte = Krone one tamanho fonte = 36 pixel cor = branca">
<img tabindex="0" src="assets/img/paragrafo.jpg" alt="elemento html = parágrafo texto = Olá! Sou Joana Santos, desenvolvedora Front-end com especialidade em React, HTML e CSS. Ajudo pequenos negócios e designers a colocarem em prática boas ideias. Vamos conversar?
Folha de estilo(CSS) fonte = montserrat fonte-weight = 400 tamanho fonte = 24pixel cor = branca">
<img tabindex="0" src="assets/img/button.jpg" alt="elemento html = link cor de fundo = azul, largura = 280pixel altura = 78pixel, borda-arredondada = 16pixel,
texto link = Instagram fonte-texto-link = 24pixel , font-weight = 600, cor = preto, fonte = montserrat">
<img tabindex="0" src="assets/img/foto.jpg" alt="elemento html = imagem altura = 550pixel largura = 488pixel">
</section>
</main>
<footer>
<h1 tabindex="0"">Finalizar transcrição</h1>
</footer>
</div>
</body>
</html>