-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
216 lines (203 loc) · 13.4 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
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
211
212
213
214
215
216
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="author" content="Katie Hansen">
<meta name="description" content="Otus asio Tours - birdwatching tours in the US, Mexico and South American countries.">
<meta name="keywords" content="Otus asio Tours, birdwatching tours, bird watching tours, birding tours, Jan Hansen, birding tours to mexico, birding tours in the U.S., birding tours to mexico, birding tours to central america, guided birding tours, birding tours chapel hill north carolina, biring tours around the world" >
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Otus asio Tours</title>
<link rel="shortcut icon" type="image/x-icon" href="images/logo.png">
<link href="https://fonts.googleapis.com/css?family=Raleway:100i,200,300,400,500,600|Vollkorn:400,600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
<link rel="stylesheet" href="./assets/index.css">
</head>
<body>
<header>
<nav class="navbar">
<a href="./index.html#home" title="link to home page"><img src="images/logo.png" id="logo" alt="Otus asio Tours logo"></a>
<a class="navbar-brand" href="./index.html" id="brand">Otus asio Tours</a>
<button class="nav-button" aria-label="navigation toggle">
<div class="burger-bar" id="bb-one"></div>
<div class="burger-bar" id="bb-two"></div>
<div class="burger-bar" id="bb-three"></div>
</button>
<div class="navbar-collapse" id="navbar-collapse">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pages/itineraries.html">Upcoming Trips</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pages/info.html">Tour Info</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pages/pastTrips.html">Past Trips</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pages/about.html">About</a>
</li>
<li class="nav-item contact-button">
<a class="nav-link" href="pages/contact.html">Contact Us</a>
</li>
</ul>
</div>
</nav>
</header>
<main>
<section class="landing" id="landing">
<div class="homepage-content">
<h1 class="landing-container">Otus asio Tours</h1>
<p class="landing-text">Birdwatching tours around the world.</p>
<a class="learn" href="#upcoming-trips">Learn More</a>
</div>
</section>
<section class="covid-19-update">
<h2>COVID-19 Update - August 7, 2020</h2>
<p>Clearly this is a difficult time for all of us who love to travel and especially, for those of us working in the travel industry. The complexity and uncertainty of the issues posed by this situation are unprecedented, and unfortunately, make it impossible to make definitive statements or promises about anything. That said, I want all of you to know that I am working diligently to access the various situations around the world so that I can make the best possible decisions regarding future tours.</p>
<p>As of today, all of the tours on my website are still scheduled as planned. However this will all depend upon the situations in the various countries as the departure date gets closer. Any final decisions on whether or not a tour will be cancelled will be made no less than 6 weeks prior to its departure date. </p>
<p>Some of you have expressed concern about the purchase of airline tickets for upcoming tours that you have registered for. At this point that isn’t something I would worry about. Airlines have drastically reduced schedules and there are plenty of available seats on most flights, so if in fact future tours depart as scheduled, getting airline tickets later than you normally would shouldn’t be an issue.</p>
<p>As we all know, even after the national lockdowns are over, it looks like things are not going to return to a normal state of operations for a lengthy period of time. One of the potential issues that could arise for international travelers is the possibility of countries requiring 14-day quarantine periods for international visitors upon their arrival. I expect that this will happen in many countries and if it does, it will make operating a tour very difficult as most participants are not going to add 14 days of quarantine to the front end of their trip. Perhaps this won’t be the case, but I think it is a strong possibility and if it comes to fruition will affect all of our departures. Again, I will monitor all of this on a case by case basis and will let you know about your scheduled tour at least 6 weeks in advance.</p>
<p>I also want all of you to know that if I have to cancel a tour that you have booked and paid for, I will make every effort to give you a full refund or credit what you have paid to a future tour. Please understand that in a few cases I have had to pay non-refundable fees to booking agencies that I cannot recoup and I cannot refund those portions of monies paid. However I promise that I will make every effort to get back as much as possible in these situations.</p>
<p>I appreciate all of the support and encouragement that many of you have given me during these difficult times and I hope we can travel together again sooner rather than later. Take care.</p>
<p class="signature">Jan Hansen—on behalf of Otus asio Tours</p>
</section>
<section class="welcome">
<h2>Welcome to Otus asio Tours</h2>
<img class="welcome-image" src="images/indexImages/homepage_birders.jpg" alt="group birding in San Blas Mexico">
<p>I founded Otus asio Tours in 1999 to fulfill my dream of organizing and leading birding tours to various places throughout the world.</p>
<p>My goal is to provide well-organized tours to premier birding destinations. Though primarily focused on birds, the tours also allow ample time for visiting cultural and historical sites and for enjoying other wildlife such as mammals, reptiles and butterflies. As someone with an adventurous culinary sense, I also enjoy sampling the local cuisine of whatever area we are visiting.</p>
<p>My tours have attracted some of the nicest people I have ever met and traveling with them has been one of the great joys of my life. I hope that you will decide to join their number. I look forward to seeing you in the field!</p>
</section>
<section class="itineraries" id="upcoming-trips">
<h2 class="title">Featured Trips</h2>
<hr>
<div class="upcoming" id="current">
<a href="pages/trips/utah_idaho_nevada.html" aria-label="Utah, Nevada & Idaho">
<div class="thumbnail">
<div class="image-container">
<img class="thumbnailImg" src="images/itineraries/Black Rosy-Finch.jpg" alt="Black Rosy-Finch">
<p class="bird-name">Black Rosy-Finch</p>
</div>
<div class="thumbnail-content">
<h3>Utah, Nevada & Idaho</h3>
<div>
<p>July 7 - 18, 2021</p>
<p>$2995 from Salt Lake City</p>
</div>
<div class="bottom-content">
<p class="tour-button">Learn More</p>
<p class="status">Spots Available</p>
</div>
</div>
</div>
</a>
<a href="pages/trips/southAfrica.html" aria-label="Visit South Africa Itinerary">
<div class="thumbnail">
<div class="image-container">
<img class="thumbnailImg" src="images/itineraries/Southern Red Bishop.jpg" alt="Southern Red Bishop">
<p class="bird-name">Southern Red Bishop</p>
</div>
<div class="thumbnail-content">
<h3>South Africa</h3>
<div>
<p>Sept. 23 - Oct. 15, 2021</p>
<p>$7995 from Johannesburg</p>
</div>
<div class="bottom-content">
<p class="tour-button">Learn More</p>
<p class="status">Waitlist Only</p>
</div>
</div>
</div>
</a>
<a href="pages/trips/southAfrica2.html" aria-label="Visit South Africa Itinerary">
<div class="thumbnail">
<div class="image-container">
<img class="thumbnailImg" src="images/itineraries/Common Ostrich.jpg" alt="Common Ostrich">
<p class="bird-name">Common Ostrich</p>
</div>
<div class="thumbnail-content">
<h3>South Africa</h3>
<div>
<p>Oct. 15 - Nov. 6, 2021</p>
<p>$7995 from Johannesburg</p>
</div>
<div class="bottom-content">
<p class="tour-button">Learn More</p>
<p class="status">Waitlist Only</p>
</div>
</div>
</div>
</a>
</div>
</section>
<section class="newsletter">
<form class="signup" action="https://formspree.io/moqvkqge" method="POST">
<p>Sign up for our Newsletter!</p>
<input class="box" type="text" placeholder="Email" name="email" aria-label="email">
<input class="submit" type="submit" value="Sign Up">
</form>
</section>
<section class="group-image"></section>
</main>
<footer class="footer">
<div class="flex-container">
<div class="col col1">
<img src="images/logo.png" id="otus" alt="Otus asio Tours logo">
<h3 class="name">Otus asio Tours</h3>
<p><a href="mailto:[email protected]">[email protected]</a></p>
<p>(919) 259-9423</p>
<div class="icons">
<div class="facebook">
<a href="https://www.facebook.com/otusasiotours/" aria-label="Visit the Otus asio Tours Facebook page" target="_blank"><i class="fab fa-facebook-f"></i></a>
</div>
<div class="instagram">
<a href="https://www.instagram.com/otus.asio.tours/" aria-label="Visit the Otus asio Tours Instagram page" target="_blank"><i class="fab fa-instagram"></i></a>
</div>
<div class="linkedin">
<a href="https://www.linkedin.com/in/jan-hansen-b2587a78/" aria-label="Visit the Otus asio Tours LinkedIn page" target="_blank"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
</div>
<div class="col col2">
<h4>Main Menu</h4>
<ul class="footer-nav">
<li class='footer-nav-link'>
<a href="#home">Home</a>
</li>
<li>
<a href="pages/itineraries.html">Upcoming Trips</a>
</li>
<li>
<a href="pages/info.html">Tour Info</a>
</li>
<li>
<a href="pages/pastTrips.html">Past Trips</a>
</li>
<li>
<a href="pages/about.html">About</a>
</li>
<li>
<a href="pages/contact.html">Contact Us</a>
</li>
</ul>
</div>
<div class="col col3">
<h4>Upcoming Trips</h4>
<ul class="footer-trips" id="js-footer-trips"></ul>
</div>
</div>
<p class="copyright">Otus asio Tours LLC | website by <a href="http://www.katiewrennhansen.com" target="_blank">katiewrennhansen</a></p>
</footer>
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
<script type="text/javascript" src="./index.js"></script>
<script type="text/javascript" src="data/upcoming_trips.js"></script>
<script type="text/javascript" src="data/footer.js"></script>
</body>
</html>