-
Notifications
You must be signed in to change notification settings - Fork 0
/
sobre.html
74 lines (74 loc) · 4.56 KB
/
sobre.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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Gustavo Valeiro - Sobre</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/style-pagina.css">
</head>
<body>
<header class = "cabecalho">
<div class="container">
<a href = "index.html" class= "logo">Gustavo Valeiro</a>
<nav class = "menu-principal">
<button class = "menu-principal__btn">Abrir/fechar menu</button>
<ul class = "menu-principal__lista">
<li><a class = "menu-principal__item" href="index.html">Home</a></li>
<li><a class = "menu-principal__item menu-principal__item--atual" href="sobre.html">Sobre nós</a> </li>
<li><a class = "menu-principal__item" href="portfolio.html">Portfolio</a></li>
<li><a class = "menu-principal__item" href="contato.html">Contato</a></li>
</ul>
</nav>
</div>
</header>
<main>
<article>
<header class="pagina-cabecalho">
<h1 class ="pagina-cabecalho__titulo">Sobre nós</h1>
</header>
<section class = "container pagina-conteudo">
<p class = "text-center">Inicio do paragrafo devera ser centralizado</p>
<img src="img/time-unido.jpg" alt="Mesa de escritorio com varios colaboradores se cumprimentando">
<p>Mais algum texto simbolizando o paragrafo que irá ficar a direita da imagem ali
Lorem ipsum dolor sit amet consectetur adipisicing elit. Amet obcaecati consequatur, nobis nam labore praesentium nisi tempore natus voluptate placeat, possimus perferendis qui vero autem non iusto aperiam facilis molestiae.</p>
<p>Paragrafo que ira ficar abaixo da imagem Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque, consequuntur necessitatibus! Rerum, quo. Autem consectetur, explicabo dolorum laboriosam debitis blanditiis fugit sint omnis commodi earum, nihil nulla temporibus expedita voluptas.</p>
<p>Terceiro e ultimo paragrafo Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates obcaecati deserunt possimus rerum iure non perspiciatis. At omnis qui est non quia quod, ea fuga illo vitae voluptatum dolore consectetur.</p>
</section>
</article>
</main>
<footer class = "rodape">
<div class = "rodape__linha1">
<div class="container">
<div class = "rodape__coluna">
<a href="index.html" class = "logo logo--branco">Gustavo Valeiro</a>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex laborum minus debitis ad doloremque distinctio alias tenetur officiis expedita, fugiat ducimus iusto quod, dicta vel nostrum repellendus assumenda aliquid qui.</p>
</div>
<div class = "rodape__coluna">
<h2 class = "rodape__titulo">Social</h2>
<ul class = "rodape__lista-links">
<li><a class = "rodape__lista-links__item" href="https://twitter.com" target = "_blank">Twitter</a></li>
<li><a class = "rodape__lista-links__item" href="https://facebook.com" target = "_blank">Facebook</a></li>
<li><a class = "rodape__lista-links__item" href="https://instagram.com" target = "_blank">Instagram</a></li>
<li><a class = "rodape__lista-links__item" href="https://youtube.com" target = "_blank">Youtube</a></li>
</ul>
</div>
<div class = "rodape__coluna">
<h2 class = "rodape__titulo">Links</h2>
<ul class = "rodape__lista-links">
<li><a class = "rodape__lista-links__item" href="index.html">Home</a></li>
<li><a class = "rodape__lista-links__item" href="sobre.html">Sobre nós</a></li>
<li><a class = "rodape__lista-links__item" href="portfolio.html">Portfolio</a></li>
<li><a class = "rodape__lista-links__item" href="contato.html">Contato</a> </li>
</ul>
</div>
</div>
</div>
<div class = "rodape__linha2">
2019 - Todos os direitos reservados - Gustavo Valeiro
</div>
</footer>
</body>
</html>