1 2<!DOCTYPE html> 3 4<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> 5<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> 6<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> 7<!--[if (gte IE 9)|!(IE)]><!--> 8<html lang="en"> <!--<![endif]--> 9 10<head> 11 12 <meta charset="utf-8"> 13 14 <title>Andaman and Nicobar: The islands of beauty</title> <!--insert your title here--> 15 <meta name="description" content=""> <!--insert your description here--> 16 <meta name="author" content=""> <!--insert your name here--> 17 <meta property="og:title" content="Andaman and Nicobar: The islands of beauty" /> 18<meta property="og:description" 19 content="" /> 20<meta property="og:url" content="http://andamanstourism.com" /> 21<meta property="og:image" content="http://andamanstourism.com/img/blog/north.jpg" /> 22 <meta property="og:type" content="blog" /> 23 <meta property="og:type" content="article" /> 24 <meta property="og:site_name" content="Andamans Tourism India" /> 25 <!--meta responsive--> 26 <meta name="viewport" content="width=device-width" /> 27 <!--START CSS--> 28 <link rel="stylesheet" href="css/style.css"> <!--main--> 29 <link rel="stylesheet" href="css/grid.css"> <!--grid--> 30 <link rel="stylesheet" href="css/responsive.css"> <!--responsive--> 31 <link rel="stylesheet" href="rs-plugin/css/settings.css" media="screen" /> <!--rev slider--> 32 <link rel="stylesheet" href="showbizpro/css/settings.css" media="screen" /> <!--showbiz--> 33 <link rel="stylesheet" href="css/animate.css"> <!--animate--> 34 <link rel="stylesheet" href="css/superfish.css" media="screen"> <!--menu--> 35 <link rel="stylesheet" href="css/fancybox/jquery.fancybox.css"> <!--main fancybox--> 36 <link rel="stylesheet" href="css/fancybox/jquery.fancybox-thumbs.css"> <!--fancybox thumbs--> 37 <link rel="stylesheet" href="css/isotope.css"> <!--isotope--> 38 <link rel="stylesheet" href="css/flexslider.css"> 39 <!--flexslider--> 40 41 <!--END CSS--> 42 43 <!--google fonts--> 44 <link href='http://fonts.googleapis.com/css?family=Signika:400,300,600,700' rel='stylesheet' type='text/css'> 45 46 <!--[if lt IE 9]> 47
47<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
47 48 <![endif]--> 49 50 <!--FAVICONS--> 51 <link rel="stylesheet" type="text/css" media="all" href="jsDatePick_ltr.min.css" /> 52 <link rel="shortcut icon" href="img/favicon/favicon.ico"> 53 <link rel="apple-touch-icon" href="img/favicon/apple-touch-icon.png"> 54 <link rel="apple-touch-icon" sizes="72x72" href="img/favicon/apple-touch-icon-72x72.png"> 55 <link rel="apple-touch-icon" sizes="114x114" href="img/favicon/apple-touch-icon-114x114.png"> 56 <!--END FAVICONS--> 57 58 <link rel="stylesheet" type="text/css" media="all" href="jsDatePick_ltr.min.css" /> 59 60<!-- 61 62 OR if you want to use the calendar in a right-to-left website 63 just use the other CSS file instead and don't forget to switch g_jsDatePickDirectionality variable to "rtl"! 64 65 <link rel="stylesheet" type="text/css" media="all" href="jsDatePick_ltr.css" /> 66 67--> 68
69<script type="text/javascript" src="jquery.1.4.2.js"></script>
vendor: 2 bytes, line 69
69
70<script type="text/javascript" src="jsDatePick.jquery.min.1.3.js"></script>
vendor: 2 bytes, line 70
70
71<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
71 72 73
73<script> 74 $(function () { 75 76 $('#enquiryForm').on('submit', function (e) { 77 78 e.preventDefault(); 79 80 $.ajax({ 81 type: 'post', 82 url: 'formsubmit.php', 83 data: $('#enquiryForm').serialize(), 84 85 success: function () { 86 87 $("#mainleft").hide(); 88 $("#success-form").show(); 89 90 } 91 }); 92 93 }); 94 95}); 96 </script>
96 97 98</head> 99 100<body id="startpage"> 101 102<div class="beforenavigation"> 103 <!--all header--> 104 <div class="allheader"> 105 106 <!--start topnavigationmenu--> 107 <div class="topnavigationmenu"> 108 <div class="container"> 109 <!-- <div class="grid_4" style="position:relative;"> 110 <p> <a href="ship-schedule-andaman-tourism.php"><b>Ship Schedule to Andamans</b></a> 111 <img src="new-gif.gif" alt="Animated GIF"> 112 113 114 </div> --> 115 116<div class="grid_16" style="position:relative; "> 117<div class="topnavigationright"> 118<div id="google_translate_element"></div> 119
120<script> 121function googleTranslateElementInit() { 122 new google.translate.TranslateElement({ 123 pageLanguage: 'en' 124 }, 'google_translate_element'); 125} 126</script>
126 127
128<script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
128 129 130</div> 131</div> 132 133 134 135 136<!-- <div class="grid_17" style="position:relative;"> 137<div class="topnavigationright"> 138<div class="tella"> 139
140<script type="text/javascript"> 141(function() { 142var s=document.createElement('script');s.type='text/javascript';s.async = true; 143s.src='http://s1.smartaddon.com/share_addon.js'; 144var j =document.getElementsByTagName('script')[0];j.parentNode.insertBefore(s,j); 145})(); 146</script>
146 147 148<a href="http://www.smartaddon.com/?share" title="Share Button" onclick="return sa_tellafriend('www.andamanstourism.com')"><img alt="Share" src="http://s1.smartaddon.com/s10.png" border="0" /></a> 149 150 </div> 151 152</div> 153 154 155 </div> --> 156 157 158 159 160 <!-- <div class="grid_18" style="position:relative;"> 161<div class="topnavigationright1"> 162<div class="tellb"> 163<a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&username=xa-4b5c35b25869d7f8"><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a>
163<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b5c35b25869d7f8"></script>
163 164 165 </div> 166 167</div> 168 169 </div> --> 170 171 </div> 172 </div> 173 174<!--start header--> 175 176<header id="navigationmenu" class="fade-down animate1 navigationmenulight"> 177 178 <!--start container--> 179 <div class="container"> 180 181 <!--start navigation--> 182 <div class="grid_12 gridnavigation"> 183 184 <a href="index.php"><img class="logo fade-up animate4" alt="" src="img/logo.png"></a> 185 <style> 186 187 188 /* Dropdown Container */ 189 .dropdown { 190 float: left; 191 overflow: hidden; 192 } 193 194 .dropdown .dropbtn { 195 cursor: pointer; 196 font-size: 16px; 197 border: none; 198 outline: none; 199 color: white; 200 padding: 14px 20px; 201 background-color: inherit; 202 font-family: inherit; 203 margin: 0; 204 } 205 206 .dropdown-content { 207 display: none; 208 position: absolute; 209 background-color: #f9f9f9; 210 min-width: 160px; 211 z-index: 1; 212 box-shadow: 0px 8px 16px rgba(0,0,0,0.2); 213 } 214 215 .dropdown-content a { 216 float: none; 217 color: black; 218 padding: 12px 16px; 219 text-decoration: none; 220 display: block; 221 text-align: left; 222 } 223 224 .dropdown-content a:hover { 225 background-color: #ddd; 226 } 227 228 /* Show dropdown on hover */ 229 .dropdown:hover .dropdown-content { 230 display: block; 231 } 232 </style> 233 234<!--start navigation--> 235<ul class="sf-menu" id="nav"> 236 237 <li class=" yellow"> 238 <span class="menufilter"></span> 239 <a href="index.php"><strong>Home</strong></a> 240 </li> 241 242 243 244 <li class="red"> 245 <span class="menufilter"></span> 246 <div class="dropdown"> 247 <a href="about-andamans-tourism-india.php"><strong>About Andamans</strong></a> 248 <div class="dropdown-content"> 249 <a href="andamans-india-getting-there.php">Getting There</a> 250 <a href="blog.php">Blog</a> 251 </div> 252 </div> 253 </li> 254 255 <li class="orange"> 256 <span class="menufilter"></span> 257 <a href="services.php"><strong>Services</strong></a> 258 </li> 259 260 261 262 <li class="violet"> 263 <span class="menufilter"></span> 264 <a href="travel-packages-andamans-india.php"><strong>Travel Packages</strong></a> 265 266 </li> 267 268 <li class="green"> 269 <span class="menufilter"></span> 270 <a href="andamans-hotels-accomodation.php"><strong>Accommodation</strong></a> 271 272 </li> 273 274 <li class="evidencelabelmenu blue"> 275 <span class="menufilter"></span> 276 <a href="contact-andaman-tourism-india.php"><strong>Contact Us</strong></a> 277 </li> 278 279</ul> 280<!--end navigationmenu--> 281 282 </div> 283 <!--end navigation--> 284 285 </div> 286 <!--end container--> 287 288 <div class="rightsearchclose"> 289 <img alt="" src="img/header/rightsearch.png"> 290 </div> 291 292</header> 293</div> 294 <!--allheader--> 295 </div> 296 297<!--end header--> 298 299<!--start right search--> 300<div class="rightsearchopen"> 301 302 <!--search form--> 303 <form role="search" method="get" id="searchform" class="searchform" action="#"> 304 <div> 305 <label class="screen-reader-text" for="s">SEARCH</label> 306 <input type="text" value="" name="s" id="s" /> 307 <input type="submit" id="searchsubmit" value="Search" /> 308 </div> 309 </form> 310 <!--end search form--> 311 312 <span class="rightsearchopenclose"></span> 313 314</div> 315<!--end right search--> 316 317 <style> 318 :root { 319 --ocean-blue: #0077be; 320 --coral: #ff7f50; 321 --sand: #f5deb3; 322 --seafoam: #8bd8bd; 323 --deep-blue: #003366; 324 --wave-blue: #00a8e8; 325 --sunset-orange: #ff6b35; 326 } 327 328 body { 329 font-family: 'Poppins', sans-serif; 330 background-color: #f0f8ff; 331 color: #333; 332 line-height: 1.8; 333 overflow-x: hidden; 334 background-image: 335 radial-gradient(circle at 10% 20%, rgba(139, 216, 189, 0.1) 0%, transparent 20%),
336 radial-gradient(circle at 90% 80%, rgba(0, 119, 190, 0.1) 0%, transparent 20%); 337 } 338 339 .container_box { 340 max-width: 1200px; 341 margin-top: 100px; 342 padding: 2rem; 343 } 344 345 .service-header1 { 346 text-align: center; 347 padding: 3rem 0; 348 margin-bottom: 3rem; 349 position: relative; 350 } 351 352 .service-header1 h1 { 353 font-size: 3rem; 354 background: linear-gradient(to right, var(--ocean-blue), var(--coral)); 355 -webkit-background-clip: text; 356 background-clip: text; 357 color: transparent; 358 margin-bottom: 1rem; 359 text-shadow: 0 2px 4px rgba(0,0,0,0.1); 360 position: relative; 361 display: inline-block; 362 } 363 364 .service-header1 h1::after { 365 content: ""; 366 position: absolute; 367 bottom: -10px; 368 left: 50%; 369 transform: translateX(-50%); 370 width: 100px; 371 height: 4px; 372 background: linear-gradient(to right, var(--ocean-blue), var(--coral)); 373 border-radius: 2px; 374 } 375 376 .service-header1 p { 377 font-size: 1.2rem; 378 color: var(--deep-blue); 379 max-width: 800px; 380 margin: 0 auto; 381 position: relative; 382 } 383 384 .transport-options { 385 display: grid; 386 grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); 387 gap: 2rem; 388 margin-bottom: 4rem; 389 } 390 391 .transport-card { 392 background: white; 393 border-radius: 15px; 394 overflow: hidden; 395 box-shadow: 0 10px 30px rgba(0,0,0,0.1); 396 transition: all 0.3s ease; 397 position: relative; 398 border-top: 5px solid var(--coral); 399 } 400 401 .transport-card:hover { 402 transform: translateY(-10px); 403 box-shadow: 0 15px 40px rgba(0,0,0,0.15); 404 } 405 406 .card-banner { 407 height: 200px; 408 background-size: cover; 409 background-position: center; 410 position: relative; 411 overflow: hidden; 412 } 413 414 .card-banner::after { 415 content: ""; 416 position: absolute; 417 bottom: 0; 418 left: 0; 419 right: 0; 420 height: 100px; 421 background: linear-gradient(to top, rgba(0,0,0,0.7), transparent); 422 } 423 424 .helicopter-banner { 425 background-image: url('img/service/pawan-hans.jpg'); 426 } 427 428 .ferry-banner { 429 background-image: url('img/service/ferryservices.jpg'); 430 } 431 432 .card-badge { 433 position: absolute; 434 top: 20px; 435 right: 20px; 436 background-color: var(--coral); 437 color: white; 438 padding: 0.5rem 1rem; 439 border-radius: 20px; 440 font-weight: bold; 441 font-size: 0.9rem; 442 box-shadow: 0 3px 10px rgba(0,0,0,0.2); 443 z-index: 1; 444 animation: pulse 2s infinite; 445 } 446 447 @keyframes pulse { 448 0% { transform: scale(1); } 449 50% { transform: scale(1.05); } 450 100% { transform: scale(1); } 451 } 452 453 .card-content { 454 padding: 2rem; 455 position: relative; 456 } 457 458 .card-content h2 { 459 color: var(--ocean-blue); 460 margin-bottom: 1rem; 461 font-size: 1.8rem; 462 position: relative; 463 display: inline-block; 464 } 465 466 .card-content h2::after { 467 content: ""; 468 position: absolute; 469 bottom: -5px; 470 left: 0; 471 width: 50px; 472 height: 3px; 473 background: var(--coral); 474 border-radius: 2px; 475 } 476 477 .card-highlight { 478 display: flex; 479 align-items: center; 480 margin-bottom: 1rem; 481 } 482 483 .card-highlight i { 484 color: var(--coral); 485 font-size: 1.2rem; 486 margin-right: 1rem; 487 width: 25px; 488 text-align: center; 489 } 490 491 .price-tag { 492 background-color: var(--seafoam); 493 color: var(--deep-blue); 494 padding: 0.8rem 1.2rem; 495 border-radius: 8px; 496 font-weight: bold; 497 margin: 1.5rem 0; 498 display: inline-flex; 499 align-items: center; 500 box-shadow: 0 3px 10px rgba(0,0,0,0.1); 501 } 502 503 .price-tag i { 504 margin-right: 0.5rem; 505 } 506 507 .alternative-option { 508 background-color: rgba(0,119,190,0.05); 509 padding: 1.5rem; 510 border-radius: 10px; 511 margin-top: 1.5rem; 512 border-left: 4px solid var(--coral); 513 transition: all 0.3s ease; 514 } 515 516 .alternative-option:hover { 517 background-color: rgba(0,119,190,0.1); 518 transform: translateX(5px); 519 } 520 521 .alternative-option h4 { 522 color: var(--ocean-blue); 523 display: flex; 524 align-items: center; 525 margin-bottom: 0.5rem; 526 } 527 528 .alternative-option h4 i { 529 margin-right: 0.8rem; 530 color: var(--coral); 531 } 532 533 /* Button Styles */ 534 .book-btn { 535 background: linear-gradient(to right, var(--ocean-blue), var(--wave-blue)); 536 color: white; 537 border: none; 538 padding: 0.8rem 1.8rem; 539 border-radius: 50px; 540 font-weight: 600; 541 cursor: pointer; 542 transition: all 0.3s ease; 543 box-shadow: 0 4px 15px rgba(0, 119, 190, 0.3); 544 position: relative; 545 overflow: hidden; 546 display: inline-flex; 547 align-items: center; 548 justify-content: center; 549 text-transform: uppercase; 550 font-size: 0.9rem; 551 letter-spacing: 0.5px; 552 } 553 554 .book-btn i { 555 margin-right: 0.5rem; 556 } 557 558 .book-btn:hover { 559 transform: translateY(-3px); 560 box-shadow: 0 8px 25px rgba(0, 119, 190, 0.4); 561 background: linear-gradient(to right, var(--wave-blue), var(--ocean-blue)); 562 } 563 564 .book-btn:active { 565 transform: translateY(1px); 566 } 567 568 .book-btn::after { 569 content: ""; 570 position: absolute; 571 top: 0; 572 left: 0; 573 width: 100%; 574 height: 100%; 575 background: linear-gradient(to right, rgba(255,255,255,0.2), rgba(255,255,255,0)); 576 transform: translateX(-100%); 577 transition: transform 0.3s ease; 578 } 579 580 .book-btn:hover::after { 581 transform: translateX(100%); 582 } 583 584 /* Ships Section */ 585 .ships-section { 586 margin: 4rem 0; 587 position: relative; 588 } 589 590 .ships-section::before { 591 content: ""; 592 position: absolute; 593 top: 0; 594 left: 0; 595 right: 0; 596 height: 100px; 597 background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none"><path d="M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z" opacity=".25" fill="%230077be"></path><path d="M0,0V15.81C13,36.92,27.64,56.86,47.69,72.05,99.41,111.27,165,111,224.58,91.58c31.15-10.15,60.09-26.07,89.67-39.8,40.92-19,84.73-46,130.83-49.67,36.26-2.85,70.9,9.42,98.6,31.56,31.77,25.39,62.32,62,103.63,73,40.44,10.79,81.35-6.69,119.13-24.28s75.16-39,116.92-43.05c59.73-5.85,113.28,22.88,168.9,38.84,30.2,8.66,59,6.17,87.09-7.5,22.43-10.89,48-26.93,60.65-49.24V0Z" opacity=".5" fill="%230077be"></path><path d="M0,0V5.63C149.93,59,314.09,71.32,475.83,42.57c43-7.64,84.23-20.12,127.61-26.46,59-8.63,112.48,12.24,165.56,35.4C827.93,77.22,886,95.24,951.2,90c86.53-7,172.46-45.71,248.8-84.81V0Z" fill="%230077be"></path></svg>'); 598 background-size: cover; 599 background-repeat: no-repeat; 600 transform: rotate(180deg); 601 opacity: 0.1; 602 z-index: -1; 603 } 604 605 .ships-section::after { 606 content: ""; 607 position: absolute; 608 bottom: 0; 609 left: 0; 610 right: 0; 611 height: 100px; 612 background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none"><path d="M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z" opacity=".25" fill="%230077be"></path><path d="M0,0V15.81C13,36.92,27.64,56.86,47.69,72.05,99.41,111.27,165,111,224.58,91.58c31.15-10.15,60.09-26.07,89.67-39.8,40.92-19,84.73-46,130.83-49.67,36.26-2.85,70.9,9.42,98.6,31.56,31.77,25.39,62.32,62,103.63,73,40.44,10.79,81.35-6.69,119.13-24.28s75.16-39,116.92-43.05c59.73-5.85,113.28,22.88,168.9,38.84,30.2,8.66,59,6.17,87.09-7.5,22.43-10.89,48-26.93,60.65-49.24V0Z" opacity=".5" fill="%230077be"></path><path d="M0,0V5.63C149.93,59,314.09,71.32,475.83,42.57c43-7.64,84.23-20.12,127.61-26.46,59-8.63,112.48,12.24,165.56,35.4C827.93,77.22,886,95.24,951.2,90c86.53-7,172.46-45.71,248.8-84.81V0Z" fill="%230077be"></path></svg>'); 613 background-size: cover; 614 background-repeat: no-repeat; 615 opacity: 0.1; 616 z-index: -1; 617 } 618 619 .ships-section h2 { 620 text-align: center; 621 font-size: 2.5rem; 622 color: var(--ocean-blue); 623 margin-bottom: 3rem; 624 position: relative; 625 display: inline-block; 626 left: 50%; 627 transform: translateX(-50%); 628 } 629 630 .ships-section h2::after { 631 content: ""; 632 position: absolute; 633 bottom: -10px; 634 left: 50%; 635 transform: translateX(-50%); 636 width: 100px; 637 height: 4px; 638 background: linear-gradient(to right, var(--ocean-blue), var(--coral)); 639 border-radius: 2px; 640 } 641 642 .ship-cards { 643 display: grid; 644 grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)); 645 gap: 2rem; 646 } 647 648 .ship-card { 649 background: white; 650 border-radius: 15px; 651 overflow: hidden; 652 box-shadow: 0 10px 30px rgba(0,0,0,0.1); 653 display: flex; 654 transition: all 0.3s ease; 655 border-top: 5px solid var(--wave-blue); 656 } 657 658 .ship-card:hover { 659 transform: translateY(-5px); 660 box-shadow: 0 15px 40px rgba(0,0,0,0.15); 661 } 662 663 .ship-image { 664 flex: 1; 665 min-height: 300px; 666 background-size: cover; 667 background-position: center; 668 position: relative; 669 transition: all 0.5s ease; 670 } 671 672 .ship-card:hover .ship-image { 673 transform: scale(1.02); 674 } 675 676 .ship-image::after { 677 content: ""; 678 position: absolute; 679 bottom: 0; 680 left: 0; 681 right: 0; 682 height: 100px; 683 background: linear-gradient(to top, rgba(0,0,0,0.7), transparent); 684 } 685 686 .mv-sindhu { 687 background-image: url('./img/blog/Sindhu-ship.jpg'); 688 } 689 690 .mv-nalanda { 691 background-image: url('./img/blog/nalanda-ship.jfif'); 692 } 693 694 .ship-details { 695 flex: 1; 696 padding: 2rem; 697 } 698 699 .ship-details h3 { 700 color: var(--ocean-blue); 701 font-size: 1.8rem; 702 margin-bottom: 1rem; 703 position: relative; 704 } 705 706 .ship-details h3::after { 707 content: ""; 708 position: absolute; 709 bottom: -5px; 710 left: 0; 711 width: 50px; 712 height: 3px; 713 background: var(--wave-blue); 714 border-radius: 2px; 715 } 716 717 .ship-features { 718 display: grid; 719 grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); 720 gap: 1rem; 721 margin: 1.5rem 0; 722 } 723 724 .ship-feature { 725 display: flex; 726 align-items: flex-start; 727 background: rgba(0,119,190,0.05); 728 padding: 0.8rem; 729 border-radius: 8px; 730 transition: all 0.3s ease; 731 } 732 733 .ship-feature:hover { 734 background: rgba(0,119,190,0.1); 735 transform: translateY(-3px); 736 } 737 738 .ship-feature i { 739 color: var(--coral); 740 margin-right: 0.8rem; 741 margin-top: 0.2rem; 742 font-size: 1.3rem; 743 } 744 745 .ship-feature strong { 746 color: var(--deep-blue); 747 display: block; 748 margin-bottom: 0.2rem; 749 } 750 751 .ship-feature p { 752 color: #555; 753 font-size: 0.9rem; 754 } 755 756 /* Schedule Section */ 757 .schedule-section { 758 background: linear-gradient(135deg, rgba(0,119,190,0.05) 0%, rgba(255,143,0,0.05) 100%); 759 padding: 3rem; 760 border-radius: 20px; 761 margin: 4rem 0; 762 position: relative; 763 overflow: hidden; 764 } 765 766 .schedule-section::before { 767 content: ""; 768 position: absolute; 769 top: -50px; 770 right: -50px; 771 width: 200px; 772 height: 200px; 773 background: radial-gradient(circle, rgba(0,119,190,0.1) 0%, transparent 70%); 774 z-index: 0; 775 } 776 777 .schedule-section::after { 778 content: ""; 779 position: absolute; 780 bottom: -50px; 781 left: -50px; 782 width: 200px; 783 height: 200px; 784 background: radial-gradient(circle, rgba(255,143,0,0.1) 0%, transparent 70%); 785 z-index: 0; 786 } 787 788 .schedule-section h2 { 789 text-align: center; 790 font-size: 2.5rem; 791 color: var(--ocean-blue); 792 margin-bottom: 2rem; 793 position: relative; 794 } 795 796 .schedule-section h2::after { 797 content: ""; 798 position: absolute; 799 bottom: -10px; 800 left: 50%; 801 transform: translateX(-50%); 802 width: 100px; 803 height: 4px; 804 background: linear-gradient(to right, var(--ocean-blue), var(--coral)); 805 border-radius: 2px; 806 } 807 808 .schedule-options { 809 display: grid; 810 grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 811 gap: 2rem; 812 position: relative; 813 z-index: 1; 814 } 815 816 .schedule-option { 817 background: white; 818 padding: 2rem; 819 border-radius: 15px; 820 box-shadow: 0 5px 15px rgba(0,0,0,0.05); 821 transition: all 0.3s ease; 822 border-top: 3px solid var(--coral); 823 } 824 825 .schedule-option:hover { 826 transform: translateY(-5px); 827 box-shadow: 0 10px 25px rgba(0,0,0,0.1); 828 }
829 830 .schedule-option h3 { 831 color: var(--ocean-blue); 832 margin-bottom: 1.5rem; 833 display: flex; 834 align-items: center; 835 } 836 837 .schedule-option h3 i { 838 margin-right: 1rem; 839 color: var(--coral); 840 font-size: 1.5rem; 841 } 842 843 .schedule-option ul { 844 list-style: none; 845 } 846 847 .schedule-option li { 848 margin-bottom: 1rem; 849 padding-left: 1.5rem; 850 position: relative; 851 transition: all 0.3s ease; 852 } 853 854 .schedule-option li:hover { 855 color: var(--ocean-blue); 856 transform: translateX(5px); 857 } 858 859 .schedule-option li::before { 860 content: "→"; 861 position: absolute; 862 left: 0; 863 color: var(--coral); 864 font-weight: bold; 865 transition: all 0.3s ease; 866 } 867 868 .schedule-option li:hover::before { 869 transform: translateX(5px); 870 } 871 872 .booking-info { 873 background-color: white; 874 padding: 2rem; 875 border-radius: 15px; 876 box-shadow: 0 5px 15px rgba(0,0,0,0.05); 877 margin-top: 3rem; 878 position: relative; 879 z-index: 1; 880 border-top: 3px solid var(--wave-blue); 881 } 882 883 .booking-info h3 { 884 color: var(--ocean-blue); 885 margin-bottom: 1.5rem; 886 text-align: center; 887 font-size: 1.8rem; 888 position: relative; 889 } 890 891 .booking-info h3::after { 892 content: ""; 893 position: absolute; 894 bottom: -5px; 895 left: 50%; 896 transform: translateX(-50%); 897 width: 50px; 898 height: 3px; 899 background: var(--wave-blue); 900 border-radius: 2px; 901 } 902 903 .booking-cards { 904 display: grid; 905 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); 906 gap: 2rem; 907 } 908 909 .booking-card { 910 background: linear-gradient(135deg, rgba(0,119,190,0.1) 0%, rgba(255,143,0,0.1) 100%); 911 padding: 1.5rem; 912 border-radius: 10px; 913 text-align: center; 914 transition: all 0.3s ease; 915 border-top: 3px solid var(--coral); 916 } 917 918 .booking-card:hover { 919 transform: translateY(-5px); 920 box-shadow: 0 10px 20px rgba(0,0,0,0.1); 921 background: linear-gradient(135deg, rgba(0,119,190,0.15) 0%, rgba(255,143,0,0.15) 100%); 922 } 923 924 .booking-card i { 925 font-size: 2.5rem; 926 color: var(--ocean-blue); 927 margin-bottom: 1rem; 928 transition: all 0.3s ease; 929 } 930 931 .booking-card:hover i { 932 transform: scale(1.1); 933 color: var(--wave-blue); 934 } 935 936 .booking-card h4 { 937 color: var(--deep-blue); 938 margin-bottom: 1rem; 939 } 940 941 .booking-card p { 942 color: #555; 943 margin-bottom: 1.5rem; 944 } 945 946 .timing-card { 947 background: linear-gradient(135deg, rgba(0,119,190,0.1) 0%, rgba(255,143,0,0.1) 100%); 948 padding: 1.5rem; 949 border-radius: 10px; 950 margin-top: 2rem; 951 transition: all 0.3s ease; 952 } 953 954 .timing-card:hover { 955 transform: translateY(-3px); 956 box-shadow: 0 5px 15px rgba(0,0,0,0.1); 957 } 958 959 .timing-card h4 { 960 color: var(--deep-blue); 961 margin-bottom: 1rem; 962 text-align: center; 963 font-size: 1.3rem; 964 } 965 966 .timing-grid { 967 display: grid; 968 grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); 969 gap: 1rem; 970 text-align: center; 971 } 972 973 .timing-slot { 974 background-color: white; 975 padding: 1rem; 976 border-radius: 8px; 977 box-shadow: 0 3px 10px rgba(0,0,0,0.05); 978 transition: all 0.3s ease; 979 } 980 981 .timing-slot:hover { 982 transform: translateY(-3px); 983 box-shadow: 0 5px 15px rgba(0,0,0,0.1); 984 background: linear-gradient(to right, rgba(0,119,190,0.05), rgba(255,143,0,0.05)); 985 } 986 987 .timing-slot p:first-child { 988 font-weight: bold; 989 color: var(--ocean-blue); 990 } 991 992 /* Floating Animation */ 993 @keyframes float { 994 0% { transform: translateY(0px); } 995 50% { transform: translateY(-10px); } 996 100% { transform: translateY(0px); } 997 } 998 999 .floating { 1000 animation: float 3s ease-in-out infinite; 1001 } 1002 1003 /* Responsive */ 1004 @media (max-width: 768px) { 1005 .service-header1 h1 { 1006 font-size: 2.2rem; 1007 } 1008 1009 .transport-options, .ship-cards, .schedule-options { 1010 grid-template-columns: 1fr; 1011 } 1012 1013 .ship-card { 1014 flex-direction: column; 1015 } 1016 1017 .ship-image { 1018 min-height: 200px; 1019 } 1020 1021 .schedule-section { 1022 padding: 2rem 1rem; 1023 } 1024 1025 .booking-cards { 1026 grid-template-columns: 1fr; 1027 } 1028 } 1029 </style> 1030 1031<body> 1032 <div class="container_box"> 1033 <div class="service-header1"> 1034 <h1>Island Transport Services</h1> 1035 <p>Explore the best ways to travel between the Andaman Islands with our government-operated helicopter, ferry, and ship services</p> 1036 </div> 1037 1038 <div class="transport-options"> 1039 <div class="transport-card floating"> 1040 <div class="card-banner helicopter-banner"> 1041 <div class="card-badge">75% Subsidized</div> 1042 </div> 1043 <div class="card-content"> 1044 <h2>Helicopter Service</h2> 1045 <div class="card-highlight"> 1046 <i class="fas fa-helicopter"></i>
1047 <span>Pawan Hans (Government-run)</span> 1048 </div> 1049 <div class="card-highlight"> 1050 <i class="fas fa-clock"></i> 1051 <span>35 minute flight from Port Blair to Hut Bay</span> 1052 </div> 1053 <div class="card-highlight"> 1054 <i class="fas fa-calendar-alt"></i> 1055 <span>Daily flights (subject to weather)</span> 1056 </div> 1057 1058 <div class="price-tag"> 1059 <i class="fas fa-tag"></i> Only ₹3350 per passenger 1060 </div> 1061 1062 <p>The fastest way to travel between islands with breathtaking aerial views of the Andaman archipelago.</p> 1063 1064 <div class="alternative-option"> 1065 <h4><i class="fas fa-ship"></i> Alternative Ferry Service</h4> 1066 <p>Daily ferry services available between Port Blair and Hut Bay (7-9 hour journey)</p> 1067 </div> 1068 1069 <!--<a href="https://andaman.gov.in/helicopter-schedule" target="_blank"><button class="book-btn"><i class="fas fa-ticket-alt"></i> Book Helicopter Tickets</button></a>--> 1070 </div> 1071 </div> 1072 1073 <div class="transport-card floating" style="animation-delay: 0.5s;"> 1074 <div class="card-banner ferry-banner"> 1075 <div class="card-badge">Scenic Route</div> 1076 </div> 1077 <div class="card-content"> 1078 <h2>Ferry Services</h2> 1079 <div class="card-highlight"> 1080 <i class="fas fa-ship"></i> 1081 <span>Multiple operators available</span> 1082 </div> 1083 <div class="card-highlight"> 1084 <i class="fas fa-clock"></i> 1085 <span>7-9 hour journey from Port Blair to Hut Bay</span> 1086 </div> 1087 <div class="card-highlight"> 1088 <i class="fas fa-water"></i> 1089 <span>Scenic ocean views throughout</span> 1090 </div> 1091 1092 <div class="price-tag"> 1093 <i class="fas fa-tag"></i> Affordable fares starting from ₹1200 1094 </div> 1095 1096 <p>Enjoy a leisurely cruise between islands with comfortable seating and ocean breezes.</p> 1097 1098 <div class="alternative-option"> 1099 <h4><i class="fas fa-helicopter"></i> Faster Alternative</h4> 1100 <p>Helicopter service available for quicker transfers (35 minutes)</p> 1101 </div> 1102 1103 <!--<a href="https://andaman.gov.in/helicopter-schedule" target="_blank"><button class="book-btn"><i class="fas fa-calendar-alt"></i> View Ferry Schedule</button></a>--> 1104 </div> 1105 </div> 1106 </div> 1107 1108 <div class="ships-section"> 1109 <h2>Passenger Ships</h2> 1110 1111 <div class="ship-cards"> 1112 <div class="ship-card"> 1113 <div class="ship-image mv-sindhu"></div> 1114 <div class="ship-details"> 1115 <h3>MV Sindhu</h3> 1116 <p>A modern passenger and cargo vessel serving the Andaman and Nicobar Islands with state-of-the-art facilities.</p> 1117 1118 <div class="ship-features"> 1119 <div class="ship-feature"> 1120 <i class="fas fa-users"></i> 1121 <div> 1122 <strong>500 Passengers</strong> 1123 <p>Comfortable capacity</p> 1124 </div> 1125 </div> 1126 <div class="ship-feature"> 1127 <i class="fas fa-box"></i> 1128 <div> 1129 <strong>150 Tons Cargo</strong> 1130 <p>Or 10 TEU containers</p> 1131 </div> 1132 </div> 1133 <div class="ship-feature"> 1134 <i class="fas fa-swimming-pool"></i> 1135 <div> 1136 <strong>Amenities</strong> 1137 <p>Gym, library, hospital</p> 1138 </div> 1139 </div> 1140 <div class="ship-feature"> 1141 <i class="fas fa-flag"></i> 1142 <div> 1143 <strong>Dual Certified</strong> 1144 <p>IRS & ABS classified</p> 1145 </div> 1146 </div> 1147 </div> 1148 1149 <!-- <button class="book-btn"><i class="fas fa-ship"></i> View Ship Schedule</button> --> 1150 </div> 1151 </div> 1152 1153 <div class="ship-card"> 1154 <div class="ship-image mv-nalanda"></div> 1155 <div class="ship-details"> 1156 <h3>MV Nalanda</h3> 1157 <p>An essential link in the shipping network enhancing connectivity between the islands and mainland India.</p> 1158 1159 <div class="ship-features"> 1160 <div class="ship-feature"> 1161 <i class="fas fa-users"></i> 1162 <div> 1163 <strong>500 Passengers</strong> 1164 <p>Spacious accommodations</p> 1165 </div> 1166 </div> 1167 <div class="ship-feature"> 1168 <i class="fas fa-box"></i> 1169 <div> 1170 <strong>150 Tons Cargo</strong> 1171 <p>Vital for island supplies</p> 1172 </div> 1173 </div> 1174 <div class="ship-feature"> 1175 <i class="fas fa-route"></i> 1176 <div> 1177 <strong>Island Routes</strong> 1178 <p>Connecting key destinations</p> 1179 </div> 1180 </div> 1181 <div class="ship-feature"> 1182 <i class="fas fa-hard-hat"></i> 1183 <div> 1184 <strong>Modern Design</strong> 1185 <p>
1185By Knud E. Hansen & SEDS</p> 1186 </div> 1187 </div> 1188 </div> 1189 1190 <!-- <button class="book-btn"><i class="fas fa-ship"></i> View Ship Schedule</button> --> 1191 </div> 1192 </div> 1193 </div> 1194 </div> 1195 1196 <div class="schedule-section"> 1197 <h2>Mainland Shipping Schedule</h2> 1198 <p style="text-align: center; max-width: 800px; margin: 0 auto 2rem;">The Directorate of Shipping Services (DSS) coordinates sailings between Port Blair and major mainland ports like Chennai, Kolkata, and Visakhapatnam.</p> 1199 1200 <div class="schedule-options"> 1201 <div class="schedule-option"> 1202 <h3><i class="fas fa-globe"></i> Official Schedule</h3> 1203 <ul> 1204 <li>View the latest mainland shipping schedule</li> 1205 <li>Detailed departure and arrival dates</li> 1206 <li>
1206Voyage numbers and ports of call</li> 1207 <li>Updated regularly by DSS</li> 1208 </ul> 1209 <a href="https://andaman.gov.in/mainland-shipping-schedule1" target="_blank"><button class="book-btn"><i class="fas fa-file-alt"></i> View Full Schedule</button></a> 1210 </div> 1211 1212 <div class="schedule-option"> 1213 <h3><i class="fas fa-search"></i> Online Enquiry</h3> 1214 <ul> 1215 <li>Real-time voyage status updates</li> 1216 <li>Check PNR status</li> 1217 <li>Berth availability</li> 1218 <li>24/7 access to information</li> 1219 </ul> 1220 <a href="https://dss.andamannicobar.gov.in/" target="_blank"><button class="book-btn"><i class="fas fa-laptop"></i> Visit Enquiry Portal</button></a> 1221 </div> 1222 1223 <div class="schedule-option"> 1224 <h3><i class="fas fa-bell"></i> Social Updates</h3> 1225 <ul> 1226 <li>Timely announcements</li> 1227 <li>Schedule changes</li> 1228 <li>Special sailings</li> 1229 <li>Weather-related updates</li> 1230 </ul> 1231 <a href="https://x.com/jahaz_rani" target="_blank"> <button class="book-btn"><i class="fab fa-twitter"></i> Follow @jahaz_rani</button></a> 1232 </div> 1233 </div> 1234 1235 <div class="booking-info"> 1236 <h3>Booking Information</h3> 1237 1238 <div class="booking-cards"> 1239 <div class="booking-card"> 1240 <i class="fas fa-ticket-alt"></i> 1241 <h4>E-Ticketing</h4> 1242 <p>Book your tickets easily through the STARS e-Ticketing Portal</p> 1243 <a href="https://dss.andamannicobar.gov.in/" target="_blank"><button class="book-btn"><i class="fas fa-desktop"></i> Book Online</button></a> 1244 </div> 1245 1246 <div class="booking-card"> 1247 <i class="fas fa-phone-alt"></i> 1248 <h4>Phone Booking</h4> 1249 <p>Call our reservation hotline for personal assistance</p> 1250 <a href="https://dss.andamannicobar.gov.in/" target="_blank"><button class="book-btn"><i class="fas fa-desktop"></i> Book Online</button></a> 1251 </div> 1252 1253 <div class="booking-card"> 1254 <i class="fas fa-building"></i> 1255 <h4>Counter Booking</h4> 1256 <p>Visit our ticket offices for in-person service</p> 1257 <a href="https://dss.andamannicobar.gov.in/" target="_blank"><button class="book-btn"><i class="fas fa-desktop"></i> Book Online</button></a> 1258 </div> 1259 </div> 1260 1261 <div class="timing-card"> 1262 <h4>Counter Reservation Timings</h4> 1263 <div class="timing-grid"> 1264 <div class="timing-slot"> 1265 <p>Monday - Friday</p> 1266 <p>9:00 AM to 4:00 PM</p> 1267 </div> 1268 <div class="timing-slot"> 1269 <p>Saturday</p> 1270 <p>9:00 AM to 12:00 PM</p> 1271 </div> 1272 <div class="timing-slot"> 1273 <p>Sunday</p> 1274 <p>Closed</p> 1275 </div> 1276 </div> 1277 </div> 1278 </div> 1279 </div> 1280 </div> 1281 1282
1282<script> 1283 // This would be where you add functionality for booking buttons 1284 // document.querySelectorAll('.book-btn').forEach(button => { 1285 // button.addEventListener('click', function() { 1286 // const service = this.closest('.transport-card, .ship-details, .schedule-option, .booking-card') 1287 // ? this.closest('.transport-card, .ship-details, .schedule-option, .booking-card').querySelector('h2, h3, h4').textContent 1288 // : 'Service'; 1289 // alert(`You clicked to book ${service}. In a real implementation, this would redirect to the booking system.`); 1290 // }); 1291 // }); 1292 1293 // Add floating animation to cards with delay 1294 document.addEventListener('DOMContentLoaded', function() { 1295 const cards = document.querySelectorAll('.transport-card, .ship-card, .schedule-option, .booking-card, .timing-slot'); 1296 cards.forEach((card, index) => { 1297 // Apply different animation delays for a wave effect 1298 card.style.animationDelay = `${index * 0.1}s`; 1299 }); 1300 }); 1301 </script>
1301 1302</body> 1303</html> 1304 1305
1306<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
1306 1307 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> 1308<style> 1309 1310/* Full-Height Layout */ 1311body { 1312 height: 100%; 1313 display: flex; 1314 flex-direction: column; 1315 scroll-behavior: smooth; 1316} 1317 1318/* Main Content */ 1319/* .main-content { 1320 flex: 1; 1321 text-align: center; 1322 padding: 50px 20px; 1323} */ 1324 1325/* Footer */ 1326footer { 1327 background: #2b2b2b; 1328 color: #fff; 1329 text-align: center; 1330 padding: 40px 0; 1331} 1332 1333.footer-container { 1334 display: flex; 1335 flex-wrap: wrap; 1336 justify-content: space-around; 1337 max-width: 1200px; 1338 margin: auto; 1339} 1340 1341.footer-section { 1342 flex: 1; 1343 margin: 10px; 1344 min-width: 200px; 1345} 1346.footer-section p 1347{ 1348 color: #fff; 1349} 1350.footer-section h2, .footer-section h3 { 1351 color: #0ed8e3; 1352} 1353 1354.footer-section ul { 1355 list-style: none; 1356 padding: 0; 1357} 1358 1359.footer-section ul li { 1360 margin: 5px 0; 1361} 1362 1363.footer-section ul li a { 1364 color: #fff; 1365 text-decoration: none; 1366} 1367 1368.footer-section ul li a:hover { 1369 text-decoration: underline; 1370} 1371 1372/* Social Media Icons */ 1373.social-icons { 1374 display: flex; 1375 justify-content: center; 1376 gap: 15px; 1377} 1378 1379.social-icons a { 1380 font-size: 24px; 1381 color: #fff; 1382 transition: color 0.3s; 1383} 1384 1385.social-icons a:hover { 1386 color: #fbc02d; 1387} 1388 1389/* Footer Bottom */ 1390.footer-bottom { 1391 background: rgba(0, 0, 0, 0.7); 1392 padding: 10px 0; 1393 margin-top: 20px; 1394} 1395.footer-bottom p 1396{ 1397 color: #d98400; 1398} 1399/* Back to Top Button */ 1400#backToTop { 1401 display: none; 1402 position: fixed; 1403 bottom: 20px; 1404 right: 20px; 1405 background: #fbc02d; 1406 color: #222; 1407 border: none; 1408 padding: 12px; 1409 border-radius: 50%; 1410 cursor: pointer; 1411 font-size: 20px; 1412 transition: background 0.3s; 1413} 1414 1415#backToTop:hover { 1416 background: #fff; 1417} 1418 1419#backToTop i { 1420 font-size: 18px; 1421} 1422 1423.whatsapp-fixed { 1424 position: fixed; 1425 top: 180px; 1426 right: 20px; 1427 z-index: 9999; 1428 text-align: center; 1429 transition: transform 0.2s ease; 1430 } 1431 1432 .whatsapp-fixed:hover { 1433 transform: scale(1.1); 1434 } 1435 .whatsapp-fixed img 1436 { 1437 width: 60px; 1438 } 1439 1440 </style> 1441 1442 1443<a href="https://wa.me/919633254579" class="whatsapp-fixed" target="_blank" aria-label="Chat on WhatsApp" > 1444 <img src="images/whatsapp_logo.png"> 1445</a> 1446 1447 <!-- Footer Start --> 1448 <footer> 1449 <div class="footer-container"> 1450 <div class="footer-section about"> 1451 <!-- <h2>About Us</h2> 1452 <p>Your guide to the best travel experiences in the Andaman & Nicobar Islands.</p> --> 1453 <img src="../img/logo.png" alt="andaman tourism"> 1454 </div> 1455 1456 <div class="footer-section links"> 1457 <h3>Quick Links</h3> 1458 <ul> 1459 <li><a href="travel-packages-andamans-india.php">Travel Packages</a></li> 1460 <li><a href="blog.php">Blog</a></li> 1461 <li><a href="services.php">Services</a></li> 1462 <li><a href="andamans-hotels-accomodation.php">Accommodation</a></li> 1463 <li><a href="disclaimer.php">Disclaimer</a></li> 1464 </ul> 1465 </div> 1466 1467 <div class="footer-section contact"> 1468 <h3>More Links</h3> 1469 <p style="padding-top:10px"><a href="https://southandaman.nic.in/helpline/" target="_blank" style="color:#fff">South Andaman District</p> 1470 <p style="padding-top:10px"><a href="https://andamannicobar.gov.in/" target="_blank" style="color:#fff">Andaman & Nicobar Administration</p> 1471 <p style="padding-top:10px"><a href="https://dss.andamannicobar.gov.in/" target="_blank" style="color:#fff">Directorate of Shipping Services</p> 1472 <p style="padding-top:10px"><a href="https://dt.andamannicobar.gov.in/" target="_blank" style="color:#fff">Daily Telegrams Newspaper</p> 1473 <!-- <h3>Contact Us</h3> 1474 <p style="padding-top:10px"><a href="mailto:[email protected]" style="color:#fff">
1474Email: [email protected]</p> --> 1475 1476 1477 1478 </div> 1479 1480 <div class="footer-section social"> 1481 <h3>Follow Us</h3> 1482 <div class="social-icons" style="padding-top:10px"> 1483 <a href="#"><i class="fab fa-facebook"></i></a> 1484 <a href="#"><i class="fa-brands fa-x-twitter"></i></a> 1485 <a href="#"><i class="fab fa-instagram"></i></a> 1486 <a href="#"><i class="fab fa-youtube"></i></a> 1487 </div> 1488 </div> 1489 </div> 1490 1491 <div class="footer-bottom"> 1492 <p>© 2026 Andaman Tourism. All Rights Reserved.</p> 1493 <!--<p>Powered by <a href="http://www.netsleek.io" target="_blank" Style=" color:#029ee0">Netsleek.io</a></p>--> 1494 </div> 1495 </footer> 1496 <!-- Footer End --> 1497 1498 <!-- Back to Top Button --> 1499 <button id="backToTop" title="Go to top"><i class="fas fa-chevron-up"></i></button> 1500 1501 <!-- JavaScript for Smooth Scroll --> 1502 1503
1503<script> 1504 // Get the button 1505let backToTopButton = document.getElementById("backToTop"); 1506 1507// Show button when user scrolls down 1508window.onscroll = function () { 1509 if (document.body.scrollTop > 300 || document.documentElement.scrollTop > 300) { 1510 backToTopButton.style.display = "block"; 1511 } else { 1512 backToTopButton.style.display = "none"; 1513 } 1514}; 1515 1516// Scroll to top when button is clicked 1517backToTopButton.onclick = function () { 1518 window.scrollTo({ 1519 top: 0, 1520 behavior: "smooth" 1521 }); 1522}; 1523 1524</script>
1524 1525 1526 1527 1528 1529 1530 1531 1532 <!--Start js--> 1533
1533<script src="js/jquery.min.js"></script>
1533 <!--Jquery--> 1534
1534<script src="js/jquery-ui.js"></script>
1534 <!--Jquery UI--> 1535
1535<script src="js/excanvas.js"></script>
1535 <!--canvas need for ie--> 1536
1536<script src="js/scroolto.js"></script>
1536 <!--Scrool To--> 1537
1537<script src="js/jquery.nicescroll.min.js"></script>
1537 <!--Nice Scroll--> 1538
1538<script src="js/jquery.inview.min.js"></script>
1538 <!--inview--> 1539
1539<script src="js/menu/hoverIntent.js"></script>
1539 <!--superfish--> 1540
1540<script src="js/menu/superfish.min.js"></script>
1540 <!--superfish--> 1541
1541<script src="js/menu/tinynav.min.js"></script>
1541 <!--tinynav--> 1542
1542<script src="js/jquery.parallax-1.1.3.js"></script>
1542 <!--parallax--> 1543
1543<script src="js/twitter/jquery.twitterfeed.min.js"></script>
1543 <!--twitter--> 1544
1544<script src="js/settings.js"></script>
1544 <!--settings--> 1545 <!--End js--> 1546 1547
1547<script type='text/javascript'> 1548 /* <![CDATA[ */ 1549 1550 1551 //start parallax 1552 jQuery(document).ready(function() { 1553 $('.header-page').parallax("100%", 0.1); 1554 }); 1555 //end parallax 1556 1557 1558 //start tooltip 1559 $(document).ready(function() { 1560 $( ".tooltip" ).tooltip({ position: { my: "top+0 top-75", at: "center center" } }); 1561 }); 1562 //end tooltip 1563 1564 1565 /* ]]> */ 1566 </script>
1566 1567 1568</body> 1569</html>
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.