<!DOCTYPE html>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>
Black Ball Ferry Line | Daily Departures to Victoria and Port Angeles
	</title>
	<!-- HEAD SCRIPTS -->
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="msvalidate.01" content="57FB8F25E227A1D5A31B275BE44E4224" />
<meta name="google-site-verification" content="lvq68yXUpbmPctQHv-5fWPZ15gRZhNwvQAJH13dVytQ" />
<meta name="google-site-verification" content="mvRdcTrUP-7z97rXqgrbFpjHscY5V50mHNLi33qKFIs" />
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
    <!-- Conversion Pixel for [lead]- DO NOT MODIFY --><img src="https://arttrk.com/pixel/?ad_log=referer&action=lead&pixid=34be2b69-a041-4647-8402-539805cb3f49" width="1" height="1" border="0"><!-- End of Conversion Pixel -->
        <!-- Google Tag Manager -->
    <script>
        (function(w, d, s, l, i) {
            w[l] = w[l] || [];
            w[l].push({
                'gtm.start': new Date().getTime(),
                event: 'gtm.js'
            });
            var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s),
                dl = l != 'dataLayer' ? '&l=' + l : '';
            j.async = true;
            j.src =
                'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
            f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-NBB6WGX');
    </script>
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=GTM-NBB6WGX"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'GTM-NBB6WGX');
    </script>

    <!-- End Google Tag Manager -->

<!-- CSS
================================================== -->
<link rel="stylesheet" href="/css/frontend/style.css?timestamp=1781045271">
<link rel="stylesheet" href="/css/frontend/responsive.css?timestamp=1781045271">
<link rel="stylesheet" href="/css/frontend/swiper.min.css?timestamp=1781045271">

<link href='//fonts.googleapis.com/css?family=Open+Sans+Condensed:700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://use.typekit.net/opx8mhu.css">

<!--[if lt IE 9]><link rel="stylesheet" type="text/css" media="screen" href="stylesheets/sequencejs-theme.sliding-horizontal-parallax-ie.css" /><![endif]-->

<link rel="stylesheet" href="/css/frontend/flexslider.css?timestamp=1781045271" type="text/css" media="screen" />
<link rel="stylesheet" href="/css/frontend/prettyPhoto.css?timestamp=1781045271" type="text/css" media="screen" charset="utf-8" />
<link rel="stylesheet" href="/css/frontend/carousel.css?timestamp=1781045271" type="text/css" media="screen" />
<link rel="stylesheet" href="/js/admin/plugins/colorbox/colorbox.css?timestamp=1781045271" type="text/css" media="screen" charset="utf-8" />
<link rel="stylesheet" type="text/css" href="/css/../js/frontend/plugins/jquery-ui/css/ui-lightness/jquery-ui-1.10.1.custom.css?1732737856"/><link rel="stylesheet" type="text/css" href="/css/frontend/bootstrap-form.css?1630363318"/><link rel="stylesheet" type="text/css" href="/css/../js/frontend/plugins/popovers/css/bootstrap.min.css?1630363318"/><!-- JS
================================================== -->
<script type="text/javascript" src="/js/jquery.js?timestamp=1781045271"></script>
<script type="text/javascript" src="/js/jqueryui/jquery-ui.js?timestamp=1781045271"></script>
<script type="text/javascript" src="/js/frontend/jquery.easing.1.3.js?timestamp=1781045271"></script>

<link href="/js/frontend/plugins/icheck-1.x/skins/square/bbfl.css?timestamp=1781045271" rel="stylesheet">
<script src="/js/frontend/plugins/icheck-1.x/icheck.min.js?timestamp=1781045271" type="text/javascript"></script>

<script type="text/javascript" src="/js/frontend/common.js?timestamp=1781045271"></script>
<script src="https://www.google.com/recaptcha/api.js?render=6LesnaIZAAAAAIWkNg3Ab_iBuoNbFCRDeoP20Mch"></script>

<script type="text/javascript" src="/js/frontend/sequence.jquery-min.js"></script>
<script type="text/javascript" src="/js/frontend/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="/js/frontend/jquery.jcarousel.min.js"></script>
<script type="text/javascript" src="/js/frontend/swiper.min.js"></script>
<script type="text/javascript" src="/js/admin/plugins/colorbox/jquery.colorbox.min.js"></script>

<!--<script src="https://kit.fontawesome.com/3e2a0df614.js" crossorigin="anonymous"></script>-->
<!--<script src="https://kit.fontawesome.com/8246aa02ff.js" crossorigin="anonymous"></script>-->
<script src="https://kit.fontawesome.com/ff67929ebd.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.0/css/all.css">

<script type="text/javascript" src="/js/timezone/src/date.js?1661361555"></script><script type="text/javascript" src="/js/jqueryui/jquery-ui.js?1630363318"></script><script type="text/javascript" src="/js/frontend/home.js?1630363318"></script><script type="text/javascript" src="/js/frontend/plugins/popovers/js/bootstrap.min.js?1630363318"></script><script type="text/javascript" src="/js/frontend/bootstrap-tabs.min.js?1630363318"></script>

<!--[if lt IE 9]>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="/img/frontend/favicon.png">
	<meta name="facebook-domain-verification" content="h72gf04vy4xaoxjlry21hf1xw0bdgo" />
</head>
<body id="page-id-0" class="page">
	<!-- Mobile Nav -->
	<div id="mobile-nav-wrapper">
		<div id="mobile-menu">
			<div id="mobile-nav-close">
				Close
				<span>+</span>
			</div>

			<a id="mm-site-logo" href="/"><img src="/img/frontend/footer-logo.png" /></a>
			<div id="hm-home" class="mm-lev-1"><a href="/">Home</a></div>
									<div id="hm-about-us" class="mm-lev-1">
							<a href="/about-us">Our Ferry</a>
							<div class="mm-arrow"></div> 						</div>
													<div class="submenu mm-lev-2" parent="hm-about-us">
								<div class="mm-lev-2-heading"><a href="/about-us">Our Ferry</a></div>
																			<div class="notactive"><a href="/the-route">The Route</a></div>
																			<div class="notactive"><a href="/whats-on-board">What's On Board</a></div>
																			<div class="notactive"><a href="https://shop.blackball.com/">Online Gift Shop</a></div>
																			<div class="notactive"><a href="/about-us">About Us</a></div>
																			<div class="notactive"><a href="/faqs">FAQ</a></div>
																<div class="mm-back">Back</div>
							</div>
															<div id="hm-schedule-fares" class="mm-lev-1">
							<a href="/schedule-fares">Schedule + Fares</a>
													</div>
															<div id="hm-travel-info" class="mm-lev-1">
							<a href="/travel-info">Travel Information</a>
							<div class="mm-arrow"></div> 						</div>
													<div class="submenu mm-lev-2" parent="hm-travel-info">
								<div class="mm-lev-2-heading"><a href="/travel-info">Travel Information</a></div>
																			<div class="notactive"><a href="/id-requirements">ID Requirements</a></div>
																			<div class="notactive"><a href="/drive-on">Drive-on Passengers</a></div>
																			<div class="notactive"><a href="/walk-on-bike-on">Walk-on & Bicycle Passengers</a></div>
																			<div class="notactive"><a href="/non-reserved-travel">Non-reserved Travel</a></div>
																			<div class="notactive"><a href="/commercial-vehicles">Commercial Vehicles</a></div>
																			<div class="notactive"><a href="/getting-here">Getting Here</a></div>
																			<div class="notactive"><a href="/parking">Parking</a></div>
																			<div class="notactive"><a href="/accessibility">Accessibility</a></div>
																			<div class="notactive"><a href="/traveling-with-pets">Traveling with Pets</a></div>
																<div class="mm-back">Back</div>
							</div>
															<div id="hm-packages/overnight" class="mm-lev-1">
							<a href="/packages/overnight">Overnight Packages</a>
							<div class="mm-arrow"></div> 						</div>
													<div class="submenu mm-lev-2" parent="hm-packages/overnight">
								<div class="mm-lev-2-heading"><a href="/packages/overnight">Overnight Packages</a></div>
																			<div class="notactive"><a href="/packages/overnight/victoria">Victoria, BC</a></div>
																			<div class="notactive"><a href="/packages/overnight/vancouver-island">Vancouver Island, BC</a></div>
																			<div class="notactive"><a href="/packages/overnight/port-angeles">Port Angeles, WA</a></div>
																			<div class="notactive"><a href="/packages/overnight/seattle">Seattle, WA</a></div>
																<div class="mm-back">Back</div>
							</div>
															<div id="hm-packages/day-trip" class="mm-lev-1">
							<a href="/packages/day-trip">Day Trip Packages</a>
							<div class="mm-arrow"></div> 						</div>
													<div class="submenu mm-lev-2" parent="hm-packages/day-trip">
								<div class="mm-lev-2-heading"><a href="/packages/day-trip">Day Trip Packages</a></div>
																			<div class="notactive"><a href="/packages/day-trip/victoria">Victoria, BC</a></div>
																			<div class="notactive"><a href="/packages/day-trip/port-angeles">Port Angeles, WA</a></div>
																<div class="mm-back">Back</div>
							</div>
															<div id="hm-seattle-to-victoria" class="mm-lev-1">
							<a href="/seattle-to-victoria">Getting Around</a>
							<div class="mm-arrow"></div> 						</div>
													<div class="submenu mm-lev-2" parent="hm-seattle-to-victoria">
								<div class="mm-lev-2-heading"><a href="/seattle-to-victoria">Getting Around</a></div>
																			<div class="notactive"><a href="/seattle-to-victoria">Seattle to Victoria</a></div>
																<div class="mm-back">Back</div>
							</div>
																<div class="mm-lev-1">
					<a href="/book-now">Book Now</a>
				</div>
					</div>
	</div>

	<div id="wrapper">
		<!-- Header -->
  <link rel="stylesheet" type="text/css" href="/css/frontend/banners.css?1638480392"/>  <div id="header-notice">
            <div class="banner banner-alert">
  <span class="banner-title">FUEL SURCHARGE NOTICE</span>
  <p>Please Note: Due to rising fuel costs, a fuel surcharge has been applied to fares. Fares listed on our <a href="https://cohoferry.com/schedule-fares" target="_blank" rel="noopener">Fares & Schedule page</a> are inclusive of the fuel surcharge. Fuel surcharges are subject to change.</p>
</div>      </div>
<div id="header" class="container">
	<div id="idletimeout">
		Your reservation will be cleared in <span>
			<!-- countdown place holder -->
		</span>&nbsp;seconds due to inactivity.
		<a id="idletimeout-resume" href="#">Click here to continue your reservation</a>.
	</div>

	<div id="header-upper">
		<div id="header-left">
			<div id="mobile-nav-toggle">
				<div></div>
				Menu
			</div>
			<a id="site-logo" href="/"><img src="/img/frontend/logo.png" /></a>
		</div>
		<div id="header-right">

			<form id="header-search" method="post" action="/search">
				<div id="header-mag"></div>
				<label for="header-search">Search</label>
				<input id="header-search" type="text" name="q" value="" placeholder="Search...">
				<input type="submit" value="">
			</form>
			<div id="header-phone"><a href="/contact-us"><span></span><span>Contact Us</span></a></div>
			<div id="log-in"><a href="/users/home" class="log-in-link"><span><a href="/users/home" class="log-in-link header-link-desktop"></span></a><a href="/users/home" class="log-in-link">Log In </a></div>

		</div>
	</div>
	<div id="header-lower">
												</div>

		<div id="header-nav">
		<div id="header-nav-inner">
			<ul id="header-menu">
									    <li class="menu-item" id="hm-about-us" class="notactive">
      <a  href="/about-us">Our Ferry</a>              <ul class="submenu">
                          <li class="menu-item" id="hm-the-route" class="notactive">
      <a  href="/the-route">The Route</a>          </li>
                          <li class="menu-item" id="hm-whats-on-board" class="notactive">
      <a  href="/whats-on-board">What's On Board</a>          </li>
                          <li class="menu-item" id="hm-shopblackballcom" class="notactive">
      <a target="_blank" href="https://shop.blackball.com/">Online Gift Shop</a>          </li>
                          <li class="menu-item" id="hm-about-us" class="notactive">
      <a  href="/about-us">About Us</a>          </li>
                          <li class="menu-item" id="hm-faqs" class="notactive">
      <a  href="/faqs">FAQ</a>          </li>
                  </ul>
          </li>
									    <li class="menu-item" id="hm-schedule-fares" class="notactive">
      <a  href="/schedule-fares">Schedule + Fares</a>          </li>
									    <li class="menu-item" id="hm-travel-info" class="notactive">
      <a  href="/travel-info">Travel Information</a>              <ul class="submenu">
                          <li class="menu-item" id="hm-id-requirements" class="notactive">
      <a  href="/id-requirements">ID Requirements</a>          </li>
                          <li class="menu-item" id="hm-drive-on" class="notactive">
      <a  href="/drive-on">Drive-on Passengers</a>          </li>
                          <li class="menu-item" id="hm-walk-on-bike-on" class="notactive">
      <a  href="/walk-on-bike-on">Walk-on & Bicycle Passengers</a>          </li>
                          <li class="menu-item" id="hm-non-reserved-travel" class="notactive">
      <a  href="/non-reserved-travel">Non-reserved Travel</a>          </li>
                          <li class="menu-item" id="hm-commercial-vehicles" class="notactive">
      <a  href="/commercial-vehicles">Commercial Vehicles</a>          </li>
                          <li class="menu-item" id="hm-getting-here" class="notactive">
      <a  href="/getting-here">Getting Here</a>          </li>
                          <li class="menu-item" id="hm-parking" class="notactive">
      <a  href="/parking">Parking</a>          </li>
                          <li class="menu-item" id="hm-accessibility" class="notactive">
      <a  href="/accessibility">Accessibility</a>          </li>
                          <li class="menu-item" id="hm-traveling-with-pets" class="notactive">
      <a  href="/traveling-with-pets">Traveling with Pets</a>          </li>
                  </ul>
          </li>
									    <li class="menu-item" id="hm-packagesovernight" class="notactive">
      <a  href="/packages/overnight">Overnight Packages</a>              <ul class="submenu">
                          <li class="menu-item" id="hm-packagesovernightvictoria" class="notactive">
      <a  href="/packages/overnight/victoria">Victoria, BC</a>          </li>
                          <li class="menu-item" id="hm-packagesovernightvancouver-island" class="notactive">
      <a  href="/packages/overnight/vancouver-island">Vancouver Island, BC</a>          </li>
                          <li class="menu-item" id="hm-packagesovernightport-angeles" class="notactive">
      <a  href="/packages/overnight/port-angeles">Port Angeles, WA</a>          </li>
                          <li class="menu-item" id="hm-packagesovernightseattle" class="notactive">
      <a  href="/packages/overnight/seattle">Seattle, WA</a>          </li>
                  </ul>
          </li>
									    <li class="menu-item" id="hm-packagesday-trip" class="notactive">
      <a  href="/packages/day-trip">Day Trip Packages</a>              <ul class="submenu">
                          <li class="menu-item" id="hm-packagesday-tripvictoria" class="notactive">
      <a  href="/packages/day-trip/victoria">Victoria, BC</a>          </li>
                          <li class="menu-item" id="hm-packagesday-tripport-angeles" class="notactive">
      <a  href="/packages/day-trip/port-angeles">Port Angeles, WA</a>          </li>
                  </ul>
          </li>
									    <li class="menu-item" id="hm-seattle-to-victoria" class="notactive">
      <a  href="/seattle-to-victoria">Getting Around</a>              <ul class="submenu">
                          <li class="menu-item" id="hm-seattle-to-victoria" class="notactive">
      <a  href="/seattle-to-victoria">Seattle to Victoria</a>          </li>
                  </ul>
          </li>
													<li class="nav-book-now">
													<a href="/book-now">Book Now</a>
											</li>
							</ul>
			<select id="select_menu" onchange="location = this.value">
									<option value="/about-us">Our Ferry</option>
																		<option value="/the-route">&nbsp;&nbsp;&nbsp;&nbsp;The Route</option>
													<option value="/whats-on-board">&nbsp;&nbsp;&nbsp;&nbsp;What's On Board</option>
													<option value="https://shop.blackball.com/">&nbsp;&nbsp;&nbsp;&nbsp;Online Gift Shop</option>
													<option value="/about-us">&nbsp;&nbsp;&nbsp;&nbsp;About Us</option>
													<option value="/faqs">&nbsp;&nbsp;&nbsp;&nbsp;FAQ</option>
																				<option value="/schedule-fares">Schedule + Fares</option>
														<option value="/travel-info">Travel Information</option>
																		<option value="/id-requirements">&nbsp;&nbsp;&nbsp;&nbsp;ID Requirements</option>
													<option value="/drive-on">&nbsp;&nbsp;&nbsp;&nbsp;Drive-on Passengers</option>
													<option value="/walk-on-bike-on">&nbsp;&nbsp;&nbsp;&nbsp;Walk-on & Bicycle Passengers</option>
													<option value="/non-reserved-travel">&nbsp;&nbsp;&nbsp;&nbsp;Non-reserved Travel</option>
													<option value="/commercial-vehicles">&nbsp;&nbsp;&nbsp;&nbsp;Commercial Vehicles</option>
													<option value="/getting-here">&nbsp;&nbsp;&nbsp;&nbsp;Getting Here</option>
													<option value="/parking">&nbsp;&nbsp;&nbsp;&nbsp;Parking</option>
													<option value="/accessibility">&nbsp;&nbsp;&nbsp;&nbsp;Accessibility</option>
													<option value="/traveling-with-pets">&nbsp;&nbsp;&nbsp;&nbsp;Traveling with Pets</option>
																				<option value="/packages/overnight">Overnight Packages</option>
																		<option value="/packages/overnight/victoria">&nbsp;&nbsp;&nbsp;&nbsp;Victoria, BC</option>
													<option value="/packages/overnight/vancouver-island">&nbsp;&nbsp;&nbsp;&nbsp;Vancouver Island, BC</option>
													<option value="/packages/overnight/port-angeles">&nbsp;&nbsp;&nbsp;&nbsp;Port Angeles, WA</option>
													<option value="/packages/overnight/seattle">&nbsp;&nbsp;&nbsp;&nbsp;Seattle, WA</option>
																				<option value="/packages/day-trip">Day Trip Packages</option>
																		<option value="/packages/day-trip/victoria">&nbsp;&nbsp;&nbsp;&nbsp;Victoria, BC</option>
													<option value="/packages/day-trip/port-angeles">&nbsp;&nbsp;&nbsp;&nbsp;Port Angeles, WA</option>
																				<option value="/seattle-to-victoria">Getting Around</option>
																		<option value="/seattle-to-victoria">&nbsp;&nbsp;&nbsp;&nbsp;Seattle to Victoria</option>
																		</select>
		</div>
	</div>


	<!-- Main Navigation::END -->
</div>
		<!-- any flash messages goes here -->

		<script type="text/javascript" language="javascript">
			$(document).ready(function() {
				$("a.colorbox").colorbox({
					opacity: 0.5,
					photo: true,
					current: function() {
						return "<a href='" + this.href + "' download='" + this.href + "'>Download Image</a>"
					}
				});
			});
		</script>


<script type="text/javascript" language="javascript">
	$(document).ready(function() {
		$("#myTab a").click(function(e) {
			e.preventDefault();
			$(this).tab("show");
		})
		$(".tripRadio").change(function() {
			if ($("#oneway").is(":checked")) {
				$("#ReservationReturns").prop("disabled",true);
				$("#onewaydiv").hide();
				$("label[for=oneway]").addClass("active");
				$("label[for=roundtrip]").removeClass("active");
			} else {
				$("#ReservationReturns").prop("disabled",false);
				$("#onewaydiv").show();
				$("label[for=oneway]").removeClass("active");
				$("label[for=roundtrip]").addClass("active");
			}
		});
	});
</script>
<div class="row no_bm">

	<div id="slider-wrapper">
		<div id="trip-planner-wrapper">
			<div id="home-rotator">
				<div id="home-rotator-swiper" class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<a href="/packages/overnight/victoria">
								<img class="desktop-img" src="/img/slider/summer-desktop.jpg" />
								<img class="mobile-img" src="/img/slider/summer-mobile.jpg" />
							</a>
						</div>
						<div class="swiper-slide">
							<a href="/packages/victoria/the-butchart-gardens-with-round-trip-shuttle-from-downtown-victoria-and-ferry">
								<img class="desktop-img" src="/img/slider/2026-butchart-desktop.jpg" />
								<img class="mobile-img" src="/img/slider/2026-butchart-mobile.jpg" />
							</a>
						</div>
						<div class="swiper-slide">
							<a href="/day-trip-to-victoria-bc">
								<img class="desktop-img" src="/img/slider/victoriadaytrip-desktop.jpg" />
								<img class="mobile-img" src="/img/slider/victoriadaytrip-mobile.jpg" />
							</a>
						</div>
						<div class="swiper-slide">
							<a href="https://shop.blackball.com/">
								<img class="desktop-img" src="/img/slider/gift-shop-desktop-v2.jpg" />
								<img class="mobile-img" src="/img/slider/gift-shop-mobile-v2.jpg" />
							</a>
						</div>
						<div class="swiper-slide">
							<a href="/victoria-events">
								<img class="desktop-img" src="/img/slider/upcoming-events-banner-desktop.jpg" />
								<img class="mobile-img" src="/img/slider/upcoming-events-banner-mobile.jpg" />
							</a>
						</div>
						<div class="swiper-slide">
							<img class="desktop-img" src="/img/slider/cohobanner-desktop.jpg" />
							<img class="mobile-img" src="/img/slider/cohobanner-mobile.jpg" />
						</div>
					</div>
					<!-- Add Pagination -->
					<div class="swiper-pagination"></div>
					<!-- Add Arrows -->
					<div class="swiper-button-next"></div>
					<div class="swiper-button-prev"></div>
				</div>
				<script type="text/javascript" language="javascript">
					var swiper = new Swiper("#home-rotator-swiper",{
						spaceBetween: 30,
						speed: 1000,
						loop: true,
						effect: "fade",
						centeredSlides: true,
						autoplay: {
							delay: 5000,
							disableOnInteraction: false
						},
						pagination: {
							el: ".swiper-pagination",
							clickable: true
						},
						navigation: {
							nextEl: ".swiper-button-next",
							prevEl: ".swiper-button-prev"
						}
					});
				</script>
			</div>
			<div id="trip-planner" class="mobile">
				<div class="trip-planner-title mobile">
					<span>Make Your Reservation</span>
				</div>
				<ul class="nav nav-pills" id="myTab">
					<li id="ferry-only" class="active"><a href="#ferry"><span></span>Ferry Only</a></li>
					<li id="package-deal"><a href="#package"><span></span>Package Deal</a></li>
				</ul>
				<div class="tab-content mobile">
					<div class="tab-pane active" id="ferry">
						<form id="ferry-form-mobile" action="/book-now" method="post" style="display: block;">
							<div id="ferry-form-upper" class="mobile">
								<div id="trip-planner-type" class="mobile">
									<label for="roundtrip" class="active">
										<input id="roundtripmobile" class="tripRadio" type="radio" name="data[Reservation][trip_type]" value="round-trip"  checked="checked" /> <span><span>Round Trip</span></span>
									</label>
									<label for="oneway">
										<input id="onewaymobile" class="tripRadio" type="radio" name="data[Reservation][trip_type]" value="one-way"  /> <span><span>One way</span></span>
									</label>
								</div>
								<div class="starting-point mobile">
									<div class="form-group col-md-12">
										<select name="data[Reservation][depart_port]" id="ReservationDepartPortMobile">
											<option value=""  selected="selected">Starting point:</option>
											<option value="port-angeles" >Port Angeles</option>
											<option value="victoria" >Victoria</option>
										</select>
									</div>
								</div>
							</div>
							<div id="ferry-form-lower" class="mobile">
								<div class="vehicle-types mobile">
									<label class="sub-label mobile">Method of Travel</label>
									<div class="vehicle-types-buttons">
										<button class="home-booking-button toggle" value="walk-on" toggle-group="travel-mode" title="Walk-On"></button>
										<button class="home-booking-button toggle" value="drive-on" toggle-group="travel-mode" title="Drive-On"></button>
										<button class="home-booking-button toggle" value="motorcycle" toggle-group="travel-mode" title="Motorcycle"></button>
										<button class="home-booking-button toggle" value="bicycles" toggle-group="travel-mode" title="Bicycle"></button>
									</div>
									<input type="hidden" name="data[Reservation][inventory_id]" id="ReservationTravelModeMobile" value="" />
								</div>
								<input type="hidden" name="home-start" value="true" />
								<button id="searchButton" class="mobile" type="submit"><span>Book Now</span></button>
							</div>
						</form>
					</div>
				</div>
			</div>
			<div id="trip-planner">
				<div class="trip-planner-title"><span>Make Your</span><span>Reservation</span></div>
				<ul class="nav nav-pills" id="myTab">
					<li id="ferry-only" class="active"><a href="#ferry"><span></span>Ferry Only</a></li>
					<li id="package-deal"><a href="#package"><span></span>Package Deal</a></li>
				</ul>
				<div class="tab-content">
					<div class="tab-pane active" id="ferry">
						<form id="ferry-form" action="/book-now" method="post" style="display: block;">
							<div id="trip-planner-type">
								<label for="roundtrip" class="active">
									<input id="roundtrip" class="tripRadio" type="radio" name="data[Reservation][trip_type]" value="round-trip"  checked="checked" /> <span><span>Round Trip</span></span>
								</label>
								<label for="oneway">
									<input id="oneway" class="tripRadio" type="radio" name="data[Reservation][trip_type]" value="one-way"  /> <span><span>One way</span></span>
								</label>
							</div>
							<div class="starting-point">
								<div class="form-group col-md-12">
									<select name="data[Reservation][depart_port]" id="ReservationDepartPort">
										<option value=""  selected="selected">Starting point:</option>
										<option value="port-angeles" >Port Angeles</option>
										<option value="victoria" >Victoria</option>
									</select>
								</div>
							</div>
							<div class="vehicle-types">
								<label class="sub-label">Method of Travel</label>
								<div class="vehicle-types-buttons">
									<button class="home-booking-button toggle" value="walk-on" toggle-group="travel-mode" title="Walk-On"></button>
									<button class="home-booking-button toggle" value="drive-on" toggle-group="travel-mode" title="Drive-On"></button>
									<button class="home-booking-button toggle" value="motorcycle" toggle-group="travel-mode" title="Motorcycle"></button>
									<button class="home-booking-button toggle" value="bicycles" toggle-group="travel-mode" title="Bicycle"></button>
								</div>
								<input type="hidden" name="data[Reservation][inventory_id]" id="ReservationTravelMode" value="" />
							</div>
							<input type="hidden" name="home-start" value="true" />
							<button id="searchButton" type="submit"><span>Book Now</span></button>
						</form>
					</div>
				</div>
			</div>
		</div>
		<div id="trip-planner" class="mobile">
			<div class="trip-planner-title mobile">
				<span>Make Your Reservation</span>
			</div>
			<ul class="nav nav-pills" id="myTab">
				<li id="ferry-only" class="active"><a href="#ferry"><span></span>Ferry Only</a></li>
				<li id="package-deal"><a href="#package"><span></span>Package Deal</a></li>
			</ul>
			<div class="tab-content mobile">
				<div class="tab-pane active" id="ferry">
					<form id="ferry-form-mobile" action="/book-now" method="post" style="display: block;">
						<div id="ferry-form-upper" class="mobile">
							<div id="trip-planner-type" class="mobile">
								<label for="roundtrip" class="active">
									<input id="roundtrip" class="tripRadio" type="radio" name="data[Reservation][trip_type]" value="round-trip"  checked="checked" /> <span><span>Round Trip</span></span>
								</label>
								<label for="oneway">
									<input id="oneway" class="tripRadio" type="radio" name="data[Reservation][trip_type]" value="one-way"  /> <span><span>One way</span></span>
								</label>
							</div>
							<div class="starting-point mobile">
								<div class="form-group col-md-12">
									<select name="data[Reservation][depart_port]" id="ReservationDepartPort">
										<option value=""  selected="selected">Starting point:</option>
										<option value="port-angeles" >Port Angeles</option>
										<option value="victoria" >Victoria</option>
									</select>
								</div>
							</div>
						</div>
						<div id="ferry-form-lower" class="mobile">
							<div class="vehicle-types mobile">
								<label class="sub-label mobile">Method of Travel</label>
								<div class="vehicle-types-buttons">
									<button class="home-booking-button toggle" value="walk-on" toggle-group="travel-mode" title="Walk-On"></button>
									<button class="home-booking-button toggle" value="drive-on" toggle-group="travel-mode" title="Drive-On"></button>
									<button class="home-booking-button toggle" value="motorcycle" toggle-group="travel-mode" title="Motorcycle"></button>
									<button class="home-booking-button toggle" value="bicycles" toggle-group="travel-mode" title="Bicycle"></button>
								</div>
								<input type="hidden" name="data[Reservation][inventory_id]" id="ReservationTravelMode" value="" />
							</div>
							<input type="hidden" name="home-start" value="true" />
							<button id="searchButton" class="mobile" type="submit"><span>Book Now</span></button>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>
</div>
</div>
<!-- Sequence Slider::END-->
</div>
<div id="page-container">
	<div id="home-package-deals" class="content-block block">
		<div class="block-inner">
			<h2>Exclusive Package Deals</h2>
			<p class="home-package-p">Save time and money with package deals on hotels, attractions and special events in Victoria, Port Angeles and beyond. Save BIG on some of the region’s top hotels and receive FREE hotel parking! We’ll also waive your ferry reservation fee. PLUS! When two adults travel with a hotel package, up to two children age 11 and under can stay and sail for free.</p>
		</div>
		<div id="home-package-deals-carousel">
			<div id="swiper-button-prev-2" class="swiper-button-prev"></div>
			<div id="swiper-button-next-2" class="swiper-button-next"></div>
			<div id="home-package-deals-swiper" class="swiper-container">
				<div class="swiper-wrapper">
	<a  href="/packages/victoria/the-butchart-gardens-with-round-trip-shuttle-from-downtown-victoria-and-ferry"  class="booking-hotel-item card swiper-slide" hotel-id="31" room-id="" featured="Yes" location-id="10" location-name="Victoria, BC" price="126.00" >
		<div class="card-inner">
			<div class="bhi-inner">
				<div class="bhi-icon"></div>
				<div class="card-info">
					<img class="card-info-bg" src="/img/attraction-providers/o_1fmt4u71l1u2c6ker4k3ki1lqbr.jpg" border="0" />
					<div class="card-title-spacer"></div>
				</div>
				<div class="card-img">
					<img src="/img/attraction-providers/o_1fmt4u71l1u2c6ker4k3ki1lqbr.jpg" border="0" />
				</div>
				<div class="card-price hotels combos">
					<img class="card-price-bg" src="/img/attraction-providers/o_1fmt4u71l1u2c6ker4k3ki1lqbr.jpg" border="0" />
					<div class="combos-hotels-inner">
						<div class="card-title-inner">
							<div class="card-title">The Butchart Gardens with Round Trip Shuttle from Downtown Victoria and Ferry</div>
							<div class="card-location">Victoria, BC</div>
						</div>
						<div class="card-price-inner">
							<div class="card-price-upper">
								<span class="price-from">FROM</span>
								<span class="price-dollars">126</span>
								<span class="price-cents">.00</span>
								<span class="price-currency">USD PP									<div class="hotel-question-icon hover">
										<img src="/app/webroot/img/frontend/question-icon-2.png">
									</div>
									<div class="question-info-box">
										<p>This is the base rate per person with walk-on ferry fare. Vehicle fare is an additional fee.</p>
										<div class="arrow bottom right"></div>
									</div>
								</span>
							</div>
						</div>
					</div>
				</div>
				<div class="combinations card-button">
					<div class="card-button-book">More Info</div>
				</div>
			</div>
		</div>
	</a>

	<a  href="/packages/port-angeles/olympic-lodge-by-ayres-with-ferry"  class="booking-hotel-item card swiper-slide" hotel-id="48" room-id="" featured="Yes" location-id="11" location-name="Port Angeles, WA" price="189.00" >
		<div class="card-inner">
			<div class="bhi-inner">
				<div class="bhi-icon"></div>
				<div class="card-info">
					<img class="card-info-bg" src="/img/hotels/o_1fjeul7ln15jjlhi13q9efu189qq.png" border="0" />
					<div class="card-title-spacer"></div>
				</div>
				<div class="card-img">
					<img src="/img/hotels/o_1fjeul7ln15jjlhi13q9efu189qq.png" border="0" />
				</div>
				<div class="card-price hotels combos">
					<img class="card-price-bg" src="/img/hotels/o_1fjeul7ln15jjlhi13q9efu189qq.png" border="0" />
					<div class="combos-hotels-inner">
						<div class="card-title-inner">
							<div class="card-title">Olympic Lodge by Ayres with Ferry</div>
							<div class="card-location">Port Angeles, WA</div>
						</div>
						<div class="card-price-inner">
							<div class="card-price-upper">
								<span class="price-from">FROM</span>
								<span class="price-dollars">175</span>
								<span class="price-cents">.00</span>
								<span class="price-currency">USD PP/DO*									<div class="hotel-question-icon hover">
										<img src="/app/webroot/img/frontend/question-icon-2.png">
									</div>
									<div class="question-info-box">
										<p>This is the base rate per person, based on double occupancy with walk-on ferry fare. Vehicle fare is an additional fee.</p>
										<div class="arrow bottom right"></div>
									</div>
								</span>
							</div>
							<div class="card-post-tax-price">
								<span class="price-dollars">189</span>
								<span class="price-cents">.00</span>
								<span>USD PP/DO* INCLUDING TAX</span>
								<div class="ppdoExplain">
									* per person / double occupancy
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="combinations card-button">
					<div class="card-button-book">More Info</div>
				</div>
			</div>
		</div>
	</a>

	<a  href="/packages/port-angeles/7-cedars-resort-with-ferry"  class="booking-hotel-item card swiper-slide" hotel-id="49" room-id="" featured="Yes" location-id="11" location-name="Port Angeles, WA" price="160.00" >
		<div class="card-inner">
			<div class="bhi-inner">
				<div class="bhi-icon"></div>
				<div class="card-info">
					<img class="card-info-bg" src="/img/hotels/o_1flp8ltetmi99ad1g3v12kb1k5m1r.jpg" border="0" />
					<div class="card-title-spacer"></div>
				</div>
				<div class="card-img">
					<img src="/img/hotels/o_1flp8ltetmi99ad1g3v12kb1k5m1r.jpg" border="0" />
				</div>
				<div class="card-price hotels combos">
					<img class="card-price-bg" src="/img/hotels/o_1flp8ltetmi99ad1g3v12kb1k5m1r.jpg" border="0" />
					<div class="combos-hotels-inner">
						<div class="card-title-inner">
							<div class="card-title">7 Cedars Resort with Ferry</div>
							<div class="card-location">Port Angeles, WA</div>
						</div>
						<div class="card-price-inner">
							<div class="card-price-upper">
								<span class="price-from">FROM</span>
								<span class="price-dollars">151</span>
								<span class="price-cents">.00</span>
								<span class="price-currency">USD PP/DO*									<div class="hotel-question-icon hover">
										<img src="/app/webroot/img/frontend/question-icon-2.png">
									</div>
									<div class="question-info-box">
										<p>This is the base rate per person, based on double occupancy with walk-on ferry fare. Vehicle fare is an additional fee.</p>
										<div class="arrow bottom right"></div>
									</div>
								</span>
							</div>
							<div class="card-post-tax-price">
								<span class="price-dollars">160</span>
								<span class="price-cents">.00</span>
								<span>USD PP/DO* INCLUDING TAX</span>
								<div class="ppdoExplain">
									* per person / double occupancy
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="combinations card-button">
					<div class="card-button-book">More Info</div>
				</div>
			</div>
		</div>
	</a>

	<a  href="/packages/port-angeles/elevate-outdoors-kayaking-tours-with-ferry"  class="booking-hotel-item card swiper-slide" hotel-id="93" room-id="" featured="Yes" location-id="11" location-name="Port Angeles, WA" price="175.00" >
		<div class="card-inner">
			<div class="bhi-inner">
				<div class="bhi-icon"></div>
				<div class="card-info">
					<img class="card-info-bg" src="/img/attraction-providers/o_1hm876h652fh8tkdf917th12mgl.jpg" border="0" />
					<div class="card-title-spacer"></div>
				</div>
				<div class="card-img">
					<img src="/img/attraction-providers/o_1hm876h652fh8tkdf917th12mgl.jpg" border="0" />
				</div>
				<div class="card-price hotels combos">
					<img class="card-price-bg" src="/img/attraction-providers/o_1hm876h652fh8tkdf917th12mgl.jpg" border="0" />
					<div class="combos-hotels-inner">
						<div class="card-title-inner">
							<div class="card-title">Elevate Outdoors Kayaking Tours with Ferry</div>
							<div class="card-location">Port Angeles, WA</div>
						</div>
						<div class="card-price-inner">
							<div class="card-price-upper">
								<span class="price-from">FROM</span>
								<span class="price-dollars">175</span>
								<span class="price-cents">.00</span>
								<span class="price-currency">USD PP									<div class="hotel-question-icon hover">
										<img src="/app/webroot/img/frontend/question-icon-2.png">
									</div>
									<div class="question-info-box">
										<p>This is the base rate per person with walk-on ferry fare. Vehicle fare is an additional fee.</p>
										<div class="arrow bottom right"></div>
									</div>
								</span>
							</div>
						</div>
					</div>
				</div>
				<div class="combinations card-button">
					<div class="card-button-book">More Info</div>
				</div>
			</div>
		</div>
	</a>

	<a  href="/packages/victoria/afternoon-tea-at-the-pendray-tea-house-with-ferry"  class="booking-hotel-item card swiper-slide" hotel-id="53" room-id="" featured="Yes" location-id="10" location-name="Victoria, BC" price="110.00" >
		<div class="card-inner">
			<div class="bhi-inner">
				<div class="bhi-icon"></div>
				<div class="card-info">
					<img class="card-info-bg" src="/img/attraction-providers/o_1e1k8ghr0hgrmq1ba21iv2hg4l.jpg" border="0" />
					<div class="card-title-spacer"></div>
				</div>
				<div class="card-img">
					<img src="/img/attraction-providers/o_1e1k8ghr0hgrmq1ba21iv2hg4l.jpg" border="0" />
				</div>
				<div class="card-price hotels combos">
					<img class="card-price-bg" src="/img/attraction-providers/o_1e1k8ghr0hgrmq1ba21iv2hg4l.jpg" border="0" />
					<div class="combos-hotels-inner">
						<div class="card-title-inner">
							<div class="card-title">Afternoon Tea at the Pendray Tea House with Ferry</div>
							<div class="card-location">Victoria, BC</div>
						</div>
						<div class="card-price-inner">
							<div class="card-price-upper">
								<span class="price-from">FROM</span>
								<span class="price-dollars">110</span>
								<span class="price-cents">.00</span>
								<span class="price-currency">USD PP									<div class="hotel-question-icon hover">
										<img src="/app/webroot/img/frontend/question-icon-2.png">
									</div>
									<div class="question-info-box">
										<p>This is the base rate per person with walk-on ferry fare. Vehicle fare is an additional fee.</p>
										<div class="arrow bottom right"></div>
									</div>
								</span>
							</div>
						</div>
					</div>
				</div>
				<div class="combinations card-button">
					<div class="card-button-book">More Info</div>
				</div>
			</div>
		</div>
	</a>

	<a  href="/packages/port-angeles/discover-ebike-rentals-with-ferry"  class="booking-hotel-item card swiper-slide" hotel-id="55" room-id="" featured="Yes" location-id="11" location-name="Port Angeles, WA" price="186.00" >
		<div class="card-inner">
			<div class="bhi-inner">
				<div class="bhi-icon"></div>
				<div class="card-info">
					<img class="card-info-bg" src="/img/attraction-providers/o_1gpvso45leopvej15du3vkee2k.jpg" border="0" />
					<div class="card-title-spacer"></div>
				</div>
				<div class="card-img">
					<img src="/img/attraction-providers/o_1gpvso45leopvej15du3vkee2k.jpg" border="0" />
				</div>
				<div class="card-price hotels combos">
					<img class="card-price-bg" src="/img/attraction-providers/o_1gpvso45leopvej15du3vkee2k.jpg" border="0" />
					<div class="combos-hotels-inner">
						<div class="card-title-inner">
							<div class="card-title">Discover E-Bike Rentals with Ferry</div>
							<div class="card-location">Port Angeles, WA</div>
						</div>
						<div class="card-price-inner">
							<div class="card-price-upper">
								<span class="price-from">FROM</span>
								<span class="price-dollars">186</span>
								<span class="price-cents">.00</span>
								<span class="price-currency">USD PP									<div class="hotel-question-icon hover">
										<img src="/app/webroot/img/frontend/question-icon-2.png">
									</div>
									<div class="question-info-box">
										<p>This is the base rate per person with walk-on ferry fare. Vehicle fare is an additional fee.</p>
										<div class="arrow bottom right"></div>
									</div>
								</span>
							</div>
						</div>
					</div>
				</div>
				<div class="combinations card-button">
					<div class="card-button-book">More Info</div>
				</div>
			</div>
		</div>
	</a>

	<a  href="/packages/victoria/malahat-skywalk-with-ferry"  class="booking-hotel-item card swiper-slide" hotel-id="70" room-id="" featured="Yes" location-id="10" location-name="Victoria, BC" price="84.00" >
		<div class="card-inner">
			<div class="bhi-inner">
				<div class="bhi-icon"></div>
				<div class="card-info">
					<img class="card-info-bg" src="/img/attraction-providers/o_1ftjcerjn83e1skf11ua58m1sfmn.jpg" border="0" />
					<div class="card-title-spacer"></div>
				</div>
				<div class="card-img">
					<img src="/img/attraction-providers/o_1ftjcerjn83e1skf11ua58m1sfmn.jpg" border="0" />
				</div>
				<div class="card-price hotels combos">
					<img class="card-price-bg" src="/img/attraction-providers/o_1ftjcerjn83e1skf11ua58m1sfmn.jpg" border="0" />
					<div class="combos-hotels-inner">
						<div class="card-title-inner">
							<div class="card-title">Malahat SkyWalk with Ferry</div>
							<div class="card-location">Victoria, BC</div>
						</div>
						<div class="card-price-inner">
							<div class="card-price-upper">
								<span class="price-from">FROM</span>
								<span class="price-dollars">84</span>
								<span class="price-cents">.00</span>
								<span class="price-currency">USD PP									<div class="hotel-question-icon hover">
										<img src="/app/webroot/img/frontend/question-icon-2.png">
									</div>
									<div class="question-info-box">
										<p>This is the base rate per person with walk-on ferry fare. Vehicle fare is an additional fee.</p>
										<div class="arrow bottom right"></div>
									</div>
								</span>
							</div>
						</div>
					</div>
				</div>
				<div class="combinations card-button">
					<div class="card-button-book">More Info</div>
				</div>
			</div>
		</div>
	</a>

	<a  href="/packages/vancouver-island/best-western-dorchester-nanaimo-with-ferry"  class="booking-hotel-item card swiper-slide" hotel-id="108" room-id="" featured="Yes" location-id="14" location-name="Vancouver Island, BC" price="112.00" >
		<div class="card-inner">
			<div class="bhi-inner">
				<div class="bhi-icon"></div>
				<div class="card-info">
					<img class="card-info-bg" src="/img/hotels/o_1ii863uht1o5g1vft1sja1jsg16tju.jpg" border="0" />
					<div class="card-title-spacer"></div>
				</div>
				<div class="card-img">
					<img src="/img/hotels/o_1ii863uht1o5g1vft1sja1jsg16tju.jpg" border="0" />
				</div>
				<div class="card-price hotels combos">
					<img class="card-price-bg" src="/img/hotels/o_1ii863uht1o5g1vft1sja1jsg16tju.jpg" border="0" />
					<div class="combos-hotels-inner">
						<div class="card-title-inner">
							<div class="card-title">Best Western Dorchester Nanaimo with Ferry</div>
							<div class="card-location">Vancouver Island, BC</div>
						</div>
						<div class="card-price-inner">
							<div class="card-price-upper">
								<span class="price-from">FROM</span>
								<span class="price-dollars">104</span>
								<span class="price-cents">.00</span>
								<span class="price-currency">USD PP/DO*									<div class="hotel-question-icon hover">
										<img src="/app/webroot/img/frontend/question-icon-2.png">
									</div>
									<div class="question-info-box">
										<p>This is the base rate per person, based on double occupancy with walk-on ferry fare. Vehicle fare is an additional fee.</p>
										<div class="arrow bottom right"></div>
									</div>
								</span>
							</div>
							<div class="card-post-tax-price">
								<span class="price-dollars">112</span>
								<span class="price-cents">.00</span>
								<span>USD PP/DO* INCLUDING TAX</span>
								<div class="ppdoExplain">
									* per person / double occupancy
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="combinations card-button">
					<div class="card-button-book">More Info</div>
				</div>
			</div>
		</div>
	</a>

	<a  href="/packages/port-angeles/red-lion-hotel-port-angeles-harbor-with-ferry"  class="booking-hotel-item card swiper-slide" hotel-id="20" room-id="" featured="Yes" location-id="11" location-name="Port Angeles, WA" price="163.00" >
		<div class="card-inner">
			<div class="bhi-inner">
				<div class="bhi-icon"></div>
				<div class="card-info">
					<img class="card-info-bg" src="/img/hotels/o_1ep7e801rd9e1opki5l1gli1419r.jpg" border="0" />
					<div class="card-title-spacer"></div>
				</div>
				<div class="card-img">
					<img src="/img/hotels/o_1ep7e801rd9e1opki5l1gli1419r.jpg" border="0" />
				</div>
				<div class="card-price hotels combos">
					<img class="card-price-bg" src="/img/hotels/o_1ep7e801rd9e1opki5l1gli1419r.jpg" border="0" />
					<div class="combos-hotels-inner">
						<div class="card-title-inner">
							<div class="card-title">Red Lion Hotel Port Angeles Harbor with Ferry</div>
							<div class="card-location">Port Angeles, WA</div>
						</div>
						<div class="card-price-inner">
							<div class="card-price-upper">
								<span class="price-from">FROM</span>
								<span class="price-dollars">151</span>
								<span class="price-cents">.00</span>
								<span class="price-currency">USD PP/DO*									<div class="hotel-question-icon hover">
										<img src="/app/webroot/img/frontend/question-icon-2.png">
									</div>
									<div class="question-info-box">
										<p>This is the base rate per person, based on double occupancy with walk-on ferry fare. Vehicle fare is an additional fee.</p>
										<div class="arrow bottom right"></div>
									</div>
								</span>
							</div>
							<div class="card-post-tax-price">
								<span class="price-dollars">163</span>
								<span class="price-cents">.00</span>
								<span>USD PP/DO* INCLUDING TAX</span>
								<div class="ppdoExplain">
									* per person / double occupancy
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="combinations card-button">
					<div class="card-button-book">More Info</div>
				</div>
			</div>
		</div>
	</a>

				</div>
				<!-- Add Pagination -->
				<div class="swiper-pagination"></div>
			</div>
			<script type="text/javascript" language="javascript">
				var swiper = new Swiper("#home-package-deals-swiper",{
					// Default parameters
					slidesPerView: 1,
					spaceBetween: 10,
					// Responsive breakpoints
					breakpoints: {
						320: {// when window width is >= 320px
							slidesPerView: 1,
							spaceBetween: 0
						},
						580: {// when window width is >= 480px
							slidesPerView: 2,
							spaceBetween: 3
						},
						840: {// when window width is >= 640px
							slidesPerView: 3,
							spaceBetween: 5
						},
						1150: {// when window width is >= 640px
							slidesPerView: 4,
							spaceBetween: 5
						},
						1500: {
							slidesPerView: 5,
							spaceBetween: 5
						}
					},
					autoplay: {
						delay: 8000,
						disableOnInteraction: false
					},
					speed: 1000,
					loop: true,
					effect: "slide",
					pagination: {
						el: ".swiper-pagination",
						clickable: true
					},
					navigation: {
						nextEl: "#swiper-button-next-2",
						prevEl: "#swiper-button-prev-2"
					}
				});
			</script>
		</div>
		<div class="button-wrap center">
			<a class="button button-primary" href="/packages/overnight"><span>More Package Deals</span></a>
		</div>
	</div>
	<div id="home-welcome-aboard" class="content-block block background-img">
		<div class="block-overlay">
			<div class="block-inner-spacer"></div>
			<div class="block-inner">
				<h2>Welcome Aboard</h2>
				<div class="grid grid-4">
					<a href="/duty-free" class="grid-item">
						<img src="/img/pages/banners/welcome-aboard-icon-1.png" />
						<h3 class="home-welcome">Duty Free</h3>
					</a>
					<a href="/tour-desk" class="grid-item">
						<img src="/img/pages/banners/welcome-aboard-icon-2.png" />
						<h3 class="home-welcome">Tour Desk</h3>
					</a>
					<a href="/coffee-shop" class="grid-item">
						<img src="/img/pages/banners/welcome-aboard-icon-3.png" />
						<h3 class="home-welcome">Coffee Shop</h3>
					</a>
					<a href="/gift-shop" class="grid-item">
						<img src="/img/pages/banners/welcome-aboard-icon-4.png" />
						<h3 class="home-welcome">Gift Shop</h3>
					</a>
				</div>
			</div>
		</div>
		<img src="/img/frontend/Welcome-aboard-blue.png" />
	</div>
	<div id="home-articles" class="content-block block">
		<div class="block-inner">
			<h2>Recent Articles</h2>
			<div class="grid grid-2">
				<div class="grid-item">
					<a href="/articles/op-winter-itinerary-outdoor-adventure" class="post-item">
						<div class="home-article-thumb">
							<img src="/img/pages/banners/3-mobile.jpg" />
						</div>
						<h3>Olympic Peninsula 2-Day Winter Itinerary: Outdoor Adventure</h3>
						<div class="list-article-posted-date">
							<div href="/articles?cat=olympic-peninsula" class="category-link">Olympic Peninsula, WA</div>						</div>
						<div class="home-article-content">
							<p>Get ready for an outdoor adventure on the Olympic Peninsula! Embark on a scenic cycling ride, winter sports at Hurricane ridge, peaceful sunsets, and unwind in a cozy room at a local hotel!
Day One
10:30am: Depart from Victoria. We recommend taking the 10:30am sailing to maximize your time on the Olympic Peninsula.If you are traveling in a vehicle, you must be at the terminal 90 minutes prior to your departure, or 30 minutes prior if you are traveling as a walk-on passenger.
12:00pm: Arrive in Port Angeles and go through US Customs.

Olympic Discovery Trail.
12:30pm: Cycle along the Olympic Discovery Trail! Starting along the scenic waterfront right by the Black Ball terminal, the trail takes you through lush forests, over picturesque bridges, and alongside rivers. With a mix of paved and gravel paths, the trail is suitable for all levels. Whether you&rsquo;re looking for a short ride or a multi-day adventure, this trail offers a true Pacific Northwest experience.
RENT E-BIKES
4:00pm: Check in to your room at a local hotel &mdash; Browse options here!&nbsp;
5:00pm: End your day with a visit to Freshwater Bay, where you&rsquo;ll be treated to a stunning sunset. This hidden gem boasts a serene beach and sweeping views of the Strait of Juan de Fuca. The short path to the beach remains accessible year-round, making it a convenient and worthwhile stop. As the sun sinks below the horizon, take in the peaceful surroundings and the gentle sound of the waves along the shore.
6:00pm: Before heading back to the hotel, stop for dinner in downtown Port Angeles. We recommend the following:Midtown Public House (633 E 1st Street): Asian fusion pub food served with wine and beer on tap.The Rail&nbsp;(128 E Railroad Avenue): Our favorite burger on the Olympic Peninsula.Kokopelli Grill&nbsp;(203 E Front Street): A local favorite, serving up steak &amp; seafood.
Day Two

Hurricane Ridge.
8:30am: Head up to Hurricane Ridge &mdash; Visiting Hurricane Ridge in the winter offers a magical experience with snow-covered landscapes and breathtaking mountain views. Whether you&rsquo;re skiing, snowshoeing, or simply taking in the scenery, the ridge provides a peaceful escape. Keep an eye out for wildlife and enjoy the crisp air as you explore this snowy wonderland.Please check the Hurricane Ridge website here to see if the road to Hurricane Ridge is currently open. The winter season at Hurricane Ridge usually begins in late-November.If the road is closed, we recommend opting for a scenic walk at Lake Crescent instead. Start with an easy 2 mile / 3.2 km hike through a lush old-growth forest that will lead you to the stunning Marymere Falls. After visiting the falls, we recommend taking some time to explore around Lake Crescent &mdash; and be sure to take a look inside the historic Lake Crescent Lodge.
12:30pm: Have a quick bite to eat before taking the ferry back to Victoria. We recommend the following:The Strait Slice Pizza Co.: 136 E 1st Street, 6-min walk from Black Ball's Port Angeles terminal.&nbsp;The Great Northern Coffee Bar: 118 W 1st Street, 5-min walk from Black Ball's Port Angeles terminal.&nbsp;Little Devil&rsquo;s Lunchbox: 315 E 1st Street, 10-min walk from Black Ball's Port Angeles terminal.&nbsp;
2:00pm: Depart from Port Angeles. If you are traveling in a vehicle, you must be at the terminal 60 minutes prior to your departure, or 30 minutes prior if you are traveling as a walk-on passenger.
3:30pm: Arrive in Victoria and go through Canada Customs.</p>
						</div>
						<div class="button-wrap center">
							<div class="button button-primary"><span>Read More</span></div>
						</div>
					</a>
				</div>
				<div class="grid-item">
					<a href="/articles/op-winter-itinerary-family-friendly" class="post-item">
						<div class="home-article-thumb">
							<img src="/img/pages/banners/2-mobileweb.jpg" />
						</div>
						<h3>How to Spend Your Family Friendly Winter Getaway in Port Angeles, WA</h3>
						<div class="list-article-posted-date">
							<div href="/articles?cat=victoria" class="category-link">Victoria, BC</div>						</div>
						<div class="home-article-content">
							<p>Looking for a family getaway this winter? Port Angeles, located on the scenic Olympic Peninsula, offers a wonderful blend of adventure and unforgettable experiences for all ages. Embark on a two-day, family-friendly journey and enjoy snow sports at Hurricane Ridge, ice skating at the Port Angeles Winter Ice Village, and an exciting wildlife adventure to the Olympic Game Farm.&nbsp;
Day One
10:30am: Depart from Victoria. We recommend taking the 10:30am sailing to maximize your time on the Olympic Peninsula.If you are traveling in a vehicle, you must be at the terminal 90 minutes prior to your departure, or 30 minutes prior if you are traveling as a walk-on passenger.
12:00pm: Arrive in Port Angeles and go through US Customs.
12:15pm: Enjoy lunch in Port Angeles. We recommend one of the following:Barhop Brewing and Artisan Pizza: 124 W Railroad Avenue, 1-min walk from Black Ball's Port Angeles terminal.First Street Haven:&nbsp;107 E 1st Street, 4-min walk from&nbsp;Black Ball's Port Angeles terminal.New Day Eatery: 102 W Front Street, 2-min walk from Black Ball's Port Angeles terminal.

Bear waving at the Olympic Game Farm.
2:30pm: Visit the Olympic Game Farm! Originally a filming site for Disney, the Olympic Game Farm is now home to a variety of animals, including bison, elk, bears, and zebras. Visitors can drive through the park and get up close to the animals, feeding them bread through car windows for an interactive experience. It&rsquo;s a fantastic way to see wildlife in a natural setting, with opportunities to learn about animal care and conservation.
Please Note: The Olympic Game Farm is about a 30-min drive from Port Angeles.
4:00pm: Check in to your hotel in Port Angeles &mdash; Browse hotel options here!
5:30pm: Make your way into downtown Port Angeles for dinner. We suggest checking out the following:The Rail (128 E Railroad Avenue): Gourmet burger joint on Port Angeles' waterfront.Sabai Thai (908 W 8th Street): Delicious, authentic thai food in the heart of Port Angeles.Kokopelli Grill (203 E Front Street): Fresh, local seafood &mdash; A must try in the PNW.

Welly's Real Fruit Ice Cream. Credit: Welly's, Angelina Morales Photography.
Bonus! Enjoy an ice cream cone at Welly's after dinner.
7:30pm: Go ice skating at the Port Angeles Winter Ice Village for a magical experience! Set in the heart of downtown, this festive outdoor rink offers a joyful winter escape complete with twinkly lights, cozy fire pits, and hot cocoa. Skate rentals are available, making it easy for everyone to join in the fun.
Please Note: The ice rink is open for the season after November 21st, 2025.
Day Two
7:30am:&nbsp;Head up to Hurricane Ridge for some winter fun! Located in Olympic National Park, Hurricane Ridge is a stunning place to enjoy snow sports and breathtaking mountain views at the same time. Whether you explore the trails with snowshoes, sled down the slopes, or build a snowman, this snowy wonderland offers endless adventure.Please check the Hurricane Ridge website here to see if the road to Hurricane Ridge is currently open. The winter season at Hurricane Ridge usually begins in late-November.
&nbsp;

Salt Creek Recreation Area.
Alternatively, you can go tidepooling at one of the many beaches on the Olympic Peninsula. We recommend Salt Creek Recreation Area or the Kalaloch Beaches. Be sure to check current tides before heading out!
12:00pm: Stop by the Feiro Marine Life Center for some immersive and educational fun! Located along the waterfront, Feiro Marine Life Center offers visitors the chance to explore the diverse marine life of the Pacific Northwest. The center features interactive touch tanks where kids and adults can get up close to sea stars, urchins, anemones, and more. Knowledgeable staff and volunteers provide fascinating insights into local ecosystems and conservation efforts.
Please Note: Feiro Marine Life Center is closed on Tuesday and Wednesday.
12:30pm: Grab a quick bite to eat before heading home.Next Door Gastropub: 113 W 1st Street, 4-min walk from Black Ball's Port Angeles terminal.Hook &amp; Line Pub: 201 E Front Street, 4-min walk from Black Ball's Port Angeles terminal.
2:00pm: Depart from Port Angeles. If you are traveling in a vehicle, you must be at the terminal 60 minutes prior to your departure, or 30 minutes prior if you are traveling as a walk-on passenger.
3:30pm: Arrive in Victoria and go through Canada Customs.</p>
						</div>
						<div class="button-wrap center">
							<div class="button button-primary"><span>Read More</span></div>
						</div>
					</a>
				</div>
			</div>
		</div>
	</div>
<div id="home-route" class="content-block block background-img">
	<div class="block-overlay">
		<div class="block-inner-spacer"></div>
		<div class="block-inner">
			<div class="content-left">
				<h2>
The Route
				</h2>
<p>Black Ball Ferry Line operates the M.V. Coho passenger and vehicle ferry linking Victoria, BC on Vancouver Island with Port Angeles, WA on the scenic Olympic Peninsula. It is the most direct ferry crossing between Victoria and the United States, with daily, year-round service provided. </p>

<p>The 90-minute, 22.59 nautical mile (42 km) trip is a scenic journey through the Strait of Juan de Fuca. During the crossing, enjoy the ship’s many amenities including the cafeteria, gift shop, duty free store, comfortable interior lounges, solarium and pet-friendly areas.</p>
			</div>
		</div>
	</div>
	<img class="the-route-desktop" src="/img/pages/banners/the-route-hero.jpg" />
	<img class="the-route-mobile" src="/img/pages/banners/route-map-mobile.jpg" />
</div>
</div>
			<div class="clear"></div>
		</div>
		<!-- Footer -->
<div id="newsletter">
	<div id="newsletter-inner">
		<div id="newsletter-icon"></div>
		<h3>Subscribe to our Newsletter</h3>
		<form id="newsletter-form" method="post" action="/">
			<!--<input type="text" placeholder="Email Address" value="" />-->
			<a class="button button-primary red" href="https://app.e2ma.net/app2/audience/signup/2008664/1726574/" ><span>Sign Up!</span></a>
		</form>
	</div>
</div>
<div id="footer">
	<div id="footer-inner">
		<div id="footer-nav">
			<div class="footer-col footer-col-6">
				<div class="footer-heading">
					<a href="/contact-us">Contact Us</a>
				</div>
				<div class="footer-subheading footer-port-angeles-terminal">Port Angeles Terminal</div>
				<p>101 E. Railroad Avenue<br />
					Port Angeles, WA 98362</p>
				<div class="footer-phone-wrapper">
					<a href="tel:18889933779">1-888-99-FERRY</a>
					<a href="tel:13604574491">1-360-457-4491</a>
				</div>
				<div class="footer-subheading footer-victoria-terminal">Victoria Terminal</div>
				<p>430 Belleville Street<br />
					Victoria, BC V8V 1W9</p>
				<div class="footer-phone-wrapper">
					<a href="tel:18002646475">1-800-COHO-475</a>
					<a href="tel:12503862202">1-250-386-2202</a>
				</div>
			</div>
			<div class="footer-col footer-col-1">
				<a href="/">Home</a>
				<a href="/schedule-fares">Schedule & Fares</a>
				<a href="/packages/overnight">Overnight Packages</a>
				<a href=" /packages/day-trip">Day Trip Packages</a>
				<a href="/seattle-to-victoria">Getting Around</a>
				<a class="button red" href="/book-now"><span>Reserve Today!</span></a>
			</div>

			<div class="footer-col footer-col-3 hide">
				<div class="footer-heading">
					<a href="/whats-on-board">What's on Board</a>
				</div>
				<a href="/tour-desk">Tour Desk</a>
				<a href="/gift-shop">Gift Shop</a>
				<a href="/duty-free">Duty Free</a>
				<a href="/coffee-shop">Coffee Shop</a>
			</div>
			<div class="footer-col footer-col-2">
				<div class="footer-heading">
					<a href="/travel-info">Travel Information</a>
				</div>
				<a href="/drive-on">Drive-On Passengers</a>
				<a href="/walk-on-bike-on">Walk-On Passengers</a>
				<a href="/commercial-vehicles">Commercial Vehicles</a>
				<a href="/travel-trade-groups">Travel Trade & Groups</a>
				<a href="/getting-here">Getting Here</a>
				<a href="/id-requirements">ID Requirements</a>
				<a href="/accessibility">Accessibility</a>
				<a href="/parking">Parking</a>
				<a href="/traveling-with-pets">Traveling with Pets</a>
				<a href="/faqs">FAQ</a>
			</div>
			<div class="footer-col footer-col-3">
				<div class="footer-heading">
					<a href="/about-us">About Us</a>
				</div>
				<a href="/the-route">The Route</a>
				<a href="/whats-on-board">What's On Board</a>
				<a href="/media">Media Inquiries</a>
				<a href="/image-gallery">Image Gallery</a>
				<a href="/careers">Careers</a>
			</div>
			<div class="footer-col footer-col-4">
				<div class="footer-heading">
					<a href="/articles">Recent Articles</a>
				</div>
										<a href="/articles/op-winter-itinerary-outdoor-adventure">Olympic Peninsula 2-Day Winter Itinerary: Outdoor Adventure</a>
										<a href="/articles/op-winter-itinerary-family-friendly">How to Spend Your Family Friendly Winter Getaway in Port Angeles, WA</a>
										<a href="/articles/op-winter-itinerary-sip-and-shop">Olympic Peninsula, WA 2-Day Winter Itinerary: Sip and Shop</a>
										<a href="/articles/top-things-to-do-in-port-angeles-this-winter">Winter Wonderland: Top Things To Do in Port Angeles, WA This Season (November and December)</a>
										<a href="/articles/summer-festivals-in-victoria-bc">Summer Festivals in Victoria, BC</a>
										<a href="/articles/pedaling-the-pacific-northwest">Pedaling the Pacific Northwest</a>
										<a href="/articles/experience-victoria-like-a-local">Experience Victoria, BC Like a Local</a>
										<a href="/articles/18-must-see-stops-along-highway-101">18 Must-See Stops Along Highway 101 (From Washington to Oregon)</a>
										<a href="/articles/olympic-discovery-trail">Exploring the Olympic Discovery Trail in Washington State</a>
										<a href="/articles/top-things-to-do-in-victoria-this-fall">Top Things To Do In Victoria, BC This Fall (2025)</a>
							</div>
		</div>
		<div id="footer-lower">
			<div id="footer-sharing">
				<div class="footer-social-links">
					<a class="footer-social facebook" href="http://www.facebook.com/mvcoho"><img src="/img/frontend/footer-social-facebook-blue.png" border="0" /></a>
					<a class="footer-social twitter" href="http://www.twitter.com/mvcoho"><img src="/img/frontend/footer-social-twitter-blue.png" border="0" /></a>
					<a class="footer-social instagram" href="http://instagram.com/mvcoho"><img src="/img/frontend/footer-social-instagram-blue.png" border="0" /></a>
					<a class="footer-social youtube" href="https://www.youtube.com/channel/UCPcP9gdC3HYp6KzQrMfptiA"><img src="/img/frontend/footer-social-youtube-black-blue.png" border="0" /></a>
				</div>
				<a href="/" class="footer-logo"><img src="/img/frontend/footer-logo.png" border="0" /></a>
			</div>
			<div id="footer-copyright">
				<a href="/privacy-policy">Privacy Policy</a>
				<a href="/terms-conditions">Terms & Conditions</a>
				<span>&copy; 2026 Black Ball Ferry Line</span>
			</div>
		</div>
			</div>
</div>
<!-- Google Tag Manager (noscript) -->
<noscript>
	<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NBB6WGX" height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->

	</div> <!-- Wrapper::END -->
</body>
</html>