-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmain.html
41 lines (34 loc) · 1.96 KB
/
main.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
<!DOCTYPE html>
<html>
<head>
<title>Arte Urbano Granada</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<meta name="description" content="© 2016 Martha Edwards">
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Rock+Salt" rel="stylesheet">
</head>
<body>
<div id="modal-overlay">
</div>
<div id="image-overlay">
<button class="close-modal">x</button>
<span class="helper"></span>
<img id="image" src="images/calle_santiago.jpg">
</div>
<div id="text-overlay">
<button class="close-modal">x</button>
<h1 class="title">Arte Urbano Granada</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pretium eget ante sed blandit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus et efficitur ante, at euismod nibh. Aliquam porta sit amet erat eget semper. Praesent interdum pulvinar nunc. Donec euismod auctor massa, sed tristique mi fringilla ac. Aliquam posuere, felis in bibendum rhoncus, sapien sapien semper sapien, eget tincidunt augue sem eu lacus. Praesent sed lectus volutpat, volutpat lorem sed, semper risus. Sed congue dolor sit amet nisl lobortis viverra. Etiam volutpat orci non lorem semper, ac dignissim leo venenatis. Integer ullamcorper rutrum metus, id imperdiet erat. Duis tincidunt enim non nulla sodales, non pulvinar tortor tincidunt. Duis nec sodales felis.</p>
</div>
<div id="header">
<h1 class="title">Arte Urbano Granada</h1>
<p id="quote">La realidad y el sueño están separados por un fino hilo, y a veces, se rompe</p>
<button id="about">Más información</button>
</div>
<div id="map"></div>
<script src="script.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC6vMQmmgCKbhcUQgugGGtoz5_W_CH316E&callback=initMap"
async defer></script>
</body>
</html>