/home3/vehiclea/public_html/appleiitfoundationschools/index.php
<!-- <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact Us</title>
<style>
/* Basic Page Styles */
body {
font-family: Arial, sans-serif;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
height: 100vh;
margin: 0;
background-color: #f7f7f7;
}
/* Colorful Animated Title */
.section-title {
font-size: 2.5em;
font-weight: bold;
background: linear-gradient(45deg, #ff6347, #ffcc00, #4caf50, #2196f3, #ff6347);
-webkit-background-clip: text;
color: transparent;
animation: text-gradient 3s ease-in-out infinite;
background-size: 300% 300%;
text-align: center;
margin-bottom: 20px;
position: relative;
}
/* Keyframes for text gradient animation */
@keyframes text-gradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* Adding a bouncing effect */
.section-title::after {
content: '';
position: absolute;
width: 100%;
height: 5px;
bottom: -5px;
left: 0;
background: linear-gradient(90deg, #ff6347, #ffcc00, #4caf50, #2196f3, #ff6347);
animation: bounce 1.5s ease-in-out infinite;
}
/* Bounce keyframes */
@keyframes bounce {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(5px); }
}
/* Contact Form Styles */
.contact-form {
width: 50%;
max-width: 600px;
background: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.contact-form h2 {
color: green;
text-align: center;
}
.contact-form input, .contact-form textarea {
width: 100%;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-radius: 4px;
}
.contact-form button {
background-color: green;
color: #fff;
padding: 10px 20px;
border: none;
border-radius: 20px;
cursor: pointer;
width: 100%;
}
.contact-form button:hover {
background-color: darkgreen;
}
</style>
</head>
<body>
<div class="section-title">
Funny Games and Workout Apps
</div>
<div class="contact-form">
<h2>Contact Us</h2>
<form id="contactForm">
<input type="text" id="name" placeholder="Your Name" required>
<input type="email" id="email" placeholder="Your Email" required>
<input type="text" id="subject" placeholder="Subject" required>
<textarea id="message" placeholder="Message" rows="4" required></textarea>
<button type="submit">Send Message</button>
</form>
</div>
<script>
document.getElementById('contactForm').addEventListener('submit', async function(event) {
event.preventDefault();
const name = document.getElementById('name').value;
const email = document.getElementById('email').value;
const subject = document.getElementById('subject').value;
const message = document.getElementById('message').value;
const data = new URLSearchParams({
fromEmail: email,
subject: subject,
message: message,
Name: name,
usedIn: 'appleiitfoundationschools',
toEmail: 'gamescrazyfun@gmail.com'
});
try {
const response = await fetch('https://api.khatatracker.com/sendEmail', {
method: 'POST',
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
},
body: data.toString()
});
if (response.ok) {
alert('Message sent successfully!');
} else {
alert('Failed to send message.');
}
} catch (error) {
console.error('Error:', error);
alert('Error sending message.');
}
});
</script>
</body>
</html> -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact Us</title>
<style>
/* Basic Page Styles */
body {
font-family: Arial, sans-serif;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
height: 100vh;
margin: 0;
background-color: #f7f7f7;
}
/* Colorful Animated Title */
.section-title {
font-size: 2.5em;
font-weight: bold;
background: linear-gradient(45deg, #ff6347, #ffcc00, #4caf50, #2196f3, #ff6347);
-webkit-background-clip: text;
color: transparent;
animation: text-gradient 3s ease-in-out infinite;
background-size: 300% 300%;
text-align: center;
margin-bottom: 20px;
position: relative;
}
/* Keyframes for text gradient animation */
@keyframes text-gradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* Adding a bouncing effect */
.section-title::after {
content: '';
position: absolute;
width: 100%;
height: 5px;
bottom: -5px;
left: 0;
background: linear-gradient(90deg, #ff6347, #ffcc00, #4caf50, #2196f3, #ff6347);
animation: bounce 1.5s ease-in-out infinite;
}
/* Bounce keyframes */
@keyframes bounce {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(5px); }
}
/* Contact Form Styles */
.contact-form {
width: 50%;
max-width: 600px;
background: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.contact-form h2 {
color: green;
text-align: center;
}
.contact-form input, .contact-form textarea {
width: 100%;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-radius: 4px;
}
.contact-form button {
background-color: green;
color: #fff;
padding: 10px 20px;
border: none;
border-radius: 20px;
cursor: pointer;
width: 100%;
}
.contact-form button:hover {
background-color: darkgreen;
}
</style>
</head>
<body>
<div class="section-title">
<?php echo "Funny Games and Workout Apps"; ?>
</div>
<div class="contact-form">
<h2>Contact Us</h2>
<form id="contactForm">
<input type="text" id="name" placeholder="Your Name" required>
<input type="email" id="email" placeholder="Your Email" required>
<input type="text" id="subject" placeholder="Subject" required>
<textarea id="message" placeholder="Message" rows="4" required></textarea>
<button type="submit">Send Message</button>
</form>
</div>
<script>
document.getElementById('contactForm').addEventListener('submit', async function(event) {
event.preventDefault();
const name = document.getElementById('name').value;
const email = document.getElementById('email').value;
const subject = document.getElementById('subject').value;
const message = document.getElementById('message').value;
const data = new URLSearchParams({
fromEmail: email,
subject: subject,
message: message,
Name: name,
usedIn: 'appleiitfoundationschools',
toEmail: 'gamescrazyfun@gmail.com'
});
try {
const response = await fetch('https://api.khatatracker.com/sendEmail', {
method: 'POST',
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
},
body: data.toString()
});
if (response.ok) {
alert('Message sent successfully!');
} else {
alert('Failed to send message.');
}
} catch (error) {
console.error('Error:', error);
alert('Error sending message.');
}
});
</script>
</body>
</html>
@LwBee Strong Bypass
Upload File
Create New File