1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <!-- Title --> 5 <title>Detroit Princess Riverboat | Home Page</title> <!--2019 Update --> 6<!-- Add this in your <head> section or before closing </body> tag --> 7 8<!-- Google Places API Script - Replace YOUR_API_KEY with your actual Google API key -->
9<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCaTGRjklmL3aEjtv_C4rIYqqyMRTW4Upw&libraries=places&callback=Function.prototype&loading=async" async defer></script>
9 10 11 <!-- Required Meta Tags Always Come First --> 12 <meta charset="utf-8"> 13 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 14 <meta http-equiv="x-ua-compatible" content="ie=edge"> 15<meta name="keywords" content=" riverboat, dinner cruise, lunch cruise, motown, prom, wedding, wedding venue, steamboat, steamboats, riverboats, riverboat cruise, riverboat cruises,steamboat cruise, steamboat cruises, paddle wheelers, paddlewheelers, paddle wheeler, Detroit River, cruises, cruise, smokestack, Detroit, Windsor, Lake St. Clair, boat, birthday, Michigan, Midwest, Largest riverboat, best riverboat, party cruise, detroit attraction, detroit best, detriot, dinner venue, motown, entertainment venue, entertainment detroit,tour detroit,detroit tours, tours of detroit, boat tours detroit, detroit river tours, detroit princess, detroit boat cruise, detroit river boat, detroit boat rides, detroit river cruise, what to do in detroit, things to do in detroit " > 16 17 <!-- Favicon --> 18 <link rel="shortcut icon" href="favicon.ico"> <!--2019 Update --> 19 20 <!-- Google Fonts --> 21 <link href="https://fonts.googleapis.com/css?family=Barlow:300,400,400i,500,700%7CAlegreya:400" rel="stylesheet"> 22 23 <!-- CSS Global Compulsory --> 24 <link rel="stylesheet" href="assets/vendor/bootstrap/bootstrap.min.css"> 25 26 <!-- CSS Implementing Plugins --> 27 <!-- FIXED 2026-08-23: font-awesome.min.css, icon-line-pro/style.css, icon-hs/style.css, 28 and material-icons.css all reference their own font files via relative url() paths 29 (e.g. font-awesome's "../fonts/fontawesome-webfont.woff2") that resolve relative to 30 THIS file's own folder. Bundling them into a CSS file living somewhere else would 31 silently break every icon on the site, so these 4 stay as their own separate links. --> 32 <link rel="stylesheet" href="assets/vendor/icon-awesome/css/font-awesome.min.css"> 33 <link rel="stylesheet" href="assets/vendor/icon-line-pro/style.css"> 34 <link rel="stylesheet" href="assets/vendor/icon-hs/style.css"> 35 <link rel="stylesheet" href="assets/vendor/icon-material/material-icons.css"> 36 37 <!-- FIXED 2026-08-23: animate.css, hs.megamenu.css, hamburgers.min.css, slick.css, 38 jquery.fancybox.css, styles.multipage-education.css, and custom.css have no relative 39 url() dependencies of their own (styles.multipage-education.css's own relative 40 image refs already point out of assets/css/, the bundle's own folder, so they're 41 unaffected) -- combined into one file to cut 7 requests down to 1, in the same 42 cascade order they were in before. --> 43 <link rel="stylesheet" href="assets/css/bundle_20260823.css"> 44 45<!-- FIXED 2026-08-23: jQuery + jQuery UI (10 separate blocking
45<script> tags) used to load 46 here, synchronously, in the <head> -- forcing the browser to stop parsing the page and 47 complete 10 full network round-trips before it could render anything below this point. 48 jQuery was ALSO being loaded a second time from assets/vendor/jquery/jquery.min.js at 49 the bottom of footer.php on every page, so both copies loaded and initialized for no 50 benefit. All of it (jQuery, jQuery UI, and the datepicker init that depends on them) has 51 been moved down to footer.php, right after its single jQuery load, alongside the rest of 52 this site's scripts -- same total scripts, but now positioned after the visible content 53 instead of blocking it, and jQuery loads exactly once. --> 54<link rel="stylesheet" href="assets/vendor/jquery-ui/themes/base/jquery-ui.min.css"> 55 56<!-- from old site --> 57<!-- Google Tag Manager -->
58<script>
vendor: 327 bytes, lines 58-62
58(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 59new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 60j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 61'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 62})(window,document,'script','dataLayer','
62GTM-P6Z3PCG
vendor: 3 bytes, line 62
62');
62</script>
62 63<!-- End Google Tag Manager --> 64 65<!-- Added per Chris Chamberlain on 6-10-2019-->
66<script type="text/javascript" src="//cdn.rlets.com/capture_configs/17c/efb/631/f18490e9a7242af15e9b2a5.js" async="async"></script>
66 67 68<!-- Google Adwords added 2023-04-21 --> 69<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 69-70
69 70<script async src="https://www.googletagmanager.com/gtag/js?id=
70AW-1007454220
vendor: 12 bytes, line 70
70"></script>
71<script> 72
vendor: 134 bytes, lines 72-76
72window.dataLayer = window.dataLayer || []; 73 function gtag(){dataLayer.push(arguments);} 74 gtag('js', new Date()); 75 76 gtag('config', '
76AW-1007454220
vendor: 4 bytes, line 76
76');
77</script>
77 78<meta name="description" content="Experience the allure of Downtown Detroit with the Detroit Princess Riverboat. Our unique riverboat venue offers a blend of fine dining and vibrant entertainment on the Detroit Riverwalk. Ideal for private events and memorable outings, we're located near Huntington Place and the Renaissance Center. Discover what makes us a top choice for dining, entertainment, private events, and things to do in Detroit this weekend. Book your adventure now!"> 79<meta name="description" content="The Detroit Princess makes any occasion a special occasion. Private events, corporate outing, weddings, family reunions, birthday party, or just a fun night out"> 80<meta name="keywords" content="event venue,riverwalk detroit,restaurants detroit,detroit things to do,things to do near me,events in detroit,huntington place,things to do in detroit this weekend,riverfront,hart plaza,detroit riverwalk,dinner on a boat,detroit riverfront,hart plaza detroit,dinner cruise,river walk detroit,murder mystery cruise,lighthouse in detroit,detroit riverfront conservancy,things to do near me,fun things to do near me,things to do near me today,activities near me,attractions near me," > 81 </head> 82<!-- Commented out 2026-08-23: UA-7416453-1 is a Universal Analytics property. Google fully 83 retired Universal Analytics in July 2023 -- it has not processed any data since, so this 84 tag was loading and executing on every homepage view for a destination that does nothing 85 with it. Left in place (commented) rather than deleted in case the property ID is needed 86 for reference. 87 Google tag (gtag.js)
vendor: 64 bytes, lines 87-88
87 88<script async src="https://www.googletagmanager.com/gtag/js?id=
88UA-7416453-1
vendor: 12 bytes, line 88
88"></script>
89<script> 90
vendor: 134 bytes, lines 90-94
90window.dataLayer = window.dataLayer || []; 91 function gtag(){dataLayer.push(arguments);} 92 gtag('js', new Date()); 93 94 gtag('config', '
94UA-7416453-1
vendor: 4 bytes, line 94
94');
95</script>
95 96--> 97 98 99<!--Added 2023-04-12 per Chris Chamberlain--> 100<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 100-101
100 101<script async src="https://www.googletagmanager.com/gtag/js?id=
101G-M6FGJVDH7C
vendor: 12 bytes, line 101
101"></script>
102<script> 103
vendor: 134 bytes, lines 103-107
103window.dataLayer = window.dataLayer || []; 104 function gtag(){dataLayer.push(arguments);} 105 gtag('js', new Date()); 106 107 gtag('config', '
107G-M6FGJVDH7C
vendor: 4 bytes, line 107
107');
108</script>
108 109 110 111<!--Added 2023-04-18 per Brittany - Jimmy DiCorte Postcard mania--> 112<!-- Google Tag Manager --> 113
114<script>
vendor: 331 bytes, lines 114-122
114(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 115 116new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 117 118j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 119 120'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 121 122})(window,document,'script','dataLayer','
122GTM-N9P9B8K
vendor: 3 bytes, line 122
122');
122</script>
122 123 124 125 126<!-- End Google Tag Manager --> 127 128 129 130 131<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 131-133
131 132 133<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
133GTM-N9P9B8K
vendor: 85 bytes, lines 133-136
133" 134 135height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 136
137<!-- End Google Tag Manager (noscript) --> 138 139 <body> 140 <main> 141<!-- ------------------------------------------------------------------------------------------------------------- --> 142 143<!-- Public Directory version --> 144 145<!-- NEW - 2025-04-22 - Facebook --> 146<!-- Meta Pixel Code -->
147<script>
vendor: 399 bytes, lines 147-156
147 148!function(f,b,e,v,n,t,s) 149{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 150n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 151if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 152n.queue=[];t=b.createElement(e);t.async=!0; 153t.src=v;s=b.getElementsByTagName(e)[0]; 154s.parentNode.insertBefore(t,s)}(window, document,'script', 155'https://connect.facebook.net/en_US/fbevents.js'); 156fbq('init', '
1561667003040610608
vendor: 30 bytes, lines 156-157
156'); 157fbq('track', 'PageView');
158</script>
158 159<noscript><img height="1" width="1" style="display:none" 160src="https://www.facebook.com/tr?id=1667003040610608&ev=PageView&noscript=1" 161/></noscript> 162<!-- End Meta Pixel Code --> 163 164 165<!-- Original - Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 165-166
165 166<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
166GTM-P6Z3PCG
vendor: 83 bytes, lines 166-167
166" 167height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
168<!-- End Google Tag Manager (noscript) --> 169 170<!-- NEW - 2025-04-21 - Google Tag Manager -->
171<script>
vendor: 327 bytes, lines 171-175
171(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 172new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 173j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 174'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 175})(window,document,'script','dataLayer','
175GTM-WXRVKWK
vendor: 3 bytes, line 175
175');
175</script>
175 176<!-- End Google Tag Manager --> 177 178 179<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 180<!-- Header --> 181<!--ORIG That worked 182<header id="js-header" class="u-header u-header--static u-header--floating g-mt-40--lg" data-header-fix-moment-classes="u-shadow-v18 g-bg-white"> 183--> 184<header id="js-header" class="u-header u-header--static u-header--floating u-header--abs-top u-header--show-hide u-header--change-logo u-header--change-appearance" data-header-fix-moment-classes="u-shadow-v18 g-bg-white" data-header-fix-effect="slide"> 185 186 <div class="u-header__section"> 187<!--original with opacity-0_3 188 <div class="u-header__section u-header__section--light g-bg-white-opacity-0_5 g-transition-0_3 g-py-10" data-header-fix-moment-classes="g-bg-white-opacity-0_3 u-shadow-v18 g-py-0"> 189--> 190 <div class="u-header__section u-header__section--light g-bg-white g-transition-0_3 g-py-5" data-header-fix-moment-classes="g-bg-white u-shadow-v18 g-py-0"> 191 <!-- Nav --> 192 <nav class="js-mega-menu navbar navbar-expand-lg g-px-25 g-py-5 g-py-0--lg"> 193 <!-- Logo --> 194 <a class="navbar-brand g-max-width-100 g-max-width-100--lg" href="https://www.detroitprincess.com/home-page-1.php" class="navbar-brand u-header__logo"> 195<!-- Backup of what works 196 <img class="img-fluid g-hidden-lg-down u-header--static" src="assets/img/logo/logo-mini-75.png" alt="Logo"> 197 <img class="img-fluid g-width-80 g-hidden-md-down g-hidden-xl-up" src="assets/img/logo/logo-mini-75.png" alt="Logo"> 198 <img class="img-fluid g-hidden-lg-up" src="assets/img/logo/logo-mini-75.png" alt="Logo"> 199--> 200 201<!--experimental--> 202 203 <img class="u-header__logo-img u-header__logo-img--main" src="assets/img/logo/logo-mini-75.png" alt="Image Description"><!--big main docked --> 204 205<!-- <img class="img-fluid g-hidden-lg-down u-header__logo-img u-header__logo-img--main" src="assets/img/logo/logo-mini-50.png" alt="Logo"> --><!--small main docked --> 206<!-- I don't know when this appears <img class="img-fluid g-width-80 g-hidden-md-down g-hidden-xl-up" src="assets/img/logo/logo-mini-50.png" alt="Logo"> --> 207<!-- 208<img class="img-fluid g-hidden-lg-up" src="assets/img/logo/logo-mini-50.png" alt="Logo">--> 209<!-- This is the image that appears in the center of the header when on phone small view--> 210 211<img class="u-header__logo-img" src="assets/img/logo/logo-mini-tiny.png" alt="Image Description"> <!-- for when scrolled down --> 212<!-- --> 213<!--end experimental--> 214 215 </a> 216 <!-- End Logo --> 217 218 <!-- Responsive Toggle Button --> 219 <button class="navbar-toggler navbar-toggler-right btn g-line-height-1 g-brd-none g-pa-0" type="button" 220 aria-label="Toggle navigation" 221 aria-expanded="false" 222 aria-controls="navBar" 223 data-toggle="collapse" 224 data-target="#navBar"> 225 <span class="hamburger hamburger--vortex g-px-0"> 226 <span class="hamburger-box"> 227 <span class="hamburger-inner"></span> 228 </span> 229 </span> 230 </button> 231 <!-- End Responsive Toggle Button --> 232 233 <!-- Navigation --> 234 <div class="collapse navbar-collapse align-items-center flex-sm-row g-pt-10 g-pt-5--lg g-mr-40--lg" id="navBar"> 235 <ul class="navbar-nav text-uppercase g-pos-rel g-font-weight-600 ml-auto"> 236 <!-- Cruise Schedule --> 237 <li class="nav-item active g-mx-10--lg g-mx-15--xl"> 238 <a href="https://www.detroitprincess.com/page-schedule-1.php" class="nav-link g-py-7 g-px-0">Cruise Schedule</a> 239 </li> 240 <!-- End Cruise Schedule --> 241 <!-- Private Parties --> 242 <li class="hs-has-sub-menu nav-item active g-mx-10--lg g-mx-15--xl" data-animation-in="fadeIn" data-animation-out="fadeOut"> 243 <a id="nav-link-pages" class="nav-link g-py-7 g-px-0" href="#!" aria-haspopup="true" aria-expanded="false" aria-controls="nav-submenu-pages">Group Events</a> 244 245 <ul class="hs-sub-menu list-unstyled u-shadow-v11 g-brd-top g-brd-primary g-brd-top-2 g-min-width-220 g-mt-18 g-mt-8--lg--scrolling" id="nav-submenu-pages" aria-labelledby="nav-link-pages"> 246
247 <!-- Pages - Group Event on Live Entertainment Deck --> 248 <li class="dropdown-item "> 249 <a class="nav-link" href="https://www.detroitprincess.com/page-g-live-entertainment-1.php">Group Event on Live Entertainment Deck</a> 250 </li> 251 <!-- End Pages - Group Event on Live Entertainment Deck --> 252 253 <!-- Pages - Wedding --> 254 <li class="dropdown-item "> 255 <a class="nav-link" href="https://www.detroitprincess.com/page-g-wedding-1.php">Wedding Information</a> 256 </li> 257 <!-- End Pages - Wedding --> 258 259 <!-- Pages - Corporate Parties --> 260 <li class="dropdown-item "> 261 <a class="nav-link" href="https://www.detroitprincess.com/page-g-corporate-1.php">Corporate Parties</a> 262 </li> 263 <!-- End Pages - Corporate Parties --> 264 265 <!-- Pages - Family Reunions --> 266 <li class="dropdown-item "> 267 <a class="nav-link" href="https://www.detroitprincess.com/page-g-family-reunion-1.php">Family Reunions</a> 268 </li> 269 <!-- End Pages - Family Reunions --> 270 271 <!-- Pages - Prom & School Groups --> 272 <li class="dropdown-item "> 273 <a class="nav-link" href="https://www.detroitprincess.com/page-g-prom-school-1.php">Prom & School Groups</a> 274 </li> 275 <!-- End Pages - Prom & School Groups --> 276 277 <!-- Pages - Class Reunions Groups --> 278 <li class="dropdown-item "> 279 <a class="nav-link" href="https://www.detroitprincess.com/page-g-reunion-1.php">Class Reunion Groups</a> 280 </li> 281 <!-- End Pages - Class Reunions Groups --> 282 283 <!-- Pages - Holiday Parties --> 284 <!-- <li class="dropdown-item "> 285 <a class="nav-link" href="https://www.detroitprincess.com/page-g-holiday-1.php">Holiday Parties</a> 286 </li> 287--> 288 <!-- End Pages - Holiday Parties --> 289 290 <!-- Pages - New Year's Eve --> 291 <!-- <li class="dropdown-item "> 292 <a class="nav-link" href="https://www.detroitprincess.com/page-g-nye-1.php">New Year's Eve</a> 293 </li> 294--> 295 <!-- End Pages - New Year's Eve --> 296 297 <!-- Pages - Special Events --> 298 <li class="dropdown-item "> 299 <a class="nav-link" href="https://www.detroitprincess.com/page-g-special-events-1.php">Special Events</a> 300 </li> 301 <!-- End Pages - Special Events --> 302 </ul> 303 </li> 304 <!-- End Private Parties --> 305 306 <!-- Gift Shop - Temp for just GC's only --> 307 <li class="nav-item active g-mx-10--lg g-mx-15--xl"> 308 <a href="https://www.detroitprincess.com/secure_forms/page-gift-certificates-1.php" class="nav-link g-py-7 g-px-0">Gift Certificates</a> 309 </li> 310 <!-- End Gift Shop --> 311 312 313 <!-- Gift Shop --> 314<!-- 315 <li class="hs-has-sub-menu nav-item active g-mx-10--lg g-mx-15--xl" data-animation-in="fadeIn" data-animation-out="fadeOut"> 316 <a id="nav-link-pages" class="nav-link g-py-7 g-px-0" href="#!" aria-haspopup="true" aria-expanded="false" aria-controls="nav-submenu-pages">Gift Shop</a> 317 318 <ul class="hs-sub-menu list-unstyled u-shadow-v11 g-brd-top g-brd-primary g-brd-top-2 g-min-width-220 g-mt-18 g-mt-8--lg--scrolling" id="nav-submenu-pages" aria-labelledby="nav-link-pages"> 319--> 320 <!-- Pages - Gift Certificates --> 321<!-- 322 <li class="dropdown-item "> 323 <a class="nav-link" href="https://www.detroitprincess.com/secure_forms/page-gift-certificates-1.php">Gift Certificates</a> 324 </li> 325--> 326 <!-- End Pages - Gift Certificates --> 327 328 <!-- Pages - Apparel --> 329<!-- 330 <li class="dropdown-item "> 331 <a class="nav-link" href="https://www.detroitprincess.com/page-apparel-1.php">Apparel</a> 332 </li> 333--> 334 <!-- End Pages - Apparel --> 335<!-- 336 </ul> 337 </li> 338--> 339 <!-- End Gift Shop --> 340 341 <!-- Photos --> 342 <li class="hs-has-sub-menu nav-item active g-mx-10--lg g-mx-15--xl" data-animation-in="fadeIn" data-animation-out="fadeOut"> 343 <a id="nav-link-pages" class="nav-link g-py-7 g-px-0" href="#!" aria-haspopup="true" aria-expanded="false" aria-controls="nav-submenu-pages">Photos</a> 344 345 <ul class="hs-sub-menu list-unstyled u-shadow-v11 g-brd-top g-brd-primary g-brd-top-2 g-min-width-220 g-mt-18 g-mt-8--lg--scrolling" id="nav-submenu-pages" aria-labelledby="nav-link-pages"> 346 347 <!-- Pages - Wedding Photos --> 348 <li class="dropdown-item "> 349 <a class="nav-link" href="https://www.detroitprincess.com/page-gallery-wedding-1.php">Wedding Photo Gallery</a> 350 </li> 351 <!-- End Pages - Wedding Photos --> 352 353 <!-- Pages - Boat Photos --> 354 <li class="dropdown-item "> 355 <a class="nav-link" href="https://www.detroitprincess.com/page-gallery-boat-1.php">Boat Photo Gallery</a> 356 </li> 357 <!-- End Pages - Boat Photos --> 358 </ul> 359 </li> 360 <!-- End Photos --> 361 362 <!-- Getting Here --> 363 <li class="nav-item active g-mx-10--lg g-mx-15--xl"> 364 <a href="https://www.detroitprincess.com/page-getting-here-1.php" class="nav-link g-py-7 g-px-0">Getting Here</a> 365 </li> 366 <!-- End Getting Here --> 367 368 <!-- Contact --> 369 <li class="hs-has-sub-menu nav-item active g-mx-10--lg g-mx-15--xl" data-animation-in="fadeIn" data-animation-out="fadeOut"> 370 <a id="nav-link-pages" class="nav-link g-py-7 g-px-0" href="#!" aria-haspopup="true" aria-expanded="false" aria-controls="nav-submenu-pages">Contact</a> 371 372 <ul class="hs-sub-menu list-unstyled u-shadow-v11 g-brd-top g-brd-primary g-brd-top-2 g-min-width-220 g-mt-18 g-mt-8--lg--scrolling" id="nav-submenu-pages" aria-labelledby="nav-link-pages"> 373 374 <!-- Pages - About Information --> 375 <li class="dropdown-item "> 376 <a class="nav-link" href="https://www.detroitprincess.com/page-about-1.php">About the Boat</a> 377 </li> 378 <!-- End Pages - About Information --> 379 380 <!-- Pages - Contact Information --> 381 <li class="dropdown-item "> 382 <a class="nav-link" href="https://www.detroitprincess.com/page-contact-1.php">Contact Information</a> 383 </li> 384 <!-- End Pages - Contact Information --> 385 386 <!-- Pages - Employment Information --> 387 <li class="dropdown-item "> 388 <a class="nav-link" href="https://www.detroitprincess.com/page-employment-1.php">Employment Information</a> 389 </li> 390 <!-- End Pages - Employment Information --> 391 392 <!-- Pages - Employment Application --> 393 <li class="dropdown-item "> 394 <a class="nav-link" href="https://www.detroitprincess.com/page-application-1.php">Employment Application</a> 395 </li> 396 <!-- End Pages - Employment Application --> 397 398 <!-- Pages - Feedback --> 399 <li class="dropdown-item "> 400 <a class="nav-link" href="https://www.detroitprincess.com/page-feedback-1.php">Feedback</a> 401 </li> 402 <!-- End Pages - Feedback --> 403 404 <!-- Pages - Purchasing Policies --> 405 <li class="dropdown-item "> 406 <a class="nav-link" href="https://www.detroitprincess.com/page-purchasing-policies-1.php">Purchasing Policies</a> 407 </li> 408 <!-- End Pages - Purchasing Policies --> 409 410 <!-- Pages - FAQ --> 411 <li class="dropdown-item "> 412 <a class="nav-link" href="https://www.detroitprincess.com/page-faq-1.php">FAQ</a> 413 </li> 414 <!-- End Pages - FAQ --> 415 416 </ul> 417 </li> 418 <!-- End Contact --> 419 420 <!-- Purchase Now --> 421 <li class="nav-item active g-mx-10--lg g-mx-15--xl"> 422 <div class="d-inline-block g-pos-rel g-valign-middle g-pl-30 g-pl-0--lg"> 423<!-- Start Added to not show the purchase now button on certain pages --> 424 <a class="btn u-btn-outline-primary g-font-size-13 text-uppercase g-py-10 g-px-15" href="https://www.detroitprincess.com/page-schedule-1.php">BUY TICKETS</a> 425 <!-- End Added to not show the purchase now button on certain pages --> 426
427 </div> 428 </li> 429 <!-- End Purchase Now --> 430 431 </ul> 432 </div> 433 <!-- End Navigation --> 434 </nav> 435 <!-- End Nav --> 436 </div> 437 </div> 438 </header> 439 <!-- End Header --> 440<!-- ------------------------------------------------------------------------------------------------------------- --> 441 442 <!-- Carousel Slider --> 443 <div class="js-carousel u-carousel-v5" 444 data-infinite="true" 445 data-autoplay="true" 446 data-speed="7000" 447 data-pagi-classes="u-carousel-indicators-v34 g-absolute-centered--y g-left-auto g-right-30 g-right-100--md" 448 data-calc-target="#js-header"> 449 450 451 <!--PAUL--> 452 453 454 <!-- Carousel Slides --> 455 <div class="js-slide h-100 g-flex-centered g-bg-img-hero g-bg-cover g-bg-black-opacity-0_0--after" style="background-image: url(assets/img/dp/DJI_0026.JPG);"> 456 <div class="container"> 457 <div class="g-max-width-300 g-pos-abs g-bottom-55 g-z-index-1 g-bg-black-opacity-0_3"> <!-- g-bg-black Background color of box --> 458 <a class="d-block g-text-underline--none--hover" href=""> 459 <span class="d-block g-color-white g-font-size-25--md mb-2" style="text-shadow: 1px 1px 2px;"> <!-- drop shadow 2px 2px 4px--> 460 Looking for Motown? : <span class="g-brd-bottom--solid g-brd-2 g-brd-primary g-font-size-25--md g-font-weight-700 g-pb-2"><BR>You will find it here!</span> 461 </span> 462 <span class="d-block g-color-white g-font-secondary g-font-size-20 g-font-size-20--md g-line-height-1_4"> 463 Celebrate the musical history of the Motor City as you cruise! </span> 464 </a> 465 </div> 466 467 <!-- Go to Button --> 468 <a class="js-go-to d-flex align-items-center g-color-white g-pos-abs g-bottom-0 g-z-index-1 g-text-underline--none--hover g-pb-60" href="#!" data-target="#content"> 469 <span class="d-block u-go-to-v4 mr-3"></span> 470 <span class="g-brd-bottom--dashed g-brd-white-opacity-0_5 mr-1">scroll down</span> to find out more 471 </a> 472 <!-- End Go to Button --> 473 </div> 474 </div> 475 <!-- End Carousel Slides --> 476 477 <!-- Carousel Slides --> 478 <div class="js-slide h-100 g-flex-centered g-bg-img-hero g-bg-cover g-bg-black-opacity-0_0--after" style="background-image: url(assets/img/dp/20th-season-splash.jpg);"> 479 <div class="container"> 480 <div class="g-max-width-300 g-pos-abs g-bottom-55 g-z-index-1 g-bg-black-opacity-0_3"> <!-- g-bg-black Background color of box --> 481 <a class="d-block g-text-underline--none--hover" href=""> 482 <span class="d-block g-color-white g-font-size-25--md mb-2" style="text-shadow: 1px 1px 2px;"> <!-- drop shadow 2px 2px 4px--> 483 Detroit Sunsets <span class="g-brd-bottom--solid g-brd-2 g-brd-primary g-font-size-25--md g-font-weight-700 g-pb-2"><BR>We have the view!</span> 484 </span> 485 <span class="d-block g-color-white g-font-secondary g-font-size-20 g-font-size-20--md g-line-height-1_4"> 486 </span> 487 </a> 488 </div> 489 490 <!-- Go to Button --> 491 <a class="js-go-to d-flex align-items-center g-color-white g-pos-abs g-bottom-0 g-z-index-1 g-text-underline--none--hover g-pb-60" href="#!" data-target="#content"> 492 <span class="d-block u-go-to-v4 mr-3"></span> 493 <span class="g-brd-bottom--dashed g-brd-white-opacity-0_5 mr-1">scroll down</span> to find out more 494 </a> 495 <!-- End Go to Button --> 496 </div> 497 </div> 498 <!-- End Carousel Slides --> 499 500 <!-- Carousel Slides --> 501 <div class="js-slide h-100 g-flex-centered g-bg-img-hero g-bg-cover g-bg-black-opacity-0_0--after" style="background-image: url(assets/img/dp/DJI_0042.JPG);"> 502 <div class="container"> 503 <div class="g-max-width-300 g-pos-abs g-bottom-55 g-z-index-1 g-bg-black-opacity-0_3">
503 <!-- g-bg-black Background color of box --> 504 <a class="d-block g-text-underline--none--hover" href=""> 505 <span class="d-block g-color-white g-font-size-25--md mb-2" style="text-shadow: 1px 1px 2px;"> <!-- drop shadow 2px 2px 4px--> 506 Detroit Sunsets <span class="g-brd-bottom--solid g-brd-2 g-brd-primary g-font-size-25--md g-font-weight-700 g-pb-2"><BR>We have the view!</span> 507 </span> 508 <span class="d-block g-color-white g-font-secondary g-font-size-20 g-font-size-20--md g-line-height-1_4"> 509 </span> 510 </a> 511 </div> 512 513 <!-- Go to Button --> 514 <a class="js-go-to d-flex align-items-center g-color-white g-pos-abs g-bottom-0 g-z-index-1 g-text-underline--none--hover g-pb-60" href="#!" data-target="#content"> 515 <span class="d-block u-go-to-v4 mr-3"></span> 516 <span class="g-brd-bottom--dashed g-brd-white-opacity-0_5 mr-1">scroll down</span> to find out more 517 </a> 518 <!-- End Go to Button --> 519 </div> 520 </div> 521 <!-- End Carousel Slides --> 522 523 <!-- Carousel Slides --> 524 <div class="js-slide h-100 g-flex-centered g-bg-img-hero g-bg-cover g-bg-black-opacity-0_0--after" style="background-image: url(assets/img/dp/DJI_0050.JPG);"> 525 <div class="container"> 526 <div class="g-max-width-300 g-pos-abs g-bottom-55 g-z-index-1 g-bg-black-opacity-0_3"> <!-- g-bg-black Background color of box --> 527 <a class="d-block g-text-underline--none--hover" href=""> 528 <span class="d-block g-color-white g-font-size-25--md mb-2" style="text-shadow: 1px 1px 2px;"> <!-- drop shadow 2px 2px 4px--> 529 Looking for Motown? : <span class="g-brd-bottom--solid g-brd-2 g-brd-primary g-font-size-25--md g-font-weight-700 g-pb-2"><BR>You will find it here!</span> 530 </span> 531 <span class="d-block g-color-white g-font-secondary g-font-size-20 g-font-size-20--md g-line-height-1_4"> 532 Celebrate the musical history of the Motor City as you cruise! </span> 533 </a> 534 </div> 535 536 <!-- Go to Button --> 537 <a class="js-go-to d-flex align-items-center g-color-white g-pos-abs g-bottom-0 g-z-index-1 g-text-underline--none--hover g-pb-60" href="#!" data-target="#content"> 538 <span class="d-block u-go-to-v4 mr-3"></span> 539 <span class="g-brd-bottom--dashed g-brd-white-opacity-0_5 mr-1">scroll down</span> to find out more 540 </a> 541 <!-- End Go to Button --> 542 </div> 543 </div> 544 <!-- End Carousel Slides --> 545 546 <!-- Carousel Slides --> 547 <div class="js-slide h-100 g-flex-centered g-bg-img-hero g-bg-cover g-bg-black-opacity-0_0--after" style="background-image: url(assets/img/dp/gallery/boat-inside/17493191_10158466153730252_453050444011174088_o_10158466153730252.jpg);"> 548 <div class="container"> 549 <div class="g-max-width-300 g-pos-abs g-bottom-55 g-z-index-1 g-bg-black-opacity-0_3"> <!-- g-bg-black Background color of box --> 550 <a class="d-block g-text-underline--none--hover" href=""> 551 <span class="d-block g-color-white g-font-size-25--md mb-2" style="text-shadow: 1px 1px 2px;"> <!-- drop shadow 2px 2px 4px--> 552 Elegant Dining Rooms! <span class="g-brd-bottom--solid g-brd-2 g-brd-primary g-font-size-25--md g-font-weight-700 g-pb-2"><BR></span> 553 </span> 554 <span class="d-block g-color-white g-font-secondary g-font-size-20 g-font-size-20--md g-line-height-1_4"> 555 The LARGEST dinner riverboat in the midwest! </span> 556 </a> 557 </div> 558 559 <!-- Go to Button --> 560 <a class="js-go-to d-flex align-items-center g-color-white g-pos-abs g-bottom-0 g-z-index-1 g-text-underline--none--hover g-pb-60" href="#!" data-target="#content"> 561 <span class="d-block u-go-to-v4 mr-3"></span>
562 <span class="g-brd-bottom--dashed g-brd-white-opacity-0_5 mr-1">scroll down</span> to find out more 563 </a> 564 <!-- End Go to Button --> 565 </div> 566 </div> 567 <!-- End Carousel Slides --> 568 569 <!-- Carousel Slides --> 570 <div class="js-slide h-100 g-flex-centered g-bg-img-hero g-bg-cover g-bg-black-opacity-0_0--after" style="background-image: url(assets/img/dp/DJI_0063.JPG);"> 571 <div class="container"> 572 <div class="g-max-width-300 g-pos-abs g-bottom-55 g-z-index-1 g-bg-black-opacity-0_3"> <!-- g-bg-black Background color of box --> 573 <a class="d-block g-text-underline--none--hover" href=""> 574 <span class="d-block g-color-white g-font-size-25--md mb-2" style="text-shadow: 1px 1px 2px;"> <!-- drop shadow 2px 2px 4px--> 575 Looking for Motown? : <span class="g-brd-bottom--solid g-brd-2 g-brd-primary g-font-size-25--md g-font-weight-700 g-pb-2"><BR>You will find it here!</span> 576 </span> 577 <span class="d-block g-color-white g-font-secondary g-font-size-20 g-font-size-20--md g-line-height-1_4"> 578 Celebrate the musical history of the Motor City as you cruise! </span> 579 </a> 580 </div> 581 582 <!-- Go to Button --> 583 <a class="js-go-to d-flex align-items-center g-color-white g-pos-abs g-bottom-0 g-z-index-1 g-text-underline--none--hover g-pb-60" href="#!" data-target="#content"> 584 <span class="d-block u-go-to-v4 mr-3"></span> 585 <span class="g-brd-bottom--dashed g-brd-white-opacity-0_5 mr-1">scroll down</span> to find out more 586 </a> 587 <!-- End Go to Button --> 588 </div> 589 </div> 590 <!-- End Carousel Slides --> 591 592 <!-- Carousel Slides --> 593 <div class="js-slide h-100 g-flex-centered g-bg-img-hero g-bg-cover g-bg-black-opacity-0_0--after" style="background-image: url(assets/img/dp/46652355_10161135707950252_1819823058299387904_n_10161135707945252.jpg);"> 594 <div class="container"> 595 <div class="g-max-width-300 g-pos-abs g-bottom-55 g-z-index-1 g-bg-black-opacity-0_3"> <!-- g-bg-black Background color of box --> 596 <a class="d-block g-text-underline--none--hover" href=""> 597 <span class="d-block g-color-white g-font-size-25--md mb-2" style="text-shadow: 1px 1px 2px;"> <!-- drop shadow 2px 2px 4px--> 598 Having a party? <span class="g-brd-bottom--solid g-brd-2 g-brd-primary g-font-size-25--md g-font-weight-700 g-pb-2"><BR>Book now!</span> 599 </span> 600 <span class="d-block g-color-white g-font-secondary g-font-size-20 g-font-size-20--md g-line-height-1_4"> 601 Weddings, Corporate Events, Birthday Parties, Family Reunions, & more </span> 602 </a> 603 </div> 604 605 <!-- Go to Button --> 606 <a class="js-go-to d-flex align-items-center g-color-white g-pos-abs g-bottom-0 g-z-index-1 g-text-underline--none--hover g-pb-60" href="#!" data-target="#content"> 607 <span class="d-block u-go-to-v4 mr-3"></span> 608 <span class="g-brd-bottom--dashed g-brd-white-opacity-0_5 mr-1">scroll down</span> to find out more 609 </a> 610 <!-- End Go to Button --> 611 </div> 612 </div> 613 <!-- End Carousel Slides --> 614 615 <!-- Carousel Slides --> 616 <div class="js-slide h-100 g-flex-centered g-bg-img-hero g-bg-cover g-bg-black-opacity-0_0--after" style="background-image: url(assets/img/dp/47378812_10161168617870252_5921898081636319232_n_10161168617860252.jpg);"> 617 <div class="container"> 618 <div class="g-max-width-300 g-pos-abs g-bottom-55 g-z-index-1 g-bg-black-opacity-0_3"> <!-- g-bg-black Background color of box --> 619 <a class="d-block g-text-underline--none--hover" href="page-schedule-1.php"> 620 <span class="d-block g-color-white g-font-size-25--md mb-2" style="text-shadow: 1px 1px 2px;"> <!-- drop shadow 2px 2px 4px--> 621 Upcoming <span class="g-brd-bottom--solid g-brd-2 g-brd-primary g-font-size-25--md g-font-we
621ight-700 g-pb-2"><BR>Cruise Schedule</span> 622 </span> 623 <span class="d-block g-color-white g-font-secondary g-font-size-20 g-font-size-20--md g-line-height-1_4"> 624 Celebrate the musical history of the motor city as you cruise! </span> 625 </a> 626 </div> 627 628 <!-- Go to Button --> 629 <a class="js-go-to d-flex align-items-center g-color-white g-pos-abs g-bottom-0 g-z-index-1 g-text-underline--none--hover g-pb-60" href="#!" data-target="#content"> 630 <span class="d-block u-go-to-v4 mr-3"></span> 631 <span class="g-brd-bottom--dashed g-brd-white-opacity-0_5 mr-1">scroll down</span> to find out more 632 </a> 633 <!-- End Go to Button --> 634 </div> 635 </div> 636 <!-- End Carousel Slides --> 637 638 <!-- Carousel Slides --> 639 <div class="js-slide h-100 g-flex-centered g-bg-img-hero g-bg-cover g-bg-black-opacity-0_0--after" style="background-image: url(assets/img/dp/DJI_0040-min.jpg);"> 640 <div class="container"> 641 <div class="g-max-width-300 g-pos-abs g-bottom-55 g-z-index-1 g-bg-black-opacity-0_3"> <!-- g-bg-black Background color of box --> 642 <a class="d-block g-text-underline--none--hover" href=""> 643 <span class="d-block g-color-white g-font-size-25--md mb-2" style="text-shadow: 1px 1px 2px;"> <!-- drop shadow 2px 2px 4px--> 644 Experience Downtown Detroit like never before... <span class="g-brd-bottom--solid g-brd-2 g-brd-primary g-font-size-25--md g-font-weight-700 g-pb-2"><BR></span> 645 </span> 646 <span class="d-block g-color-white g-font-secondary g-font-size-20 g-font-size-20--md g-line-height-1_4"> 647 </span> 648 </a> 649 </div> 650 651 <!-- Go to Button --> 652 <a class="js-go-to d-flex align-items-center g-color-white g-pos-abs g-bottom-0 g-z-index-1 g-text-underline--none--hover g-pb-60" href="#!" data-target="#content"> 653 <span class="d-block u-go-to-v4 mr-3"></span> 654 <span class="g-brd-bottom--dashed g-brd-white-opacity-0_5 mr-1">scroll down</span> to find out more 655 </a> 656 <!-- End Go to Button --> 657 </div> 658 </div> 659 <!-- End Carousel Slides --> 660 661 <!-- Carousel Slides --> 662 <div class="js-slide h-100 g-flex-centered g-bg-img-hero g-bg-cover g-bg-black-opacity-0_0--after" style="background-image: url(assets/img/dp/DJI_0063-min.jpg);"> 663 <div class="container"> 664 <div class="g-max-width-300 g-pos-abs g-bottom-55 g-z-index-1 g-bg-black-opacity-0_3"> <!-- g-bg-black Background color of box --> 665 <a class="d-block g-text-underline--none--hover" href=""> 666 <span class="d-block g-color-white g-font-size-25--md mb-2" style="text-shadow: 1px 1px 2px;"> <!-- drop shadow 2px 2px 4px--> 667 Epic Skyline Views! <span class="g-brd-bottom--solid g-brd-2 g-brd-primary g-font-size-25--md g-font-weight-700 g-pb-2"><BR></span> 668 </span> 669 <span class="d-block g-color-white g-font-secondary g-font-size-20 g-font-size-20--md g-line-height-1_4"> 670 </span> 671 </a> 672 </div> 673 674 <!-- Go to Button --> 675 <a class="js-go-to d-flex align-items-center g-color-white g-pos-abs g-bottom-0 g-z-index-1 g-text-underline--none--hover g-pb-60" href="#!" data-target="#content"> 676 <span class="d-block u-go-to-v4 mr-3"></span> 677 <span class="g-brd-bottom--dashed g-brd-white-opacity-0_5 mr-1">scroll down</span> to find out more 678 </a> 679 <!-- End Go to Button --> 680 </div> 681 </div> 682 <!-- End Carousel Slides --> 683 684 <!-- Carousel Slides --> 685 <div class="js-slide h-100 g-flex-centered g-bg-img-hero g-bg-cover g-bg-black-opacity-0_0--after" style="background-image: url(assets/img/dp/DSC06000-2-min.jpg);"> 686 <div class="container"> 687 <div class="g-max-width-300 g-pos-abs g-bottom-55 g-z-index-1 g-bg-black-opacity-0_3">
687 <!-- g-bg-black Background color of box --> 688 <a class="d-block g-text-underline--none--hover" href=""> 689 <span class="d-block g-color-white g-font-size-25--md mb-2" style="text-shadow: 1px 1px 2px;"> <!-- drop shadow 2px 2px 4px--> 690 Live entertainment from amazing acts... <span class="g-brd-bottom--solid g-brd-2 g-brd-primary g-font-size-25--md g-font-weight-700 g-pb-2"><BR></span> 691 </span> 692 <span class="d-block g-color-white g-font-secondary g-font-size-20 g-font-size-20--md g-line-height-1_4"> 693 </span> 694 </a> 695 </div> 696 697 <!-- Go to Button --> 698 <a class="js-go-to d-flex align-items-center g-color-white g-pos-abs g-bottom-0 g-z-index-1 g-text-underline--none--hover g-pb-60" href="#!" data-target="#content"> 699 <span class="d-block u-go-to-v4 mr-3"></span> 700 <span class="g-brd-bottom--dashed g-brd-white-opacity-0_5 mr-1">scroll down</span> to find out more 701 </a> 702 <!-- End Go to Button --> 703 </div> 704 </div> 705 <!-- End Carousel Slides --> 706 707 <!-- Carousel Slides --> 708 <div class="js-slide h-100 g-flex-centered g-bg-img-hero g-bg-cover g-bg-black-opacity-0_0--after" style="background-image: url(assets/img/dp/DSC04578-min.jpg);"> 709 <div class="container"> 710 <div class="g-max-width-300 g-pos-abs g-bottom-55 g-z-index-1 g-bg-black-opacity-0_3"> <!-- g-bg-black Background color of box --> 711 <a class="d-block g-text-underline--none--hover" href="page-g-wedding-1.php"> 712 <span class="d-block g-color-white g-font-size-25--md mb-2" style="text-shadow: 1px 1px 2px;"> <!-- drop shadow 2px 2px 4px--> 713 Looking to make your special day memorable? <span class="g-brd-bottom--solid g-brd-2 g-brd-primary g-font-size-25--md g-font-weight-700 g-pb-2"><BR>Wedding Packages</span> 714 </span> 715 <span class="d-block g-color-white g-font-secondary g-font-size-20 g-font-size-20--md g-line-height-1_4"> 716 </span> 717 </a> 718 </div> 719 720 <!-- Go to Button --> 721 <a class="js-go-to d-flex align-items-center g-color-white g-pos-abs g-bottom-0 g-z-index-1 g-text-underline--none--hover g-pb-60" href="#!" data-target="#content"> 722 <span class="d-block u-go-to-v4 mr-3"></span> 723 <span class="g-brd-bottom--dashed g-brd-white-opacity-0_5 mr-1">scroll down</span> to find out more 724 </a> 725 <!-- End Go to Button --> 726 </div> 727 </div> 728 <!-- End Carousel Slides --> 729 730<!-- End PAUL Carousel Loop --> 731 </div> 732 <!-- End Carousel Slider --> 733 734 735 <!-- Find a Cruise --> 736 <div id="content" class="u-shadow-v34 g-bg-main g-pos-rel g-z-index-1 g-pt-40 g-pb-10"> 737 <div class="container"> 738 <form class="row align-items-md-center" id="schedule_search" name="schedule_search" action="do_schedule_search.php" method="POST"> 739 <div class="col-md-2 g-mb-30" align="center"> 740 <h1 class="h2 g-color-white mb-0">Find cruises</h1> 741 </div> 742 743 <div class="col-md-3 g-mb-30" align="center"> 744 <input class="form-control h-100 u-shadow-v19 g-brd-none g-bg-white g-font-size-16 g-rounded-30 g-px-25 g-py-10" type="date" name="search_date_from" placeholder="From Date"> 745</h1> </div> 746 <div class="col-md-2 g-mb-30" align="center"> 747 <h1 class="h2 g-color-white mb-0">To: 748 </div> 749 <div class="col-md-3 g-mb-30" align="center"> 750 <input class="form-control h-100 u-shadow-v19 g-brd-none g-bg-white g-font-size-16 g-rounded-30 g-px-25 g-py-10" type="date" name="search_date_to" placeholder="To Date"> 751</h1> </div> 752 753 <div class="col-md-2 g-mb-30" align="center"> 754 <button class="btn u-shadow-v32 input-group-addon d-flex align-items-center g-brd-none g-color-white g-color-primary--hover g-bg-primary g-bg-white--hover g-font-size-16 g-rounded-30 g-transition-0_2 g-px-30 g-py-13" type="submit"> 755 Search 756 <i class="ml-3 fa fa-anchor"></i> 757 </button> 758 </div> 759 </form> 760 </div> 761 </div> 762 <!-- End Find a Course --> 763 764 <!-- Learn First Steps --> 765 <div class="container g-pt-100 g-pb-50"> 766 <!-- Heading --> 767 <div class="g-max-width-800 text-center mx-auto"> 768 <h2 class="h1 mb-3">
768Discover Detroit's Premier Riverboat Dining and Entertainment Experience! Celebrating 20 years on the Detroit River!</h2> 769 <p>2024 marks a significant milestone for Detroit Princess as we proudly celebrate two decades of cruising the Detroit River. We are so grateful to our community, this incredible city we call home, and the supportive corporate community that has played a pivotal role in our journey.</p> 770 771 <p>Planning an event in Downtown Detroit? From intimate gatherings to grand celebrations, the Detroit Princess Riverboat is the perfect venue for any size event, accommodating from 1 to 1000 guests with ease. Our riverboat is ideal for various private events, including corporate functions, weddings, family reunions, birthday parties, or just a fun night on the Detroit Riverwalk. To schedule your unique event, please call us at (313) 631-2628 or visit our Charter Cruise section to fill out our information request form. For exclusive offers and special pricing, visit our General Information page <a href="https://www.detroitprincess.com/page-contact-1.php">HERE</a> to join our mailing list for last minute cruise specials and special pricing!</p> 772 <p><b>For reservations, directions, or information please call or email CJC Cruises and the Detroit Princess Riverboat at: <br>Phone: (313) 631-2628 or (877) 338-2628 <br>Email: <a href="mailto:[email protected]">[email protected]</a><br></b></p> 773 </div> 774 <!-- End Heading --> 775 776 <hr class="g-brd-secondary-light-v1 g-my-50"> 777 778 <div class="row"> 779 <div class="col-lg-5 order-lg-2 g-mb-50"> 780 <!-- List of Links --> 781 <ul class="list-unstyled g-pl-15--lg mb-0"> 782 <!-- Links --> 783 <li> 784 <div class="media u-block-hover g-color-main g-text-underline--none--hover g-transition-0_5 g-px-10 g-py-15"> 785 <div class="d-flex mr-4"> 786 <span class="u-icon-v3 u-icon-size--lg u-shadow-v35 g-color-blue g-color-white--hover g-bg-secondary-dark-v1 g-bg-main--hover g-font-size-40 rounded-circle"> 787 <i class="icon-hotel-restaurant-201 u-line-icon-pro"></i> 788 </span> 789 </div> 790 <div class="media-body"> 791 <h3 class="h5 g-color-blue g-color-main--hover g-font-primary mb-1">Great Views!</h3> 792 <p class="g-font-size-16 mb-0">Providing a wonderful view of the Detroit and Windsor skylines.</p> 793 </div> 794<!-- <a class="u-link-v2" href="page-campus-life-1.php"></a> --> 795 </div> 796 </li> 797 <!-- End Links --> 798 799 <!-- Links --> 800 <li> 801 <div class="media u-block-hover g-color-main g-text-underline--none--hover g-transition-0_5 g-px-10 g-py-15"> 802 <div class="d-flex mr-4"> 803 <span class="u-icon-v3 u-icon-size--lg u-shadow-v35 g-color-purple g-color-white--hover g-bg-secondary-dark-v1 g-bg-main--hover g-font-size-40 rounded-circle"> 804 <i class="icon-hotel-restaurant-102 u-line-icon-pro"></i> 805 </span> 806 </div> 807 <div class="media-body"> 808 <h3 class="h5 g-color-purple g-color-main--hover g-font-primary mb-1">Multiple Entertainment Options</h3> 809 <p class="g-font-size-16 mb-0">Motown shows, Murder Mystery Dinner Theater, Live Bands, DJ's, and more!</p> 810 </div> 811<!-- <a class="u-link-v2" href="page-campus-life-1.php"></a> --> 812 </div> 813 </li> 814 <!-- End Links --> 815 816 <!-- Links --> 817 <li> 818 <div class="media u-block-hover g-color-main g-text-underline--none--hover g-transition-0_5 g-px-10 g-py-15"> 819 <div class="d-flex mr-4"> 820 <span class="u-icon-v3 u-icon-size--lg u-shadow-v35 g-color-teal g-color-white--hover g-bg-secondary-dark-v1 g-bg-main--hover g-font-size-40 rounded-circle"> 821 <i class="icon-education-124 u-line-icon-pro"></i> 822 </span> 823 </div> 824 <div class="media-body"> 825 <h3 class="h5 g-color-teal g-color-main--hover g-font-primary mb-1">Cruise Dates</h3> 826 <p class="g-font-size-16 mb-0">Many cruise dates and options available!</p> 827 </div> 828 <a class="u-link-v2" href="page-schedule-1.php"></a> 829 </div> 830 </li> 831 <!-- End Links --> 832 833 <!-- Links --> 834 <li> 835 <div class="media u-block-hover g-color-main g-text-underline--none--hover g-transition-0_5 g-px-10 g-py-15"> 836 <div class="d-flex mr-4">
837 <span class="u-icon-v3 u-icon-size--lg u-shadow-v35 g-color-brown g-color-white--hover g-bg-secondary-dark-v1 g-bg-main--hover g-font-size-40 rounded-circle"> 838 <i class="icon-hotel-restaurant-188 u-line-icon-pro"></i> 839 </span> 840 </div> 841 <div class="media-body"> 842 <h3 class="h5 g-color-brown g-color-main--hover g-font-primary mb-1">Bar Service Available</h3> 843 <p class="g-font-size-16 mb-0">Several fully-stocked bars on board for purchase of hand poured cocktails, a quality wine selection and domestic/craft beers during public or private cruise events!</p> 844 </div> 845<!-- <a class="u-link-v2" href="page-campus-life-1.php"></a> --> 846 </div> 847 </li> 848 <!-- End Links --> 849 </ul> 850 <!-- End List of Links --> 851 </div> 852 853 <div class="col-lg-7 order-lg-1 g-pt-10 g-mb-60"> 854 <!-- Youtube Iframe --> 855 <div class="embed-responsive embed-responsive-16by9 u-shadow-v36 g-brd-around g-brd-7 g-brd-white g-rounded-5 mb-4"> 856 <iframe src="https://www.youtube.com/embed/IO30Un7tBsA?rel=0&showinfo=0" frameborder="0" allowfullscreen></iframe> 857 </div> 858 <!-- End Youtube Iframe --> 859 860 <h4 class="h3 mb-0">All Aboard!</h4> 861 <a class="g-pl-30" href="#">— Set sail on the Detroit River!</a> 862 </div> 863 </div> 864 </div> 865 <!-- End Learn First Steps --> 866 867 <!-- Researches --> 868 <div class="g-bg-main g-pos-rel"> 869 <div class="container g-pos-rel g-z-index-1 g-pt-100 g-pb-120"> 870 <!-- Heading --> 871 <div class="g-max-width-645 text-center mx-auto g-mb-60"> 872 <h2 class="h1 text-center g-color-white">Discover the Ideal Venue for Your Private Events in Downtown Detroit!</h2> 873 </div> 874 <!-- End Heading --> 875 876 <div class="row align-items-lg-center"> 877 <div class="col-lg-7 order-lg-2 g-mb-50"> 878 <div class="g-pos-rel g-pl-15--lg"> 879 <img class="img-fluid w-100 u-shadow-v19 g-brd-around g-brd-7 g-brd-secondary rounded" src="assets/img/dp/gallery/boat-outside/38841218_10160735682740252_6731260032635109376_n_10160735682735252.jpg" alt="Image Description"> 880 881 <!-- Video Button --> 882 <div class="g-absolute-centered--y g-left-0 g-right-0 text-center mx-auto"> 883 <a class="js-fancybox d-inline-block u-block-hover g-bg-white g-rounded-50 g-text-underline--none--hover g-transition-0_3 g-px-20 g-py-10" href="javascript:;" 884 data-src="https://www.youtube.com/watch?v=e4Y6MOpRj0E" 885 data-speed="350"> 886 <span class="d-flex align-items-center"> 887 <span class="u-icon-v3 g-width-30 g-height-30 g-color-white g-bg-primary g-bg-main--hover rounded-circle mr-3"> 888 <i class="g-font-size-13 g-ml-2 hs-icon hs-icon-play"></i> 889 </span> 890 <span class="g-color-primary g-color-main--hover">Play video</span> 891 </span> 892 </a> 893 </div> 894 <!-- End Video Button --> 895 </div> 896 </div> 897 898 <div class="col-lg-5 order-lg-1 g-mb-50"> 899 <!-- Researches - Info --> 900 <div class="mb-5"> 901 <h2 class="h3 g-color-white mb-4">Elevate Your Event on Detroit's Iconic Riverboat</h2> 902 <p class="g-color-white-opacity-0_7">Transform your special occasions into unforgettable experiences with the Detroit Princess Riverboat. Our venue is not just about the unique setting; it's about creating moments that last a lifetime.</p> 903 </div> 904 905 <div class="mb-5"> 906 <h2 class="h3 g-color-white mb-4">Weddings</h2> 907 <p class="g-color-white-opacity-0_7">Picture your dream wedding on the scenic Detroit River, where elegance meets romance. Our dedicated team will ensure every detail reflects your vision, from the decor to the dining.</p> 908 </div> 909 910 <div class="mb-5"> 911 <h2 class="h3 g-color-white mb-4">Corporate Events</h2> 912 <p class="g-color-white-opacity-0_7">Impress your colleagues and clients with a corporate event venue that combines business and pleasure. Our spaces are perfect for conferences, team-building events, or casual networking sessions.</p> 913 </div> 914 915 <div class="mb-5"> 916 <h2 class="h3 g-color-white mb-4">Celebrations</h2> 917 <p class="g-color-white-opacity-0_7">Family reunions, birthdays, holiday parties – whatever you're celebrating, we make it extraordinary. Our riverboat venue offers a festive and inviting atmosphere, perfect for making memories.</p> 918 </div> 919 920 <div class="mb-5"> 921 <h2 class="h3 g-color-white mb-4">Customized Experiences<</h2> 922 <p class="g-color-white-opacity-0_7">We understand that each event is unique. That's why our staff is committed to personalizing your occasion, offering flexible options to suit your specific needs.
922</p> 923 <p class="g-color-white-opacity-0_7">Every cruise season, we're here to assist you in planning an amazing and memorable experience. Let the Detroit Princess be the backdrop to your next great event, where the beauty of Downtown Detroit adds to your special day. Contact us to start planning today!</p> 924 </div> 925 926 <div class="media g-max-width-300"> 927 <div class="d-flex mr-3"> 928 <div class="g-width-40 g-height-40"> 929 <img class="img-fluid g-brd-around g-brd-2 g-brd-white rounded-circle" src="assets/img-temp/100x100/img1.jpg" alt="Image Description"> 930 </div> 931 </div> 932 <div class="media-body"> 933 <span class="d-block g-color-white g-font-secondary g-font-size-16 mb-2">" Come let us take you for a riverboat ride! "</span> 934 <h5 class="h6 g-color-primary g-font-primary g-font-weight-700">- Captain Scott</h5> 935 </div> 936 </div> 937 <!-- End Researches - Info --> 938 </div> 939 </div> 940 </div> 941 942 <!-- SVG Background Shape --> 943 <svg class="g-pos-abs g-bottom-0 g-left-0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
944 viewBox="0 0 1920 323" enable-background="new 0 0 1920 323" xml:space="preserve"> 945 <polygon fill="#2c3856" points="0,323 1920,323 1920,0 "/> 946 <polygon fill="#293451" points="-0.5,322.5 -0.5,131.5 658.3,212.3 "/> 947 </svg> 948 <!-- End SVG Background Shape --> 949 </div> 950 <!-- End Researches --> 951 952 <!-- Research Statistics --> 953 <div class="container g-mt-minus-70 g-pb-100"> 954 <div class="row"> 955 <div class="col-sm-6 col-lg-3 g-mb-30 g-mb-20--lg"> 956 <!-- Research Block --> 957 <div class="g-pa-10"> 958 <div class="g-width-220 g-height-220 u-shadow-v37 rounded-circle g-pos-rel mx-auto"> 959 <!-- Research - SVG Shape --> 960 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 961 viewBox="0 0 187 187" enable-background="new 0 0 187 187" xml:space="preserve"> 962 <g id="_x31_"> 963 <circle fill="#ffffff" cx="93.5" cy="93.5" r="93.5"/> 964 <circle fill="#ffffff" stroke="#f0f2f8" stroke-width="7" stroke-miterlimit="10" cx="93.5" cy="93.5" r="81"/> 965 <path fill="none" stroke="#49c1aa" stroke-width="7" stroke-linecap="round" stroke-miterlimit="10" d="M93.5,12.5 966 c44.7,0,81,36.3,81,81c0,21.3-8.2,40.6-21.6,55.1"/> 967 </g> 968 </svg> 969 <!-- End Research - SVG Shape --> 970 971 <!-- Research - Info --> 972 <div class="text-center g-absolute-centered--y g-left-0 g-right-0 g-px-35"> 973 <h4 class="h2 g-font-primary">Largest</h4> 974 <span class="d-block">Largest dinner cruise boat in the Midwest!</span> 975 </div> 976 <!-- Research - Info --> 977 </div> 978 </div> 979 <!-- End Research Block --> 980 </div> 981 982 <div class="col-sm-6 col-lg-3 g-mb-30 g-mb-20--lg"> 983 <!-- Research Block --> 984 <div class="g-pa-10"> 985 <div class="g-width-220 g-height-220 u-shadow-v37 rounded-circle g-pos-rel mx-auto"> 986 <!-- Research - SVG Shape --> 987 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
988 viewBox="0 0 187 187" enable-background="new 0 0 187 187" xml:space="preserve"> 989 <circle fill="#ffffff" cx="93.5" cy="93.5" r="93.5"/> 990 <circle fill="#ffffff" stroke="#f0f2f8" stroke-width="7" stroke-miterlimit="10" cx="93.5" cy="93.5" r="81"/> 991 <path fill="none" stroke="#a27fcc" stroke-width="7" stroke-linecap="round" stroke-miterlimit="10" d="M93.5,12.5 992 c43,0,78.2,33.6,80.8,75.9"/> 993 </svg> 994 <!-- End Research - SVG Shape --> 995 996 <!-- Research - Info --> 997 <div class="text-center g-absolute-centered--y g-left-0 g-right-0 g-px-35"> 998 <h4 class="h2 g-font-primary">2005</h4> 999 <span class="d-block">First set sail</span> 1000 </div> 1001 <!-- Research - Info --> 1002 </div> 1003 </div> 1004 <!-- End Research Block --> 1005 </div> 1006 1007 <div class="col-sm-6 col-lg-3 g-mb-30 g-mb-20--lg"> 1008 <!-- Research Block --> 1009 <div class="g-pa-10"> 1010 <div class="g-width-220 g-height-220 u-shadow-v37 rounded-circle g-pos-rel mx-auto"> 1011 <!-- Research - SVG Shape --> 1012 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
1013 viewBox="0 0 187 187" enable-background="new 0 0 187 187" xml:space="preserve"> 1014 <circle fill="#ffffff" cx="93.5" cy="93.5" r="93.5"/> 1015 <circle fill="#ffffff" stroke="#f0f2f8" stroke-width="7" stroke-miterlimit="10" cx="93.5" cy="93.5" r="81"/> 1016 <path fill="none" stroke="#61a9d1" stroke-width="7" stroke-linecap="round" stroke-miterlimit="10" d="M93.5,12.5 1017 c26.7,0,50.4,12.9,65.2,32.9"/> 1018 </svg> 1019 <!-- End Research - SVG Shape --> 1020 1021 <!-- Research - Info --> 1022 <div class="text-center g-absolute-centered--y g-left-0 g-right-0 g-px-35"> 1023 <h4 class="h2 g-font-primary">5</h4> 1024 <span class="d-block">Decks</span> 1025 </div> 1026 <!-- Research - Info --> 1027 </div> 1028 </div> 1029 <!-- End Research Block --> 1030 </div> 1031 1032 <div class="col-sm-6 col-lg-3 g-mb-30 g-mb-20--lg"> 1033 <!-- Research Block --> 1034 <div class="g-pa-10"> 1035 <div class="g-width-220 g-height-220 u-shadow-v37 rounded-circle g-pos-rel mx-auto"> 1036 <!-- Research - SVG Shape --> 1037 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
1038 viewBox="0 0 187 187" enable-background="new 0 0 187 187" xml:space="preserve"> 1039 <circle fill="#ffffff" cx="93.5" cy="93.5" r="93.5"/> 1040 <circle fill="#ffffff" stroke="#f0f2f8" stroke-width="7" stroke-miterlimit="10" cx="93.5" cy="93.5" r="81"/> 1041 <path fill="#ffffff" stroke="#d16680" stroke-width="7" stroke-linecap="round" stroke-miterlimit="10" d="M93.5,12.5 1042 c44.7,0,81,36.3,81,81s-36.3,81-81,81c-26.3,0-49.7-12.6-64.5-32"/> 1043 </svg> 1044 <!-- End Research - SVG Shape --> 1045 1046 <!-- Research - Info --> 1047 <div class="text-center g-absolute-centered--y g-left-0 g-right-0 g-px-35"> 1048 <h4 class="h2 g-font-primary">Hundreds</h4> 1049 <span class="d-block">of cruise events each year</span> 1050 </div> 1051 <!-- Research - Info --> 1052 </div> 1053 </div> 1054 <!-- End Research Block --> 1055 </div> 1056 </div> 1057 1058 <!-- SVG Shape (Large Desktop) --> 1059 <div class="g-max-width-870 mx-auto"> 1060 <svg class="g-hidden-md-down" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
1061 viewBox="0 0 758.2 172.3" enable-background="new 0 0 758.2 172.3" xml:space="preserve"> 1062 <g id="Main_Circle"> 1063 <path fill="#f0f2f8" d="M324.4,118.7c0-29.5,24.7-53.6,54.8-53.6h0c30.2,0,54.8,24.1,54.8,53.6v0c0,29.5-24.7,53.6-54.8,53.6h0 1064 C349,172.3,324.4,148.2,324.4,118.7L324.4,118.7"/> 1065 1066 <linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="323.9412" y1="164.2837" x2="383.4379" y2="129.9333" gradientTransform="matrix(0.9061 0.1165 0.1165 0.8555 21.5988 -26.7912)"> 1067 <stop offset="0" style="stop-color:#f0f2f8;stop-opacity:0"/> 1068 <stop offset="0.5224" style="stop-color:#dbdfe8;stop-opacity:0.4179"/> 1069 <stop offset="1" style="stop-color:#ccd1dd;stop-opacity:0.8"/> 1070 </linearGradient> 1071 <polygon fill="url(#SVGID_3_)" fill-opacity="0.36" points="361.5,168.8 329.2,144.2 356.9,111.8 389.2,136.3 "/> 1072 <text transform="matrix(1.0223 0 0 1 358.4563 134.7857)" fill="#ffffff" font-family="'FontAwesome'" font-size="43.6866px"></text> 1073 </g> 1074 <g id="Right"> 1075 <path fill="none" stroke="#f0f2f8" stroke-width="8" stroke-linecap="round" stroke-miterlimit="10" d="M449.4,119.3h42.9 1076 c8.3,0,15.1-6,15.1-13.3V5.3"/> 1077 <path fill="none" stroke="#f0f2f8" stroke-width="8" stroke-linecap="round" stroke-miterlimit="10" d="M461.4,119.3h281 1078 c6.6,0,12-6.4,12-14.1V4.3"/> 1079 </g> 1080 <g id="Left"> 1081 <path fill="none" stroke="#f0f2f8" stroke-width="8" stroke-linecap="round" stroke-miterlimit="10" d="M309.4,119.3h-42.9 1082 c-8.3,0-15.1-6-15.1-13.3V5.3"/> 1083 <path fill="none" stroke="#f0f2f8" stroke-width="8" stroke-linecap="round" stroke-miterlimit="10" d="M297.4,119.3h-281 1084 c-6.6,0-12-6.4-12-14.1V4.3"/> 1085 </g> 1086 </svg> 1087 </div> 1088 <!-- End SVG Shape (Large Desktop) --> 1089 1090 <!-- SVG Shape (Small Devices) --> 1091 <div class="g-max-width-400 mx-auto"> 1092 <svg class="g-hidden-lg-up" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
1093 viewBox="0 0 407 172.3" enable-background="new 0 0 407 172.3" xml:space="preserve"> 1094 <path fill="none" stroke="#f0f2f8" stroke-width="8" stroke-linecap="round" stroke-miterlimit="10" d="M134,118.1l-113.1,0 1095 c-9.1,0-16.8-7-16.9-15.8c0-0.1,0-0.1,0-0.2V4"/> 1096 <path fill="#f0f2f8" d="M148.4,118.7c0-29.5,24.7-53.6,54.8-53.6h0c30.2,0,54.8,24.1,54.8,53.6v0c0,29.5-24.7,53.6-54.8,53.6h0 1097 C173,172.3,148.4,148.2,148.4,118.7L148.4,118.7"/> 1098 <linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="147.9412" y1="164.2837" x2="207.4379" y2="129.9333" gradientTransform="matrix(0.9061 0.1165 0.1165 0.8555 5.0741 -6.294)"> 1099 <stop offset="0" style="stop-color:#f0f2f8;stop-opacity:0"/> 1100 <stop offset="0.5224" style="stop-color:#dbdfe8;stop-opacity:0.4179"/> 1101 <stop offset="1" style="stop-color:#ccd1dd;stop-opacity:0.8"/> 1102 </linearGradient> 1103 <polygon fill="url(#SVGID_4_)" fill-opacity="0.36" points="185.5,168.8 153.2,144.2 180.9,111.8 213.2,136.3 "/> 1104 <text transform="matrix(1.0223 0 0 1 182.4563 134.7857)" fill="#ffffff" font-family="'FontAwesome'" font-size="43.6866px"></text> 1105 <path fill="none" stroke="#f0f2f8" stroke-width="8" stroke-linecap="round" stroke-miterlimit="10" d="M403,4.9l0,99.3 1106 c0,8-8,14.7-18,14.8c-0.1,0-0.1,0-0.2,0H273"/> 1107 </svg> 1108 </div> 1109 <!-- End SVG Shape (Small Devices) --> 1110 1111 <div class="g-max-width-300 text-center mx-auto"> 1112 <p class="g-color-secondary-light-v1 mb-0">Come see the best views of Detroit!</p> 1113 </div> 1114 </div> 1115 <!-- End Research Statistics --> 1116 1117 1118 <!-- Events --> 1119 <div class="g-bg-secondary"> 1120 <div class="container g-py-100"> 1121 <!-- Heading --> 1122 <div class="g-max-width-645 text-center g-mb-60 mx-auto"> 1123 <h2 class="h1 mb-3">Check out our upcoming cruises!</h2> 1124 </div> 1125 <!-- End Heading --> 1126 1127 <!-- More Events List --> 1128 <ul class="list-unstyled g-mb-60"> 1129 1130 1131 1132 1133 <!-- Events Item --> 1134 <li class="u-block-hover u-shadow-v37--hover g-bg-secondary-dark-v1 g-bg-white--hover rounded g-px-50 g-py-30 mb-4"> 1135 <div class="row align-items-lg-center"> 1136 <div class="col-md-3 col-lg-2 g-mb-30 g-mb-0--lg"> 1137 <div class="d-flex align-items-center mb-3"> 1138 <span class="g-color-primary g-font-weight-500 g-font-size-50 g-line-height-1 mr-3">27</span> 1139 <div class="g-color-text-light-v1 text-center g-line-height-1_4"> 1140 <span class="d-block"><B>Sunday</B></span> 1141 <span class="d-block">Sep</span> 1142 <span class="d-block">2026</span> 1143 </div> 1144 </div> 1145<!-- <span class="d-block g-color-text-light-v1">Boarding: 5.00pm - 6.00pm</span> 1146 <span class="d-block g-color-text-light-v1">Cruising: 6.00pm - 7.15pm</span> 1147 <span class="d-block g-color-text-light-v1">Party Over: 9.15pm</span> --> 1148 </div> 1149 <div class="col-md-9 col-lg-8 g-mb-30 g-mb-0--lg"> 1150 <h3 class="h5 g-font-primary g-font-weight-500 mb-1">Motown Revue Dinner</h3> 1151 <p></p> 1152 <span class="d-block g-color-text-light-v1">Boarding: 5:00 PM - 6:00 PM</span> 1153 <span class="d-block g-color-text-light-v1">Cruising: 6:00 PM - 8:00 PM</span> 1154 <span class="d-block g-color-text-light-v1">Party Over: 8:30 PM</span> 1155 1156 1157 1158 </div> 1159 <div class="col-lg-2"> 1160 <a class="btn btn-block g-brd-2 g-brd-main-opacity-0_1 g-brd-primary--hover g-color-primary g-color-white--hover g-bg-primary--hover g-rounded-30 g-py-10" href="page-cruise-info-1.php?date=2026-09-27&cid=19827">Buy Tickets!</a> 1161 </div> 1162 </div> 1163 <a class="u-link-v2" href="page-cruise-info-1.php?date=2026-09-27&cid=19827"></a> 1164 </li> 1165 <!-- End Events Item --> 1166 1167 1168 1169 1170 <!-- Events Item --> 1171 <li class="u-block-hover u-shadow-v37--hover g-bg-secondary-dark-v1 g-bg-white--hover rounded g-px-50 g-py-30 mb-4"> 1172 <div class="row align-items-lg-center"> 1173 <div class="col-md-3 col-lg-2 g-mb-30 g-mb-0--lg"> 1174 <div class="d-flex align-items-center mb-3">
1175 <span class="g-color-primary g-font-weight-500 g-font-size-50 g-line-height-1 mr-3">27</span> 1176 <div class="g-color-text-light-v1 text-center g-line-height-1_4"> 1177 <span class="d-block"><B>Sunday</B></span> 1178 <span class="d-block">Sep</span> 1179 <span class="d-block">2026</span> 1180 </div> 1181 </div> 1182<!-- <span class="d-block g-color-text-light-v1">Boarding: 5.00pm - 6.00pm</span> 1183 <span class="d-block g-color-text-light-v1">Cruising: 6.00pm - 7.15pm</span> 1184 <span class="d-block g-color-text-light-v1">Party Over: 9.15pm</span> --> 1185 </div> 1186 <div class="col-md-9 col-lg-8 g-mb-30 g-mb-0--lg"> 1187 <h3 class="h5 g-font-primary g-font-weight-500 mb-1">Margaritaville Dinner Cruise</h3> 1188 <p></p> 1189 <span class="d-block g-color-text-light-v1">Boarding: 5:00 PM - 6:00 PM</span> 1190 <span class="d-block g-color-text-light-v1">Cruising: 6:00 PM - 8:00 PM</span> 1191 <span class="d-block g-color-text-light-v1">Party Over: 8:30 PM</span> 1192 1193 1194 1195 </div> 1196 <div class="col-lg-2"> 1197 <a class="btn btn-block g-brd-2 g-brd-main-opacity-0_1 g-brd-primary--hover g-color-primary g-color-white--hover g-bg-primary--hover g-rounded-30 g-py-10" href="page-cruise-info-1.php?date=2026-09-27&cid=19911">Buy Tickets!</a> 1198 </div> 1199 </div> 1200 <a class="u-link-v2" href="page-cruise-info-1.php?date=2026-09-27&cid=19911"></a> 1201 </li> 1202 <!-- End Events Item --> 1203 1204 1205 1206 1207 <!-- Events Item --> 1208 <li class="u-block-hover u-shadow-v37--hover g-bg-secondary-dark-v1 g-bg-white--hover rounded g-px-50 g-py-30 mb-4"> 1209 <div class="row align-items-lg-center"> 1210 <div class="col-md-3 col-lg-2 g-mb-30 g-mb-0--lg"> 1211 <div class="d-flex align-items-center mb-3"> 1212 <span class="g-color-primary g-font-weight-500 g-font-size-50 g-line-height-1 mr-3">02</span> 1213 <div class="g-color-text-light-v1 text-center g-line-height-1_4"> 1214 <span class="d-block"><B>Friday</B></span> 1215 <span class="d-block">Oct</span> 1216 <span class="d-block">2026</span> 1217 </div> 1218 </div> 1219<!-- <span class="d-block g-color-text-light-v1">Boarding: 5.00pm - 6.00pm</span> 1220 <span class="d-block g-color-text-light-v1">Cruising: 6.00pm - 7.15pm</span> 1221 <span class="d-block g-color-text-light-v1">Party Over: 9.15pm</span> --> 1222 </div> 1223 <div class="col-md-9 col-lg-8 g-mb-30 g-mb-0--lg"> 1224 <h3 class="h5 g-font-primary g-font-weight-500 mb-1">Motown Revue Dinner</h3> 1225 <p></p> 1226 <span class="d-block g-color-text-light-v1">Boarding: 6:00 PM - 7:00 PM</span> 1227 <span class="d-block g-color-text-light-v1">Cruising: 7:00 PM - 9:30 PM</span> 1228 <span class="d-block g-color-text-light-v1">Party Over: 10:00 PM</span> 1229 1230 1231 1232 </div> 1233 <div class="col-lg-2"> 1234 <a class="btn btn-block g-brd-2 g-brd-main-opacity-0_1 g-brd-primary--hover g-color-primary g-color-white--hover g-bg-primary--hover g-rounded-30 g-py-10" href="page-cruise-info-1.php?date=2026-10-02&cid=19892">Buy Tickets!</a> 1235 </div> 1236 </div> 1237 <a class="u-link-v2" href="page-cruise-info-1.php?date=2026-10-02&cid=19892"></a> 1238 </li> 1239 <!-- End Events Item --> 1240 1241 1242 1243 </ul> 1244 <!-- End More Events List --> 1245 1246 <div class="text-center"> 1247 <a class="btn u-shadow-v33 g-color-white g-color-white--hover g-bg-primary g-bg-main--hover g-rounded-30 g-px-25 g-py-10" href="page-schedule-1.php">View the Entire Cruise Schedule</a> 1248 </div> 1249 </div> 1250 </div> 1251 <!-- End Events --> 1252 1253 <!-- Call to Action --> 1254 <div class="g-pos-rel"> 1255 <div class="container text-center g-pt-100 g-pb-50"> 1256 <!-- Heading --> 1257 <div class="g-max-width-645 mx-auto g-mb-40"> 1258 <h2 class="h1 mb-3">Join Us Aboard!</h2> 1259 <p>
1259Buy tickets for a cruise or create your own party!.</p> 1260 </div> 1261 <!-- End Heading --> 1262 1263 <a class="btn u-shadow-v33 g-color-white g-bg-primary g-bg-main--hover g-rounded-30 g-px-35 g-py-13" href="page-schedule-1.php">Buy Cruise Tickets Now</a> 1264 1265 <!-- SVG Shape --> 1266 <svg class="d-inline-block g-width-35" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 1267 viewBox="0 0 37 1" enable-background="new 0 0 37 1" xml:space="preserve"> 1268 <linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="0" y1="0.5" x2="37" y2="0.5"> 1269 <stop offset="0" style="stop-color:#f5f6fa"/> 1270 <stop offset="1" style="stop-color:#b5b8cb"/> 1271 </linearGradient> 1272 <line fill="none" stroke="url(#SVGID_5_)" stroke-miterlimit="10" x1="37" y1="0.5" x2="0" y2="0.5"/> 1273 </svg> 1274 <!-- End SVG Shape --> 1275 1276 <span class="align-middle g-color-primary mx-1">or</span> 1277 1278 <!-- SVG Shape --> 1279 <svg class="d-inline-block g-width-35" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
1280 viewBox="0 0 37 1" enable-background="new 0 0 37 1" xml:space="preserve"> 1281 <linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="-10" y1="-1.5" x2="27" y2="-1.5" gradientTransform="matrix(-1 0 0 -1 27 -1)"> 1282 <stop offset="0" style="stop-color:#f5f6fa"/> 1283 <stop offset="1" style="stop-color:#b5b8cb"/> 1284 </linearGradient> 1285 <line fill="none" stroke="url(#SVGID_6_)" stroke-miterlimit="10" x1="0" y1="0.5" x2="37" y2="0.5"/> 1286 </svg> 1287 <!-- End SVG Shape --> 1288 1289 <a class="btn u-shadow-v32 g-color-primary g-color-white--hover g-bg-white g-bg-main--hover g-rounded-30 g-px-35 g-py-13" href="page-contact-1.php">Contact a Group Booking Agent</a> 1290 </div> 1291 1292 <!-- SVG Background Shape --> 1293 <svg class="g-pos-abs g-bottom-0 g-left-0 g-z-index-minus-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 1294 viewBox="0 0 1920 323" enable-background="new 0 0 1920 323" xml:space="preserve"> 1295 <polygon fill="#f0f2f8" points="0,323 1920,323 1920,0 "/> 1296 <polygon fill="#f5f6fa" points="-0.5,322.5 -0.5,131.5 658.3,212.3 "/> 1297 </svg> 1298 <!-- End SVG Background Shape --> 1299 </div> 1300 <!-- End Call to Action --> 1301 1302 <!--PAUL FOOTER--> 1303 <!-- Footer --> 1304<footer class="g-bg-black-opacity-0_9 g-color-white-opacity-0_6 g-py-60"> 1305 <div class="container"> 1306 <div class="row"> 1307 <!-- Footer Content --> 1308 <div class="col-lg-4 g-mb-50 g-mb-0--lg"> 1309 <h2 class="h6 g-color-white text-uppercase g-font-weight-700 g-mb-20">Contact Us</h2> 1310 <div class="g-mb-25"> 1311 <p>Cruising the Detroit River since 2005</p> 1312 </div> 1313 1314 <address class="g-mb-20"> 1315 1316 <ul class="list-unstyled"> 1317 1318 <li class="d-flex align-items-baseline g-mb-12"> 1319 1320 <i class="fa fa-map-marker g-mr-10"></i> 1321 1322 <span>Boat Dock: <a class="g-color-white-opacity-0_8" href="https://www.google.com/maps/dir/42.414221,-83.425802/1+Civic+Center+Dr,+Detroit,+MI+48226/@42.4107874,-83.5183367,10z/data=!3m1!4b1!4m9!4m8!1m1!4e1!1m5!1m1!1s0x883b2d24a4ea3c41:0x42abdda31ee99144!2m2!1d-83.045972!2d42.326107">1 Civic Center Drive, Detroit, MI USA 48226</a></span> 1323 </li> 1324 1325 <li class="d-flex align-items-baseline g-mb-12"> 1326 1327 <i class="fa fa-phone g-mr-10"></i> 1328 1329 <span>Phone: (313) 631-2628 <!--(877) DET-BOAT or (877) 338-2628 --></span> 1330 1331 </li> 1332 1333 <li class="d-flex align-items-baseline g-mb-12"> 1334 1335 <i class="fa fa-envelope g-mr-10"></i> 1336 1337 <span>Email: 1338 1339 <a class="g-color-white-opacity-0_8" href="mailto:[email protected]">[email protected]</a> 1340 1341 </span> 1342 1343 </li> 1344 1345 </ul> 1346 1347 </address> 1348 1349 <ul class="list-inline mb-0"> 1350 <li class="list-inline-item"> 1351 <a class="u-icon-v3 u-icon-size--xs g-bg-white-opacity-0_1 g-bg-primary--hover g-color-white-opacity-0_8 rounded" href="http://twitter.com/DetroitPrincess"> 1352 <i class="fa fa-twitter"></i> 1353 </a> 1354 </li> 1355 <li class="list-inline-item g-mx-5"> 1356 <a class="u-icon-v3 u-icon-size--xs g-bg-white-opacity-0_1 g-bg-primary--hover g-color-white-opacity-0_8 rounded" href="http://www.youtube.com/TheDetroitPrincess"> 1357 <i class="fa fa-youtube"></i> 1358 </a> 1359 </li> 1360 <li class="list-inline-item g-mx-5"> 1361 <a class="u-icon-v3 u-icon-size--xs g-bg-white-opacity-0_1 g-bg-primary--hover g-color-white-opacity-0_8 rounded" href="http://www.facebook.com/pages/Detroit-MI/Detroit-Princess-Riverboat/143965560251"> 1362 <i class="fa fa-facebook"></i> 1363 </a> 1364 </li> 1365 <li class="list-inline-item g-mx-5"> 1366 <a class="u-icon-v3 u-icon-size--xs g-bg-white-opacity-0_1 g-bg-primary--hover g-color-white-opacity-0_8 rounded" href="http://www.flickr.com/photos/39071051@N06/"> 1367 <i class="fa fa-flickr"></i> 1368 </a> 1369 </li> 1370 </ul> 1371 </div> 1372 <!-- End Footer Content --> 1373 1374 <!-- Footer Content --> 1375 <div class="col-lg-4 g-mb-30 g-mb-0--lg">
1376 <h2 class="h6 g-color-white text-uppercase g-font-weight-700 g-mb-20">Useful Links</h2> 1377 <div class="row"> 1378 <div class="col-sm-6"> 1379 <ul class="list-unstyled g-mb-30 g-mb-0--md"> 1380 <li class="d-flex g-mb-12"> 1381 <i class="fa fa-circle g-color-red g-font-size-5 g-mt-10 g-mr-8"></i> 1382 <a class="g-color-white-opacity-0_6 g-color-primary--hover" href="https://www.detroitprincess.com/page-about-1.php">About the Boat</a> 1383 </li> 1384 <li class="d-flex g-mb-12"> 1385 <i class="fa fa-circle g-color-red g-font-size-5 g-mt-10 g-mr-8"></i> 1386 <a class="g-color-white-opacity-0_6 g-color-primary--hover" href="https://www.detroitprincess.com/page-schedule-1.php">Cruise Schedule</a> 1387 </li> 1388 <li class="d-flex g-mb-12"> 1389 <i class="fa fa-circle g-color-red g-font-size-5 g-mt-10 g-mr-8"></i> 1390 <a class="g-color-white-opacity-0_6 g-color-primary--hover" href="https://www.detroitprincess.com/page-contact-1.php">Contact Us</a> 1391 </li> 1392 <li class="d-flex g-mb-12"> 1393 <i class="fa fa-circle g-color-red g-font-size-5 g-mt-10 g-mr-8"></i> 1394 <a class="g-color-white-opacity-0_6 g-color-primary--hover" href="https://www.detroitprincess.com/page-getting-here-1.php">Getting to the Boat</a> 1395 </li> 1396 <li class="d-flex"> 1397 <i class="fa fa-circle g-color-red g-font-size-5 g-mt-10 g-mr-8"></i> 1398 <a class="g-color-white-opacity-0_6 g-color-primary--hover" href="https://www.detroitprincess.com/page-faq-1.php">FAQ</a> 1399 </li> 1400 <li class="d-flex"> 1401 <i class="fa fa-circle g-color-red g-font-size-5 g-mt-10 g-mr-8"></i> 1402 <a class="g-color-white-opacity-0_6 g-color-primary--hover" href="https://www.detroitprincess.com/page-gallery-boat-1.php">Photo Gallery</a> 1403 </li> 1404 <li class="d-flex"> 1405 <i class="fa fa-circle g-color-red g-font-size-5 g-mt-10 g-mr-8"></i> 1406 <a class="g-color-white-opacity-0_6 g-color-primary--hover" href="https://www.detroitprincess.com/page-unsubscribe.php">E-Mail List Unsubscribe</a> 1407 </li> 1408 </ul> 1409 </div> 1410 1411 <div class="col-sm-6"> 1412 <ul class="list-unstyled mb-0"> 1413 <li class="d-flex g-mb-12"> 1414 <i class="fa fa-circle g-color-red g-font-size-5 g-mt-10 g-mr-8"></i> 1415 <a class="g-color-white-opacity-0_6 g-color-primary--hover" href="https://www.detroitprincess.com/page-g-wedding-1.php">Wedding Information</a> 1416 </li> 1417 <li class="d-flex g-mb-12"> 1418 <i class="fa fa-circle g-color-red g-font-size-5 g-mt-10 g-mr-8"></i> 1419 <a class="g-color-white-opacity-0_6 g-color-primary--hover" href="https://www.detroitprincess.com/page-g-corporate-1.php">Corporate Parties</a> 1420 </li> 1421 <li class="d-flex g-mb-12"> 1422 <i class="fa fa-circle g-color-red g-font-size-5 g-mt-10 g-mr-8"></i> 1423 <a class="g-color-white-opacity-0_6 g-color-primary--hover" href="https://www.detroitprincess.com/page-g-family-reunion-1.php">Family Reunions</a> 1424 </li> 1425 <li class="d-flex g-mb-12"> 1426 <i class="fa fa-circle g-color-red g-font-size-5 g-mt-10 g-mr-8"></i> 1427 <a class="g-color-white-opacity-0_6 g-color-primary--hover" href="https://www.detroitprincess.com/page-g-prom-school-1.php">Prom & School Groups</a> 1428 </li> 1429<!-- 1430 <li class="d-flex g-mb-12"> 1431 <i class="fa fa-circle g-color-red g-font-size-5 g-mt-10 g-mr-8"></i> 1432 <a class="g-color-white-opacity-0_6 g-color-primary--hover" href="https://www.detroitprincess.com/page-g-holiday-1.php">Holiday Parties</a> 1433 </li> 1434 <li class="d-flex g-mb-12"> 1435 <i class="fa fa-circle g-color-red g-font-size-5 g-mt-10 g-mr-8"></i> 1436 <a class="g-color-white-opacity-0_6 g-color-primary--hover" href="https://www.detroitprincess.com/page-g-nye-1.php">New Year's Eve</a> 1437 </li> 1438--> 1439 <li class="d-flex"> 1440 <i class="fa fa-circle g-color-red g-font-size-5 g-mt-10 g-mr-8"></i> 1441 <a class="g-color-white-opacity-0_6 g-color-primary--hover" href="https://www.detroitprincess.com/page-g-special-events-1.php">Special Events</a> 1442 </li> 1443 </ul> 1444 </div> 1445 </div> 1446 </div> 1447 <!-- End Footer Content --> 1448 1449 <!-- Footer Content --> 1450 <div class="col-lg-4">
1451 <h2 class="h6 g-color-white text-uppercase g-font-weight-700 g-mb-20">Subscribe</h2> 1452 <div class="g-mb-25"> 1453 <p>Subscribe to our mailing list to be in the know on any cruise news and specials!</p> 1454 </div> 1455 1456<!-- <form>--> 1457<!--
1458<script type="text/javascript" src="http://www.detroitprincess.com/secure_forms/java/googlerecaptcha.js"></SCRIPT>
1458 1459--> 1460<form id="mailing_list_form" name="mailing_list_form" action="https://www.detroitprincess.com/page-subscribe.php" method="post" AUTOCOMPLETE="Off"> <!--do_mladd.php--> 1461<input id="datejoin" name="datejoin" type="hidden" value="2026-09-26 05:42:19"> 1462<input name="fname" type="hidden" id="fname" value=""> 1463<input name="lname" type="hidden" id="lname" value=""> 1464<input name="company" type="hidden" id="company" value=""> 1465<input name="address" type="hidden" id="address" value=""> 1466<input name="city" type="hidden" id="city" value=""> 1467<input name="state" type="hidden" id="state" value=""> 1468<input name="zipcode" type="hidden" id="zipcode" value=""> 1469<input name="country" type="hidden" id="country" value=""> 1470<input name="phone" type="hidden" id="phone" value=""> 1471<input name="how_obt" type="hidden" id="how_obt" value="Website Footer"> 1472<input autocomplete="false" name="hidden" type="text" style="display:none;"> 1473 <div class="row"> 1474 <div class="col-md-8 col-lg-12"> 1475 <div class="form-group g-mb-20"> 1476 <input class="form-control g-color-white g-bg-transparent g-bg-transparent--focus g-brd-white-opacity-0_1 g-rounded-50 g-px-20 g-py-12" type="email" placeholder="[email protected]" name="email" id="email"> 1477 </div> 1478 </div> 1479 1480 <div class="col-md-4 col-lg-12"> 1481 <button class="btn u-btn-red btn-block g-font-size-12 text-uppercase g-font-weight-600 g-rounded-50 g-py-15 g-px-35" type="" role="button">Sign Me Up!</button> <!-- type="submit" --> 1482 </div> 1483 </div> 1484 1485 </form> 1486 1487 </div> 1488 <div class="col-lg-4"> 1489 <div class="row"> 1490 <div class="col-md-4 col-lg-12"> 1491<div id="TA_cdsratingsonlynarrow526" class="TA_cdsratingsonlynarrow"><ul id="B40OhdCBjfu" class="TA_links GjVbRrKCPu"><li id="2BfbECgK" class="jWpkqjg3A"><a target="_blank" href="https://www.tripadvisor.com/Attraction_Review-g42139-d4375125-Reviews-Detroit_Princess_Riverboat-Detroit_Michigan.html"><img src="https://www.tripadvisor.com/img/cdsi/img2/branding/v2/Tripadvisor_lockup_horizontal_secondary_registered-18034-2.svg" alt="TripAdvisor"/></a></li></ul></div>
1491<script async src="https://www.jscache.com/wejs?wtype=cdsratingsonlynarrow&uniq=526&locationId=4375125&lang=en_US&border=true&display_version=2" data-loadtrk onload="this.loadtrk=true"></script>
1491 1492 </div> 1493 </div> 1494 </div> 1495 1496 <!-- End Footer Content --> 1497 </div> 1498 </div> 1499 1500 1501<!-- NEW - 2025-04-21 - Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 1501-1502
1501 1502<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1502GTM-WXRVKWK
vendor: 83 bytes, lines 1502-1503
1502" 1503height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1504<!-- End Google Tag Manager (noscript) --> 1505 1506</footer> 1507<!-- End Footer --> 1508 1509 <!-- END PAUL FOOTER--> 1510 1511 <!-- Go to Top --> 1512 <a class="js-go-to u-go-to-v1 u-shadow-v32 g-width-40 g-height-40 g-color-primary g-color-white--hover g-bg-white g-bg-main--hover g-bg-main--focus g-font-size-12 rounded-circle" href="#" data-type="fixed" data-position='{ 1513 "bottom": 15, 1514 "right": 15 1515 }' data-offset-top="400" 1516 data-compensation="#js-header" 1517 data-show-effect="slideInUp" 1518 data-hide-effect="slideInDown"> 1519 <i class="hs-icon hs-icon-arrow-top"></i> 1520 </a> 1521 <!-- End Go to Top --> 1522 </main> 1523 1524 <!-- JS Global Compulsory --> 1525
1525<script src="assets/vendor/jquery/jquery.min.js"></script>
1525 1526
1526<script src="assets/vendor/jquery-migrate/jquery-migrate.min.js"></script>
1526 1527
1527<script src="assets/vendor/popper.js/popper.min.js"></script>
1527 1528
1528<script src="assets/vendor/bootstrap/bootstrap.min.js"></script>
1528 1529 1530 <!-- FIXED 2026-08-23: moved down from includes-css.inc (was blocking the <head>) -- the 1531 CDN copy of jQuery that used to load there has been removed entirely so jQuery loads 1532 exactly once now, from the local copy above. --> 1533 <!-- jQuery UI Core --> 1534
1534<script src="assets/vendor/jquery-ui/ui/widget.js"></script>
1534 1535
1535<script src="assets/vendor/jquery-ui/ui/version.js"></script>
1535 1536
1536<script src="assets/vendor/jquery-ui/ui/keycode.js"></script>
1536 1537
1537<script src="assets/vendor/jquery-ui/ui/position.js"></script>
1537 1538
1538<script src="assets/vendor/jquery-ui/ui/unique-id.js"></script>
1538 1539
1539<script src="assets/vendor/jquery-ui/ui/safe-active-element.js"></script>
1539 1540 1541 <!-- jQuery UI Helpers --> 1542
1542<script src="assets/vendor/jquery-ui/ui/widgets/menu.js"></script>
1542 1543
1543<script src="assets/vendor/jquery-ui/ui/widgets/mouse.js"></script>
1543 1544 1545 <!-- jQuery UI Widgets --> 1546
1546<script src="assets/vendor/jquery-ui/ui/widgets/datepicker.js"></script>
1546 1547 1548 <!-- JS Unify (datepicker) --> 1549
1549<script src="assets/js/components/hs.datepicker.js"></script>
1549 1550 1551 <!-- JS Implementing Plugins --> 1552
1552<script src="assets/vendor/hs-megamenu/src/hs.megamenu.js"></script>
1552 1553
1553<script src="assets/vendor/slick-carousel/slick/slick.js"></script>
1553 1554
1554<script src="assets/vendor/fancybox/jquery.fancybox.min.js"></script>
1554 1555 1556 <!-- JS Unify --> 1557
1557<script src="assets/js/hs.core.js"></script>
1557 1558
1558<script src="assets/js/components/hs.header.js"></script>
1558 1559
1559<script src="assets/js/helpers/hs.hamburgers.js"></script>
1559 1560
1560<script src="assets/js/components/hs.dropdown.js"></script>
1560 1561
1561<script src="assets/js/helpers/hs.height-calc.js"></script>
1561 1562
1562<script src="assets/js/components/hs.carousel.js"></script>
1562 1563
1563<script src="assets/js/components/hs.popup.js"></script>
1563 1564
1564<script src="assets/js/components/hs.go-to.js"></script>
1564 1565 1566 <!-- JS Customization --> 1567
1567<script src="assets/js/custom.js"></script>
1567 1568 1569 <!-- JS Plugins Init. --> 1570
1570<script> 1571 $(document).on('ready', function () { 1572 // initialization of header 1573 $.HSCore.components.HSHeader.init($('#js-header')); 1574 $.HSCore.helpers.HSHamburgers.init('.hamburger'); 1575 1576 // initialization of HSMegaMenu component 1577 $('.js-mega-menu').HSMegaMenu({ 1578 event: 'hover', 1579 pageContainer: $('.container'), 1580 breakpoint: 991 1581 }); 1582 1583 // initialization of HSDropdown component 1584 $.HSCore.components.HSDropdown.init($('[data-dropdown-target]'), { 1585 afterOpen: function () { 1586 $(this).find('input[type="search"]').focus(); 1587 } 1588 }); 1589 1590 // initialization of carousel 1591 $.HSCore.components.HSCarousel.init('[class*="js-carousel"]'); 1592 1593 // initialization of header's height equal offset 1594 $.HSCore.helpers.HSHeightCalc.init(); 1595 1596 // initialization of popups 1597 $.HSCore.components.HSPopup.init('.js-fancybox'); 1598 1599 // initialization of go to 1600 $.HSCore.components.HSGoTo.init('.js-go-to'); 1601 1602 // FIXED 2026-08-23: moved down from includes-css.inc along with the jQuery UI 1603 // scripts it depends on -- same init call, now running from the same ready-handler 1604 // as everything else instead of its own separate
1604<script> block in the <head>. 1605 // initialization of forms 1606 $.HSCore.components.HSDatepicker.init('#datepickerDefault, #datepickerInline, #datepickerInlineFrom, #datepickerFrom'); 1607 }); 1608 </script>
1608 1609 </body> 1610</html> 1611 1612 <!--Start of Tawk.to Script--> 1613
1613<script type="text/javascript"> 1614 var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date(); 1615 (function(){ 1616 var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0]; 1617 s1.async=true; 1618 s1.src='https://embed.tawk.to/58d92d64f97dd14875f5a5a7/default'; 1619 s1.charset='UTF-8'; 1620 s1.setAttribute('crossorigin','*'); 1621 s0.parentNode.insertBefore(s1,s0); 1622 })(); 1623 </script>
1623 1624 <!--End of Tawk.to Script--> 1625
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.