-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
210 lines (196 loc) · 7.65 KB
/
about.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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
<!doctype html>
<html lang="en" dir="ltr">
<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>Welcome to the Hotel Raven</title>
<link rel="icon" href="./assets/images/crow-icon.ico">
<!-- Foundation Style Sheet -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/foundation.min.css">
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=El+Messiri&family=Henny+Penny&display=swap" rel="stylesheet">
<!-- Openlayers Map Style Sheet -->
<link rel="stylesheet" href="https://openlayers.org/en/v4.6.5/css/ol.css" type="text/css">
<!-- Font Awesome for icons -->
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"
integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous" />
<!-- Custom Style Sheet -->
<link rel="stylesheet" href="./assets/css/style.css">
<!-- JavaScript to make map work -->
<script src="https://openlayers.org/en/v4.6.5/build/ol.js" type="text/javascript"></script>
<!-- Script for map -->
<script>
var map;
var mapLat = 30.2860;
var mapLng = -97.7392;
var mapDefaultZoom = 17;
function initialize_openMap() {
map = new ol.Map({
target: "openMap",
controls: [],
interactions: [],
layers: [
new ol.layer.Tile({
source: new ol.source.OSM({
url: "https://a.tile.openstreetmap.org/{z}/{x}/{y}.png"
})
})
],
view: new ol.View({
center: ol.proj.fromLonLat([mapLng, mapLat]),
zoom: mapDefaultZoom
})
});
}
function add_map_point(lat, lng) {
var vectorLayer = new ol.layer.Vector({
source: new ol.source.Vector({
features: [new ol.Feature({
geometry: new ol.geom.Point(ol.proj.transform([parseFloat(lng), parseFloat(lat)], 'EPSG:4326', 'EPSG:3857')),
})]
}),
style: new ol.style.Style({
image: new ol.style.Icon({
anchor: [0.5, 0.5],
anchorXUnits: "fraction",
anchorYUnits: "fraction",
src: "https://upload.wikimedia.org/wikipedia/commons/e/ec/RedDot.svg"
})
})
});
map.addLayer(vectorLayer);
}
</script>
</head>
<body onload="initialize_openMap(); add_map_point(30.2860, -97.7392);">
<!-- Navigation Bar Section -->
<header>
<h1><a href="./index.html" class="header-font">Hotel Raven</a></h1>
<nav>
<ul>
<li>
<a href="index.html#book-now" class="book-now">Book Now</a>
</li>
<li>
<a href="./index.html#amenities">Amenities</a>
</li>
<li>
<a href="./about.html">About Us</a>
</li>
<li>
<!-- Weather Widget -->
<aside id="weather">
<h6>Austin Forecast</h6>
<h2 id="weatherdashtitle">
<p><span id="temp">temp</span>ºF</p>
<span id="icon"><img id="wicon" src="" alt=""></span>
</h2>
</aside>
</li>
</ul>
</nav>
</header>
<div class="mobileFullNav navContainer">
<div class="navContent">
<a id href="#" style="display:box" aria-label="Menu" class="navClose"></a>
<ul id="navTop" data-mobile-nav-label="Menu">
</ul>
</div>
</div>
</header>
<!-- Showcase image -->
<main><img src="./assets/images/towerbkg.jpg" alt="Longhorn tower" class="responsive"></main>
<!-- Map and Contact Us Section -->
<h1 class="text-center">Find Us</h1>
<div class="grid-x align-center-middle collapse">
<div class="cell small-12 medium-8 large-8">
<div class="grid-x align-center-middle collapse">
<div class="cell small-12 medium-12 large-6 map-block" id="openMap"></div>
<div class="cell small-12 medium-12 large-6 color-block">
<h1>CONTACT US</h1>
<a href="tel:5123456545">☎ Local 512.345.6545</a><br>
<a href="tel:8005465466">☎ Toll-free 800.546.5466</a><br>
<h5>110 Inner Campus Drive</h5>
<h5>Austin, TX 78705</h5>
<h5>Email: <a href="mailto:[email protected]">[email protected]</a></h5>
<p>Valet parking is available at an hourly rate of $6 or $39 for overnight parking.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Reviews Section -->
<h1 class="text-center font-color">Reviews</h1>
<div class="grid-x align-center-middle collapse">
<div class="cell small-12 medium-8 large-8">
<div class="grid-x align-center-middle collapse">
<div class="cell small-12 medium-12 large-6 image-block">
<img src="./assets/images/tyrone.jpg" class="image-block" alt="Picture of Tyrone"></img>
</div>
<div class="cell small-12 medium-12 large-6 color-block">
<h3>Tyrone</h3>
<h5><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i
class="fas fa-star"></i><i class="fas fa-star"></i></h5>
<h5>Very classy hotel. Accomodations were top notch.</h5>
</div>
</div>
</div>
</div>
<div class="grid-x align-center-middle collapse">
<div class="cell small-12 medium-8 large-8">
<div class="grid-x align-center-middle collapse">
<div class="cell small-12 medium-12 large-6 color-block">
<h3>Sean</h3>
<h5><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i
class="fas fa-star"></i><i class="fas fa-star"></i></h5>
<h5>Both day and evening staff were very friendly and helpful.</h5>
</div>
<div class="cell small-12 medium-12 large-6 image-block">
<img src="./assets/images/sean.jpg" class="image-block" alt="Picture of sean"></img>
</div>
</div>
</div>
</div>
<div class="grid-x align-center-middle collapse">
<div class="cell small-12 medium-8 large-8">
<div class="grid-x align-center-middle collapse">
<div class="cell small-12 medium-12 large-6 image-block">
<img src="./assets/images/Sally.jpg" class="image-block" alt="Picture of sean"></img>
</div>
<div class="cell small-12 medium-12 large-6 color-block">
<h3>Sally</h3>
<h5><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i
class="fas fa-star"></i><i class="fas fa-star"></i></h5>
<h5>They provided absolutely amazing service and made my stay an absolute delight!</h5>
</div>
</div>
</div>
</div>
<!-- Footer Section -->
<footer>
<h1 class="text-center">☠ Hotel Raven ☠</h1>
<div>
<a href="#"> Read Our Privacy Policy</a><br />
© 2021 Hotel Raven, Inc.
</div>
<address>
Visit us at: <br>
Hotel Raven<br>
110 Inner Campus Drive<br>
Austin, TX 78705<br>
<a href="tel:5123456545">☎ Local 512.345.6545</a><br>
<a href="tel:8005465466">☎ Toll-free 800.546.5466</a><br>
</address>
</footer>
<!-- Jquery CDN link -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<!-- Jquery UI CDN link -->
<script src="https://code.jquery.com/ui/1.13.0/jquery-ui.js"
integrity="sha256-xH4q8N0pEzrZMaRmd7gQVcTZiFei+HfRTBPJ1OGXC0k=" crossorigin="anonymous"></script> -->
<!-- Custom JavaScript file -->
<script src="./assets/js/script.js"></script>
</body>
</html>