Riverside123/MOB
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>Riverside Luxury Cruises - The Best River Cruise Line in Europe</title>7 <script src="https://cdn.tailwindcss.com"></script>8 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">9 <style>10 .feature-card {11 transition: all 0.3s ease;12 }13 .feature-card:hover {14 transform: translateY(-5px);15 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);16 }17 .highlight-badge {18 position: absolute;19 top: -12px;20 right: 20px;21 background-color: #708472;22 color: white;23 padding: 5px 15px;24 border-radius: 20px;25 font-weight: bold;26 font-size: 0.8rem;27 box-shadow: 0 2px 5px rgba(0,0,0,0.2);28 }29 .comparison-table {30 border-collapse: separate;31 border-spacing: 0;32 }33 .comparison-table th, .comparison-table td {34 border-right: 1px solid #e5e7eb;35 border-bottom: 1px solid #e5e7eb;36 padding: 12px;37 }38 .comparison-table th:first-child, .comparison-table td:first-child {39 border-left: 1px solid #e5e7eb;40 }41 .comparison-table tr:first-child th {42 border-top: 1px solid #e5e7eb;43 }44 .comparison-table th:first-child {45 border-top-left-radius: 8px;46 }47 .comparison-table th:last-child {48 border-top-right-radius: 8px;49 }50 .comparison-table tr:last-child td:first-child {51 border-bottom-left-radius: 8px;52 }53 .comparison-table tr:last-child td:last-child {54 border-bottom-right-radius: 8px;55 }56 .riverside-cell {57 background-color: rgba(184, 159, 94, 0.1);58 font-weight: bold;59 }60 .winner-cell {61 background-color: rgba(184, 159, 94, 0.2);62 }63 .nav-link {64 position: relative;65 }66 .nav-link::after {67 content: '';68 position: absolute;69 width: 0;70 height: 2px;71 bottom: -2px;72 left: 0;73 background-color: #B89F5E;74 transition: width 0.3s ease;75 }76 .nav-link:hover::after {77 width: 100%;78 }79 .hero-section {80 background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://riverside-cruises.com/assets/local/Ravel-Debussy-Co/SCH4549_RHI.webp');81 background-size: cover;82 background-position: center;83 }84 .signup-button {85 background: linear-gradient(135deg, #B89F5E 0%, #708472 100%);86 transition: all 0.3s ease;87 }88 .signup-button:hover {89 transform: translateY(-3px);90 box-shadow: 0 10px 20px rgba(0,0,0,0.2);91 }92 </style>93</head>94<body class="bg-gray-50">95 <!-- Navigation -->96 <nav class="bg-[#000000] shadow-lg sticky top-0 z-50">97 <div class="max-w-7xl mx-auto px-4">98 <div class="flex justify-between items-center h-16">99 <div class="flex items-center">100 <span class="text-2xl font-bold text-white">Riverside<span class="text-[#708472]">Luxury</span>Cruises</span>101 </div>102 <div class="hidden md:flex space-x-8">103 <a href="#features" class="nav-link text-white hover:text-[#B89F5E]">Why Riverside</a>104 <a href="#comparison" class="nav-link text-white hover:text-[#B89F5E]">Comparisons</a>105 <a href="#contact" class="nav-link text-white hover:text-[#B89F5E]">Book</a>106 </div>107 <div class="md:hidden">108 <button class="text-white focus:outline-none">109 <i class="fas fa-bars text-xl"></i>110 </button>111 </div>112 </div>113 </div>114 </nav>115 116 <!-- Hero Section -->117 <section class="hero-section text-white py-20 md:py-32">118 <div class="max-w-7xl mx-auto px-4 text-center">119 <h1 class="text-4xl md:text-6xl font-bold mb-6">The Finest River Cruise Experience in Europe</h1>120 <p class="text-xl md:text-2xl mb-8 max-w-3xl mx-auto">Discover why Riverside Luxury Cruises stands above the competition with unparalleled service, amenities, and value.</p>121 <div class="flex flex-col md:flex-row justify-center gap-4">122 <a href="#contact" class="bg-[#B89F5E] hover:bg-[#A58E54] text-white font-bold py-3 px-8 rounded-full transition duration-300">Travel Advisor Portal</a>123 <a href="#contact" class="bg-transparent hover:bg-white hover:text-[#1A2A4A] text-white font-bold py-3 px-8 border-2 border-white rounded-full transition duration-300">Book Your Cruise</a>124 </div>125 </div>126 </section>127 128 <!-- Signup Button Section -->129 <section class="bg-[#000000] py-8">130 <div class="max-w-7xl mx-auto px-4">131 <div class="flex flex-col md:flex-row items-center justify-between bg-white rounded-lg p-6 shadow-xl">132 <div class="flex items-center mb-4 md:mb-0">133 <img src="https://s3.amazonaws.com/images.signupgenius.com/memberImages/B6F45ABFC196B56EC329DE995083F8DA_169079493.png" alt="Signup Genius Logo" class="h-16 mr-4">134 <div>135 <h3 class="text-xl font-bold text-[#1A2A4A]">Meet Your Director of Sales for California, Nevada, and Hawaii In-Person!</h3>136 <p class="text-gray-600">Schedule a private or group meeting</p>137 </div>138 </div>139 <a href="https://www.signupgenius.com/go/10C0B44ACA822A6F4C43-50036806-matters#/" target="_blank" class="signup-button text-white font-bold py-3 px-8 rounded-full flex items-center">140 <i class="fas fa-calendar-check mr-2"></i> Click Here to Schedule a 1-On-1 Meeting!141 </a>142 </div>143 </div>144 </section>145 146 <!-- Key Differentiators -->147 <section id="features" class="py-16 bg-white">148 <div class="max-w-7xl mx-auto px-4">149 <h2 class="text-3xl font-bold text-center mb-12 text-[#1A2A4A]">What Sets Riverside Luxury Cruises Apart</h2>150 <div class="grid grid-cols-1 md:grid-cols-3 gap-8">151 <!-- Feature 1 -->152 <div class="feature-card bg-gray-50 p-6 rounded-lg shadow-md relative">153 <div class="highlight-badge">Best in Class</div>154 <div class="text-[#B89F5E] text-4xl mb-4">155 <i class="fas fa-crown"></i>156 </div>157 <h3 class="text-xl font-bold mb-3 text-[#1A2A4A]">True All-Inclusive Luxury</h3>158 <p class="text-gray-600">Unlike competitors, Riverside includes all drinks, shore excursions, private transfers, and gratuities for both onboard staff and guides/drivers with no hidden fees.</p>159 </div>160 161 <!-- Feature 2 -->162 <div class="feature-card bg-gray-50 p-6 rounded-lg shadow-md relative">163 <div class="highlight-badge">Exclusive</div>164 <div class="text-[#B89F5E] text-4xl mb-4">165 <i class="fas fa-user-tie"></i>166 </div>167 <h3 class="text-xl font-bold mb-3 text-[#1A2A4A]">Butler Service for All Guests</h3>168 <p class="text-gray-600">While other lines reserve butlers only for suite guests, Riverside provides personal butler service to every guest, regardless of cabin category.</p>169 </div>170 171 <!-- Feature 3 -->172 <div class="feature-card bg-gray-50 p-6 rounded-lg shadow-md relative">173 <div class="highlight-badge">Unmatched</div>174 <div class="text-[#B89F5E] text-4xl mb-4">175 <i class="fas fa-bed"></i>176 </div>177 <h3 class="text-xl font-bold mb-3 text-[#1A2A4A]">Largest Suites with King Beds</h3>178 <p class="text-gray-600">Our suites range from 194 to 883 sq ft, all featuring king beds - a luxury that no other river cruise line offers across their entire fleet.</p>179 </div>180 181 <!-- Feature 4 -->182 <div class="feature-card bg-gray-50 p-6 rounded-lg shadow-md">183 <div class="text-[#B89F5E] text-4xl mb-4">184 <i class="fas fa-utensils"></i>185 </div>186 <h3 class="text-xl font-bold mb-3 text-[#1A2A4A]">Gourmet Dining Options</h3>187 <p class="text-gray-600">With 4-5 restaurants per ship, Riverside offers more dining variety than any competitor, including outdoor dining options unavailable elsewhere.</p>188 </div>189 190 <!-- Feature 5 -->191 <div class="feature-card bg-gray-50 p-6 rounded-lg shadow-md">192 <div class="text-[#B89F5E] text-4xl mb-4">193 <i class="fas fa-users"></i>194 </div>195 <h3 class="text-xl font-bold mb-3 text-[#1A2A4A]">Best Crew-to-Guest Ratio</h3>196 <p class="text-gray-600">At 2:1, our staffing levels ensure attentive, personalized service that exceeds even the most premium competitors (3:1 or 4:1 ratios).</p>197 </div>198 199 <!-- Feature 6 -->200 <div class="feature-card bg-gray-50 p-6 rounded-lg shadow-md">201 <div class="text-[#B89F5E] text-4xl mb-4">202 <i class="fas fa-swimming-pool"></i>203 </div>204 <h3 class="text-xl font-bold mb-3 text-[#1A2A4A]">Premium Amenities</h3>205 <p class="text-gray-600">All Riverside ships feature heated indoor pools (unique in the industry), e-bikes, spas, and fitness centers - amenities that are limited or unavailable on other lines.</p>206 </div>207 </div>208 </div>209 </section>210 211 <!-- Comparison Table -->212 <section id="comparison" class="py-16 bg-gray-50">213 <div class="max-w-7xl mx-auto px-4">214 <h2 class="text-3xl font-bold text-center mb-4 text-[#1A2A4A]">Head-to-Head Comparison</h2>215 <p class="text-center text-gray-600 mb-12 max-w-3xl mx-auto">See how Riverside Luxury Cruises outperforms other leading river cruise lines across key categories</p>216 217 <div class="overflow-x-auto">218 <table class="comparison-table w-full bg-white rounded-lg overflow-hidden shadow-lg">219 <thead class="bg-[#000000] text-white">220 <tr>221 <th class="text-left w-1/4">Rhine-Danube-Rhone Cruises</th>222 <th class="text-center py-4 riverside-cell">Riverside Luxury Cruises</th>223 <th class="text-center">Upper-Premium #1</th>224 <th class="text-center">Upper-Premium #2</th>225 <th class="text-center">Upper-Premium #3</th>226 <th class="text-center">Premium #1</th>227 <th class="text-center">Premium #2</th>228 <th class="text-center">Contemporary</th>229 </tr>230 </thead>231 <tbody>232 <!-- Luxury Level -->233 <tr>234 <td class="font-semibold">Luxury Level</td>235 <td class="text-center riverside-cell">True Luxury</td>236 <td class="text-center">Upper-Premium</td>237 <td class="text-center">Upper-Premium</td>238 <td class="text-center">Upper-Premium</td>239 <td class="text-center">Premium</td>240 <td class="text-center">Premium</td>241 <td class="text-center">Upscale Contemporary</td>242 </tr>243 244 <!-- All-Inclusive -->245 <tr>246 <td class="font-semibold">All-Inclusive Amenities</td>247 <td class="text-center riverside-cell"><i class="fas fa-check text-green-600"></i></td>248 <td class="text-center"><i class="fas fa-check text-green-600"></i></td>249 <td class="text-center"><i class="fas fa-check text-green-600"></i></td>250 <td class="text-center"><i class="fas fa-check text-green-600"></i></td>251 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>252 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>253 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>254 </tr>255 256 <!-- Ships -->257 <tr>258 <td class="font-semibold">Number of Ships</td>259 <td class="text-center riverside-cell">3</td>260 <td class="text-center">6 (+2 leased)</td>261 <td class="text-center">9</td>262 <td class="text-center">7 (all chartered)</td>263 <td class="text-center">17</td>264 <td class="text-center">11</td>265 <td class="text-center">60</td>266 </tr>267 268 <!-- Passenger Count -->269 <tr>270 <td class="font-semibold">Average Passengers (135m ships)</td>271 <td class="text-center riverside-cell">90 (Debussy/Ravel) 140 (Mozart)</td>272 <td class="text-center">148-159</td>273 <td class="text-center">149-163</td>274 <td class="text-center">130</td>275 <td class="text-center">156-196</td>276 <td class="text-center">166</td>277 <td class="text-center">190</td>278 </tr>279 280 <!-- Suite Size -->281 <tr>282 <td class="font-semibold">Suite Size Range (sq ft)</td>283 <td class="text-center riverside-cell">194-883</td>284 <td class="text-center">150-410</td>285 <td class="text-center">160-517</td>286 <td class="text-center">150-300</td>287 <td class="text-center">140-710</td>288 <td class="text-center">172-300</td>289 <td class="text-center">135-445</td>290 </tr>291 292 <!-- Restaurants -->293 <tr>294 <td class="font-semibold">Restaurants</td>295 <td class="text-center riverside-cell">4-5</td>296 <td class="text-center">1</td>297 <td class="text-center">2-3</td>298 <td class="text-center">2</td>299 <td class="text-center">2</td>300 <td class="text-center">1</td>301 <td class="text-center">1</td>302 </tr>303 304 <!-- Drinks Included -->305 <tr>306 <td class="font-semibold">Drinks Included</td>307 <td class="text-center riverside-cell">All</td>308 <td class="text-center">All</td>309 <td class="text-center">All</td>310 <td class="text-center">All</td>311 <td class="text-center">Limited</td>312 <td class="text-center">Limited</td>313 <td class="text-center">Limited</td>314 </tr>315 316 <!-- Outdoor Dining -->317 <tr>318 <td class="font-semibold">Outdoor Dining</td>319 <td class="text-center riverside-cell"><i class="fas fa-check text-green-600"></i></td>320 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>321 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>322 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>323 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>324 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>325 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>326 </tr>327 328 <!-- Shore Excursions -->329 <tr>330 <td class="font-semibold">Shore Excursions Included</td>331 <td class="text-center riverside-cell">ALL</td>332 <td class="text-center">ALL</td>333 <td class="text-center">ALL</td>334 <td class="text-center">ALL</td>335 <td class="text-center">Most</td>336 <td class="text-center">Most</td>337 <td class="text-center">A Walking Tour</td>338 </tr>339 340 <!-- Private Excursions -->341 <tr>342 <td class="font-semibold">Private Shore Excursions</td>343 <td class="text-center riverside-cell"><i class="fas fa-check text-green-600"></i></td>344 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>345 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>346 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>347 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>348 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>349 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>350 </tr>351 352 <!-- Butler Service -->353 <tr>354 <td class="font-semibold">Butler Service for All</td>355 <td class="text-center riverside-cell"><i class="fas fa-check text-green-600"></i></td>356 <td class="text-center">Suites only</td>357 <td class="text-center">Suites only</td>358 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>359 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>360 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>361 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>362 </tr>363 364 <!-- Crew Ratio -->365 <tr>366 <td class="font-semibold">Crew-to-Guest Ratio</td>367 <td class="text-center riverside-cell">2:1</td>368 <td class="text-center">3:1</td>369 <td class="text-center">3:1</td>370 <td class="text-center">3:1</td>371 <td class="text-center">>3:1</td>372 <td class="text-center">>3:1</td>373 <td class="text-center">4:1</td>374 </tr>375 376 <!-- King Beds -->377 <tr>378 <td class="font-semibold">King Beds in All Cabins</td>379 <td class="text-center riverside-cell"><i class="fas fa-check text-green-600"></i></td>380 <td class="text-center">Suites only</td>381 <td class="text-center">Suites only</td>382 <td class="text-center">Suites only</td>383 <td class="text-center">Suites only</td>384 <td class="text-center">Suites only</td>385 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>386 </tr>387 388 <!-- Indoor Pool -->389 <tr>390 <td class="font-semibold">Indoor Pool</td>391 <td class="text-center riverside-cell"><i class="fas fa-check text-green-600"></i></td>392 <td class="text-center">Some Ships</td>393 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>394 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>395 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>396 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>397 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>398 </tr>399 400 <!-- E-Bikes -->401 <tr>402 <td class="font-semibold">E-Bikes Available</td>403 <td class="text-center riverside-cell"><i class="fas fa-check text-green-600"></i></td>404 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>405 <td class="text-center"><i class="fas fa-check text-green-600"></i></td>406 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>407 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>408 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>409 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>410 </tr>411 412 <!-- Gratuities -->413 <tr>414 <td class="font-semibold">Gratuities Included</td>415 <td class="text-center riverside-cell">All</td>416 <td class="text-center">Onboard only</td>417 <td class="text-center">All</td>418 <td class="text-center">All</td>419 <td class="text-center">No</td>420 <td class="text-center">No</td>421 <td class="text-center">No</td>422 </tr>423 424 <!-- Transfers -->425 <tr>426 <td class="font-semibold">Private Transfers Included</td>427 <td class="text-center riverside-cell"><i class="fas fa-check text-green-600"></i></td>428 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>429 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>430 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>431 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>432 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>433 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>434 </tr>435 436 <!-- Spa -->437 <tr>438 <td class="font-semibold">Full-Service Spa</td>439 <td class="text-center riverside-cell"><i class="fas fa-check text-green-600"></i></td>440 <td class="text-center"><i class="fas fa-check text-green-600"></i></td>441 <td class="text-center"><i class="fas fa-check text-green-600"></i></td>442 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>443 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>444 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>445 <td class="text-center"><i class="fas fa-times text-red-600"></i></td>446 </tr>447 448 <!-- Fitness -->449 <tr>450 <td class="font-semibold">Fitness Center</td>451 <td class="text-center riverside-cell"><i class="fas fa-check text-green-600"></i></td>452 <td class="text-center"><i class="fas fa-check text-green-600"></i></td>453 <td class="text-center"><i class="fas fa-check text-green-600"></i></td>454 <td class="text-center"><i class="fas fa-check text-green-600"></i></td>455 <td class="text-center"><i class="fas fa-check text-green-600"></i></td>456 <td class="text-center"><i class="fas fa-check text-green-600"></i></td>457 <td class="text-center"><i class="fas fa-check text-green-600"></i></td>458 </tr>459 460 <!-- Wifi -->461 <tr>462 <td class="font-semibold">WiFi Included</td>463 <td class="text-center riverside-cell"><i class="fas fa-check text-green-600"></i></td>464 <td class="text-center"><i class="fas fa-check text-green-600"></i></td>465 <td class="text-center"><i class="fas fa-check text-green-600"></i></td>466 <td class="text-center"><i class="fas fa-check text-green-600"></i></td>467 <td class="text-center"><i class="fas fa-check text-green-600"></i></td>468 <td class="text-center"><i class="fas fa-check text-green-600"></i></td>469 <td class="text-center"><i class="fas fa-check text-green-600"></i></td>470 </tr>471 </tbody>472</table>473</div>474</div>475</section>476 477 <!-- Signup Button Section -->478 <section class="bg-[#000000] py-8">479 <div class="max-w-7xl mx-auto px-4">480 <div class="flex flex-col md:flex-row items-center justify-between bg-white rounded-lg p-6 shadow-xl">481 <div class="flex items-center mb-4 md:mb-0">482 <img src="https://s3.amazonaws.com/images.signupgenius.com/memberImages/B6F45ABFC196B56EC329DE995083F8DA_169079493.png" alt="Signup Genius Logo" class="h-16 mr-4">483 <div>484 <h3 class="text-xl font-bold text-[#1A2A4A]">Meet Your Director of Sales for California, Nevada, and Hawaii In-Person!</h3>485 <p class="text-gray-600">Schedule a private or group meeting</p>486 </div>487 </div>488 <a href="https://www.signupgenius.com/go/10C0B44ACA822A6F4C43-50036806-matters#/" target="_blank" class="signup-button text-white font-bold py-3 px-8 rounded-full flex items-center">489 <i class="fas fa-calendar-check mr-2"></i> Click Here to Schedule a 1-On-1 Meeting!490 </a>491 </div>492 </div>493 </section>494 495 496 497<!-- Contact/CTA -->498<section id="contact" class="py-16 bg-[#000000] text-white">499 <div class="max-w-7xl mx-auto px-4">500 <div class="text-center mb-12">501 <h2 class="text-3xl font-bold mb-4">Ready to Experience True Luxury?</h2>502 <p class="text-xl max-w-3xl mx-auto">Contact our Reservations Team OR Book Yourself Online Today!</p>503 </div>504 <div class="flex flex-col md:flex-row justify-center gap-6">505 <div class="bg-white text-[#1A2A4A] p-6 rounded-lg shadow-lg max-w-md">506 <h3 class="text-xl font-bold mb-4">Call Us</h3>507 <p class="mb-4">Speak directly with our US-Based Team</p>508 <a href="tel:+18333053313" class="text-[#B89F5E] font-bold text-xl hover:underline">833.305.3313</a>509 </div>510 <div class="bg-white text-[#1A2A4A] p-6 rounded-lg shadow-lg max-w-md">511 <h3 class="text-xl font-bold mb-4">Email Us</h3>512 <p class="mb-4">Reservations + Groups</p>513 <a href="mailto:US.Reservations@riverside-cruises.com" class="text-[#B89F5E] font-bold text-xl hover:underline">US.Reservations@riverside-cruises.com Groups@riverside-cruises.com</a>514 </div>515 <div class="flex flex-col md:flex-row justify-center gap-6">516 <div class="bg-white text-[#1A2A4A] p-6 rounded-lg shadow-lg max-w-md">517 <h3 class="text-xl font-bold mb-4">Travel Advisor Portal</h3>518 <p class="mb-4">View Itineraries, Quote, and Book</p>519 <a href="https://riverside-cruises.com/en/ta" class="text-[#B89F5E] font-bold text-xl hover:underline">Riverside-Cruises.com/TA</a>520 </div>521 </div>522</section>523 524<script>525 // Mobile menu toggle functionality would go here526 document.addEventListener('DOMContentLoaded', function() {527 // Smooth scrolling for anchor links528 document.querySelectorAll('a[href^="#"]').forEach(anchor => {529 anchor.addEventListener('click', function (e) {530 e.preventDefault();531 532 document.querySelector(this.getAttribute('href')).scrollIntoView({533 behavior: 'smooth'534 });535 });536 });537 });538</script>539</body>540</html>