Skip to content

Commit

Permalink
Merge branch 'main' into feature-branch
Browse files Browse the repository at this point in the history
  • Loading branch information
sachinggsingh authored Nov 4, 2024
2 parents 1e2e3f6 + 7d7f72c commit 8233f20
Show file tree
Hide file tree
Showing 23 changed files with 812 additions and 141 deletions.
190 changes: 190 additions & 0 deletions AI suggestions.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,190 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI Travel Cost Suggestion</title>
<style>
/* Reset and Base Styles */
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}

body {
font-family: Arial, sans-serif;
background: linear-gradient(135deg, #74ebd5, #9face6);
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
color: #444;
}

.container {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}

/* Card Style */
.card {
background-color: #ffffff;
padding: 2em;
width: 90%;
max-width: 450px;
border-radius: 12px;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
transition: transform 0.2s;
}

.card:hover {
transform: translateY(-5px);
}

h1 {
text-align: center;
font-size: 1.8em;
color: #333;
margin-bottom: 1.5em;
}

/* Input Group */
.input-group {
margin-bottom: 1.5em;
}

.input-group label {
font-weight: bold;
margin-bottom: 0.5em;
display: block;
color: #555;
}

input[type="text"], input[type="date"], select {
width: 100%;
padding: 0.7em;
border: 1px solid #ccc;
border-radius: 8px;
transition: border 0.3s;
}

input[type="text"]:focus, input[type="date"]:focus, select:focus {
border-color: #74ebd5;
outline: none;
}

/* Button */
button {
width: 100%;
padding: 0.9em;
border: none;
border-radius: 8px;
background: linear-gradient(135deg, #74ebd5, #9face6);
color: white;
font-weight: bold;
font-size: 1.1em;
cursor: pointer;
transition: background 0.3s;
}

button:hover {
background: linear-gradient(135deg, #9face6, #74ebd5);
}

/* Suggestion Box */
.suggestion-box {
margin-top: 2em;
padding: 1.5em;
background-color: #f1f1f1;
border-radius: 8px;
display: none;
text-align: center;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.suggestion-box h2 {
font-size: 1.5em;
color: #333;
margin-bottom: 0.5em;
}

#costOutput {
font-size: 1.3em;
color: #2d8d2d;
font-weight: bold;
}
</style>
</head>
<body>
<div class="container">
<div class="card">
<h1>Travel Cost Suggestion</h1>
<form id="travelForm">
<div class="input-group">
<label for="origin">Origin</label>
<input type="text" id="origin" placeholder="City of Origin" required>
</div>
<div class="input-group">
<label for="destination">Destination</label>
<input type="text" id="destination" placeholder="City of Destination" required>
</div>
<div class="input-group">
<label for="travelDate">Travel Date</label>
<input type="date" id="travelDate" required>
</div>
<div class="input-group">
<label for="travelType">Travel Type</label>
<select id="travelType">
<option value="economy">Economy</option>
<option value="business">Business</option>
</select>
</div>
<button type="button" onclick="suggestCost()">Get Suggestion</button>
</form>

<div id="suggestion" class="suggestion-box">
<h2>Suggested Travel Cost</h2>
<p id="costOutput"></p>
</div>
</div>
</div>

<script>
function suggestCost() {
// Capture user input values
const origin = document.getElementById("origin").value;
const destination = document.getElementById("destination").value;
const travelDate = document.getElementById("travelDate").value;
const travelType = document.getElementById("travelType").value;

// Simple validation
if (!origin || !destination || !travelDate || !travelType) {
alert("Please fill in all fields.");
return;
}

// Simulate AI-based travel cost suggestion (this can be replaced with an API call)
const cost = calculateCost(origin, destination, travelDate, travelType);

// Display the result with smooth reveal
const suggestionBox = document.getElementById("suggestion");
suggestionBox.style.display = "block";
suggestionBox.classList.add("show");
document.getElementById("costOutput").textContent = `Estimated Cost: $${cost.toFixed(2)}`;
}

// Simulated AI function for cost estimation
function calculateCost(origin, destination, date, type) {
let basePrice = 100;
const distanceFactor = Math.random() * 50 + 50; // Random multiplier
const typeFactor = type === "business" ? 2.0 : 1.0;
const randomAdjustment = Math.random() * 20;

return (basePrice + distanceFactor) * typeFactor + randomAdjustment;
}
</script>
</body>
</html>
10 changes: 2 additions & 8 deletions GroupCookieNotice.html
Original file line number Diff line number Diff line change
Expand Up @@ -159,16 +159,10 @@ <h2>Contact Us</h2>
<p style="color: #b5fdf4;" >Affordable adventures, unforgettable memories—explore with ease.</p>
<p style="color: #dcfffa;" class="follow-us">FOLLOW US ON HERE:</p>
<div class="social-icons">

<a href="#"><i class="fab fa-facebook"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#" ><i class="fa-brands fa-x-twitter"></i></a>
<a href="#"><i class="fab fa-linkedin"></i></a>
<a href="#"><i class="fab fa-youtube"></i></a>


<a href="https://www.facebook.com"><i class="fab fa-facebook"></i></a>
<a href="https://www.instagram.com"><i class="fab fa-instagram"></i></a>
<a href="https://www.twitter.com" ><i class="fab fa-x-twitter"></i></a>
<a href="https://www.twitter.com" ><i class="fab fa-twitter"></i></a>
<a href="https://www.linkedin.com"><i class="fab fa-linkedin"></i></a>
<a href="https://www.youtube.com"><i class="fab fa-youtube"></i></a>

Expand Down
8 changes: 1 addition & 7 deletions ModernSlaveryAct.html
Original file line number Diff line number Diff line change
Expand Up @@ -182,15 +182,9 @@ <h1>Modern Slavery Act</h1>
<p style="color: #dcfffa;" class="follow-us">FOLLOW US ON HERE:</p>
<div class="social-icons">

<a href="#"><i class="fab fa-facebook"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#" ><i class="fa-brands fa-x-twitter"></i></a>
<a href="#"><i class="fab fa-linkedin"></i></a>
<a href="#"><i class="fab fa-youtube"></i></a>

<a href="https://www.facebook.com"><i class="fab fa-facebook"></i></a>
<a href="https://www.instagram.com"><i class="fab fa-instagram"></i></a>
<a href="https://www.twitter.com" ><i class="fab fa-x-twitter"></i></a>
<a href="https://www.twitter.com" ><i class="fab fa-twitter"></i></a>
<a href="https://www.linkedin.com"><i class="fab fa-linkedin"></i></a>
<a href="https://www.youtube.com"><i class="fab fa-youtube"></i></a>

Expand Down
17 changes: 4 additions & 13 deletions about.html
Original file line number Diff line number Diff line change
Expand Up @@ -489,18 +489,6 @@ <h1>About Us 🚀</h1>

</style>
<script>
// Get the button
const scrollToTopBtn = document.getElementById("scrollToTopBtn");

// Show the button when scrolling down 20px from the top
window.onscroll = function() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
scrollToTopBtn.style.display = "flex";
} else {
scrollToTopBtn.style.display = "none";
}
};

// toggle chatbot function
function toggleChatbot() {
const chatbotContainer = document.getElementById("chatbot-container");
Expand All @@ -512,8 +500,11 @@ <h1>About Us 🚀</h1>
const progressHeight = (window.scrollY / totalHeight) * 100;
scrollProgressBar.style.width = progressHeight + '%';
});

</script>

<button onclick="moveToTop()" id="topBtn" title="Go to top" style="display:flex; position: fixed; right: 30px; z-index: 100000;">
<i class="fa fa-arrow-up" aria-hidden="true"></i>
</button>

<footer class="footer-container">
<div class="footer-top">
Expand Down
18 changes: 18 additions & 0 deletions client/login.html
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,22 @@
<script src="https://cdn.tailwindcss.com"></script>
<!-- Font Awesome CDN for icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<style>
.go-home-button {
padding: 10px 20px;
font-size: 16px;
color: white;
/* background-color: #8e3106ee; */
border: none;
border-radius: 5px;
cursor: pointer;
text-decoration: none;
}

/* .go-home-button:hover {
background-color: #0056b3;
} */
</style>
</head>
<body class="bg-white">
<div class="relative flex items-top justify-center min-h-screen bg-white sm:items-center sm:pt-0">
Expand Down Expand Up @@ -74,7 +90,9 @@ <h2 class="text-3xl sm:text-4xl text-gray-800 font-extrabold tracking-tight">
<img src="../images/googleLogo.png" alt="Google Logo" class="w-5 h-5 mr-2">
Continue with Google
</button>

</form>
<a href="../index.html" class="go-home-button bg-orange-700 hover:bg-orange-600 ">Back to Home</a>
</div>
</div>
</div>
Expand Down
4 changes: 4 additions & 0 deletions contact.html
Original file line number Diff line number Diff line change
Expand Up @@ -302,6 +302,10 @@ <h4>Phone No</h4>
}

</script>

<button onclick="moveToTop()" id="topBtn" title="Go to top" style="display:flex; position: fixed; right: 30px; z-index: 100000;">
<i class="fa fa-arrow-up" aria-hidden="true"></i>
</button>

<footer class="footer-container">
<div class="footer-top">
Expand Down
22 changes: 6 additions & 16 deletions contactus.html
Original file line number Diff line number Diff line change
Expand Up @@ -304,22 +304,6 @@
color: #fff;
} */

/* Scroll Back Button */
#scrollToTop {
position: fixed;
bottom: 30px;
right: 30px;
background-color: #ff8c00;
color: white;
border: none;
border-radius: 5px;
padding: 10px 15px;
cursor: pointer;
display: none; /* Hidden by default */
z-index: 1000;
}


/* Animation */
@keyframes fadeIn {
from {
Expand Down Expand Up @@ -385,6 +369,10 @@ <h2>Contact Us</h2>
</div>
</section>

<button onclick="moveToTop()" id="topBtn" title="Go to top" style="display:flex; position: fixed; right: 30px; z-index: 100000;">
<i class="fa fa-arrow-up" aria-hidden="true"></i>
</button>

<!-- Footer Section -->
<footer class="footer-container">
<div class="footer-top">
Expand Down Expand Up @@ -680,12 +668,14 @@ <h4>FIND US</h4>
}
</style> -->

<!-- <<<<<<< feature-branch -->
<!-- </style> -->


<!-- Scroll to Top Button -->
<button id="scrollToTop" onclick="scrollToTop()"></button>


<script>
const trustedDomains = [
'gmail.com',
Expand Down
2 changes: 1 addition & 1 deletion contributor.css
Original file line number Diff line number Diff line change
Expand Up @@ -530,8 +530,8 @@ body.dark-mode .contributor-stats-grid,
body.dark-mode .contributor-contributors-grid {
color: #000000; /* Text color for content in dark mode */
}

/* Optional: Background color for dark mode */
body.dark-mode {
background-color: #121212; /* Example dark background */
}

Loading

0 comments on commit 8233f20

Please sign in to comment.