diff --git a/assets/css/styles.css b/assets/css/styles.css new file mode 100644 index 0000000..a463e01 --- /dev/null +++ b/assets/css/styles.css @@ -0,0 +1,960 @@ +/*=============== GOOGLE FONTS ===============*/ +@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600&family=Poppins:wght@400;500&display=swap"); + +/*=============== VARIABLES CSS ===============*/ +:root { + --header-height: 3.5rem; + + /*========== Colors ==========*/ + /*Color mode HSL(hue, saturation, lightness)*/ + --title-color: hsl(0, 0%, 95%); + --text-color: hsl(0, 0%, 70%); + --text-color-light: hsl(0, 0%, 60%); + --body-color: hsl(30.77deg 63.93% 11.96%); + --container-color: hsl(0, 0%, 8%); + + /*========== Font and typography ==========*/ + /*.5rem = 8px | 1rem = 16px ...*/ + --body-font: "Poppins", sans-serif; + --second-font: "Montserrat", sans-serif; + --biggest-font-size: 2.75rem; + --h1-font-size: 1.5rem; + --h2-font-size: 1.25rem; + --h3-font-size: 1rem; + --normal-font-size: 0.938rem; + --small-font-size: 0.813rem; + --smaller-font-size: 0.75rem; + + /*========== Font weight ==========*/ + --font-regular: 400; + --font-medium: 500; + --font-semi-bold: 600; + + /*========== z index ==========*/ + --z-tooltip: 10; + --z-fixed: 100; +} + +/*========== Responsive typography ==========*/ +@media screen and (min-width: 1152px) { + :root { + --biggest-font-size: 5.5rem; + --h1-font-size: 2.5rem; + --h2-font-size: 1.5rem; + --h3-font-size: 1.25rem; + --normal-font-size: 1rem; + --small-font-size: 0.875rem; + --smaller-font-size: 0.813rem; + } +} + +/*=============== BASE ===============*/ +* { + box-sizing: border-box; + padding: 0; + margin: 0; +} + +html { + scroll-behavior: smooth; +} + +body, +button, +input { + font-family: var(--body-font); + font-size: var(--normal-font-size); + color: var(--text-color); +} + +body { + background-color: var(--body-color); +} + +button, +input { + outline: none; + border: none; +} + +h1, +h2, +h3, +h4 { + color: var(--title-color); + font-family: var(--second-font); + font-weight: var(--font-semi-bold); +} + +ul { + list-style: none; +} + +a { + text-decoration: none; +} + +img { + display: block; + max-width: 100%; + height: auto; +} + +/*=============== REUSABLE CSS CLASSES ===============*/ +.container { + max-width: 1120px; + margin-inline: 1.5rem; +} + +.grid { + display: grid; + gap: 1.5rem; +} + +.section { + padding-block: 5rem 1rem; +} + +.section__title { + text-align: center; + font-size: var(--h1-font-size); + margin-bottom: 1.5rem; +} + +.main { + overflow: hidden; /* For animation ScrollReveal */ +} + +/*=============== HEADER & NAV ===============*/ +.header { + position: fixed; + width: 100%; + background-color: transparent; + top: 0; + left: 0; + z-index: var(--z-fixed); +} + +.nav { + height: var(--header-height); + display: flex; + justify-content: space-between; + align-items: center; +} + +.nav__logo { + color: var(--title-color); + font-family: var(--second-font); + font-weight: var(--font-semi-bold); +} + +.nav__toggle, +.nav__close { + display: flex; + font-size: 1.25rem; + color: var(--title-color); + cursor: pointer; +} + +/* Navigation for mobile devices */ +@media screen and (max-width: 1023px) { + .nav__menu { + position: fixed; + top: -100%; + left: 0; + background-color: hsla(0, 0%, 0%, 0.3); + width: 100%; + padding-block: 4rem; + backdrop-filter: blur(24px); + -webkit-backdrop-filter: blur(24px); /* For safari */ + transition: top 0.4s; + } +} + +.nav__list { + text-align: center; + display: flex; + flex-direction: column; + row-gap: 2.5rem; +} + +.nav__link { + position: relative; + color: var(--title-color); + font-family: var(--second-font); + font-weight: var(--font-medium); +} + +.nav__link::after { + content: ""; + width: 0; + height: 2px; + background-color: var(--title-color); + position: absolute; + left: 0; + bottom: -0.5rem; + transition: width 0.3s; +} + +.nav__link:hover::after { + width: 70%; +} + +.nav__close { + position: absolute; + top: 1rem; + right: 1.5rem; +} + +/* Show menu */ +.show-menu { + top: 0; +} + +/* Add blur to header */ +.blur-header::after { + content: ""; + position: absolute; + width: 1000%; + height: 100%; + background-color: hsla(0, 0%, 0%, 0.3); + backdrop-filter: blur(24px); + -webkit-backdrop-filter: blur(24px); + top: 0; + left: 0; + z-index: -1; +} + +/* Active link */ +.active-link::after { + width: 70%; +} + +/*=============== HOME ===============*/ +.home { + position: relative; +} + +.home__bg { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 750px; + object-fit: cover; + object-position: center; +} + +.home__shadow { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 800px; + background: linear-gradient( + 180deg, + hsla(0, 0%, 0%, 0) 58%, + hsl(30.77deg 63.93% 11.96%) 78% ); + +} + +/* Style all font awesome icons */ +.fa { + padding: 20px; + font-size: 30px; + width: 50px; + text-align: center; + text-decoration: none; +} + +/* Add a hover effect if you want */ +.fa:hover { + opacity: 0.7; +} + +/* Set a specific color for each brand */ + +/* Facebook */ +.fa-facebook { + background: transparent; + color: white; +} + +/* Twitter */ +.fa-twitter { + background: transparent; + color: white; +} + +.fa-linkedin { + background: transparent; + color: white; +} + +.fa-github { + background: transparent; + color: white; +} + +.fa-behance { + background: transparent; + color: white; +} + +.fa-instagram { + background: transparent; + color: white; +} + + + + + + +.home__container { + position: relative; + padding-top: 3rem; + row-gap: 3rem; +} + +.home__data { + text-align: center; +} + +.home__subtitle { + font-size: var(--h2-font-size); + margin-bottom: 0.5rem; +} + +.home__title { + font-size: var(--h1-font-size); + margin-bottom: 1rem; +} + +.home__description { + margin-bottom: 2rem; + color: var(--title-color); + font-size: smaller; +} + +.home__cards { + grid-template-columns: 240px; + justify-content: center; +} + +.home__card { + position: relative; + overflow: hidden; +} + +.home__card-img { + transition: transform 0.4s; +} + +.home__card-shadow { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background: linear-gradient( + 180deg, + hsla(0, 0%, 0%, 0) 50%, + hsl(0, 0%, 0%) 125% + ); +} + +.home__card-title { + position: absolute; + left: 1rem; + bottom: 1rem; + font-size: var(--h3-font-size); + z-index: 1; +} + +.home__card:hover .home__card-img { + transform: scale(1.2); +} + +/*=============== BUTTON ===============*/ +.button { + background-color: hsla(0, 0%, 100%, 0.2); + padding: 1.25rem 1.5rem; + color: var(--title-color); + display: inline-flex; + align-items: center; + column-gap: 0.5rem; + font-family: var(--second-font); + font-weight: var(--font-semi-bold); + backdrop-filter: blur(24px); + -webkit-backdrop-filter: blur(24px); /* For safari */ +} + +.button i { + font-size: 1.25rem; + transition: transform 0.4s; + font-weight: initial; +} + +.button:hover i { + transform: translateX(0.25rem); +} + +/*=============== ABOUT ===============*/ +.about__container { + row-gap: 3rem; +} + +.about__data { + text-align: center; +} + +.about__description { + margin-bottom: 2rem; +} + +.about__image { + position: relative; + justify-self: center; + overflow: hidden; +} + +.about__img { + width: 300px; + transition: transform 0.4s; +} + +.about__shadow { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: linear-gradient( + 180deg, + hsla(0, 0%, 0%, 0) 50%, + hsl(0, 0%, 0%) 125% + ); +} + +.about__image:hover .about__img { + transform: scale(1.2); +} + +/*=============== POPULAR ===============*/ +.popular__container { + padding-top: 1.5rem; + grid-template-columns: 240px; + justify-content: center; + row-gap: 2.5rem; +} + +.popular__image { + position: relative; + overflow: hidden; + margin-bottom: 1rem; +} + +.popular__img { + transition: transform 0.4s; +} + +.popular__shadow { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: linear-gradient( + 180deg, + hsla(0, 0%, 0%, 0) 50%, + hsl(0, 0%, 0%) 125% + ); +} + +.popular__title { + font-size: var(--h3-font-size); + margin-bottom: 0.5rem; +} + +.popular__location { + display: inline-flex; + align-items: center; + column-gap: 0.25rem; + font-size: var(--small-font-size); + font-family: var(--second-font); + font-weight: 500; +} + +.popular__location i { + font-size: 1rem; +} + +.popular__image:hover .popular__img { + transform: scale(1.2); +} + +/*=============== EXPLORE ===============*/ +.explore { + position: relative; +} + +.explore__image { + position: absolute; + overflow: hidden; +} + +.explore__img { + width: 100%; + height: 333px; + object-fit: cover; + object-position: center; +} + +.explore__shadow { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: linear-gradient( + 180deg, + hsl(0, 0%, 0%) 5%, + hsla(0, 0%, 0%, 0) 40%, + hsla(0, 0%, 0%, 0) 60%, + hsl(0, 0%, 0%) 92% + ); +} + +.explore__content { + position: relative; + padding-top: 16rem; + text-align: center; + row-gap: 2.5rem; +} + +.explore__user { + display: inline-flex; + align-items: center; + justify-content: center; + column-gap: 0.5rem; +} + +.explore__perfil { + width: 30px; + border-radius: 50%; +} + +.explore__name { + font-size: var(--small-font-size); + color: var(--title-color); +} + +/*=============== JOIN ===============*/ +.join__container { + row-gap: 3rem; + padding-bottom: 2.5rem; +} + +.join__data { + text-align: center; +} + +.join__description { + margin-bottom: 2rem; +} + +.join__form { + display: grid; + row-gap: 1rem; +} + +.join__input { + padding: 1.25rem 1rem; + background-color: var(--container-color); +} + +.join__button { + cursor: pointer; +} + +.join__image { + position: relative; + justify-self: center; + overflow: hidden; +} + +.join__img { + width: 300px; + transition: transform 0.4s; +} + +.join__shadow { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: linear-gradient( + 180deg, + hsla(0, 0%, 0%, 0) 50%, + hsl(0, 0%, 0%) 125% + ); +} + +.join__image:hover .join__img { + transform: scale(1.2); +} + +/*=============== FOOTER ===============*/ +.footer { + padding-block: 2.5rem; + background-color: var(--container-color); +} + +.footer__content { + row-gap: 3.5rem; +} + +.footer__logo { + display: inline-block; + color: var(--title-color); + font-size: var(--h2-font-size); + font-family: var(--second-font); + font-weight: var(--font-semi-bold); + margin-bottom: 1rem; +} + +.footer__data { + grid-template-columns: repeat(2, max-content); + gap: 2.5rem 3.5rem; +} + +.footer__title { + font-size: var(--h3-font-size); + margin-bottom: 1rem; +} + +.footer__links { + display: grid; + row-gap: 0.75rem; +} + +.footer__link { + color: var(--text-color); + transition: color 0.4s; +} + +.footer__link:hover { + color: var(--title-color); +} + +.footer__group, +.footer__social { + display: flex; +} + +.footer__group { + margin-top: 5rem; + flex-direction: column; + align-items: center; + row-gap: 2rem; +} + +.footer__social { + column-gap: 1.5rem; +} + +.footer__social-link { + color: var(--text-color); + font-size: 1.25rem; + transition: color 0.4s, transform 0.4s; +} + +.footer__social-link:hover { + color: var(--title-color); + transform: translateY(-0.25rem); +} + +.footer__copy { + font-size: var(--smaller-font-size); + color: var(--text-color-light); + text-align: center; +} + +/*=============== SCROLL BAR ===============*/ +::-webkit-scrollbar { + width: 0.6rem; + border-radius: 0.5rem; + background-color: hsl(0, 0%, 10%); +} + +::-webkit-scrollbar-thumb { + border-radius: 0.5rem; + background-color: hsl(35.31deg 68.23% 53.38%); +} + +::-webkit-scrollbar-thumb:hover { + background-color: hsl(0, 0%, 30%); +} + +/*=============== SCROLL UP ===============*/ +.scrollup { + position: fixed; + right: 1rem; + bottom: -50%; + background-color: hsla(0, 0%, 100%, 0.1); + padding: 6px; + display: inline-flex; + color: var(--title-color); + font-size: 1.25rem; + backdrop-filter: blur(24px); + -webkit-backdrop-filter: blur(24px); /* For safari */ + z-index: var(--z-tooltip); + transition: bottom 0.4s, transform 0.4s; +} + +.scrollup:hover { + transform: translateY(-0.25rem); +} + +/* Show Scroll Up */ +.show-scroll { + bottom: 3rem; +} + +/*=============== BREAKPOINTS ===============*/ +/* For small devices */ +@media screen and (max-width: 340px) { + .container { + margin-inline: 1rem; + } + + .footer__data { + grid-template-columns: max-content; + } +} + +/* For medium devices */ +@media screen and (min-width: 576px) { + .home__container, + .about__container, + .explore__content, + .join__container { + grid-template-columns: 380px; + justify-content: center; + } + + .footer__data { + grid-template-columns: repeat(3, max-content); + } +} + +@media screen and (min-width: 768px) { + .home__cards { + grid-template-columns: repeat(2, 240px); + } + + .about__container, + .join__container { + grid-template-columns: repeat(2, 350px); + align-items: center; + } + + .about__data, + .about__data .section__title, + .join__data, + .join__data .section__title { + text-align: initial; + } + + .popular__container { + grid-template-columns: repeat(2, 240px); + } + + .explore__img { + width: 100vw; + } + + .join__image { + order: -1; + } + + .footer__content { + grid-template-columns: repeat(2, max-content); + justify-content: space-between; + } + + .footer__group { + flex-direction: row; + justify-content: space-between; + } + + .footer__copy { + order: -1; + } +} + +/* For large devices */ +@media screen and (min-width: 1023px) { + .nav__close, + .nav__toggle { + display: none; + } + + .nav__list { + flex-direction: row; + column-gap: 4rem; + } + + .popular__container { + grid-template-columns: repeat(3, 240px); + } + + .footer__data { + grid-template-columns: repeat(4, max-content); + column-gap: 4.5rem; + } +} + +@media screen and (min-width: 1152px) { + .container { + margin-inline: auto; + } + + .section { + padding-block: 7rem 2rem; + } + + .nav { + height: calc(var(--header-height) + 1.5rem); + } + + .blur-header::after { + backdrop-filter: blur(25px); + -webkit-backdrop-filter: blur(25px); /* For safari */ + } + + .home__container { + grid-template-columns: initial; + justify-content: initial; + row-gap: 4rem; + padding-top: 6.5rem; + } + + .home__shadow { + height: 980px; + } + + .home__data { + text-align: initial; + width: 480px; + } + + .home__subtitle { + font-size: var(--h2-font-size); + } + + .home__description { + margin-bottom: 2.5rem; + } + + .home__cards { + grid-template-columns: repeat(4, 260px); + } + + .home__card-title { + left: 1.5rem; + bottom: 1.5rem; + } + + .button { + column-gap: 1.5rem; + } + + .about__container { + grid-template-columns: 400px 460px; + column-gap: 8.5rem; + padding-block: 1rem; + } + + .about__description { + margin-bottom: 3rem; + } + + .about__img { + width: 460px; + } + + .popular__container { + grid-template-columns: repeat(3, 300px); + column-gap: 3rem; + padding-top: 4rem; + } + + .popular__title { + font-size: var(--h2-font-size); + } + + .popular__location { + font-size: var(--normal-font-size); + } + + .explore__img { + height: 600px; + } + + .explore__content { + padding-top: 28rem; + grid-template-columns: 670px 1fr; + } + + .explore__data, + .explore__data .section__title { + text-align: initial; + } + + .explore__user { + justify-content: flex-end; + align-self: flex-end; + margin-bottom: 1.25rem; + } + + .join__container { + grid-template-columns: 460px 340px; + column-gap: 8.5rem; + padding-block: 1rem 5rem; + } + + .join__img { + width: 460px; + } + + .join__description { + margin-bottom: 3rem; + } + + .footer { + padding-block: 5rem 3rem; + } + + .footer__title { + margin-bottom: 1.5rem; + } + + .footer__group { + margin-top: 7rem; + } + + .footer__social { + column-gap: 2rem; + } + + .footer__social-link { + font-size: 1.5rem; + } + + .scrollup { + right: 3rem; + } +} diff --git a/assets/img/Ayodhya.jpg b/assets/img/Ayodhya.jpg new file mode 100644 index 0000000..eb146dd Binary files /dev/null and b/assets/img/Ayodhya.jpg differ diff --git a/assets/img/Badrinath-Temple-1.jpg b/assets/img/Badrinath-Temple-1.jpg new file mode 100644 index 0000000..0fd4c03 Binary files /dev/null and b/assets/img/Badrinath-Temple-1.jpg differ diff --git a/assets/img/Golden-Temple-at-Night-Amritsar.jpg b/assets/img/Golden-Temple-at-Night-Amritsar.jpg new file mode 100644 index 0000000..8827bec Binary files /dev/null and b/assets/img/Golden-Temple-at-Night-Amritsar.jpg differ diff --git a/assets/img/Kedarnath-temple.jpg b/assets/img/Kedarnath-temple.jpg new file mode 100644 index 0000000..c457e53 Binary files /dev/null and b/assets/img/Kedarnath-temple.jpg differ diff --git a/assets/img/Madurai-Tamil-Nadu.jpg b/assets/img/Madurai-Tamil-Nadu.jpg new file mode 100644 index 0000000..7695234 Binary files /dev/null and b/assets/img/Madurai-Tamil-Nadu.jpg differ diff --git a/assets/img/Mathura.jpg b/assets/img/Mathura.jpg new file mode 100644 index 0000000..5f88425 Binary files /dev/null and b/assets/img/Mathura.jpg differ diff --git a/assets/img/Rishikesh.jpg b/assets/img/Rishikesh.jpg new file mode 100644 index 0000000..6c9b285 Binary files /dev/null and b/assets/img/Rishikesh.jpg differ diff --git a/assets/img/Shirdi-Maharashtra.jpg b/assets/img/Shirdi-Maharashtra.jpg new file mode 100644 index 0000000..2a5f004 Binary files /dev/null and b/assets/img/Shirdi-Maharashtra.jpg differ diff --git a/assets/img/Varanashi.jpg b/assets/img/Varanashi.jpg new file mode 100644 index 0000000..0cbda79 Binary files /dev/null and b/assets/img/Varanashi.jpg differ diff --git a/assets/img/a3.jpg b/assets/img/a3.jpg new file mode 100644 index 0000000..b594e8c Binary files /dev/null and b/assets/img/a3.jpg differ diff --git a/assets/img/bg (3).jpg b/assets/img/bg (3).jpg new file mode 100644 index 0000000..0e25931 Binary files /dev/null and b/assets/img/bg (3).jpg differ diff --git a/assets/img/bg1.jpg b/assets/img/bg1.jpg new file mode 100644 index 0000000..8a9d0f5 Binary files /dev/null and b/assets/img/bg1.jpg differ diff --git a/assets/img/bg4.jpg b/assets/img/bg4.jpg new file mode 100644 index 0000000..e201256 Binary files /dev/null and b/assets/img/bg4.jpg differ diff --git a/assets/img/bg5.jpg b/assets/img/bg5.jpg new file mode 100644 index 0000000..f3ab310 Binary files /dev/null and b/assets/img/bg5.jpg differ diff --git a/assets/img/favicon.png b/assets/img/favicon.png new file mode 100644 index 0000000..b1ced5b Binary files /dev/null and b/assets/img/favicon.png differ diff --git a/assets/img/sb.jpg b/assets/img/sb.jpg new file mode 100644 index 0000000..30085b7 Binary files /dev/null and b/assets/img/sb.jpg differ diff --git a/assets/img/sb2.jpg b/assets/img/sb2.jpg new file mode 100644 index 0000000..aaa7bf5 Binary files /dev/null and b/assets/img/sb2.jpg differ diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..eba9fc1 --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,86 @@ +/*=============== SHOW MENU ===============*/ +const navMenu = document.getElementById('nav-menu'), + navToggle = document.getElementById('nav-toggle'), + navClose = document.getElementById('nav-close') + +/*===== MENU SHOW =====*/ +/* Validate if constant exists */ +if (navToggle) { + navToggle.addEventListener('click', () => { + navMenu.classList.add('show-menu') + }) +} + +/*===== MENU HIDDEN =====*/ +/* Validate if constant exists */ +if (navClose) { + navClose.addEventListener('click', () => { + navMenu.classList.remove('show-menu') + }) +} + +/*=============== REMOVE MENU MOBILE ===============*/ +const navLink = document.querySelectorAll('.nav__link') + +const linkAction = () => { + const navMenu = document.getElementById('nav-menu') + // When we click on each nav__link, we remove the show-menu class + navMenu.classList.remove('show-menu') +} +navLink.forEach(n => n.addEventListener('click', linkAction)) + +/*=============== ADD BLUR TO HEADER ===============*/ +const blurHeader = () => { + const header = document.getElementById('header') + // When the scroll is greater than 50 viewport height, add the blur-header class to the header tag + this.scrollY >= 50 + ? header.classList.add('blur-header') + : header.classList.remove('blur-header') +} +window.addEventListener('scroll', blurHeader) + +/*=============== SHOW SCROLL UP ===============*/ +const scrollUp = () => { + const scrollUp = document.getElementById('scroll-up') + // When the scroll is higher than 350 viewport height, add the show-scroll class to the a tag with the scrollup class + this.scrollY >= 350 + ? scrollUp.classList.add('show-scroll') + : scrollUp.classList.remove('show-scroll') +} +window.addEventListener('scroll', scrollUp) + +/*=============== SCROLL SECTIONS ACTIVE LINK ===============*/ +const sections = document.querySelectorAll('section[id]') + +const scrollActive = () => { + const scrollDown = window.scrollY + + sections.forEach(current => { + const sectionHeight = current.offsetHeight, + sectionTop = current.offsetTop - 58, + sectionId = current.getAttribute('id'), + sectionsClass = document.querySelector('.nav__menu a[href*=' + sectionId + ']') + + if (scrollDown > sectionTop && scrollDown <= sectionTop + sectionHeight) { + sectionsClass.classList.add('active-link') + } else { + sectionsClass.classList.remove('active-link') + } + }) +} +window.addEventListener('scroll', scrollActive) + +/*=============== SCROLL REVEAL ANIMATION ===============*/ +const sr = ScrollReveal({ + origin: 'top', + distance: '60px', + duration: 3000, + delay: 400, + //reset:true // Animations repeat +}) + +sr.reveal(`.home__data, .explore__data, .explore__user, .footer__container`) +sr.reveal(`.home__card`, { delay: 600, distance: '100px', interval: 100 }) +sr.reveal(`.about__data, .join__image`, { origin: 'right' }) +sr.reveal(`.about__image, .join__data`, { origin: 'left' }) +sr.reveal(`.popular__card`, { interval: 200 }) \ No newline at end of file diff --git a/assets/js/scrollreveal.min.js b/assets/js/scrollreveal.min.js new file mode 100644 index 0000000..5428bbd --- /dev/null +++ b/assets/js/scrollreveal.min.js @@ -0,0 +1,12 @@ +/*! @license ScrollReveal v4.0.9 + + Copyright 2021 Fisssion LLC. + + Licensed under the GNU General Public License 3.0 for + compatible open source projects and non-commercial use. + + For commercial sites, themes, projects, and applications, + keep your source code private/proprietary by purchasing + a commercial license from https://scrollrevealjs.org/ +*/ +var ScrollReveal=function(){"use strict";var r={delay:0,distance:"0",duration:600,easing:"cubic-bezier(0.5, 0, 0, 1)",interval:0,opacity:0,origin:"bottom",rotate:{x:0,y:0,z:0},scale:1,cleanup:!1,container:document.documentElement,desktop:!0,mobile:!0,reset:!1,useDelay:"always",viewFactor:0,viewOffset:{top:0,right:0,bottom:0,left:0},afterReset:function(){},afterReveal:function(){},beforeReset:function(){},beforeReveal:function(){}};var n={success:function(){document.documentElement.classList.add("sr"),document.body?document.body.style.height="100%":document.addEventListener("DOMContentLoaded",function(){document.body.style.height="100%"})},failure:function(){return document.documentElement.classList.remove("sr"),{clean:function(){},destroy:function(){},reveal:function(){},sync:function(){},get noop(){return!0}}}};function o(e){return"object"==typeof window.Node?e instanceof window.Node:null!==e&&"object"==typeof e&&"number"==typeof e.nodeType&&"string"==typeof e.nodeName}function u(e,t){if(void 0===t&&(t=document),e instanceof Array)return e.filter(o);if(o(e))return[e];if(n=e,i=Object.prototype.toString.call(n),"object"==typeof window.NodeList?n instanceof window.NodeList:null!==n&&"object"==typeof n&&"number"==typeof n.length&&/^\[object (HTMLCollection|NodeList|Object)\]$/.test(i)&&(0===n.length||o(n[0])))return Array.prototype.slice.call(e);var n,i;if("string"==typeof e)try{var r=t.querySelectorAll(e);return Array.prototype.slice.call(r)}catch(e){return[]}return[]}function s(e){return null!==e&&e instanceof Object&&(e.constructor===Object||"[object Object]"===Object.prototype.toString.call(e))}function f(n,i){if(s(n))return Object.keys(n).forEach(function(e){return i(n[e],e,n)});if(n instanceof Array)return n.forEach(function(e,t){return i(e,t,n)});throw new TypeError("Expected either an array or object literal.")}function h(e){for(var t=[],n=arguments.length-1;0=[].concat(r.body).shift())return j.call(this,n,i,-1,t),c.call(this,e,{reveal:!0,pristine:t});if(!n.blocked.foot&&i===[].concat(o.foot).shift()&&i<=[].concat(r.body).pop())return j.call(this,n,i,1,t),c.call(this,e,{reveal:!0,pristine:t})}}function E(e){var t=Math.abs(e);if(isNaN(t))throw new RangeError("Invalid sequence interval.");this.id=b(),this.interval=Math.max(t,16),this.members=[],this.models={},this.blocked={head:!1,foot:!1}}function d(e,i,r){var o=this;this.head=[],this.body=[],this.foot=[],f(e.members,function(e,t){var n=r.elements[e];n&&n[i]&&o.body.push(t)}),this.body.length&&f(e.members,function(e,t){var n=r.elements[e];n&&!n[i]&&(t + + + + + + + + + + + + + + + + Travel + + + + + + + +
+ +
+ home image +
+ +
+
+

+ Welcome To Travel +

+ +

+ Explore The Divine
+ Essence of India +

+ +

+ Embark on a Spiritual Odyssey, + Unveil Sacred Destinations, + Mountains, and more. Plan Your Pilgrimage Today." +

+ + + Start Your Journey + +
+ +
+
+ home image +

Ayodhya

+
+
+ +
+ home image +

Banaras

+
+
+ +
+ home image +

Mathura

+
+
+ +
+ home image +

Rishikesh

+
+
+
+
+
+ + +
+
+
+

+ Learn More
+ About Travel +

+ +

+ "Learn More About Spiritual Sojourns in India + Embark on Divine Journeys + Discover the Joy of Devotional Travel + Explore the Sacred Paradises of India + Travel Safely and Without Worries" +

+ + + Explore Travel + +
+ +
+ about image +
+
+
+
+ + + + + +
+
+
+ explore image +
+
+ +
+
+

+ Discover Divine Havens + +

+ +

+ +"Embarking on spiritual journeys to sacred destinations, from revered temples to serene landscapes, is a profound experience on our devotional travel platform. Discover harmony, peace, and comfort as you explore these divine paradises, offering a unique and enriching travel experience." +

+
+ +
+ explore image + Shiva Bajpai +
+
+
+
+ + +
+
+
+

+ Your Journey
+ Starts Here +

+ +

+ Get up to date with the latest + travel and information from us.

+ + + + + + + + + +

+
+ +
+ join image +
+ +
+
+
+
+ + + + + + + + + + + + + + + \ No newline at end of file