diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..baa5ef9 Binary files /dev/null and b/.DS_Store differ diff --git a/README.md b/README.md index 2d3e90b..d0b1c8c 100644 --- a/README.md +++ b/README.md @@ -15,18 +15,29 @@ To get started with the NASA Space Apps Noida Hackathon 2023 repository, follow ### README.md must consist of the following information: -#### Team Name - -#### Problem Statement - -#### Team Leader Email - +#### Team Name -Binary Flux +#### Problem Statement - In the distant future, space tourism will likely be routine for Earth dwellers, but space travelers will need help choosing a destination and determining an itinerary. Imagine you are a travel agent at a future space tourism office. Your challenge is to create a tool that will not only develop customized itineraries for future travelers who want to visit the main bodies in our solar system—perhaps Mars, Jupiter, or Saturn—but also educate present-day users about the many different objects in our solar system. +#### Team Leader Email - rishustudent2001@gmail.com ### A Brief of the Prototype: - This section must include UML Diagrams and prototype description + It can be a helping tool for space agencies to send their astronauts in different planets as this website will estimate the total cost of landing them at desired planets.As well as it will let the agency know whether sending in a particular planet is a feasible move or not. ### Tech Stack: - List Down all technologies used to Build the prototype - + 1.Html5 + 2.Css + 3.Javascript + 4.Bootstrap + 5.jquery + 6.Firebase for database + + ### Step-by-Step Code Execution Instructions: - This Section must contain a set of instructions required to clone and run the prototype so that it can be tested and deeply analyzed - +Step 1: Install a code editor such as VScode\Sublime. +Step 2: Install a all the extension for html,css,javascript file. +Step 3: Also install the live server(Optional). +Step 4: Now Click on the GO Live Button ,present at the right bottom of your vscode screen. ### Future Scope: - Write about the scalability and futuristic aspects of the prototype developed + 1.We will be using data analysis tools to predict the total cost of tour,most suitable planet for human being to tour,best planet with presence of highest resources for human survival. + 2.Will integrate NLP trained chatbot to be capable enough of resolving customer's query with least interaction with real agents. + 3.Customer can get quick overview of available natural resource for exploring and doing adventurous/fun activities there. + diff --git a/assets/.DS_Store b/assets/.DS_Store new file mode 100644 index 0000000..e303bef Binary files /dev/null and b/assets/.DS_Store differ diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 0000000..9d9a3af --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,1044 @@ +/*-----------------------------------*\ + #style.css +\*-----------------------------------*/ + +/** + * copyright 2022 codewithsadee + */ + + + + + +/*-----------------------------------*\ + #CUSTOM PROPERTY +\*-----------------------------------*/ + +:root { + + /** + * colors + */ + + --battleship-gray: hsl(0, 0%, 53%); + --viridian-green: hsl(180, 98%, 31%); + --silver-chalice: hsl(0, 0%, 69%); + --mikado-yellow: hsl(47, 98%, 50%); + --granite-gray: hsl(0, 0%, 40%); + --independence: hsl(219, 20%, 32%); + --spanish-gray: hsl(0, 0%, 61%); + --oxford-blue: hsl(222, 46%, 17%); + --black-coral: hsl(223, 8%, 44%); + --eerie-black: hsl(210, 11%, 15%); + --light-gray: hsl(0, 0%, 80%); + --white-2: hsl(0, 0%, 98%); + --white-1: hsl(0, 0%, 100%); + --black: hsl(0, 0%, 0%); + --jet: hsl(0, 0%, 20%); + + /** + * typography + */ + + --ff-abril-fatface: 'Abril Fatface', cursive; + --ff-comforter-brush: 'Comforter Brush', cursive; + --ff-heebo: 'Heebo', sans-serif; + + --fs-1: 3.4rem; + --fs-2: 3.2rem; + --fs-3: 3rem; + --fs-4: 2.4rem; + --fs-5: 1.8rem; + --fs-6: 1.7rem; + --fs-7: 1.4rem; + --fs-8: 1.2rem; + + --fw-400: 400; + --fw-500: 500; + --fw-600: 600; + --fw-700: 700; + + /** + * border radius + */ + + --radius-6: 6px; + + /** + * spacing + */ + + --section-padding: 40px; + + /** + * transition + */ + + --transition-1: 0.15s ease; + --transition-2: 0.35s ease; + --cubic-out: cubic-bezier(0.33, 0.85, 0.56, 1.02); + +} + + + + + +/*-----------------------------------*\ + #RESET +\*-----------------------------------*/ + +*, +*::before, +*::after { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +li { list-style: none; } + +a { text-decoration: none; } + +a, +img, +span, +input, +button, +ion-icon { display: block; } + +input, +button { + border: none; + background: none; + font: inherit; +} + +button { cursor: pointer; } + +input { width: 100%; } +.icons img{ + height: 78px; + width: auto; + border-radius: 10px; +} + +img { height: auto; } + +address { font-style: normal; } + +:focus-visible { outline-offset: 5px; } + +html { + font-family: var(--ff-heebo); + font-size: 10px; + scroll-behavior: smooth; +} + +body { + background: var(--white-1); + font-size: 1.6rem; +} + +::-webkit-scrollbar { width: 10px; } + +::-webkit-scrollbar-track { background: hsl(0, 0%, 95%); } + +::-webkit-scrollbar-thumb { background: hsl(0, 0%, 80%); } + +::-webkit-scrollbar-thumb:hover { background: hsl(0, 0%, 70%); } + + + + + +/*-----------------------------------*\ + #REUSED STYLE +\*-----------------------------------*/ + +.container { padding-inline: 15px; } + + + +.btn { + background: var(--background, var(--white-1)); + color: var(--color, var(--viridian-green)); + font-weight: var(--fw-700); + width: max-content; + padding: 10px 25px; + border: 2px solid var(--border-color, var(--white-1)); + border-radius: var(--radius-6); +} + +.btn-secondary:is(:hover, :focus) { + --background: transparent; + --color: var(--white-1); +} + +.btn-primary { + --background: var(--viridian-green); + --color: var(--white-1); + --border-color: var(--viridian-green); +} + +.btn-primary:is(:hover, :focus) { + --background: transparent; + --color: var(--viridian-green); +} + +.btn-outline { + --color: var(--oxford-blue); + --border-color: var(--silver-chalice); +} + +.btn-outline:is(:hover, :focus) { + --color: var(--viridian-green); + --border-color: var(--viridian-green); +} + +.section { padding-block: var(--section-padding); } + +.section-subtitle { + font-family: var(--ff-comforter-brush); + color: var(--mikado-yellow); + font-size: var(--fs-3); +} + +.w-100 { width: 100%; } + +.h2 { + color: var(--jet); + font-size: var(--fs-3); + font-weight: var(--fw-500); +} + +.h3 { + font-size: var(--fs-4); + font-weight: var(--fw-400); +} + +.section-title { font-family: var(--ff-abril-fatface); } + +.img-cover { + width: 100%; + height: 100%; + object-fit: cover; +} + +.card-banner { background: var(--silver-chalice); } + +:is(.popular, .blog) .section-subtitle { + text-align: center; + margin-bottom: 10px; +} + +:is(.popular, .blog) .section-title { + text-align: center; + margin-bottom: 50px; +} + +.popular-list, +.blog-list { + display: grid; + gap: 30px; +} + +.popular-card, +.blog-card { + box-shadow: 0 10px 30px hsla(0, 0%, 0%, 0.1); + border-radius: var(--radius-6); + overflow: hidden; +} + +:is(.popular, .blog) .card-banner { position: relative; } + +.card-badge { + position: absolute; + top: 10px; + left: 10px; + background: var(--mikado-yellow); + color: var(--white-1); + padding: 14px 10px; + border-radius: var(--radius-6); +} + +.card-badge ion-icon { + --ionicon-stroke-width: 60px; + font-size: 20px; + margin-inline: auto; +} + +.card-badge time { font-weight: var(--fw-700); } + +:is(.popular, .blog) .card-content { padding: 30px 15px; } + +.card-wrapper { + display: flex; + justify-content: flex-start; + align-items: center; + gap: 20px; +} + +:is(.popular, .blog) .card-title { + color: var(--granite-gray); + font-size: var(--fs-5); + margin-block: 20px; +} + +:is(.popular, .blog) .card-title > a { color: inherit; } + +:is(.popular, .blog) .card-title > a:is(:hover, :focus) { color: var(--viridian-green); } + + + + + +/*-----------------------------------*\ + #HEADER +\*-----------------------------------*/ + +.header { + position: fixed; + background: var(--viridian-green); + padding-block: 0px; + height: 88px; + width: 100%; + z-index: 99; + max-width: 100%; + overflow: hidden; + transition: 0.25s var(--cubic-out); +} + +.header.active { + height: 425px; + transition-duration: 0.35s; +} + +.header .container { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; +} + +.logo { + color: var(--white-1); + font-size: var(--fs-2); + font-weight: var(--fw-600); +} + +.nav-toggle-btn.active .open, +.nav-toggle-btn .close { display: none; } + +.nav-toggle-btn .open, +.nav-toggle-btn.active .close { display: block; } + +.nav-toggle-btn ion-icon { + color: var(--white-1); + font-size: 35px; + --ionicon-stroke-width: 40px; +} + +.navbar { + width: 100%; + padding: 20px 10px; + opacity: 0; + visibility: hidden; + transition: var(--transition-1); +} + +.header.active .navbar { + opacity: 1; + visibility: visible; +} + +.navbar-list { margin-bottom: 15px; } + +.navbar-link { + color: var(--white-1); + font-size: var(--fs-5); + font-weight: var(--fw-500); + padding-block: 10px 0; + border-bottom: 2px solid transparent; + width: max-content; +} + +.navbar-link:is(:hover, :focus) { border-color: var(--white-1); } + + + + + +/*-----------------------------------*\ + #HERO +\*-----------------------------------*/ + +.shape { display: none; } + +.hero { + background-repeat: no-repeat, no-repeat; + background-position: bottom left, top right; +} + +.hero-content { margin-bottom: 50px; } + +.hero .section-subtitle { margin-bottom: 15px; } + +.hero-title { + color: var(--oxford-blue); + font-size: var(--fs-1); + font-family: var(--ff-abril-fatface); + font-weight: var(--fw-500); + line-height: 1.2; + max-width: 11ch; + margin-bottom: 15px; +} + +.hero-text { + color: var(--black-coral); + font-size: var(--fs-7); + line-height: 1.7; + margin-bottom: 15px; +} + +.btn-group { + display: flex; + flex-wrap: wrap; + gap: 15px; +} + + + + + +/*-----------------------------------*\ + #DESTINATION +\*-----------------------------------*/ + +.destination .section-subtitle { + text-align: center; + margin-bottom: 15px; +} + +.destination .section-title { + text-align: center; + margin-bottom: 60px; +} + +.destination-list { + display: flex; + flex-wrap: wrap; + gap: 30px; +} + +.destination-card { + position: relative; + border-radius: var(--radius-6); + overflow: hidden; +} + +.destination-card::after { + content: ""; + position: absolute; + inset: 0; + background: linear-gradient(hsla(222, 46%, 17%, 0), hsla(222, 46%, 17%, 0.7)); +} + +.destination-card img { transition: var(--transition-2); } + +.destination-card:is(:hover, :focus) img { transform: scale(1.1); } + +.destination-card .card-content { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + padding: 30px; + z-index: 1; +} + +.destination-card .card-subtitle { + color: var(--mikado-yellow); + font-family: var(--ff-comforter-brush); + font-size: var(--fs-5); +} + +.destination-card .card-title { + color: var(--white-1); + font-family: var(--ff-abril-fatface); +} + + + + + +/*-----------------------------------*\ + #POPULAR +\*-----------------------------------*/ + +.popular-card :is(.card-price, .card-rating) { + color: var(--white-1); + font-size: var(--fs-8); + padding: 5px 8px; + border-radius: var(--radius-6); +} + +.popular-card .card-price { background: var(--viridian-green); } + +.popular-card .card-rating { + background: var(--mikado-yellow); + display: flex; + align-items: center; + gap: 2px; +} + +.popular-card .card-rating ion-icon { font-size: 17px; } + +.popular-card .card-rating data { margin-left: 4px; } + +.popular-card .card-location { color: var(--spanish-gray); } + + + + + +/*-----------------------------------*\ + #ABOUT +\*-----------------------------------*/ + +.about-content { margin-bottom: 50px; } + +.about .section-subtitle { margin-bottom: 10px; } + +.about .section-title { margin-bottom: 20px; } + +.about-text, +.about-item-text { + color: var(--battleship-gray); + font-size: var(--fs-6); + line-height: 1.7; +} + +.about-text { margin-bottom: 30px; } + +.about-list { + display: grid; + gap: 20px; + margin-bottom: 40px; +} + +.about-item { + display: flex; + align-items: flex-start; + gap: 15px; +} + +.about-item-icon { + background: var(--viridian-green); + color: var(--white-1); + font-size: 26px; + padding: 16px; + border-radius: 50%; + margin-top: 5px; +} + +.about-item-title { + color: var(--granite-gray); + font-weight: var(--fw-600); + margin-bottom: 5px; +} + + + + + +/*-----------------------------------*\ + #BLOG +\*-----------------------------------*/ + +.blog { padding-bottom: 100px; } + +.blog-card .author-wrapper { + display: flex; + align-items: center; + gap: 15px; +} + +.blog-card .card-wrapper { + color: var(--spanish-gray); + font-size: var(--fs-8); + justify-content: space-between; +} + +.author-name { + color: var(--granite-gray); + font-weight: var(--fw-500); +} + +.btn-link { + color: var(--viridian-green); + font-weight: var(--fw-700); + display: flex; + justify-content: flex-end; + align-items: center; + gap: 5px; +} + +.btn-link ion-icon { font-size: 20px; } + +.btn-link:is(:hover, :focus) { color: var(--oxford-blue); } + + + + + +/*-----------------------------------*\ + #FOOTER +\*-----------------------------------*/ + +.footer { + background-color: var(--oxford-blue); + background-repeat: no-repeat; + background-size: cover; + background-position: center; + color: var(--light-gray); + padding-block: 60px; +} + +.footer a:not(.logo) { color: inherit; } + +.footer-top { + display: grid; + gap: 30px; + margin-bottom: 40px; +} + +.footer-list-title { + color: var(--white-1); + font-size: var(--fs-4); + font-weight: var(--fw-600); + margin-bottom: 15px; +} + +.footer-link { + font-size: var(--fs-7); + padding-block: 5px; +} + +.footer .footer-link:is(:hover, :focus) { color: var(--white-1); } + +.newsletter-text { + font-size: var(--fs-7); + margin-bottom: 30px; + line-height: 1.7; +} + +.newsletter-form { position: relative; } + +.newsletter-input { + background: var(--white-1); + border-radius: var(--radius-6); + padding: 24px; + color: var(--eerie-black); +} + +.newsletter-input:focus { + outline: none; + box-shadow: 0 0 0 5px hsla(216, 98%, 52%, 0.25); +} + +.newsletter-form .btn-primary { + position: absolute; + top: 0; + right: 0; + bottom: 0; +} + +.newsletter-form .btn-primary:is(:hover, :focus) { + --background: var(--viridian-green); + --color: var(--white-1); +} + +.footer-bottom .logo { + text-align: center; + margin-bottom: 20px; +} + +.copyright { + text-align: center; + margin-bottom: 20px; + font-size: var(--fs-7); +} + +.copyright-link { + display: inline-block; + text-decoration: underline; +} + +.copyright-link:is(:hover, :focus) { text-decoration: none; } + +.social-list { + display: flex; + justify-content: center; + align-items: center; + gap: 10px; +} + +.social-link { + font-size: 17px; + background: var(--independence); + padding: 10px; + border-radius: 50%; +} + +.social-link:is(:hover, :focus) { background: var(--viridian-green); } + + + + + +/*-----------------------------------*\ + #GO TO TOP +\*-----------------------------------*/ + +.go-top { + position: fixed; + bottom: 0; + right: 15px; + background: var(--viridian-green); + color: var(--white-1); + font-size: 20px; + padding: 10px; + border-radius: var(--radius-6); + visibility: hidden; + opacity: 0; + transition: var(--transition-1); +} + +.go-top.active { + visibility: visible; + opacity: 1; + transform: translateY(-15px); +} + +.go-top:is(:hover, :focus) { transform: translateY(-25px); } + + + + + +/*-----------------------------------*\ + #RESPONSIVE +\*-----------------------------------*/ + +/** + * responsive for larger than 575px screen + */ + +@media (min-width: 575px) { + + /** + * CUSTOM PROPERTY + */ + + :root { + + /** + * typography + */ + + --fs-1: 5rem; + --fs-3: 4rem; + --fs-8: 1.4rem; + + } + + + + /** + * HERO + */ + + .hero-text { --fs-7: 1.8rem; } + + + + /** + * FOOTER + */ + + .footer-top { grid-template-columns: 1fr 1fr; } + +} + + + + + +/** + * responsive for larger than 768px screen + */ + +@media (min-width: 768px) { + + /** + * REUSED STYLE + */ + + .container { + max-width: 750px; + margin-inline: auto; + } + + .popular-list, + .blog-list { grid-template-columns: 1fr 1fr; } + + + + /** + * HERO + */ + + .hero { + min-height: 550px; + display: grid; + place-items: center; + } + + .hero .container { + display: flex; + align-items: center; + gap: 40px; + } + + + + /** + * DESTINATION + */ + + .destination-list > li { width: calc(33.33% - 20px); } + + .destination-list .w-50 { width: calc(50% - 20px); } + + + + /** + * FOOTER + */ + + .footer { --fs-7: 1.6rem; } + + .footer-bottom { + display: flex; + align-items: center; + justify-content: space-between; + } + + .footer-bottom .logo, + .copyright { margin-bottom: 0; } + +} + + + + + +/** + * responsive for larger than 992px screen + */ + +@media (min-width: 992px) { + + /** + * CUSTOM PROPERTY + */ + + :root { + + /** + * typography + */ + + --fs-2: 3.5rem; + --fs-3: 4.4rem; + + /** + * spacing + */ + + --section-padding: 60px; + + } + + + + /** + * REUSED STYLE + */ + + .container { max-width: 980px; } + + .popular-list, + .blog-list { grid-template-columns: repeat(3, 1fr); } + + + + /** + * HEADER + */ + + .nav-toggle-btn { display: none; } + + .header, + .header.active { height: unset; } + + .navbar { + all: unset; + display: flex; + align-items: center; + flex-grow: 1; + } + + .navbar-list { + margin-bottom: 0; + margin-inline: auto; + display: flex; + align-items: center; + gap: 30px; + } + + .navbar-link { + font-weight: var(--fw-700); + margin-bottom: 8px; + } + + + + /** + * HERO + */ + + .hero { + position: relative; + min-height: 680px; + } + + .hero-title, + .hero-text { margin-bottom: 35px; } + + .shape { + display: block; + position: absolute; + animation: rotate 8s linear infinite; + } + + .shape-1 { + top: 60px; + left: 47%; + } + + .shape-2 { + top: 20%; + right: 50px; + animation-delay: 0.25s; + } + + .shape-3 { + left: 40%; + bottom: 20%; + animation-delay: 0.5s; + } + + @keyframes rotate { + 0% { transform: rotate(0); } + 100% { transform: rotate(1turn); } + } + + + + /** + * DESTINATION + */ + + .destination { + --fs-4: 3.2rem; + --fs-5: 2.6rem; + } + + + + /** + * ABOUT + */ + + .about .container { + display: grid; + grid-template-columns: 0.8fr 1fr; + align-items: center; + gap: 30px; + } + + .about-content { margin-bottom: 0; } + + + + /** + * FOOTER + */ + + .footer-top { grid-template-columns: 1fr 1fr 1fr 2fr; } + +} + + + + + +/** + * responsive for larger than 1200px screen + */ + +@media (min-width: 1200px) { + + /** + * CUSTOM PROPERTY + */ + + :root { + + /** + * typography + */ + + --fs-1: 6rem; + + } + + + + /** + * REUSED STYLE + */ + + .container { max-width: 1150px; } + + :is(.popular, .blog) .card-content { padding: 30px; } + + + + /** + * HEADER + */ + + .navbar-list { gap: 50px; } + + + + /** + * ABOUT + */ + + .about .container { grid-template-columns: 0.7fr 1fr; } + +} \ No newline at end of file diff --git a/assets/images/.DS_Store b/assets/images/.DS_Store new file mode 100644 index 0000000..841c6c3 Binary files /dev/null and b/assets/images/.DS_Store differ diff --git a/assets/images/1.png b/assets/images/1.png new file mode 100644 index 0000000..2bd8e93 Binary files /dev/null and b/assets/images/1.png differ diff --git a/assets/images/about-banner.png b/assets/images/about-banner.png new file mode 100644 index 0000000..f7015ea Binary files /dev/null and b/assets/images/about-banner.png differ diff --git a/assets/images/author-avatar.png b/assets/images/author-avatar.png new file mode 100644 index 0000000..1627cde Binary files /dev/null and b/assets/images/author-avatar.png differ diff --git a/assets/images/blog-2.jpg b/assets/images/blog-2.jpg new file mode 100644 index 0000000..eaed3ad Binary files /dev/null and b/assets/images/blog-2.jpg differ diff --git a/assets/images/blog-3.jpg b/assets/images/blog-3.jpg new file mode 100644 index 0000000..5a27d08 Binary files /dev/null and b/assets/images/blog-3.jpg differ diff --git a/assets/images/destination-1.png b/assets/images/destination-1.png new file mode 100644 index 0000000..0750ba7 Binary files /dev/null and b/assets/images/destination-1.png differ diff --git a/assets/images/destination-2.png b/assets/images/destination-2.png new file mode 100644 index 0000000..ca59cf3 Binary files /dev/null and b/assets/images/destination-2.png differ diff --git a/assets/images/destination-3.png b/assets/images/destination-3.png new file mode 100644 index 0000000..d7534db Binary files /dev/null and b/assets/images/destination-3.png differ diff --git a/assets/images/destination-4.png b/assets/images/destination-4.png new file mode 100644 index 0000000..061031a Binary files /dev/null and b/assets/images/destination-4.png differ diff --git a/assets/images/destination-5.png b/assets/images/destination-5.png new file mode 100644 index 0000000..2185892 Binary files /dev/null and b/assets/images/destination-5.png differ diff --git a/assets/images/footer-bg.png b/assets/images/footer-bg.png new file mode 100644 index 0000000..8a3db67 Binary files /dev/null and b/assets/images/footer-bg.png differ diff --git a/assets/images/hero-banner.png b/assets/images/hero-banner.png new file mode 100644 index 0000000..4ddeaac Binary files /dev/null and b/assets/images/hero-banner.png differ diff --git a/assets/images/hero-bg-bottom.png b/assets/images/hero-bg-bottom.png new file mode 100644 index 0000000..2c35d6d Binary files /dev/null and b/assets/images/hero-bg-bottom.png differ diff --git a/assets/images/hero-bg-top.png b/assets/images/hero-bg-top.png new file mode 100644 index 0000000..92cb581 Binary files /dev/null and b/assets/images/hero-bg-top.png differ diff --git a/assets/images/icons.png b/assets/images/icons.png new file mode 100644 index 0000000..155d6b5 Binary files /dev/null and b/assets/images/icons.png differ diff --git a/assets/images/popular-1.png b/assets/images/popular-1.png new file mode 100644 index 0000000..d75caea Binary files /dev/null and b/assets/images/popular-1.png differ diff --git a/assets/images/popular-2.jpg b/assets/images/popular-2.jpg new file mode 100644 index 0000000..5a289fb Binary files /dev/null and b/assets/images/popular-2.jpg differ diff --git a/assets/images/popular-3.png b/assets/images/popular-3.png new file mode 100644 index 0000000..2d29497 Binary files /dev/null and b/assets/images/popular-3.png differ diff --git a/assets/images/shape-1.png b/assets/images/shape-1.png new file mode 100644 index 0000000..d7ace2b Binary files /dev/null and b/assets/images/shape-1.png differ diff --git a/assets/images/shape-2.png b/assets/images/shape-2.png new file mode 100644 index 0000000..6966e9a Binary files /dev/null and b/assets/images/shape-2.png differ diff --git a/assets/images/shape-3.png b/assets/images/shape-3.png new file mode 100644 index 0000000..4224780 Binary files /dev/null and b/assets/images/shape-3.png differ diff --git a/assets/js/script.js b/assets/js/script.js new file mode 100644 index 0000000..b6e279d --- /dev/null +++ b/assets/js/script.js @@ -0,0 +1,26 @@ +'use strict'; + +/** + * navbar toggle + */ + +const navToggleBtn = document.querySelector("[data-nav-toggle-btn]"); +const header = document.querySelector("[data-header]"); + +navToggleBtn.addEventListener("click", function () { + this.classList.toggle("active"); + header.classList.toggle("active"); +}); + + + +/** + * show go top btn when scroll window to 500px + */ + +const goTopBtn = document.querySelector("[data-go-top]"); + +window.addEventListener("scroll", function () { + window.scrollY >= 500 ? goTopBtn.classList.add("active") + : goTopBtn.classList.remove("active"); +}); \ No newline at end of file diff --git a/favicon.svg b/favicon.svg new file mode 100644 index 0000000..c287b8e --- /dev/null +++ b/favicon.svg @@ -0,0 +1,4 @@ + + + + diff --git a/final/Login page/.DS_Store b/final/Login page/.DS_Store new file mode 100644 index 0000000..357278d Binary files /dev/null and b/final/Login page/.DS_Store differ diff --git a/final/Login page/Login.html b/final/Login page/Login.html new file mode 100644 index 0000000..677c650 --- /dev/null +++ b/final/Login page/Login.html @@ -0,0 +1,93 @@ + + + + + + Login + + + + +
+ + + + + + + + \ No newline at end of file diff --git a/final/Login page/bgimage.jpg b/final/Login page/bgimage.jpg new file mode 100644 index 0000000..2f40fbf Binary files /dev/null and b/final/Login page/bgimage.jpg differ diff --git a/final/Login page/reg/.DS_Store b/final/Login page/reg/.DS_Store new file mode 100644 index 0000000..ca11687 Binary files /dev/null and b/final/Login page/reg/.DS_Store differ diff --git a/final/Login page/reg/bgimage.jpg b/final/Login page/reg/bgimage.jpg new file mode 100644 index 0000000..8e00fb0 Binary files /dev/null and b/final/Login page/reg/bgimage.jpg differ diff --git a/final/Login page/reg/bgimage2.jpg b/final/Login page/reg/bgimage2.jpg new file mode 100644 index 0000000..c057241 Binary files /dev/null and b/final/Login page/reg/bgimage2.jpg differ diff --git a/final/Login page/reg/bgimage3.jpg b/final/Login page/reg/bgimage3.jpg new file mode 100644 index 0000000..e29cf89 Binary files /dev/null and b/final/Login page/reg/bgimage3.jpg differ diff --git a/final/Login page/reg/index.html b/final/Login page/reg/index.html new file mode 100644 index 0000000..7fc16d7 --- /dev/null +++ b/final/Login page/reg/index.html @@ -0,0 +1,297 @@ + + + + + + + + + + + Regisration Form + + +
+
Registration
+ +
+
+
+ Passenger Details + +
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+
+ +
+ Travelling ID + +
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+ + +
+
+ +
+
+ Address Details + +
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ + +
+ +
+ Package details + +
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+ +
+
+ + Back +
+ + +
+
+
+ +
+ + + + + + \ No newline at end of file diff --git a/final/Login page/reg/script.js b/final/Login page/reg/script.js new file mode 100644 index 0000000..6ed06aa --- /dev/null +++ b/final/Login page/reg/script.js @@ -0,0 +1,17 @@ +const form = document.querySelector("form"), + nextBtn = form.querySelector(".nextBtn"), + backBtn = form.querySelector(".backBtn"), + allInput = form.querySelectorAll(".first input"); + + +nextBtn.addEventListener("click", ()=> { + allInput.forEach(input => { + if(input.value != ""){ + form.classList.add('secActive'); + }else{ + form.classList.remove('secActive'); + } + }) +}) + +backBtn.addEventListener("click", () => form.classList.remove('secActive')); \ No newline at end of file diff --git a/final/Login page/reg/style.css b/final/Login page/reg/style.css new file mode 100644 index 0000000..e4ec50b --- /dev/null +++ b/final/Login page/reg/style.css @@ -0,0 +1,177 @@ +@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600&display=swap'); +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Poppins', sans-serif; +} +body{ + min-height: 100vh; + display: flex; + align-items: center; + justify-content: center; + background-image: url('bgimage.jpg'); +} +.container{ + position: relative; + max-width: 900px; + width: 100%; + border-radius: 6px; + padding: 30px; + margin: 0 15px; + box-shadow: 0 5px 10px rgba(0,0,0,0.1); + background-color: rgba(163, 133, 133, 0); +} +@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { + .container { + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(20px); + background-color: rgba(255, 255, 255, 0.1); + } +} +.container header{ + position: relative; + font-size: 20px; + font-weight: 600; + color: #ffffffd7; +} +.container header::before{ + content: ""; + position: absolute; + left: 0; + bottom: -2px; + height: 3px; + width: 27px; + border-radius: 8px; + background-color: #1009e7ef; +} +.container form{ + position: relative; + margin-top: 16px; + min-height: 490px; +/* background-color: #fff;*/ + overflow: hidden; +} +.container form .form{ + position: absolute; +/* background-color: #fff;*/ + transition: 0.3s ease; +} +.container form .form.second{ + opacity: 0; + pointer-events: none; + transform: translateX(100%); +} +form.secActive .form.second{ + opacity: 1; + pointer-events: auto; + transform: translateX(0); +} +form.secActive .form.first{ + opacity: 0; + pointer-events: none; + transform: translateX(-100%); +} +.container form .title{ + display: block; + margin-bottom: 8px; + font-size: 16px; + font-weight: 500; + margin: 6px 0; + color: #2f4af9; +} +.container form .fields{ + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; +} +form .fields .input-field{ + display: flex; + width: calc(100% / 3 - 15px); + flex-direction: column; + margin: 4px 0; +} +.input-field label{ + font-size: 12px; + font-weight: 500; + color: #f7f8f4; +} +.input-field input, select{ + outline: none; + font-size: 14px; + font-weight: 400; + color: #ffffff; + border-radius: 5px; + background-color: rgba(149, 149, 143, 0.072); + /* border: 1px solid #a51313; */ + padding: 0 15px; + height: 42px; + margin: 8px 0; +} +.input-field input :focus, +.input-field select:focus{ + box-shadow: 0 3px 6px rgba(0,0,0,0.13); +} +.input-field select, +.input-field input[type="date"]{ + color: #707070; +} +.input-field input[type="date"]:valid{ + color: #333; +} +.container form button, .backBtn{ + display: flex; + align-items: center; + justify-content: center; + height: 45px; + max-width: 200px; + width: 100%; + border: none; + outline: none; + color: #fff; + border-radius: 5px; + margin: 25px 0; + background-color: #0a3cefce; + transition: all 0.3s linear; + cursor: pointer; +} +.container form .btnText{ + font-size: 14px; + font-weight: 400; +} +form button:hover{ + background-color: #265df2; +} +form button i, +form .backBtn i{ + margin: 0 6px; +} +form .backBtn i{ + transform: rotate(180deg); +} +form .buttons{ + display: flex; + align-items: center; +} +form .buttons button , .backBtn{ + margin-right: 14px; +} + +@media (max-width: 750px) { + .container form{ + overflow-y: scroll; + } + .container form::-webkit-scrollbar{ + display: none; + } + form .fields .input-field{ + width: calc(100% / 2 - 15px); + } +} + +@media (max-width: 550px) { + form .fields .input-field{ + width: 100%; + } +} \ No newline at end of file diff --git a/final/Login page/style.css b/final/Login page/style.css new file mode 100644 index 0000000..2c7845d --- /dev/null +++ b/final/Login page/style.css @@ -0,0 +1,119 @@ +@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600&display=swap'); + +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Poppins', sans-serif; +} +.modal { + background-color: rgba(255, 255, 255, 0.95); + border-radius: 5px; + color: #333; + line-height: 1.5; + max-width: 30%; + padding: 1rem 2rem; + +} +@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { + .modal { + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + background-color: rgba(255, 255, 255, 0.5); + } +} + +html, +body { + height: 100%; + width: 100%; +} +.modal header::before{ + content: ""; + position: absolute; + left: 0; + bottom: -2px; + height: 3px; + width: 27px; + border-radius: 8px; + background-color: #4070f4; +} +.modal header{ + position: relative; + font-size: 20px; + font-weight: 600; + color: #333; +} +.container form .btnText{ + font-size: 14px; + font-weight: 400; +background-color: #ffff +} +form button:hover{ + background-color: #265df2; +} +body { + background-image: url('bgimage.jpg'); + background-position: center center; + background-repeat: no-repeat; + background-size: cover; +} + +.container1 { + align-items: center; + display: flex; + justify-content: center; + height: 90%; + width: 100%; +} + + +input[type=text], input[type=password] { + width: 100%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border: 1px solid #ccc; + box-sizing: border-box; +} + +button { + display: flex; + align-items: center; + justify-content: center; + height: 45px; + max-width: 200px; + width: 100%; + border: none; + outline: none; + color: #fff; + border-radius: 5px; + margin: 25px 0; + background-color: #4070f4; + transition: all 0.3s linear; + cursor: pointer; + +} + + +.content2 +{ + display: flex; + direction: auto; +} +button:hover { + opacity: 0.8; +} + +.cancelbtn { + width: auto; + padding: 10px 18px; +} +span.psw { + float: right; + padding-top: 16px; +} +form{ + font-family: 'Poppins', sans-serif; + +} diff --git a/final/Style.css b/final/Style.css new file mode 100644 index 0000000..6d65847 --- /dev/null +++ b/final/Style.css @@ -0,0 +1,479 @@ +html, body { + margin: 0; + padding: 0; + width: 100%; + background-color: #5FB6D9; +} + +body { + font-family: "Helvetica Neue",sans-serif; + font-weight: lighter; +} + +header { + width: 100%; + height: 12vh; + background: url(https://wallpaper.wiki/wp-content/uploads/2017/05/wallpaper.wiki-Beautiful-Full-HD-Wallpaper-Download-Free-PIC-WPE0010098.jpg) no-repeat 50% 50%; + background-size: cover; +} + +.content { + width: 94%; + margin: 4em auto; + font-size: 20px; + line-height: 30px; + text-align: justify; +} + +.logo { + line-height: 60px; + position: fixed; + float: left; + margin: 16px 46px; + color: #fff; + font-weight: bold; + font-size: 20px; + letter-spacing: 2px; +} + +nav { + position: fixed; + width: 100%; + line-height: 60px; + z-index: 9999; +} + +nav ul { + line-height: 60px; + list-style: none; + background: rgba(0, 0, 0, 0); + overflow: hidden; + color: #fff; + padding: 0; + text-align: right; + margin: 0; + padding-right: 40px; + transition: 1s; +} + +nav.black ul { + background: #295073; +} + +nav ul li { + display: inline-block; + padding: 16px 40px;; +} + +nav ul li a { + text-decoration: none; + color: #fff; + font-size: 16px; +} + +.menu-icon { + line-height: 60px; + width: 100%; + background: #000; + text-align: right; + box-sizing: border-box; + padding: 15px 24px; + cursor: pointer; + color: #fff; + display: none; +} + +/*section1 image css*/ + +.image1 img{ + width: 100%; + height: 600px; + object-fit: cover; +} + +/*scroller section css*/ + +@keyframes scroll { + 0% { + transform: translateX(0); + } + 100% { + transform: translateX(calc(-250px * 8)); + } +} + + +.slider { + height: 102px; + margin: auto; + overflow: hidden; + position: relative; + width: 100%; /* Set the slider width to 100% */ + margin-top: -3px; +} + +.slider .slide-track { + animation: scroll 40s linear infinite; /* Corrected the animation name to "scroll" */ + display: flex; + width: calc(250px * 16); +} + +.slider .slide { + height: 105px; + width: 250px; + background-color: white;/* Add a background color for visualization */ + /* Add a border for visualization */ +} + +.section2 { + margin-top: 0px; + display: flex; + align-items: center; + justify-content: center; +/* height: 100vh; /* Set the body height to occupy the entire viewport height */*/ +/* margin: 0; /* Remove default margin */*/ +/* background-image:url('https://images.pexels.com/photos/956981/milky-way-starry-sky-night-sky-star-956981.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1');*/ +} + + +/*section-3 detail section css */ + + + *,*:after,:before{ +-webkit-box-sizing: border-box; +-moz-box-sizing: border-box; +-ms-box-sizing: border-box; +box-sizing: border-box; + +} + +.section3 { +font-family: arial; + font-size: 16px; + margin:0; +background: #34aff3; +display: flex; +align-items: center; +justify-content: space-around; +min-height: 100vh; +} +img{ +max-width: 100%; +display: block; +} +.pic{ + width: 450px; + background: radial-gradient(#111 50%,#000 100%); + overflow: hidden; + position:relative; + border-radius: 50%; + +} +.pic img{ + transform: scale(1.3); + transition: all 0.3s ease-out; +} +.pic:hover img{ + transform:scale(1.1) translateY(-20px); + opacity: 0.3; +} + +.text{ + position: absolute; + left: 0; + bottom: 0; + width: 100%; + padding: 15px; + text-align: center; + color: #fff; + font-size: 20px; + +} + +.text h2{ + font-weight:700; + font-size: 32px; + margin: 0 0 20px; + transform: translateY(30px); + opacity: 0; + transition: all 0.3s ease-out 0.2s;*/ +} +.text p{ + transform: translateY(30px); + opacity: 0; + transition: all 0.3s ease-out; +} +.text a{ + color: #fff; + background: #34aff3; + display: inline-block; + padding: 10px 25px; + text-decoration: none; + border-radius: 5px; + transform: translateY(30px); + opacity: 0; + transition: all 0.3s ease-out 0.4s; +} +.text a:hover{ + background: #0e6290; +} +.pic:hover .text h2{ + opacity: 1; + transform: translateY(0); +} +.pic:hover .text p{ + opacity: 1; + transform: translateY(0); +} +.pic:hover .text a{ + opacity: 1; + transform: translateY(0); +} + + + +/*footer section CSS*/ +@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,700'); +* { + padding: 0; + margin: 0; +} + +body { + font-family: 'Poppins', sans-serif; +} + +html { + background-color: #eaf0f2; +} + +header { + text-align: center; + padding-top: 100px; + margin-bottom: 300px; + font-size: 35px; +} + +header h2 { + color: #f0525f; +} + +header span { + color: #eaa03f; +} + +/* The footer is fixed to the bottom of the page */ + +footer { + position: fixed; + bottom: 0; +} + +@media (max-height:800px) { + footer { + position: static; + } + header { + padding-top: 40px; + } +} + +.footer-distributed { + background-color: #2d2a30; + box-sizing: border-box; + width: 100%; + text-align: left; + font: bold 16px sans-serif; + padding: 50px 50px 60px 50px; + margin-top: 80px; +} + +.footer-distributed .footer-left, .footer-distributed .footer-center, .footer-distributed .footer-right { + display: inline-block; + vertical-align: top; +} + +/* Footer left */ + +.footer-distributed .footer-left { + width: 30%; +} + +.footer-distributed h3 { + color: #ffffff; + font: normal 36px 'Cookie', cursive; + margin: 0; +} + + +.footer-distributed h3 span { + color: #e0ac1c; +} + +/* Footer links */ + +.footer-distributed .footer-links { + color: #ffffff; + margin: 20px 0 12px; +} + +.footer-distributed .footer-links a { + display: inline-block; + line-height: 1.8; + text-decoration: none; + color: inherit; +} + +.footer-distributed .footer-company-name { + color: #8f9296; + font-size: 14px; + font-weight: normal; + margin: 0; +} + +/* Footer Center */ + +.footer-distributed .footer-center { + width: 35%; +} + +.footer-distributed .footer-center i { + background-color: #33383b; + color: #ffffff; + font-size: 25px; + width: 38px; + height: 38px; + border-radius: 50%; + text-align: center; + line-height: 42px; + margin: 10px 15px; + vertical-align: middle; +} + +.footer-distributed .footer-center i.fa-envelope { + font-size: 17px; + line-height: 38px; +} + +.footer-distributed .footer-center p { + display: inline-block; + color: #ffffff; + vertical-align: middle; + margin: 0; +} + +.footer-distributed .footer-center p span { + display: block; + font-weight: normal; + font-size: 14px; + line-height: 2; +} + +.footer-distributed .footer-center p a { + color: #e0ac1c; + text-decoration: none; + ; +} + +/* Footer Right */ + +.footer-distributed .footer-right { + width: 30%; +} + +.footer-distributed .footer-company-about { + line-height: 20px; + color: #92999f; + font-size: 13px; + font-weight: normal; + margin: 0; +} + +.footer-distributed .footer-company-about span { + display: block; + color: #ffffff; + font-size: 18px; + font-weight: bold; + margin-bottom: 20px; +} + +.footer-distributed .footer-icons { + margin-top: 25px; +} + +.footer-distributed .footer-icons a { + display: inline-block; + width: 35px; + height: 35px; + cursor: pointer; + background-color: #33383b; + border-radius: 2px; + font-size: 20px; + color: #ffffff; + text-align: center; + line-height: 35px; + margin-right: 3px; + margin-bottom: 5px; +} + +.footer-distributed .footer-icons a:hover { + background-color: #3F71EA; +} + +.footer-links a:hover { + color: #3F71EA; +} + +@media (max-width: 880px) { + .footer-distributed .footer-left, .footer-distributed .footer-center, .footer-distributed .footer-right { + display: block; + width: 100%; + margin-bottom: 40px; + text-align: center; + } + .footer-distributed .footer-center i { + margin-left: 0; + } +} + + + + + + + + + +@media(max-width: 786px) { + + .logo { + position: fixed; + top: 0; + margin-top: 16px; + } + + nav ul { + max-height: 0px; + background: #000; + } + + nav.black ul { + background: #000; + } + + .showing { + max-height: 34em; + } + + nav ul li { + box-sizing: border-box; + width: 100%; + padding: 24px; + text-align: center; + } + + .menu-icon { + display: block; + } + +} diff --git a/final/act/images/StAr GaZIng.png b/final/act/images/StAr GaZIng.png new file mode 100644 index 0000000..65c54a2 Binary files /dev/null and b/final/act/images/StAr GaZIng.png differ diff --git a/final/act/images/Untitled design (1).png b/final/act/images/Untitled design (1).png new file mode 100644 index 0000000..b1307e2 Binary files /dev/null and b/final/act/images/Untitled design (1).png differ diff --git a/final/act/images/Untitled design-1.png b/final/act/images/Untitled design-1.png new file mode 100644 index 0000000..5cc71f8 Binary files /dev/null and b/final/act/images/Untitled design-1.png differ diff --git a/final/act/images/image0.jpg b/final/act/images/image0.jpg new file mode 100644 index 0000000..b882bf5 Binary files /dev/null and b/final/act/images/image0.jpg differ diff --git a/final/act/images/image1.png b/final/act/images/image1.png new file mode 100644 index 0000000..5302cc7 Binary files /dev/null and b/final/act/images/image1.png differ diff --git a/final/act/images/image2.jpg b/final/act/images/image2.jpg new file mode 100644 index 0000000..c44c6d4 Binary files /dev/null and b/final/act/images/image2.jpg differ diff --git a/final/act/images/image3.jpg b/final/act/images/image3.jpg new file mode 100644 index 0000000..f755d66 Binary files /dev/null and b/final/act/images/image3.jpg differ diff --git a/final/act/index.html b/final/act/index.html new file mode 100644 index 0000000..0e2bbf9 --- /dev/null +++ b/final/act/index.html @@ -0,0 +1,171 @@ + + + + + + test + + + +
+
+ +
+

Activity

+

Lunar Tourism: Private companies like SpaceX and Blue Origin have expressed interest in lunar tourism. In the future, you might be able to take a vacation to the moon, experiencing lunar gravity and breathtaking lunar landscapes.

+ +
+
+
+ +
+

Activity

+

Spacewalks: For the more adventurous, spacewalks around lunar bases or space hotels could offer a thrilling experience. Imagine floating in the vacuum of space while gazing at the Earth and moon.

+ +
+
+
+ +
+

Activity

+

Lunar Photography: The moon offers a unique backdrop for photography. Imagine capturing stunning lunar landscapes, Earthrises, and sunsets over the moon's horizon.

+ +
+
+
+
+ +
+

Activity

+

Moon Art and Culture: As humans settle on the moon, they may develop their own unique culture, art, and entertainment. Lunar concerts, festivals, and art exhibitions could become part of lunar life.

+ +
+
+
+ +
+

Activity

+

Moon Art and Culture: As humans settle on the moon, they may develop their own unique culture, art, and entertainment. Lunar concerts, festivals, and art exhibitions could become part of lunar life.

+ +
+
+
+ +
+

Activity

+

Lunar Hiking and Exploration: Exploring the moon's diverse terrain, from craters to mountains and lava tubes, could be a popular activity for future lunar visitors.

+ +
+
+
+ + + \ No newline at end of file diff --git a/final/chatbot2/chat.css b/final/chatbot2/chat.css new file mode 100644 index 0000000..58c61fc --- /dev/null +++ b/final/chatbot2/chat.css @@ -0,0 +1,87 @@ +@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=Poppins:wght@200;300&display=swap"); +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: "Poppins", sans-serif; +} +body { + background: #4b5c66; +} +.container { + --light-color: #fff; + height: 420px; + width: 350px; + background: var(--light-color); + position: fixed; + bottom: 50px; + right: 10px; + box-shadow: 0px 0px 15px 0px black; +} +.chat-header { + height: 60px; + display: flex; + align-items: center; + padding: 0px 30px; + background-color: #0652c0; + color: var(--light-color); + font-size: 1.5rem; +} + +.chat-header .logo { + height: 35px; + width: 35px; + box-shadow: 0px 0px 10px 0px black; +} +.chat-header img { + height: 100%; + width: 100%; +} +.chat-header .title { + padding-left: 10px; +} +.chat-body { + height: 300px; + display: flex; + flex-direction: column; + padding: 8px 10px; + align-items: flex-end; + overflow-y: auto; +} +.chat-input { + height: 60px; + display: flex; + align-items: center; + border-top: 1px solid #ccc; +} +.input-sec { + flex: 9; +} +.send { + flex: 1; + padding-right: 4px; +} +#txtInput { + line-height: 30px; + padding: 8px 10px; + border: none; + outline: none; + caret-color: black; + font-size: 1rem; + width: 100%; +} + +.chatbot-message, +.user-message { + padding: 8px; + background: #ccc; + margin: 5px; + width: max-content; + border-radius: 10px 3px 10px 10px; +} +.chatbot-message { + background: #0652c0; + color: var(--light-color); + align-self: flex-start; + border-radius: 10px 10px 3px 10px; +} \ No newline at end of file diff --git a/final/chatbot2/chatbot.png b/final/chatbot2/chatbot.png new file mode 100644 index 0000000..bba0765 Binary files /dev/null and b/final/chatbot2/chatbot.png differ diff --git a/final/chatbot2/cwt.jpg b/final/chatbot2/cwt.jpg new file mode 100644 index 0000000..895bb88 Binary files /dev/null and b/final/chatbot2/cwt.jpg differ diff --git a/final/chatbot2/index.html b/final/chatbot2/index.html new file mode 100644 index 0000000..9b55a1c --- /dev/null +++ b/final/chatbot2/index.html @@ -0,0 +1,31 @@ + + + + + + + Chatbot + + + + + +
+
+ +
Get Your Queries Resolved Here
+
+
+
+
+ +
+
+ send +
+
+
+ + \ No newline at end of file diff --git a/final/chatbot2/response.js b/final/chatbot2/response.js new file mode 100644 index 0000000..0f0411f --- /dev/null +++ b/final/chatbot2/response.js @@ -0,0 +1,15 @@ +const responseObj = { + hello: "Hey ! How are you doing ?", + hey: "Hey! What's Up", + saturn: "Nice place! you may select your package ", + venus: "Nice place! you may select your package", + mercury: "Nice place! you may select your package", + mars: "Nice place! you may select your package", + jupiter: "Nice place! you may select your package", + uranus: "Nice place! you may select your package", + neptune: "Nice place! you may select your package", + "can you help me plan my trip":"select your place to travel ", + "tell me about packages":"we have 3 different packages broadly classified as:1.Economy 2.Premium 3.Luxury", + "How to apply for visa":"first get yourself verified by qualifying medical test", +}; + diff --git a/final/chatbot2/script.js b/final/chatbot2/script.js new file mode 100644 index 0000000..e14a329 --- /dev/null +++ b/final/chatbot2/script.js @@ -0,0 +1,50 @@ +const chatBody = document.querySelector(".chat-body"); +const txtInput = document.querySelector("#txtInput"); +const send = document.querySelector(".send"); + +send.addEventListener("click", () => renderUserMessage()); + +txtInput.addEventListener("keyup", (event) => { + if (event.keyCode === 13) { + renderUserMessage(); + } +}); + +const renderUserMessage = () => { + const userInput = txtInput.value; + renderMessageEle(userInput, "user"); + txtInput.value = ""; + setTimeout(() => { + renderChatbotResponse(userInput); + setScrollPosition(); + }, 600); +}; + +const renderChatbotResponse = (userInput) => { + const res = getChatbotResponse(userInput); + renderMessageEle(res); +}; + +const renderMessageEle = (txt, type) => { + let className = "user-message"; + if (type !== "user") { + className = "chatbot-message"; + } + const messageEle = document.createElement("div"); + const txtNode = document.createTextNode(txt); + messageEle.classList.add(className); + messageEle.append(txtNode); + chatBody.append(messageEle); +}; + +const getChatbotResponse = (userInput) => { + return responseObj[userInput] == undefined + ? "Please try something else" + : responseObj[userInput]; +}; + +const setScrollPosition = () => { + if (chatBody.scrollHeight > 0) { + chatBody.scrollTop = chatBody.scrollHeight; + } +}; \ No newline at end of file diff --git a/final/chatbot2/send.svg b/final/chatbot2/send.svg new file mode 100644 index 0000000..708a2d8 --- /dev/null +++ b/final/chatbot2/send.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/final/chatbot2/zero-gravity.avif b/final/chatbot2/zero-gravity.avif new file mode 100644 index 0000000..164bbd1 Binary files /dev/null and b/final/chatbot2/zero-gravity.avif differ diff --git a/final/images/i1.png b/final/images/i1.png new file mode 100644 index 0000000..2bb4b29 Binary files /dev/null and b/final/images/i1.png differ diff --git a/final/images/i2.png b/final/images/i2.png new file mode 100644 index 0000000..82b5936 Binary files /dev/null and b/final/images/i2.png differ diff --git a/final/images/im-21209077.jpg b/final/images/im-21209077.jpg new file mode 100644 index 0000000..b882bf5 Binary files /dev/null and b/final/images/im-21209077.jpg differ diff --git a/final/images/image1.png b/final/images/image1.png new file mode 100644 index 0000000..6cec328 Binary files /dev/null and b/final/images/image1.png differ diff --git a/final/images/image10.png b/final/images/image10.png new file mode 100644 index 0000000..40cf589 Binary files /dev/null and b/final/images/image10.png differ diff --git a/final/images/image11.png b/final/images/image11.png new file mode 100644 index 0000000..3088c75 Binary files /dev/null and b/final/images/image11.png differ diff --git a/final/images/image2.jpg b/final/images/image2.jpg new file mode 100644 index 0000000..2ed5b18 Binary files /dev/null and b/final/images/image2.jpg differ diff --git a/final/images/image3.png b/final/images/image3.png new file mode 100644 index 0000000..8319a99 Binary files /dev/null and b/final/images/image3.png differ diff --git a/final/images/image4.png b/final/images/image4.png new file mode 100644 index 0000000..1cd32e4 Binary files /dev/null and b/final/images/image4.png differ diff --git a/final/images/image5.png b/final/images/image5.png new file mode 100644 index 0000000..2b5e602 Binary files /dev/null and b/final/images/image5.png differ diff --git a/final/images/image6.png b/final/images/image6.png new file mode 100644 index 0000000..004bdc9 Binary files /dev/null and b/final/images/image6.png differ diff --git a/final/images/image7.webp b/final/images/image7.webp new file mode 100644 index 0000000..bd9cfd8 Binary files /dev/null and b/final/images/image7.webp differ diff --git a/final/images/image8.png b/final/images/image8.png new file mode 100644 index 0000000..010dfba Binary files /dev/null and b/final/images/image8.png differ diff --git a/final/images/image9.jpg b/final/images/image9.jpg new file mode 100644 index 0000000..09b076e Binary files /dev/null and b/final/images/image9.jpg differ diff --git a/final/package/image/Budget.png b/final/package/image/Budget.png new file mode 100644 index 0000000..7148b8e Binary files /dev/null and b/final/package/image/Budget.png differ diff --git a/final/package/image/Luxary.png b/final/package/image/Luxary.png new file mode 100644 index 0000000..5cf5020 Binary files /dev/null and b/final/package/image/Luxary.png differ diff --git a/final/package/image/Premium.png b/final/package/image/Premium.png new file mode 100644 index 0000000..95154c4 Binary files /dev/null and b/final/package/image/Premium.png differ diff --git a/final/package/image/image.png b/final/package/image/image.png new file mode 100644 index 0000000..05d3d4d Binary files /dev/null and b/final/package/image/image.png differ diff --git a/final/package/image/image1.jpeg b/final/package/image/image1.jpeg new file mode 100644 index 0000000..b365556 Binary files /dev/null and b/final/package/image/image1.jpeg differ diff --git a/final/package/image/image2.png b/final/package/image/image2.png new file mode 100644 index 0000000..e4b1266 Binary files /dev/null and b/final/package/image/image2.png differ diff --git a/final/package/image/image3.png b/final/package/image/image3.png new file mode 100644 index 0000000..d17b008 Binary files /dev/null and b/final/package/image/image3.png differ diff --git a/final/package/image/image4.png b/final/package/image/image4.png new file mode 100644 index 0000000..b1e788c Binary files /dev/null and b/final/package/image/image4.png differ diff --git a/final/package/image/image5.png b/final/package/image/image5.png new file mode 100644 index 0000000..acffd11 Binary files /dev/null and b/final/package/image/image5.png differ diff --git a/final/package/image/image6.png b/final/package/image/image6.png new file mode 100644 index 0000000..b1e788c Binary files /dev/null and b/final/package/image/image6.png differ diff --git a/final/package/index.html b/final/package/index.html new file mode 100644 index 0000000..bb5f661 --- /dev/null +++ b/final/package/index.html @@ -0,0 +1,106 @@ + + + + + + + Document + + + + +
+
+ +
+ +
+

Luxury Pack

+

ACCOMODATION

+

Free Accomodation

+

OFFERS

+

Buy two tickets and get one free
+ Visa approval is also included in this pack

+

ACTIVITIES

+

    +
  • Opera
  • +
  • Mountain Climbing
  • +
  • Camping
  • +
  • star and Comet Gazing
  • +
  • Free Moon visits
  • +
  • Premium Facilities
  • +
  • Extravehicular activity (EVA)
  • +

+
+
+ +
+
+
+
+ +
+ +
+

Premium Pack

+ +

+

ACCOMODATION

+

Free Accomodation

+

OFFERS

+

2 visits with one ticket, if it is within the 2 year gap
+ Visa approval is also included in this pack

+

ACTIVITIES

+

    +
  • Spacewalking session
  • +
  • Mountain Climbing
  • +
  • Camping
  • +
  • star Gazing
  • +
  • Photography and basic activities
  • +

+
+ +
+ +
+ +
+ + + +
+
+ +
+ +
+

Economy Pack

+

5 ACTIVITIES PACKAGE

+

    +
  • Basic meals
  • +
  • Camping
  • +
  • star Gazing
  • +
  • Zerogravity sports
  • + +

+
+
+ +
+
+ + + + diff --git a/final/package/style.css b/final/package/style.css new file mode 100644 index 0000000..432343f --- /dev/null +++ b/final/package/style.css @@ -0,0 +1,118 @@ +@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,800); + +body { + height: 100vh; + display: flex; + justify-content: center; + align-items: center; + font-family: "Raleway", Arial, sans-serif; + background: #7f9ead; +} + +.card { + position: relative; + width: 300px; + height: 200px; + border-radius: 10px; + box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.5); + transition: 0.3s; + padding: 30px 50px; + background: #fff; + cursor: pointer; + margin-right: 30px; +} +/*.card1{ + height: 100vh; + display: flex; + justify-content: center; + align-items: center; +} +.card2{ + height: 30vh; + display: flex; + justify-content: center; + align-items: center; +} +*/ +.card:hover{ + height: 420px; +} + +.imgbox { + position: relative; + width: 100%; + height: 125%; + transform: translateY(-80px); + z-index: 99; + right: -50px; +} + + .img:hover{ +/* height: 100px;*/ +transform: translateX(50px); +} + +img { + width: 50%; + border-radius: 10px; +/* box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.5);*/ +} + +.content { + padding: 10px 20px; + text-align: center; + transform: translateY(-450px); + opacity: 0; + transition: 0.3s; + margin-top: -340px; + +} + +.card:hover > .content { + opacity: 1; + transform: translateY(-180px); + +} + +.content h2 { + color: #7f9ead; +} +.imgbox1{ + margin-top: -250px; + position: absolute; + left: 0px; + background: none; +} + +.imgbox1 img{ + width: 50%; + border-radius: 10px; + /* box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.5); */ + background: rgba a(0, 0, 0, 1.0); +} + + +.card:hover > .imgbox1{ + opacity: 0; + transform: translateY(-180px); +} + +.imgbox1 { + padding: 10px 20px; + text-align: center; + transform: translateY(-250px); + opacity: 1; + transition: 0.3s; +} + + .imgbox1 { + opacity: 0; + transform: translateY(-250%); + transition: opacity 0.3s, transform 0.3s; + margin-top: -280px; + } + + .card:hover .imgbox1 { + opacity: 1; + transform: translateY(0); + } diff --git a/final/shiv/.vscode/settings.json b/final/shiv/.vscode/settings.json new file mode 100644 index 0000000..6f3a291 --- /dev/null +++ b/final/shiv/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/final/shiv/Images/Jupiter.png b/final/shiv/Images/Jupiter.png new file mode 100644 index 0000000..257c990 Binary files /dev/null and b/final/shiv/Images/Jupiter.png differ diff --git a/final/shiv/Images/Mars.png b/final/shiv/Images/Mars.png new file mode 100644 index 0000000..abcedd2 Binary files /dev/null and b/final/shiv/Images/Mars.png differ diff --git a/final/shiv/Images/Mercury.png b/final/shiv/Images/Mercury.png new file mode 100644 index 0000000..a920772 Binary files /dev/null and b/final/shiv/Images/Mercury.png differ diff --git a/final/shiv/Images/Neptune.png b/final/shiv/Images/Neptune.png new file mode 100644 index 0000000..e4475e2 Binary files /dev/null and b/final/shiv/Images/Neptune.png differ diff --git a/final/shiv/Images/Saturn.png b/final/shiv/Images/Saturn.png new file mode 100644 index 0000000..5c22726 Binary files /dev/null and b/final/shiv/Images/Saturn.png differ diff --git a/final/shiv/Images/Uranus.png b/final/shiv/Images/Uranus.png new file mode 100644 index 0000000..2695bd7 Binary files /dev/null and b/final/shiv/Images/Uranus.png differ diff --git a/final/shiv/Images/Venus.png b/final/shiv/Images/Venus.png new file mode 100644 index 0000000..12d2db5 Binary files /dev/null and b/final/shiv/Images/Venus.png differ diff --git a/final/shiv/Images/backgif.gif b/final/shiv/Images/backgif.gif new file mode 100644 index 0000000..478411f Binary files /dev/null and b/final/shiv/Images/backgif.gif differ diff --git a/final/shiv/Images/backhd.jpg b/final/shiv/Images/backhd.jpg new file mode 100644 index 0000000..dc3456b Binary files /dev/null and b/final/shiv/Images/backhd.jpg differ diff --git a/final/shiv/Images/earth.png b/final/shiv/Images/earth.png new file mode 100644 index 0000000..929dedf Binary files /dev/null and b/final/shiv/Images/earth.png differ diff --git a/final/shiv/Images/moon.png b/final/shiv/Images/moon.png new file mode 100644 index 0000000..44cd46f Binary files /dev/null and b/final/shiv/Images/moon.png differ diff --git a/final/shiv/Images/rightback.jpg b/final/shiv/Images/rightback.jpg new file mode 100644 index 0000000..d9b403c Binary files /dev/null and b/final/shiv/Images/rightback.jpg differ diff --git a/final/shiv/Images/solar.gif b/final/shiv/Images/solar.gif new file mode 100644 index 0000000..09f17d9 Binary files /dev/null and b/final/shiv/Images/solar.gif differ diff --git a/final/shiv/Short registration/.DS_Store b/final/shiv/Short registration/.DS_Store new file mode 100644 index 0000000..774761c Binary files /dev/null and b/final/shiv/Short registration/.DS_Store differ diff --git a/final/shiv/Short registration/bgimage.jpg b/final/shiv/Short registration/bgimage.jpg new file mode 100644 index 0000000..2f40fbf Binary files /dev/null and b/final/shiv/Short registration/bgimage.jpg differ diff --git a/final/shiv/Short registration/registration.html b/final/shiv/Short registration/registration.html new file mode 100644 index 0000000..ebb5a56 --- /dev/null +++ b/final/shiv/Short registration/registration.html @@ -0,0 +1,99 @@ + + + + + + Login + + + + +
+ + + + \ No newline at end of file diff --git a/final/shiv/Short registration/style.css b/final/shiv/Short registration/style.css new file mode 100644 index 0000000..b9b70e4 --- /dev/null +++ b/final/shiv/Short registration/style.css @@ -0,0 +1,120 @@ +@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600&display=swap'); + +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Poppins', sans-serif; +} +.modal { + background-color: rgba(255, 255, 255, 0.95); + border-radius: 5px; + color: #333; + line-height: 1.5; + max-width: 30%; + padding: 1rem 2rem; + +} +@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { + .modal { + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + background-color: rgba(255, 255, 255, 0.5); + } +} + +html, +body { + height: 100%; + width: 100%; +} +.modal header::before{ + content: ""; + position: absolute; + left: 0; + bottom: -2px; + height: 3px; + width: 27px; + border-radius: 8px; + background-color: #4070f4; +} +.modal header{ + position: relative; + font-size: 20px; + font-weight: 600; + color: #333; +} +.container form .btnText{ + margin-top: 20px; + font-size: 14px; + font-weight: 400; +background-color: #ffff +} +form button:hover{ + background-color: #265df2; +} +body { + background-image: url('bgimage.jpg'); + background-position: center center; + background-repeat: no-repeat; + background-size: cover; +} + +.container1 { + align-items: center; + display: flex; + justify-content: center; + height: 90%; + width: 100%; +} + + +input[type=text], input[type=password] { + width: 100%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border: 1px solid #ccc; + box-sizing: border-box; +} + +button { + display: flex; + align-items: center; + justify-content: center; + height: 45px; + max-width: 200px; + width: 100%; + border: none; + outline: none; + color: #fff; + border-radius: 5px; + margin: 25px 0; + background-color: #4070f4; + transition: all 0.3s linear; + cursor: pointer; + +} + + +.content2 +{ + display: flex; + direction: auto; +} +button:hover { + opacity: 0.8; +} + +.cancelbtn { + width: auto; + padding: 10px 18px; +} +span.psw { + float: right; + padding-top: 16px; +} +form{ + font-family: 'Poppins', sans-serif; + +} diff --git a/final/shiv/Step1/Earth.html b/final/shiv/Step1/Earth.html new file mode 100644 index 0000000..d326e1c --- /dev/null +++ b/final/shiv/Step1/Earth.html @@ -0,0 +1,156 @@ + + + + + + 3D Image Zoom Out + + + + +
+ + +
+
+

EARTH

+
+ +
+ +

FACTS TO KNOW

+
    +
  1. Largest of the four terrestrial planets
  2. +
  3. Water is present in all the three states (solid,liquid,gas)
  4. +
  5. The earth is made up of more than 70% of water
  6. +
  7. Earth has a strong magnetic field due to the presence of nickel-iron core
  8. +
+ +
+ + + + + + +
+
+ + diff --git a/final/shiv/Step1/Jupiter.html b/final/shiv/Step1/Jupiter.html new file mode 100644 index 0000000..ca1b80e --- /dev/null +++ b/final/shiv/Step1/Jupiter.html @@ -0,0 +1,157 @@ + + + + + + 3D Image Zoom Out + + + + +
+ + +
+
+

JUPITER

+
+ +
+ +

FACTS TO KNOW

+
    +
  1. Jupiter is a gas giant and doesn't have a solid surface
  2. +
  3. Jupiter is covered in swirling cloud stripes.
  4. +
  5. Jupiter has big storms like the Great Red Spot, which has been going for hundreds of years.
  6. +
  7. Jupiter has a solid inner core about the size of Earth.
  8. +
+ +
+ + + + + + +
+
+ + diff --git a/final/shiv/Step1/Mars.html b/final/shiv/Step1/Mars.html new file mode 100644 index 0000000..6807047 --- /dev/null +++ b/final/shiv/Step1/Mars.html @@ -0,0 +1,158 @@ + + + + + + 3D Image Zoom Out + + + + +
+ + +
+
+

Mars

+
+ +
+ +

FATCS TO KNOW

+
    +
  1. Average Distance from Sun is 93 miles
  2. +
  3. Named after the Roman God of war
  4. +
  5. Mars is the fourth planet as well as the second smallest planet in the solar system.
  6. +
  7. Mars is titled as a red planet due to the iron oxide (rust) present in its rocks and soil. +
  8. It can get pretty cold on Mars, temperatures can reach 20°C, but at its poles they can plummet to as low as -140°C.
  9. +
+ +
+ + + + + + +
+
+ + diff --git a/final/shiv/Step1/Mercury.html b/final/shiv/Step1/Mercury.html new file mode 100644 index 0000000..1f16786 --- /dev/null +++ b/final/shiv/Step1/Mercury.html @@ -0,0 +1,159 @@ + + + + + + 3D Image Zoom Out + + + + +
+ + +
+
+

Mercury

+
+ +
+ +

FATCS TO KNOW

+
    +
  • Mercury is the closest planet to the Sun
  • +
  • Mercury is not easily seen except during twilight
  • +
  • For every two orbits of the Sun, Mercury completes three rotations about its axis
  • +
  • Your weight on Mercury would be 38% of your weight on Earth.
  • +
  • A year on Mercury is just 88 days long.
  • +
+ +
+ +
+ + + +
+ + + + +
+
+ + diff --git a/final/shiv/Step1/Moon.html b/final/shiv/Step1/Moon.html new file mode 100644 index 0000000..5943b8b --- /dev/null +++ b/final/shiv/Step1/Moon.html @@ -0,0 +1,157 @@ + + + + + + 3D Image Zoom Out + + + + +
+ + +
+
+

MOON

+
+ +
+ +

FACTS TO KNOW

+
    +
  • The moon is the fifth largest moon in the Solar System

  • +
    +
  • The Moon reflects Sun's light on the Earth there is night on one side of the planet

  • +
  • The moon is in synchronous rotation with the Earth ie, the same side of the moon is always facing the Earth

  • +
  • Moon is Earth's only permanent natural satellite.

  • +
  • It is thought to have been formed from Earth after the impact of a Mars-sized object, named Theia.

  • +
+
+ + + + + + +
+
+ + diff --git a/final/shiv/Step1/Neptune.html b/final/shiv/Step1/Neptune.html new file mode 100644 index 0000000..143f51b --- /dev/null +++ b/final/shiv/Step1/Neptune.html @@ -0,0 +1,160 @@ + + + + + + 3D Image Zoom Out + + + + +
+ + +
+
+

NEPTUNE

+
+ +
+ +

FATCS TO KNOW

+
    + +
  1. Neptune is the eighth planet from the Sun, making it the most distant in the solar system.
  2. +
  3. It would have been closer to the Sun before migrating out to its current position
  4. +
  5. Neptune is named after the Roman god of the sea.
  6. +
  7. Neptune has 6 faint rings.
  8. +
  9. Despite being smaller than Uranus, Neptune has a greater mass.
  10. +
+ + + +
+ + + + + + +
+
+ + diff --git a/final/shiv/Step1/Saturn.html b/final/shiv/Step1/Saturn.html new file mode 100644 index 0000000..c36451f --- /dev/null +++ b/final/shiv/Step1/Saturn.html @@ -0,0 +1,156 @@ + + + + + + 3D Image Zoom Out + + + + +
+ + +
+
+

SATURN

+
+ +
+ +

FACTS TO KNOW

+

    +
  1. Saturn's rings weren't discovered until the 1600s
  2. +
  3. Saturn is the sixth planet from the Sun and the second largest in our solar system
  4. +
  5. Saturn is the most distant planet that can be seen with the naked eye.
  6. +
  7. Saturn is the flattest planet.
  8. +

+ +
+ + + + + + +
+
+ + diff --git a/final/shiv/Step1/Uranus.html b/final/shiv/Step1/Uranus.html new file mode 100644 index 0000000..a0ae947 --- /dev/null +++ b/final/shiv/Step1/Uranus.html @@ -0,0 +1,155 @@ + + + + + + 3D Image Zoom Out + + + + +
+ + +
+
+

URANUS

+
+ +
+ +

FACTS TO KNOW

+

    +
  1. Uranus is not visible to the naked eye even though it is the third-largest planet in our solar system
  2. +
  3. Uranus is named after the Greek god of the sky, Ouranos or Uranus.
  4. +
  5. The tilt of Uranus(23 degree.) may have been caused by a collision.
  6. +
  7. Uranus is icy and burning hot, with extreme seasons.
  8. + +
+ + + + + + +
+
+ + diff --git a/final/shiv/Step1/Venus.html b/final/shiv/Step1/Venus.html new file mode 100644 index 0000000..3342254 --- /dev/null +++ b/final/shiv/Step1/Venus.html @@ -0,0 +1,159 @@ + + + + + + 3D Image Zoom Out + + + + +
+ + +
+
+

VENUS

+
+ +
+ +

FACTS TO KNOW

+

+

    +
  1. Venus has mountains and volcanoes.
  2. +
  3. Venus is similar in size to Earth. Earth is just a little bit bigger.
  4. +
  5. Venus is the hottest planet in our solar system.
  6. +
  7. Venus has a thick atmosphere. It traps heat which makes Venus very hot.
  8. +
  9. Venus spins in the opposite direction of Earth and other planets.
  10. +
+

+ +
+ + + + + + +
+
+ + diff --git a/final/shiv/Step2/Earth.html b/final/shiv/Step2/Earth.html new file mode 100644 index 0000000..87932b4 --- /dev/null +++ b/final/shiv/Step2/Earth.html @@ -0,0 +1,128 @@ + + + + + + Image Zoom + + + + +
+
+

FACTS TO KNOW

+
    +
  1. Blue Planet: Earth is often referred to as the "Blue Planet" because of the prominent blue appearance of its oceans when seen from space.
  2. +
  3. Landforms: From space, you can see various landforms, including continents, mountain ranges, deserts, and forests.
  4. +
  5. Some of the most recognizable features include the Amazon Rainforest, the Himalayan mountain range, and the Sahara Desert.
  6. +
  7. Atmosphere: Earth's atmosphere is a thin layer of gases that envelopes the planet. It appears as a hazy blue ring when viewed from space.
  8. +
  9. City Lights: At night, the Earth's surface is dotted with the bright lights of cities and towns.
  10. +
+ +
+ + + + +
+ + + + + diff --git a/final/shiv/Step2/Jupiter.html b/final/shiv/Step2/Jupiter.html new file mode 100644 index 0000000..f2977ae --- /dev/null +++ b/final/shiv/Step2/Jupiter.html @@ -0,0 +1,124 @@ + + + + + + Image Zoom + + + + +
+
+

MORE FACTS TO KNOW

+
    +
  1. Atmosphere: + Jupiter's atmosphere is primarily composed of hydrogen (about 75%) and helium (about 24%), with trace amounts of other gases like methane and ammonia. +
  2. +
  3. Exploration: + Several spacecraft have been sent to study Jupiter, including NASA's Juno mission, which has been studying the planet since 2016. +
  4. +
  5. Distance + The distance between Jupiter and Earth varies because both planets have elliptical orbits around the Sun. +
  6. +
  7. On average, the closest approach or opposition of Jupiter to Earth occurs approximately every 13 months.
  8. +
+
+ + + + +
+ + + + + diff --git a/final/shiv/Step2/Mars.html b/final/shiv/Step2/Mars.html new file mode 100644 index 0000000..608375d --- /dev/null +++ b/final/shiv/Step2/Mars.html @@ -0,0 +1,124 @@ + + + + + + Image Zoom + + + + +
+
+

MORE FATCS TO KNOW

+
    +
  1. Atmosphere: + Mars has a thin atmosphere composed mainly of carbon dioxide (about 95.3%), with trace amounts of nitrogen, argon, and other gases. +
  2. +
  3. Water on Mars: + There is evidence of liquid water in Mars' distant past, and it is believed that Mars once had rivers, lakes, and possibly an ocean. +
  4. +
  5. Future Exploration: + Mars continues to be a major focus of planetary science and exploration, with ongoing and planned missions to study its geology, climate, and potential habitability. +
  6. + +
+
+ + + + +
+ + + + + diff --git a/final/shiv/Step2/Mercury.html b/final/shiv/Step2/Mercury.html new file mode 100644 index 0000000..d90e1d8 --- /dev/null +++ b/final/shiv/Step2/Mercury.html @@ -0,0 +1,124 @@ + + + + + + Image Zoom + + + + +
+
+
    +
  • Temperature: + Mercury has an extremely wide temperature range due to its lack of a significant atmosphere. +
  • +
  • Minerals: + Mercury's surface is covered with silicates iron, nickel, and sulfur. +
  • +
  • DISTANCE: + The minimum distance between the two planets can be approximately 77 million kilometers (about 48 million miles). +
  • +
  • The maximum distance between Earth and Mercury at superior conjunction can be about 215 million kilometers (about 134 million miles).
  • + +
+
+ + + + +
+ + + + + diff --git a/final/shiv/Step2/Moon.html b/final/shiv/Step2/Moon.html new file mode 100644 index 0000000..336866c --- /dev/null +++ b/final/shiv/Step2/Moon.html @@ -0,0 +1,120 @@ + + + + + + Image Zoom + + + + +
+
+

MORE FACTS TO KNOW

+
    +
  • Lunar Phases: The Moon goes through a series of phases as it orbits Earth, which are a result of the changing angle between the Moon, Earth, and the Sun. These phases include the new moon, first quarter, full moon, and last quarter, among others.

  • +
    +
  • Surface Features: The Moon's surface is covered with various features, including craters, mountain ranges, valleys, and plains.

  • +
  • Regolith: The Moon's surface is covered in a layer of loose, fragmented material called regolith.

  • +
  • Lunar Craters: The Moon has numerous craters of varying sizes and depths. Some of the larger craters have central peaks, and many exhibit a "ray" pattern of ejecta material radiating outward from the impact site.

  • +
  • Lack of Atmosphere: Unlike Earth, the Moon has no significant atmosphere. It lacks the protective blanket of gases that Earth's atmosphere provides.

  • +
+
+ + + + +
+ + + + + diff --git a/final/shiv/Step2/Neptune.html b/final/shiv/Step2/Neptune.html new file mode 100644 index 0000000..5e3c2b1 --- /dev/null +++ b/final/shiv/Step2/Neptune.html @@ -0,0 +1,129 @@ + + + + + + Image Zoom + + + + +
+
+

MORE FATCS TO KNOW

+
    + +
  1. Discovery and Observation: + + Neptune was the first planet to be discovered through mathematical predictions rather than direct observation.
  2. +
  3. Atmosphere and Weather: + + Neptune's atmosphere is known for its dynamic and turbulent weather patterns. It experiences high-speed winds that can reach up to 1,200 miles per hour (1,930 kilometers per hour) in its equatorial region.
  4. + +
  5. Extreme Cold and Distance: + + Neptune is extremely cold due to its great distance from the Sun. Its average temperature hovers around -330 degrees Fahrenheit (-201 degrees Celsius).
  6. +
  7. Exploration: + + The only spacecraft to visit Neptune up close is NASA's Voyager 2, which passed by the planet in 1989. Voyager 2 provided valuable data about Neptune's atmosphere, rings, and moons.
  8. +
+ +
+ + + + +
+ + + + + diff --git a/final/shiv/Step2/Saturn.html b/final/shiv/Step2/Saturn.html new file mode 100644 index 0000000..383b4fc --- /dev/null +++ b/final/shiv/Step2/Saturn.html @@ -0,0 +1,123 @@ + + + + + + Image Zoom + + + + +
+
+

FACTS TO KNOW

+

    +
  1. Temperature: + Saturn is an extremely cold planet in its upper atmosphere, with temperatures dropping as low as -178 degrees Celsius +
  2. +
  3. At the core, it is estimated to be around 11,700 degrees Celsius (21,000 degrees Fahrenheit).
  4. +
  5. Physical Characteristics: + Size and Composition: Saturn is the sixth planet from the Sun and is the second-largest planet in our solar system, after Jupiter.
  6. +
  7. Cassini-Huygens Mission: + + NASA's Cassini spacecraft, in collaboration with the European Space Agency (ESA) and the Italian Space Agency (ASI), conducted an extensive mission to study Saturn and its moons.
  8. +

+
+ + + + +
+ + + + + diff --git a/final/shiv/Step2/Uranus.html b/final/shiv/Step2/Uranus.html new file mode 100644 index 0000000..9e22c8b --- /dev/null +++ b/final/shiv/Step2/Uranus.html @@ -0,0 +1,118 @@ + + + + + + Image Zoom + + + + +
+
+
    +
  1. Atmosphere and Weather:Uranus has a mostly hydrogen and helium atmosphere, but it also contains methane, water, and ammonia.
  2. +
  3. Rings and Moons:Uranus has a system of rings, although they are not as prominent or extensive as Saturn's rings.
  4. +
  5. Uranus's distinctive features, including its extreme tilt and unique magnetic field, make it a fascinating object of study in planetary science.
  6. +
+ +
+ + + + +
+ + + + + diff --git a/final/shiv/Step2/Venus.html b/final/shiv/Step2/Venus.html new file mode 100644 index 0000000..20226cf --- /dev/null +++ b/final/shiv/Step2/Venus.html @@ -0,0 +1,123 @@ + + + + + + Image Zoom + + + + +
+
+
    +
  1. Temperature:The average surface temperature on Venus is around 467 degrees Celsius (872 degrees Fahrenheit), which is hotter than the surface of Mercury, even though Venus is farther from the Sun. +
  2. +
  3. Minerals + Venus's surface is covered in various types of volcanic and tectonic features, including vast lava plains, volcanic domes, and rift zones. +
  4. +
  5. Distance + The distance between Venus and Earth varies as both planets move in their respective orbits. At its closest +
  6. +
  7. Venus can be about 38 million kilometers (about 24 million miles) away from Earth.
  8. +
  9. Surface missions to Venus have faced numerous technical difficulties due to the harsh conditions, and spacecraft typically only survive for a short time on the planet's surface
  10. +
+
+ + + + +
+ + + + + diff --git a/final/shiv/activity/activity.html b/final/shiv/activity/activity.html new file mode 100644 index 0000000..bb8b090 --- /dev/null +++ b/final/shiv/activity/activity.html @@ -0,0 +1,112 @@ + + + + + + Activity Page + + + + +
+

Activity Page

+
+
+
+

Zero Gravity Sports

+ + +
+
+

Alien Encounters

+ + +
+
+

Astrophotography

+ + +
+ +
+

Mountain climbing on Marse

+ + +
+ +
+

Martain Auroras

+ + +
+ +
+

Dine out

+ + +
+ +
+

Ecllipse Sighting

+ + +
+ +
+

Star Gazing

+ + +
+ +
+

Visiting the Past

+ + +
+ +
+

Bunjee jumping

+ + +
+
+ + + diff --git a/final/shiv/activity/styles.css b/final/shiv/activity/styles.css new file mode 100644 index 0000000..e69de29 diff --git a/final/shiv/destination/image/back.jpg b/final/shiv/destination/image/back.jpg new file mode 100644 index 0000000..466d797 Binary files /dev/null and b/final/shiv/destination/image/back.jpg differ diff --git a/final/shiv/destination/image/earth.jpg b/final/shiv/destination/image/earth.jpg new file mode 100644 index 0000000..8f1a741 Binary files /dev/null and b/final/shiv/destination/image/earth.jpg differ diff --git a/final/shiv/destination/image/jupiter.jpg b/final/shiv/destination/image/jupiter.jpg new file mode 100644 index 0000000..92f2622 Binary files /dev/null and b/final/shiv/destination/image/jupiter.jpg differ diff --git a/final/shiv/destination/image/mars.jpg b/final/shiv/destination/image/mars.jpg new file mode 100644 index 0000000..f75f90b Binary files /dev/null and b/final/shiv/destination/image/mars.jpg differ diff --git a/final/shiv/destination/image/moon.jpg b/final/shiv/destination/image/moon.jpg new file mode 100644 index 0000000..92078be Binary files /dev/null and b/final/shiv/destination/image/moon.jpg differ diff --git a/final/shiv/destination/image/neptune.jpg b/final/shiv/destination/image/neptune.jpg new file mode 100644 index 0000000..5f07c14 Binary files /dev/null and b/final/shiv/destination/image/neptune.jpg differ diff --git a/final/shiv/destination/image/saturn.jpg b/final/shiv/destination/image/saturn.jpg new file mode 100644 index 0000000..4154d11 Binary files /dev/null and b/final/shiv/destination/image/saturn.jpg differ diff --git a/final/shiv/destination/image/uranus.jpg b/final/shiv/destination/image/uranus.jpg new file mode 100644 index 0000000..9c93877 Binary files /dev/null and b/final/shiv/destination/image/uranus.jpg differ diff --git a/final/shiv/destination/image/venus.jpg b/final/shiv/destination/image/venus.jpg new file mode 100644 index 0000000..ea0eafc Binary files /dev/null and b/final/shiv/destination/image/venus.jpg differ diff --git a/final/shiv/destination/index.html b/final/shiv/destination/index.html new file mode 100644 index 0000000..d8f513e --- /dev/null +++ b/final/shiv/destination/index.html @@ -0,0 +1,167 @@ + + + + + + Document + + + + + + +
+
+

CHOOSE YOUR DESTINATION

+ + + +
+ + + + + + +
+ + + + + + + + \ No newline at end of file diff --git a/final/shiv/gallery/gallery.html b/final/shiv/gallery/gallery.html new file mode 100644 index 0000000..0766e75 --- /dev/null +++ b/final/shiv/gallery/gallery.html @@ -0,0 +1,108 @@ + + + + + + Gallery + + + + +
+

Gallery

+ +
+
+ not found + not found + not found + not found + not found + not found + not found + not found + + + +
+
+ + + + +
+ + \ No newline at end of file diff --git a/final/shiv/gallery/image/G1.jpg b/final/shiv/gallery/image/G1.jpg new file mode 100644 index 0000000..87b3f49 Binary files /dev/null and b/final/shiv/gallery/image/G1.jpg differ diff --git a/final/shiv/gallery/image/G2.jpg b/final/shiv/gallery/image/G2.jpg new file mode 100644 index 0000000..89489ed Binary files /dev/null and b/final/shiv/gallery/image/G2.jpg differ diff --git a/final/shiv/gallery/image/G3.jpg b/final/shiv/gallery/image/G3.jpg new file mode 100644 index 0000000..7f6c8bf Binary files /dev/null and b/final/shiv/gallery/image/G3.jpg differ diff --git a/final/shiv/gallery/image/G4.jpg b/final/shiv/gallery/image/G4.jpg new file mode 100644 index 0000000..3ba52b4 Binary files /dev/null and b/final/shiv/gallery/image/G4.jpg differ diff --git a/final/shiv/gallery/image/G5.jpg b/final/shiv/gallery/image/G5.jpg new file mode 100644 index 0000000..c057241 Binary files /dev/null and b/final/shiv/gallery/image/G5.jpg differ diff --git a/final/shiv/gallery/image/G6.jpg b/final/shiv/gallery/image/G6.jpg new file mode 100644 index 0000000..349a49a Binary files /dev/null and b/final/shiv/gallery/image/G6.jpg differ diff --git a/final/shiv/gallery/image/G7.jpg b/final/shiv/gallery/image/G7.jpg new file mode 100644 index 0000000..2f40fbf Binary files /dev/null and b/final/shiv/gallery/image/G7.jpg differ diff --git a/final/shiv/gallery/image/G8.jpg b/final/shiv/gallery/image/G8.jpg new file mode 100644 index 0000000..a4e39cd Binary files /dev/null and b/final/shiv/gallery/image/G8.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..f673b3b --- /dev/null +++ b/index.html @@ -0,0 +1,671 @@ + + + + + + + + JOURNEY TO INTERSTELLAR + + + + + + + + + + + + + + + + + + + +
+
+ + +
+ +
+
+ + + + + +
+
+ + + + + +
+
+ + + +
+
+ + Vector Shape + + Vector Shape + + Vector Shape + +
+ +

Explore Your Travel

+ +

Trusted Travel Agency

+ +

+ We are a travel agent who strive for providing seamless services to you as our customer. +

+ + + +
+ +
+ hero banner +
+ +
+
+ + + + + + + +
+ +
+ + + + + + + + + + + + + + + +
+
+ +
+ +

About Us

+ +

Explore all tour of the world with us.

+ +

+ 'JOURNEY TO THE INTERSTELLAR' has been focusing on bringing customers the best in esteem and travel game plans. +
Renowned Travel network, which enables us to give our clients unmatched advantages. +
Travel magazines, real-inn brands are only the tip of the ice bergs. 'Journey TO THE INTERSTELLAR' is a partnership holder of some outfited organizations. + +
+ +
+ Fulfilled workers lead to fulfilled clients. We know the development and accomplishment of our organization rely on satisfying our customer's needs each day.That is additionally our guarantee. +

+ +
    + +
  • + +
    + +
    + +
    +

    Tour guide

    + +

    + +

    +
    + +
  • + +
  • + +
    + +
    + +
    +

    Friendly price

    + +

    + +

    +
    + +
  • + +
  • + +
    + +
    + +
    +

    Reliable tour

    + +

    + +

    +
    + +
  • + +
+ + Booking Now + +
+ +
+ +
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/index.txt b/index.txt new file mode 100644 index 0000000..df58276 --- /dev/null +++ b/index.txt @@ -0,0 +1,193 @@ +Tourest - Explore the World + + + +#.......... HEADER ..........# + +Tourest + +aria-label = Toggle Menu + + + +Home +About Us +Tours +Destinations +Blog +Contact Us + +Booking Now + + + +#.......... HERO ..........# + +alt = Vector Shape + +Explore Your Travel + +Trusted Travel Agency + +I travel not to go anywhere, but to go. I travel for travel's sake the great affair is to move. + +Contact Us +Learn More + +alt = hero banner + + + +#.......... DESTINATION ..........# + +Destinations + +Choose Your Place + +alt = Malé, Maldives +Malé +Maldives + +alt = Bangkok, Thailand +Bangkok +Thailand + +alt = Kuala Lumpur, Malaysia +Kuala Lumpur +Malaysia + +alt = Kathmandu, Nepal +Kathmandu +Nepal + +alt = Jakarta, Indonesia +Jakarta +Indonesia + + + +#.......... POPULAR ..........# + +Featured Tours + +Most Popular Tours + +alt = Kuala Lumpur, Malaysia + + +12 Days + +From $50.00 + + + +(2) + +A good traveler has no fixed plans and is not intent on arriving. +Kuala Lumpur, Malaysia + + + +#.......... ABOUT ..........# + +About Us + +Explore all tour of the world with us. + +Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. + + + + +Tour guide + +Lorem Ipsum available, but the majority have suffered alteration in some. + + +Friendly price + + +Reliable tour + +Booking Now + +alt = About banner + + + +#.......... BLOG ..........# + +From The Blog Post + +Latest News & Articles + +alt = A good traveler has no fixed plans and is not intent on arriving. + + +04 Dec + +alt = Jony bristow + +Jony bristow +Admin + +10:30 AM + +A good traveler has no fixed plans and is not intent on arriving. + +Read More + + + + +#.......... FOOTER ..........# + +Top destination + +Indonesia, Jakarta +Maldives, Malé +Australia, Canberra +Thailand, Bangkok +Morocco, Rabat + +Categories + +Travel +Lifestyle +Fashion +Education +Food & Drink + +Quick links + +About +Contact +Tours +Booking +Terms & Conditions + +Get a newsletter + +For the latest deals and tips, travel no further than your inbox + +placeholder = Email address + +Subscribe + +Tourest + +© 2022 codewithsadee. All Rights Reserved + + + + + + + + + +#.......... GO TO TOP ..........# + +aria-label = Go To Top + + \ No newline at end of file diff --git a/readme-images/desktop.png b/readme-images/desktop.png new file mode 100644 index 0000000..b691691 Binary files /dev/null and b/readme-images/desktop.png differ