-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
108 lines (88 loc) · 4.25 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
<!DOCTYPE>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Social Spend</title>
<!--stylesheet-->
<link rel="stylesheet" type="text/css" href="styles.css">
<!--Google Places' Details populating info panel-->
<script type="text/javascript" src="google_places_details.js"></script>
<!--icons-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="columns is-gapless">
<div class="column is-two-thirds map-panel">
<section class="hero is-fullheight">
<div class="hero-body">
<section id="map"></section>
</div>
</section>
</div>
<div class="column">
<div class="hero">
<div class="hero-body">
<div class="container" style="width: 100%;">
<article class="media">
<div class="media-left">
<figure class="image is-128x128">
<img src="https://maps.gstatic.com/mapfiles/place_api/icons/restaurant-71.png" alt="Image">
</figure>
</div>
<div class="media-content">
<br>
<h3 id="place-title" class="title is-3 is-spaced">
Pig Green Bistro
</h3>
<h5 id="place-subtitle" class="subtitle is-6">
A place to eat fresh green pigs.
</h5>
<nav class="level is-mobile">
</nav>
</div>
</article>
<hr>
<div class="card">
<div class="card-content">
<div class="content">
<h5 class="subtitle is-6">
<span class="icon">
<i class="fa fa-map-marker"></i>
</span>
<a id="place-address">1025 N Fillmore St, Arlington, VA 22201, USA</a>
</h5>
<h5 class="subtitle is-6">
<span class="icon">
<i class="fa fa-phone"></i>
</span>
<a id="place-phone">+1 703-888-1920</a>
</h5>
<h5 class="subtitle is-6">
<span class="icon">
<i class="fa fa-link"></i>
</span>
<a id="place-website" href="#">http://greenpigbistro.com/</a>
</h5>
</div>
</div>
</div>
<br>
<div class="card">
<div class="card-content">
<h3 id="place-review" class="subtitle is-6 is-spaced">
The fries were perfectly salted and there were some really nice crunchy ones but also some that weren't if you like that. The meatball sandwich was one of the better meatball sandwiches I have had, which is saying a lot because meatball sandwiches aren't my favorite.
</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
<script src="js/gmaps.js"></script>
<script src="js/require.js"></script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCFW1D1pXRv2vC52u-bGJ3IydUM_-DepUE&callback=initMap">
</script>
</html>