diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md deleted file mode 100644 index b297e05b..00000000 --- a/.github/ISSUE_TEMPLATE/bug_report.md +++ /dev/null @@ -1,25 +0,0 @@ ---- -name: Bug report -about: Create a report to help us improve -title: BUG -labels: bug -assignees: '' - ---- - -**Describe the bug** - - - - -**Expected behavior** - - -**Screenshots (Mandatory)** - - - -**Additional Context (Mandatory )** - -***Are you contributing under any open-source program ?*** - diff --git a/.github/ISSUE_TEMPLATE/bug_report.yml b/.github/ISSUE_TEMPLATE/bug_report.yml new file mode 100644 index 00000000..b68c4d37 --- /dev/null +++ b/.github/ISSUE_TEMPLATE/bug_report.yml @@ -0,0 +1,58 @@ + +name: Bug report 🐞 +description: File a bug report +title: "[Bug]: " +labels: bug +body: + - type: checkboxes + id: existing-issue + attributes: + label: Is there an existing issue for this? + description: Please search to see if an issue already exists for the bug you encountered. + options: + - label: I have searched the existing issues + required: true + - type: textarea + id: what-happened + attributes: + label: Describe the bug + description: A concise description of what you are experiencing. + placeholder: Tell us what you see! + validations: + required: true + - type: textarea + id: expected-behaviour + attributes: + label: Expected behavior + description: A clear and concise description of what you expected to happen. + validations: + required: true + - type: textarea + id: screenshots + attributes: + label: Add ScreenShots + description: Add sufficient ScreenShots to explain your issue. + - type: dropdown + id: devices + attributes: + label: On which device are you experiencing this bug? + multiple: true + options: + - Android + - iPhone + - Linux + - Chrome + - Windows + - type: checkboxes + id: terms + attributes: + label: Record + options: + - label: "I have read the Contributing Guidelines" + required: true + - label: "I'm a GSSOC'24 contributor" + required: False + - label: "I'm a VSOC'24 contributor" + required: False + - label: "I have starred the repository" + required: true diff --git a/.github/ISSUE_TEMPLATE/documentation-update.md b/.github/ISSUE_TEMPLATE/documentation-update.md deleted file mode 100644 index ba6244cc..00000000 --- a/.github/ISSUE_TEMPLATE/documentation-update.md +++ /dev/null @@ -1,23 +0,0 @@ ---- -name: Documentation update -about: Describe this issue template's purpose here. -title: Documentation -labels: documentation -assignees: '' - ---- - -**Is your Documentation related to a problem? Please describe.** - - -**Describe the solution you'd like** - - -**Describe alternatives you've considered** - - - -**Prototype Screenshot/Demo Video(Mandatory )** - -***Are you contributing under any open-source program ?*** - diff --git a/.github/ISSUE_TEMPLATE/documentation-update.yml b/.github/ISSUE_TEMPLATE/documentation-update.yml new file mode 100644 index 00000000..7b3d7dfe --- /dev/null +++ b/.github/ISSUE_TEMPLATE/documentation-update.yml @@ -0,0 +1,62 @@ +name: 📝 Documentation Update +description: Improve Documentation +title: "[Documentation Update]: " +labels: 'enhancement' +body: + - type: checkboxes + id: existing-issue + attributes: + label: Is there an existing issue for this? + description: Please search to see if an issue already exists for the updates you want to make. + options: + - label: I have searched the existing issues + required: true + - type: textarea + id: issue-description + attributes: + label: Issue Description + description: Please provide a clear description of the documentation update you are suggesting. + placeholder: Describe the improvement or correction you'd like to see in the documentation. + validations: + required: true + - type: textarea + id: suggested-change + attributes: + label: Suggested Change + description: Provide details of the proposed change to the documentation. + placeholder: Explain how the documentation should be updated or corrected. + validations: + required: true + - type: textarea + id: rationale + attributes: + label: Rationale + description: Why is this documentation update necessary or beneficial? + placeholder: Explain the importance or reasoning behind the suggested change. + validations: + required: False + - type: dropdown + id: urgency + attributes: + label: Urgency + description: How urgently do you believe this documentation update is needed? + options: + - High + - Medium + - Low + default: 0 + validations: + required: true + - type: checkboxes + id: terms + attributes: + label: Record + options: + - label: "I have read the Contributing Guidelines" + required: true + - label: "I'm a GSSOC'24 contributor" + required: false + - label: "I'm a VSOC'24 contributor" + required: false + - label: "I have starred the repository" + required: true diff --git a/.github/ISSUE_TEMPLATE/feature_request.md b/.github/ISSUE_TEMPLATE/feature_request.md deleted file mode 100644 index 8de9a83e..00000000 --- a/.github/ISSUE_TEMPLATE/feature_request.md +++ /dev/null @@ -1,23 +0,0 @@ ---- -name: Feature request -about: Suggest an idea for this project -title: Feature_Request -labels: enhancement -assignees: '' - ---- - -**Is your feature request related to a problem? Please describe.** - - -**Describe the solution you'd like** - - -**Describe alternatives you've considered** - - - -**Demo Video/Screenshot (Mandatory )** - -***Are you contributing under any open-source program ?*** - diff --git a/.github/ISSUE_TEMPLATE/feature_request.yml b/.github/ISSUE_TEMPLATE/feature_request.yml new file mode 100644 index 00000000..a91fd9aa --- /dev/null +++ b/.github/ISSUE_TEMPLATE/feature_request.yml @@ -0,0 +1,65 @@ +name: ✨ Feature Request +description: Suggest a feature +title: "[Feature Request]: " +labels: enhancement +body: + - type: checkboxes + id: existing-issue + attributes: + label: Is there an existing issue for this? + description: Please search to see if an issue already exists for this feature. + options: + - label: I have searched the existing issues + required: true + - type: textarea + id: feature-description + attributes: + label: Feature Description + description: Please provide a detailed description of the feature you are requesting. + placeholder: Describe the new feature or enhancement you'd like to see. + validations: + required: true + - type: textarea + id: use-case + attributes: + label: Use Case + description: How would this feature enhance your use of the project? + placeholder: Describe a specific use case or scenario where this feature would be beneficial. + validations: + required: true + - type: textarea + id: benefits + attributes: + label: Benefits + description: What benefits would this feature bring to the project or community? + placeholder: Explain the advantages of implementing this feature. + - type: textarea + id: screenShots + attributes: + label: Add ScreenShots + description: If any... + - type: dropdown + id: priority + attributes: + label: Priority + description: How important is this feature to you? + options: + - High + - Medium + - Low + default: 0 + validations: + required: true + - type: checkboxes + id: terms + attributes: + label: Record + options: + - label: "I have read the Contributing Guidelines" + required: true + - label: "I'm a GSSOC'24 contributor" + required: false + - label: "I'm a VSOC'24 contributor" + required: false + - label: "I have starred the repository" + required: true diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md index 800c370a..714413a4 100644 --- a/.github/pull_request_template.md +++ b/.github/pull_request_template.md @@ -43,6 +43,9 @@ Close # ##Are you contributing under any Open-source programme? +- [ ] I am contributing under `GSSOC'24` +- [ ] I am contributing under `VSOC'24` + diff --git a/.vscode/settings.json b/.vscode/settings.json deleted file mode 100644 index 6f3a2913..00000000 --- a/.vscode/settings.json +++ /dev/null @@ -1,3 +0,0 @@ -{ - "liveServer.settings.port": 5501 -} \ No newline at end of file diff --git a/README.md b/README.md index 9875b069..5510422c 100644 --- a/README.md +++ b/README.md @@ -75,6 +75,15 @@ ![GSSOC](https://github.com/apu52/METAVERSE/assets/114172928/e79eb6de-81b1-4ffb-b6ed-f018bb977e88) +
+ + +
+ + + + + ### This project was part of following Open Source Programs
diff --git a/Theme.js b/Theme.js index c6c851d6..1332ee21 100644 --- a/Theme.js +++ b/Theme.js @@ -16,18 +16,28 @@ const themeToggle = document.getElementById("themeToggle"); const themeLabel = document.querySelector(".toggle-label"); -themeToggle.addEventListener("change", () => { - document.body.classList.toggle("dark-theme"); - - if (document.body.classList.contains("dark-theme")) { - themeLabel.style.background = "#fff"; // Adjust color for the checked state as needed - console.log("Dark theme"); - document.body.classList.remove("dark-theme"); - document.body.classList.add("light-theme"); - } else { - themeLabel.style.background = "var(--primary-color)"; // Adjust color for the unchecked state as needed - console.log("Light theme"); - document.body.classList.remove("light-theme"); +function applyTheme(theme) { + if (theme === "dark") { document.body.classList.add("dark-theme"); + document.body.classList.remove("light-theme"); + themeLabel.style.background = "var(--primary-color)"; + themeToggle.checked = true; + } else { + document.body.classList.add("light-theme"); + document.body.classList.remove("dark-theme"); + themeLabel.style.background = "#fff"; + themeToggle.checked = false; } +} + +document.addEventListener("DOMContentLoaded", () => { + const savedTheme = localStorage.getItem("theme") || "light"; + applyTheme(savedTheme); }); + +themeToggle.addEventListener("change", () => { + const theme = themeToggle.checked ? "dark" : "light"; + localStorage.setItem("theme", theme); + applyTheme(theme); +}); + diff --git a/affordable-destinations.html b/affordable-destinations.html index fccb0bee..4638da82 100644 --- a/affordable-destinations.html +++ b/affordable-destinations.html @@ -94,6 +94,85 @@ width: calc(100% - 40px); } } + body { + background-color: #f7f7fc; + overflow-x: hidden; /* Prevent horizontal scrolling */ +} + +.background-circles { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; /* Prevent interaction with the background elements */ + z-index: -1; /* Ensure circles are in the background */ +} + +.circle { + position: absolute; + background-color: rgba(167, 139, 250, 0.3); + border-radius: 50%; + opacity: 0.8; +} + +/* Define the sizes and positions of the circles */ +.circle1 { + width: 10vw; + height: 10vw; + top: 10%; + left: 20%; +} + +.circle2 { + width: 15vw; + height: 15vw; + top: 30%; + right: 10%; +} + +.circle3 { + width: 5vw; + height: 5vw; + top: 60%; + left: 40%; +} + +.circle4 { + width: 12vw; + height: 12vw; + bottom: 20%; + right: 25%; +} + +.circle5 { + width: 8vw; + height: 8vw; + bottom: 15%; + left: 10%; +} + +.circle6 { + width: 20vw; + height: 20vw; + top: 5%; + right: 15%; +} + +.circle7 { + width: 7vw; + height: 7vw; + top: 50%; + right: 50%; +} + +.circle8 { + width: 9vw; + height: 9vw; + bottom: 10%; + left: 60%; +} + @@ -110,7 +189,7 @@

Best and Affordable Destinations

{ name: "Paris, France", price: "$500", rating: "4.6", imgSrc: "paris.jpg" }, { name: "Kyoto, Japan", price: "$400", rating: "4.7", imgSrc: "japan.jpg" }, { name: "Rome, Italy", price: "$450", rating: "4.5", imgSrc: "italy.jpg" }, - { name: "Sydney, Australia", price: "$480", rating: "4.6", imgSrc: "sydney.jpg" }, + { name: "Sydney, Australia", price: "$480", rating: "4.6", imgSrc: "Sydney.jpg" }, { name: "New York, USA", price: "$550", rating: "4.7", imgSrc: "usa.jpg" }, { name: "Cape Town, South Africa", price: "$420", rating: "4.5", imgSrc: "capetown.jpg" }, { name: "Barcelona, Spain", price: "$390", rating: "4.6", imgSrc: "spain.jpg" }, @@ -138,5 +217,15 @@

${destination.name}

window.location.href = "index.html"; }); +
+
+
+
+
+
+
+
+
+
diff --git a/explore.css b/explore.css index ac7e0f71..e97aeafd 100644 --- a/explore.css +++ b/explore.css @@ -1,5 +1,7 @@ * { box-sizing: border-box; + /* ADDED BORDER RADIUS IN IMAGE SECTION */ + border-radius: 20px; } .outer-box { diff --git a/feedback.html b/feedback.html index 29829ca0..31f227e9 100644 --- a/feedback.html +++ b/feedback.html @@ -94,7 +94,7 @@

Rate Our Service

- +

diff --git a/feedback.js b/feedback.js index 6516d607..101fff8b 100644 --- a/feedback.js +++ b/feedback.js @@ -1,7 +1,8 @@ +const ratings = []; document.addEventListener('DOMContentLoaded', () => { const starsContainers = document.getElementsByClassName("stars"); const ratingTexts = document.querySelectorAll('[id$="-rating-text"]'); - let currentRating = 0; + //let currentRating = 0; function colourStar(ind , container) { @@ -20,6 +21,7 @@ document.addEventListener('DOMContentLoaded', () => { // Create 5 stars dynamically for each stars container Array.from(starsContainers).forEach((starsContainer, index) => { + ratings[index] = 0; for (let i = 1; i <= 5; i++) { const star = document.createElement('span'); star.classList.add('star'); @@ -28,7 +30,7 @@ document.addEventListener('DOMContentLoaded', () => { starsContainer.appendChild(star); star.addEventListener('click', () => { - currentRating = i; + ratings[index] = i; updateRating(index); colourStar(i , starsContainer); }); @@ -37,15 +39,34 @@ document.addEventListener('DOMContentLoaded', () => { }); const updateRating = (index) => { - ratingTexts[index].textContent = `Rating: ${currentRating}`; + ratingTexts[index].textContent = `Rating: ${ratings[index]}`; }; -}); +function resetStars() { + Array.from(starsContainers).forEach((starsContainer, index) => { + ratings[index] = 0; + colourStar(0, starsContainer); + const ratingText = document.getElementById(starsContainer.id.replace("-stars-container", "-rating-text")); + if (ratingText) { + ratingText.textContent = "Rating: 0"; + } + }); + } -function submitFeedback() { +window.submitFeedback = function submitFeedback() { var feedbackInput = document.getElementById("feedback-input"); var feedback = feedbackInput.value.trim(); - + + // Check if any rating is zero + if (ratings.some(rating => rating === 0)) { + Swal.fire({ + icon: 'error', + title: 'Oops...', + text: 'Please provide a non-zero rating for all categories before submitting.', + }); + return; // Exit the function if any rating is zero + } + // Check if the feedback is empty if (feedback === "") { // Show a SweetAlert error modal @@ -65,7 +86,8 @@ function submitFeedback() { // Clear the feedback input box after the user acknowledges the success modal if (result.isConfirmed || result.isDismissed) { feedbackInput.value = ""; + resetStars(); } }); - -} \ No newline at end of file +}; +}); diff --git a/img/VSOC new.png b/img/VSOC new.png new file mode 100644 index 00000000..c1d828a5 Binary files /dev/null and b/img/VSOC new.png differ diff --git a/img/greenbackgroung.jpeg b/img/greenbackgroung.jpeg new file mode 100644 index 00000000..197db02d Binary files /dev/null and b/img/greenbackgroung.jpeg differ diff --git a/index.html b/index.html index 735a1470..49f5526d 100644 --- a/index.html +++ b/index.html @@ -17,6 +17,7 @@ crossorigin="anonymous" referrerpolicy="no-referrer" /> + @@ -30,6 +31,7 @@ + + + - // When the user scrolls down 20px from the top of the document, show the button - window.onscroll = function () { - scrollFunction(); - }; - - function scrollFunction() { - if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { - mybutton.style.display = "block"; - } else { - mybutton.style.display = "none"; - } - } - // When the user clicks on the button, scroll to the top of the document - function goToTop() { - document.body.scrollTop = 0; - document.documentElement.scrollTop = 0; - } - + + +
+ + + + + + + \ No newline at end of file diff --git a/maps.css b/maps.css new file mode 100644 index 00000000..2b9cd7eb --- /dev/null +++ b/maps.css @@ -0,0 +1,17 @@ +/* + * Always set the map height explicitly to define the size of the div element + * that contains the map. + */ + #map { + height: 100%; + } + + /* + * Optional: Makes the sample page fill the window. + */ + html, + body { + height: 100%; + margin: 0; + padding: 0; + } \ No newline at end of file diff --git a/maps.js b/maps.js new file mode 100644 index 00000000..0a44ebe8 --- /dev/null +++ b/maps.js @@ -0,0 +1,12 @@ +let map; + +async function initMap() { + const { Map } = await google.maps.importLibrary("maps"); + + map = new Map(document.getElementById("map"), { + center: { lat: -34.397, lng: 150.644 }, + zoom: 8, + }); +} + +initMap(); \ No newline at end of file diff --git a/newLogin.html b/newLogin.html index 4f730cc1..47dd739e 100644 --- a/newLogin.html +++ b/newLogin.html @@ -266,7 +266,7 @@

Create Account

TOUR GUIDE - +
diff --git a/notFound.jpg b/notFound.jpg new file mode 100644 index 00000000..36fded98 Binary files /dev/null and b/notFound.jpg differ diff --git a/package.html b/package.html index a99c8279..6f735895 100644 --- a/package.html +++ b/package.html @@ -153,16 +153,129 @@
- -

Best trip package

- Explore your suitable and dream places around the world. Here you can - find your right destination. -

+ Explore your suitable and dream places around the world. Here you can find your right destination.

+ + +
+ + + +
+ + +
+
+ + + + + + + + + + +
@@ -171,7 +284,7 @@

Best trip package

Santorini ,Aegean Sea

4.2
-
From $300
+
From $300
@@ -183,7 +296,7 @@

Best trip package

Machu Picchu ,Peru

4.5
-
From $450
+
From $450
@@ -195,7 +308,7 @@

Best trip package

Grand Canyon National Park ,Arizona

4.7
-
From $400
+
From $400
@@ -207,7 +320,7 @@

Best trip package

London

4.2
-
From $300
+
From $300
@@ -218,7 +331,7 @@

Best trip package

Dubai

4.5
-
From $450
+
From $450
@@ -229,7 +342,7 @@

Best trip package

New York

4.7
-
From $400
+
From $400
@@ -241,7 +354,7 @@

Best trip package

Paris

4.2
-
From $300
+
From $300
@@ -252,7 +365,7 @@

Best trip package

Goa

4.5
-
From $450
+
From $450
@@ -263,7 +376,7 @@

Best trip package

Kashmir

4.7
-
From $400
+
From $400
@@ -274,7 +387,7 @@

Best trip package

Maldives

4.2
-
From $300
+
From $300
@@ -285,7 +398,7 @@

Best trip package

Bali

4.5
-
From $450
+
From $450
@@ -297,7 +410,7 @@

Best trip package

Brazil

4.7
-
From $400
+
From $400
@@ -470,4 +583,4 @@

Address

- \ No newline at end of file + diff --git a/payment.css b/payment.css index b958cfa4..9a9f1dd0 100644 --- a/payment.css +++ b/payment.css @@ -358,4 +358,8 @@ header { } -/* New NAvbar CSS Ends Here*/ \ No newline at end of file +/* New NAvbar CSS Ends Here*/ + +.hr:hover{ + color: whitesmoke; +} \ No newline at end of file diff --git a/payment.html b/payment.html index f64cea81..fa4f7616 100644 --- a/payment.html +++ b/payment.html @@ -30,11 +30,55 @@
+
+ +

Guide

+ +
+
+ +
+

Before you proceed to checkout, here are some instructions :

+
    +
  • Fill in the required fields with your personal details (name, email, username etc.)
    • +
  • Don't forget to double-check your travel packages, dates, and address.
    • +
  • Select your preferred payment method - + +
      +
    • Credit Card
      • +
    • Debit Card
      • +
    • PayPal
      • +
    + + Enter your payment details securely.
    • + +
  • Select your preferred shipping method -
    • + +
      +
    • Standard Shipping
      • +
    • Express shipping
      • +
    + +
  • Check your email for any follow-up instructions or updates regarding your booking.
    • +
  • Contact customer support if you encounter any issues or have questions
    • +
+ +
+
+
+ + +
+
+ +

Checkout

+ +

@@ -141,27 +185,35 @@

Billing address

Please provide a valid state. diff --git a/payment.js b/payment.js index 3f04ed32..b461ab7f 100644 --- a/payment.js +++ b/payment.js @@ -172,7 +172,7 @@ function validateAddress() { const promoCodeDiscount = 1000; const totalCost = packageCost - promoCodeDiscount; document.getElementById("total-cost").textContent = totalCost + "/-"; - + /*Free And express Delivary Code starts here*/ document.addEventListener("DOMContentLoaded", function () { @@ -210,7 +210,7 @@ document.addEventListener("DOMContentLoaded", function () { listGroup.insertBefore(shippingItem, totalSpan.parentNode); // To Update the total amount in the cart - const totalAmount = 14000 + shippingCost; //imagine total amount is 14000 INR + const totalAmount = totalCost + shippingCost; //imagine total amount is 14000 INR totalSpan.textContent = `${totalAmount} INR`; } diff --git a/pricing/style.css b/pricing/style.css index 137367b9..35c568c2 100644 --- a/pricing/style.css +++ b/pricing/style.css @@ -401,6 +401,7 @@ header { } .basic .features li::selection{ background: #ffd861; + } .basic ::selection, .basic .price-area, @@ -411,6 +412,7 @@ header { border: 2px solid #ffd861; background: #fff; color: #ffd861; + margin-top: 8px; } .basic .purchase-btn button:hover{ background: #ffd861; @@ -418,12 +420,19 @@ header { } .premium ::selection, .premium .price-area, -.premium .inner-area, -.premium .purchase-btn button{ +.premium .inner-area{ background: #a26bfa; } -.premium .puchase-btn button:hover{ +.premium .purchase-btn button{ + border: 2px solid #a26bfa; + color: #833af8; + background: #fff; +} + +.premium .purchase-btn button:hover{ + color: #fff; background: #833af8; + } .ultimate ::selection, .ultimate .price-area, @@ -434,10 +443,12 @@ header { border: 2px solid #43ef8b; color: #43ef8b; background: #fff; + margin-top: 30px; } .ultimate .purchase-btn button:hover{ background: #43ef8b; color: #fff; + } .basic .package-name{ background: #ffecb3; @@ -535,5 +546,4 @@ header img { } -} - +} \ No newline at end of file diff --git a/style_.css b/style_.css index ea9a5b39..7d2a406e 100644 --- a/style_.css +++ b/style_.css @@ -4,6 +4,7 @@ body { /* background-image: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)),url("./img/sunset.jpg"); */ background: linear-gradient(#D8E3FF, white); + background-image: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)),url("./img/greenbackgroung.jpeg"); background-size: cover; background-position: center; display: flex; @@ -11,7 +12,9 @@ body { align-items: center; min-height: 100vh; margin: 0; + /* /background: linear-gradient(to right, #4DA0B0, #fff);/ font-family: "Arial", sans-serif; */ + } .feedback-heading { @@ -57,6 +60,9 @@ body { /* border-radius: 15px; */ background-size: cover; + border-radius: 15px; + + padding: 20px; /* margin-top: 102px; margin-bottom: 23px; */ @@ -117,7 +123,7 @@ p { #231557 0%, #44107a 29%, #ff1361 67%, - #fff800 100%); + #dc3545 100%); background-size: auto auto; background-clip: border-box; diff --git a/styles.css b/styles.css index 5e717725..181bdd7e 100644 --- a/styles.css +++ b/styles.css @@ -1213,11 +1213,22 @@ body.dark-theme #emailInput { text-align: center; flex-direction: column; } +.social-icon a { + transition: transform 0.3s ease; + padding: 10px; +} -/*.footer__col:nth-child(2) { - margin-top: 10px; + +.social-icon a:hover { + transform: scale(1.1); + color: white; } -*/ +.footer:hover{ + background: linear-gradient(135deg, #654ea3, #eaafc8); +} + + + .footer__col h3 { font-size: 1.5rem; @@ -1447,6 +1458,15 @@ body.dark-theme #emailInput { grid-template-columns: 1fr 2fr; display: grid; z-index: 10; + box-shadow:rgba(50,50,93,0.25) 0px 50px 100px -20px,rgba(0,0,0,0.3) 0px 30px 60px -30px,rgba(10,37,64,0.35) 0px -2px 6px 0px inset; +} +body.dark-theme .items { + background: #0000001a; + backdrop-filter: blur(10px); + box-shadow: + rgba(255, 255, 255, 0.25) 0px 50px 100px -20px, /* Light shadow */ + rgba(255, 255, 255, 0.3) 0px 30px 60px -30px, /* Light shadow */ + rgba(255, 255, 255, 0.35) 0px -2px 6px 0px inset; /* Light inset shadow */ } .contact { @@ -1507,6 +1527,7 @@ body.dark-theme #emailInput { font-family: "Oxygen", sans-serif; } + .contact-form input::placeholder { color: var(--Text-Color); } @@ -1806,7 +1827,7 @@ body { .testimonials { /* z-index: 100; */ background-color: var(--secondary-color); - max-width: var(--max-width); + /* max-width: var(--max-width); */ padding: 5rem 5rem; margin-top: -3rem; } @@ -1818,12 +1839,36 @@ body { font-weight: 600; } +.marquee { + position: relative; + width: 100vw; + max-width: 100%; + height: 500px; + overflow-x: hidden; + display: inline-block; +} + +.track { + position: absolute; + /* white-space: nowrap; + will-change: transform; */ + animation: marquee 32s linear infinite; +} + +@keyframes marquee { + from { transform: translateX(0); } + to { transform: translateX(-50%); } +} + + .testimonial-container { display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; gap: 50px; + padding: 20px; +} + +.testimonial-container::-webkit-scrollbar{ + display: none; } .testimonial-user { @@ -1860,6 +1905,9 @@ body { box-shadow: 0 0 0 10px var(--testimonials-img-border); } + + + .fa-quote-left, .fa-quote-right { font-size: 16px; @@ -2187,8 +2235,8 @@ body { height: 50px; background-color: #002152; bottom: 20px; - right: 25px; - bottom: 80px; + left: 25px; + bottom: 17px; border-radius: 50%; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); text-decoration: none; @@ -2198,6 +2246,7 @@ body { font-size: 22px; transition: all 0.5s; transition: box-shadow 0.3s; /* Added transition for box-shadow */ + display: none; } .goupbtn:hover { @@ -2381,5 +2430,3 @@ body { margin: 0 auto; /* Center the subtitle */ } } - -