-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
144 lines (119 loc) · 6.19 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
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
<!DOCTYPE html>
<html>
<head>
<title>Theme Park Guide</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="disney, vacation, universal, orlando, guide, sea world, hotel, resort, Florida, Walt Disney World, Disney, Universal, Sea World, EPCOT, Animal Kingdom, theme park">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
<script src="jquery-3.6.0.min.js"></script>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!--Title-->
<div class="row">
<div class="col-12">
<div id="welcome-banner">
<h1 id="open-txt">Theme Park <span id="guideword"> Guide!</span></h1>
</div>
</div>
</div>
<!--Navigation-->
<!-- <div class="row">
<div class="col-12">
<nav>
<ul>
<li class="nav-items"><a class="nav-items" href="./index.html">Home</a></li>
<li class="nav-items"><a class="nav-items" href="./about.html">About</a></li>
<li class="nav-items"><a class="nav-items" href="./news.html">News</a></li>
<li class="nav-items"><a class="nav-items" href="./plan.html">Plan</a></li>
<li class="nav-items"><a class="nav-items" href="./contact.html">Contact</a></li>
</ul>
</nav>
</div>
</div> -->
<!--bootstrap nav -->
<div class="row">
<div class="col-12">
<nav class="navbar navbar-expand-lg bg-light nav-pills">
<div class="container-fluid">
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="./index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./news.html">News</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./plan.html">Plan</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./floridaresident.html">Florida Resident</a>
<li class="nav-item">
<a class="nav-link" href="./contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
</div>
<!--Introduction-->
<div class="row">
<p class="intro"> Hello and welcome to the theme park guide website. We are here to provide you with the most up-to-date information on all the theme parks here in Florida.
</p>
<!--Ticket Info-->
<p class="tickets"> For tickets to the theme parks, here is a list of options:</p>
<ul>
<li>Kissimmee Guest Services</li>
<li>Undercover Tourist</li>
<li>Orlando Informer</li>
<p>Orlando Informer is highly recognized for their Universal meetups. This event takes place at the Universal Orlando Resort. It is a separate ticketed event that is exclusive to the Orlando Informer guests. They also sell Universal Orlando, Sea World Orlando, and Gatorland tickets.
A link to their website can be found <a href="https://www.orlandoinformer.com" target="blank">here</a>.</p>
</ul>
<!--pictures of the parks-->
<!-- Disney 4 Parks-->
<p>If you prefer to get tickets directly through the parks, click the photos below:</p>
</div>
<div class="row">
<div class="col-12">
<a class="ticket-images" href="https://disneyworld.disney.go.com/admission/tickets/" target="blank" ><img src="./images/wdw_4parks.jpg" class="ticket_images" alt="disneyworldpic"></a>
<!--Universal Parks Picture-->
<a class="ticket-images" href="https://www.universalorlando.com/web/en/us/tickets-packages/park-tickets/flr" target="blank" ><img src="./images/UO_tickets.jpg" class="ticket_images" alt="universalpic"></a>
<!--Sea World Picture-->
<a class="ticket-images" href="https://seaworld.com/orlando/tickets/" target="blank" ><img src="./images/sea_world_entrance.jpg" class="ticket_images" alt="seaworldpic"></a>
</div>
<div class="col-12">
<!--Gatorland Park Picture-->
<a class="ticket-images" href="https://www.gatorland.com/tickets/" target="blank" ><img src="./images/gatorland_official.jpg" class="ticket_images" alt="gatorlandpic"></a>
<!--Busch Gardens Picture-->
<a class="ticket-images" href="https://buschgardens.com/tampa/tickets/theme-park-tickets/" target="blank" ><img src="./images/buschgardens.jpg" class="ticket_images"></a>
</div>
</div>
<!--Magic Kingdom-->
<!-- <div class="row">
<p>Magic Kingdom Picture</p>
<br>
<img src="./images/magic_kingdom.jpg" alt="Magic Kingdom Theme Park" class="ticket_images">
EPCOT
<p>EPCOT Picture</p>
<br>
<img src="./images/Epcot.jpg" alt="Epcot Theme Park" class="ticket_images">
Hollywood Studios
<p>Hollywood Studios Picture</p>
<br>
<img src="./images/Hollywood_Studios.jpg" alt="Epcot Theme Park" class="ticket_images">
Animal Kingdom
<p>Animal Kingdom Picture </p>
<br>
<img src="./images/Animal_Kingdom.jpg" alt="Epcot Theme Park" class="ticket_images">
Universal Orlando Resort
</div> -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous"></script>
<script src="./script.js"></script>
</body>
</html>