-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmap.html
82 lines (76 loc) · 4.12 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
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
<!DOCTYPE html>
<html lang="en">
<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" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@800;900&family=Outfit:wght@300&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="./styles/location.css" />
<title>Location</title>
</head>
<body>
<section>
<div class="location-img-box">
<a class="location-btn" href="./index.html">
<img src="./assets/icon-arrow-left.svg" alt=" errow left" />
<span>BACK TO HOME</span>
</a>
</div>
<div class="addres-txt-box">
<h2>OUR LOCATION</h2>
<div class="addres-txt-box__txt">
<h3>99 King Street</h3>
<p class="addres">
Newport<br />RI 02840<br />United States of America
</p>
<p>
Our newly opened gallery is located near the Edward King House on 99
King Street, the Modern Art Gallery is free to all visitors and open
seven days a week from 8am to 9pm.
</p>
</div>
</div>
<div class="contact-info-box">
<img src="./assets/logo-dark.svg" alt="logo image" class="logo" />
<p class="about-info">
The Modern Art Gallery is free to all visitors and open seven days a
week from 8am to 9pm. Find us at 99 King Street, Newport, USA.
</p>
<div class="social-media-box">
<a href="#" class="social-link">
<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg">
<path
class="facebook"
d="M18.896 0H1.104C.494 0 0 .494 0 1.104v17.793C0 19.506.494 20 1.104 20h9.58v-7.745H8.076V9.237h2.606V7.01c0-2.583 1.578-3.99 3.883-3.99 1.104 0 2.052.082 2.329.119v2.7h-1.598c-1.254 0-1.496.597-1.496 1.47v1.928h2.989l-.39 3.018h-2.6V20h5.098c.608 0 1.102-.494 1.102-1.104V1.104C20 .494 19.506 0 18.896 0Z"
fill="#FFF"
/>
</svg>
</a>
<a href="#" class="social-link">
<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg">
<path
class="instagram"
d="M10 1.802c2.67 0 2.987.01 4.042.059 2.71.123 3.975 1.409 4.099 4.099.048 1.054.057 1.37.057 4.04 0 2.672-.01 2.988-.057 4.042-.124 2.687-1.387 3.975-4.1 4.099-1.054.048-1.37.058-4.041.058-2.67 0-2.987-.01-4.04-.058-2.718-.124-3.977-1.416-4.1-4.1-.048-1.054-.058-1.37-.058-4.041 0-2.67.01-2.986.058-4.04.124-2.69 1.387-3.977 4.1-4.1 1.054-.048 1.37-.058 4.04-.058ZM10 0C7.284 0 6.944.012 5.877.06 2.246.227.227 2.242.061 5.877.01 6.944 0 7.284 0 10s.012 3.057.06 4.123c.167 3.632 2.182 5.65 5.817 5.817 1.067.048 1.407.06 4.123.06s3.057-.012 4.123-.06c3.629-.167 5.652-2.182 5.816-5.817.05-1.066.061-1.407.061-4.123s-.012-3.056-.06-4.122C19.777 2.249 17.76.228 14.124.06 13.057.01 12.716 0 10 0Zm0 4.865a5.135 5.135 0 1 0 0 10.27 5.135 5.135 0 0 0 0-10.27Zm0 8.468a3.333 3.333 0 1 1 0-6.666 3.333 3.333 0 0 1 0 6.666Zm5.338-9.87a1.2 1.2 0 1 0 0 2.4 1.2 1.2 0 0 0 0-2.4Z"
fill="#FFF"
/>
</svg>
</a>
<a href="#" class="social-link">
<svg width="20" height="17" xmlns="http://www.w3.org/2000/svg">
<path
class="twitter"
d="M20 2.172a8.192 8.192 0 0 1-2.357.646 4.11 4.11 0 0 0 1.805-2.27 8.22 8.22 0 0 1-2.606.996A4.096 4.096 0 0 0 13.847.248c-2.65 0-4.596 2.472-3.998 5.037A11.648 11.648 0 0 1 1.392 1a4.109 4.109 0 0 0 1.27 5.478 4.086 4.086 0 0 1-1.858-.513c-.045 1.9 1.318 3.679 3.291 4.075a4.113 4.113 0 0 1-1.853.07 4.106 4.106 0 0 0 3.833 2.849A8.25 8.25 0 0 1 0 14.658a11.616 11.616 0 0 0 6.29 1.843c7.618 0 11.923-6.434 11.663-12.205A8.354 8.354 0 0 0 20 2.172Z"
fill="#FFF"
/>
</svg>
</a>
</div>
</div>
</section>
</body>
</html>