Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add Translation Tool done ! #981 #984

Merged
merged 1 commit into from
Oct 19, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
72 changes: 40 additions & 32 deletions about.html
Original file line number Diff line number Diff line change
Expand Up @@ -20,11 +20,11 @@
<h1 id="logo">BuddyTrail</h1>
</div>
<ul class="nav-links">
<li><a href="index.html" class="nav-link">Home</a></li>
<li><a href="about.html" class="nav-link active">About Us</a></li>
<li><a href="team.html" class="nav-link">Team</a></li>
<li><a href="contact.html" class="nav-link">Contact</a></li>
<li><a href="auth.html" class="btn-primary">Sign In</a></li>
<li><a href= "index.html" class="nav-link">Home</a></li>
<li><a href= "about.html" class="nav-link active">About Us</a></li>
<li><a href= "team.html" class="nav-link">Team</a></li>
<li><a href= "contact.html" class="nav-link">Contact</a></li>
<li><a href= "auth.html" class="btn-primary">Sign In</a></li>
</ul>
</nav>
</div>
Expand Down Expand Up @@ -64,9 +64,9 @@ <h3>Innovation</h3>
<section class="team">
<div class="container">
<h2>Meet Our Team</h2>
<div id="team-members" class="team-members">
<div class="team-member">
<img src="img/PROJECT-LEADER.png" alt="Team Member 1">
<div id= "team-members" class="team-members">
<div class= "team-member">
<img src= "img/PROJECT-LEADER.png" alt="Team Member 1">
<h3>PRIYA Ghosal</h3>
<p>CEO & Founder</p>
<P>I'm Priya Ghosal, a sophomore at NSEC (IT) '27, embarking on an exciting journey in the world of technology and coding.
Expand All @@ -91,24 +91,26 @@ <h3>PRIYA Ghosal</h3>

/* CTA Button */


#cta-button {
margin-left: 300px;
display: inline-block;
padding: 10px 10px; /* Adjust padding for button size */
background-color: #000; /* Background color black */
color: #fff; /* Text color white */
text-align: center;
font-size: 18px;
text-decoration: none;
border-radius: 5px; /* Rounded corners */
width: 250px; /* Fixed width */
height: 45px; /* Fixed height */
line-height: 30px; /* Vertically center text */
transition: background-color 0.3s ease, transform 0.3s ease;
margin-bottom: 20px;
}
margin-left: 300px;
display: inline-block;
padding: 10px 10px; /* Adjust padding for button size */
background-color: #000; /* Background color black */
color: #fff; /* Text color white */
text-align: center;
font-size: 18px;
text-decoration: none;
border-radius: 5px; /* Rounded corners */
width: 250px; /* Fixed width */
height: 45px; /* Fixed height */
line-height: 30px; /* Vertically center text */
transition: background-color 0.3s ease, transform 0.3s ease;
margin-bottom: 20px;

}

/* Hover Effect */
#cta-button:hover {
background-color: #333; /* Darker black on hover */
Expand Down Expand Up @@ -373,26 +375,26 @@ <h3>PRIYA Ghosal</h3>
</style>

<footer>
<div class="container">
<div class="footer-content">
<div class="footer-column-l">
<div class= "container">
<div class= "footer-content">
<div class= "footer-column-l">
<h3>Contact Us</h3>
<p>Email: info@example.com</p>
<p>Phone: +123 456 7890</p>
</div>
<div class="footer-column-r">
<div class= "footer-column-r">
<h3>Follow Us</h3>
<div class="social-icons">
<a href="https://discord.com/invite/priyaghosal" target="_blank"
<a href= "https://discord.com/invite/priyaghosal" target="_blank"
><i class="fab fa-discord"></i
></a>
<a href="https://twitter.com/PriyaGhosa39968" target="_blank"
<a href= "https://twitter.com/PriyaGhosa39968" target="_blank"
><i class="fab fa-twitter"></i
></a>
<a href="https://github.com/PriyaGhosal/BuddyTrail" target="_blank"
<a href= "https://github.com/PriyaGhosal/BuddyTrail" target="_blank"
><i class="fab fa-github"></i
></a>
<a href="https://www.linkedin.com/in/priya-ghosal-785771286/" target="_blank"
<a href= "https://www.linkedin.com/in/priya-ghosal-785771286/" target="_blank"
><i class="fab fa-linkedin-in"></i
></a>
</div>
Expand All @@ -401,5 +403,11 @@ <h3>Follow Us</h3>
<p class="copyright">&copy; 2024 BuddyTrail | All rights reserved.</p>
</div>
</footer>

<div class="gtranslate_wrapper"></div>
<script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
<script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>


</body>
</html>
50 changes: 29 additions & 21 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -7,25 +7,25 @@
name="description"
content="BuddyTrail is a travel agency website that helps you pick out your holiday vacation"
/>
<meta name="robots" content="index,follow" />
<meta name="robots" content= "index,follow" />

<link rel="stylesheet" href="RatingStyle.css">
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="./styles/popup.css">
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="stylesheet" href= "RatingStyle.css">
<link rel="stylesheet" href= "style.css" />
<link rel="stylesheet" href= "./styles/popup.css">
<link rel="preconnect" href= "https://fonts.googleapis.com" />
<link rel="preconnect" href= "https://fonts.gstatic.com" crossorigin />

<link
href="https://fonts.googleapis.com/css2?family=Pattaya&family=Poppins:wght@400;500&display=swap"
rel="stylesheet"
href= "https://fonts.googleapis.com/css2?family=Pattaya&family=Poppins:wght@400;500&display=swap"
rel= "stylesheet"
/>
<link rel="icon" href="/icons/airplane.svg" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"
integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
rel= "stylesheet"
href= "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"
integrity= "sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg=="
crossorigin= "anonymous"
referrerpolicy= "no-referrer"
/>
<link rel="stylesheet" href="chatbot.css">
<title>BuddyTrail</title>
Expand Down Expand Up @@ -1214,11 +1214,13 @@ <h1 id="h1darkbtn">Travel Discussion Forum</h1>

/* Header Border */
header.forum_1 {
border: 10px solid transparent; /* Initial transparent border */
border-image: linear-gradient(to right,#44dfa6 , #a08be6); /* Gradient border */
border-image-slice: 1; /* Ensures the full gradient is applied */
border-radius: 10px; /* Rounded corners for smooth appearance */
transition: border-color 0.3s ease; /* Smooth transition for hover effect */

border: 10px solid transparent; /* Initial transparent border */
border-image: linear-gradient(to right,#44dfa6 , #a08be6); /* Gradient border */
border-image-slice: 1; /* Ensures the full gradient is applied */
border-radius: 10px; /* Rounded corners for smooth appearance */
transition: border-color 0.3s ease; /* Smooth transition for hover effect */

}

header.forum_1:hover {
Expand Down Expand Up @@ -2148,11 +2150,17 @@ <h2>Exclusive Deals and Offers!</h2>
// Clear the input field after successful submission
document.getElementById('email').value = '';
} else {
messageElement.textContent = 'Please enter a valid email address.'; // Show error message
messageElement.style.color = 'red'; // Change message color to red
messageElement.textContent = 'Please enter a valid email address.'; // Show error message
messageElement.style.color = 'red'; // Change message color to red
}
});
</script>
</script>

<div class="gtranslate_wrapper"></div>
<script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
<script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>


</body>

</html>
Loading