-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
105 lines (98 loc) · 3.57 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
98
99
100
101
102
103
104
105
<!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" />
<!-- FAVICON -->
<link
rel="shortcut icon"
href="assets/img/favicon.jpg"
type="image/x-icon"
/>
<!-- CSS -->
<link rel="stylesheet" href="assets/css/global.css" />
<link rel="stylesheet" href="assets/css/styles.css" />
<title>Codelândia Blog</title>
</head>
<body>
<header class="header">
<div class="title">
<h1>Codelândia</h1>
<h1>Blog</h1>
</div>
<div class="search-div">
<input
type="search"
name="search"
id="search"
placeholder="Pesquisar no blog"
/>
</div>
</header>
<main class="main-div">
<article class="article">
<div class="div-data-heart">
<p class="post-data">02 de jul, 2021</p>
<img src="assets/img/heart-icon.svg" alt="Heart Icon" />
</div>
<h2>Agora é oficial: o Windows 11 está vindo</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum
vestibulum auctor est. Nam vitae finibus ante. Duis lobortis tellus
vel diam fringilla, eu ullamcorper ex iaculis.
</p>
</article>
<article class="article">
<div class="div-data-heart">
<p class="post-data">02 de jul, 2021</p>
<img src="assets/img/heart-icon.svg" alt="Heart Icon" />
</div>
<h2>Tim Berners-Lee vai leiloar código-fonte da web</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum
vestibulum auctor est. Nam vitae finibus ante. Duis lobortis tellus
vel diam fringilla, eu ullamcorper ex iaculis. Praesent et auctor
justo. Vestibulum nisl orci, lacinia venenatis leo sit amet, pulvinar
tincidunt risus. Phasellus nisl dui, cursus a lectus et, interdum
ullamcorper libero.
</p>
</article>
<article class="article">
<div class="div-data-heart">
<p class="post-data">02 de jul, 2021</p>
<img src="assets/img/heart-icon.svg" alt="Heart Icon" />
</div>
<h2>Tem Firefox novo no pedaço e você vai querer migrar</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum
vestibulum auctor est.
</p>
</article>
<article class="article">
<div class="div-data-heart">
<p class="post-data">02 de jul, 2021</p>
<img src="assets/img/heart-icon.svg" alt="Heart Icon" />
</div>
<h2 class="article-title">
John McAfee, criador do antivírus McAfee, morre
</h2>
<p class="article-content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum
vestibulum auctor est. Nam vitae finibus ante. Duis lobortis tellus
vel diam fringilla, eu ullamcorper ex iaculis. Praesent et auctor
justo. Vestibulum nisl orci, lacinia venenatis leo sit amet, pulvinar
tincidunt risus. Phasellus nisl dui, cursus a lectus et, interdum
ullamcorper libero.
</p>
</article>
</main>
<footer id="footer">
<a target="_blank" href="https://github.com/JoaoAlfredoAlves">
© JoaoAlfredoAlves
</a>
</footer>
<script src="https://unpkg.com/scrollreveal"></script>
<script type="text/javascript" src="assets/script/scripts.js"></script>
</body>
</html>