-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlocation.html
executable file
·130 lines (110 loc) · 4.97 KB
/
location.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Cherry Blossom Festival Location">
<meta name="author" content="Kayla Kremer">
<link rel="icon" href="img/favicon.png">
<title>Location</title>
<!-- Bootstrap core CSS -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
<!-- Custom styles for this template -->
<link rel="stylesheet" type="text/css" href="css/animate.css"/>
<link rel="stylesheet" type="text/css" href="css/component.css"/>
<link rel="stylesheet" type="text/css" href="css/social.css"/>
<link rel="stylesheet" type="text/css" href="css/animsition.css"/>
<link rel="stylesheet" type="text/css" href="css/slick.css"/>
<link rel="stylesheet" type="text/css" href="css/location.css"/>
</head>
<body>
<div class="animsition">
<!-- Fixed navbar -->
<nav class="navbar navbar-toggleable-sm fixed-top">
<!--<a class="navbar-brand mr-auto" href="index.html"><img src="img/logo.png" width="60px"></a>-->
<ul class="nav navbar-nav nav-container">
<li class="nav-item">
<a class="nav-link animsition-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link animsition-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link animsition-link" href="events.html">Events</a>
</li>
<li class="nav-item">
<a class="nav-link animsition-link" href="location.html">Location</a>
</li>
<li class="nav-item">
<a class="nav-link animsition-link" href="contact.html">Contact</a>
</li>
</ul>
</nav>
<!-- Begin page content -->
<div class="container-fluid py-2">
<div class="py-5 extend">
<h1 class="text-center my-5">Location</h1>
<div class="container">
<img src="img/map.png" class="map img-fluid" />
</div>
<div class="location container mt-5">
<h3>Address</h3>
<p>Hana Park<br/>123 Cherry Lane<br/>Blossom City, USA</p>
<p>Nearest subway station is Hana Station (3 min walk). Free parking available on-site.</p>
<h3>Hours</h3>
<p>Festival open daily 6 am - 12 am<br/>Park open to public year-round, 24/7.</p>
<p>Download map <a href="img/map.png" target="_blank">here</a><p>
</div>
<div class="invisible"></div>
</div>
</div>
<div class="footer-container pt-1">
<footer class="footer">
<p>Created by <a href="https://www.kaylakremer.com" target="_blank">Kayla Kremer</a></p>
<div class="social">
<ul class="social-buttons" id="demo1">
<li>
<a href="https://twitter.com/Kayla_Kremer" target="_blank" class="brandico-twitter-bird"></a>
</li>
<li>
<a href="https://github.com/KaylaKremer" target="_blank" class="brandico-github"></a>
</li>
<li>
<a href="https://www.linkedin.com/in/kaylakremer/" target="_blank" class="brandico-linkedin"></a>
</li>
</ul>
</div>
</footer>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="js/jquery.min.js"><\/script>')</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="js/slick.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="js/ie10-viewport-bug-workaround.js"></script>
<script src="js/animsition.min.js"></script>
<script>
$(".animsition").animsition({
inClass: 'fade-in',
outClass: 'fade-out',
inDuration: 1500,
outDuration: 500
});
$('.carousel').slick({
slidesToShow: 1,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 5000,
arrows: false,
fade: true,
});
</script>
</body>
</html>