-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblog.html
42 lines (42 loc) · 2.36 KB
/
blog.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
<!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>Blog</title>
<link rel="stylesheet" href="style/style.css">
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
</head>
<body>
<div class="main"> <!--div principal-->
<div class="box1"><!--Primeira cara do site-->
<!--Cabeçalho-->
<h1 id="logo">NatHub</h1>
<nav><!--Paginas-->
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="map.html">Map</a>
<a href="social.html">Social</a>
<a href="blog.html">Blog</a>
</nav>
<h2>O que você está fazendo pelo nosso planeta?</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum aspernatur vel dolore minus porro illum vitae excepturi error odio facere aut, atque recusandae eum doloremque mollitia blanditiis reiciendis quas alias?</p>
</div>
<div class="conteudo">
<h2>Descarte incorreto de lixo</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia vitae ab corporis provident at sit adipisci libero minus, reprehenderit alias a expedita rem. Ullam illo fugit blanditiis sunt culpa. Cupiditate?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos et eum quo labore soluta harum earum accusantium modi, vitae ducimus accusamus laudantium? Impedit dicta non similique commodi, quas facilis necessitatibus. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Soluta pariatur adipisci asperiores iste optio provident? Minus, consequuntur! Similique, a architecto id nisi mollitia quibusdam, temporibus aut dolores saepe itaque excepturi.
</p>
<img src="images/pollution.jpg" alt="">
<img src="images/pollution1.jpg" alt="">
<div class="dados">
<div class="container" id="c1">Quantidade de lixo no mundo</div>
<div class="container" id="c2">lixo descartado de forma errada</div>
<div class="container" id="c3">lixo reciclado</div>
</div>
<div class="footer">Em desenvolvimento 1.1</div>
</div>
</div>
</body>
</html>