-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
97 lines (82 loc) · 4.01 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
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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Blog do Rommel</title>
</head>
<body>
<!-- Cabeçalho -->
<header>
<nav class="menu-principal">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="patrocinios.html">Patrocinio e Anúncios</a></li>
<li><a href="sobre.html">Sobre mim</a></li>
<li><a href="contato.html">Contato</a></li>
</ul>
</nav>
</header>
<!-- Conteúdo do site -->
<main>
<section class="caixa-post">
<h3 class="titutlo">Postagem número 1</h3>
<div class="subtitulo">
<span class="data">08/05/2020</span> -
<span class="autor">Renzzo Rocha</span> -
<span class="categorias">[Categoria 2]</span>
</div>
<p class="texto">Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium fugit soluta expedita
quaerat. Aspernatur ipsum recusandae ullam illo temporibus. Eaque quis unde aut, necessitatibus dolorum
deserunt facilis illum itaque soluta neque accusamus pariatur provident culpa autem suscipit hic illo
vel recusandae perspiciatis qui quae repellat! Nisi commodi provident cumque sit.</p>
<img class="thumbnail" src="https://source.unsplash.com/random/150x150?sig=3" alt="Imagem de destaque">
</section>
<section class="caixa-post">
<h3 class="titutlo">Postagem número 2</h3>
<div class="subtitulo">
<span class="data">08/05/2020</span> -
<span class="autor">Renzzo Rocha</span> -
<span class="categorias">[Categoria 2]</span>
</div>
<p class="texto">Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium fugit soluta expedita
quaerat. Aspernatur ipsum recusandae ullam illo temporibus. Eaque quis unde aut, necessitatibus dolorum
deserunt facilis illum itaque soluta neque accusamus pariatur provident culpa autem suscipit hic illo
vel recusandae perspiciatis qui quae repellat! Nisi commodi provident cumque sit.</p>
<img class="thumbnail" src="https://source.unsplash.com/random/150x150?sig=3" alt="Imagem de destaque">
</section>
<section class="caixa-post">
<h3 class="titutlo">Postagem número 3</h3>
<div class="subtitulo">
<span class="data">08/05/2020</span> -
<span class="autor">Renzzo Rocha</span> -
<span class="categorias">[Categoria 2]</span>
</div>
<p class="texto">Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium fugit soluta expedita
quaerat. Aspernatur ipsum recusandae ullam illo temporibus. Eaque quis unde aut, necessitatibus dolorum
deserunt facilis illum itaque soluta neque accusamus pariatur provident culpa autem suscipit hic illo
vel recusandae perspiciatis qui quae repellat! Nisi commodi provident cumque sit.</p>
<img class="thumbnail" src="https://source.unsplash.com/random/150x150?sig=3" alt="Imagem de destaque">
</section>
</main>
<!-- Barra lateral -->
<aside>
<section id="caixa-pesquisa">
<h3>Pesquisa</h3>
<form action="search" method="POST">
<input type="text" name="pesquisar-postagem">
<input type="submit" value="Ok">
</form>
</section>
<section class="categorias">
<h3 id="titulo=-categorias">Categorias</h3>
<ul>
<li><a href="#">Categoria 1</a></li>
<li><a href="#">Categoria 2</a></li>
<li><a href="#">Categoria 3</a></li>
<li><a href="#">Categoria 4</a></li>
</ul>
</section>
</aside>
</body>
</html>