-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmap.html
43 lines (41 loc) · 2.01 KB
/
map.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 http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mapa</title>
<link rel="stylesheet" href="style/style.css">
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
</head>
<body>
<div class="modal">
<div class="modal_content">
<img src="images/pollution.jpg" alt="" id="modal_img">
</div>
<span id="bt_close">×</span>
</div>
<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>
</div>
<div class="conteudo">
<h2>Mapa de latas de lixo no Colégio Agricola</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/mapaagricola.PNG" alt="" class="small_img">
<div class="footer">Em desenvolvimento 1.1</div>
</div>
</div>
<script src="script/script.js"></script>
</body>
</html>