Contact us
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Contact Us - GuidebyMotivation</title>
<style>
:root{font-family: Arial, Helvetica, sans-serif;color:#222}
.container{max-width:780px;margin:30px auto;padding:24px;border-radius:12px;box-shadow:0 6px 24px rgba(0,0,0,0.08)}
h1{font-size:28px;margin-bottom:6px}
p.lead{color:#444;margin-top:0}
form{margin-top:18px}
label{display:block;font-weight:600;margin:14px 0 6px}
input[type="text"], input[type="email"], textarea, input[type="tel"]{
width:100%;padding:12px;border-radius:8px;border:1px solid #ddd;box-sizing:border-box;font-size:15px}
textarea{min-height:140px;resize:vertical}
.row{display:flex;gap:12px}
.col{flex:1}
.note{font-size:13px;color:#555;margin-top:10px}
.btn{display:inline-block;padding:10px 18px;border-radius:8px;border:none;background:#1a73e8;color:white;font-weight:600;cursor:pointer;margin-top:12px}
.small{font-size:13px;color:#666}
.privacy{margin-top:16px;padding:12px;background:#f9f9f9;border-radius:8px;border:1px solid #f0f0f0}
@media(max-width:640px){.row{flex-direction:column}}
</style>
</head>
<body>
<main class="container">
<h1>Contact Us</h1>
<p class="lead">We'd love to hear from you. Use the form below to send your message and we'll get back to you as soon as possible.</p>
<form onsubmit="return handleSubmit(event)">
<label for="name">Your Name *</label>
<input id="name" name="name" type="text" placeholder="Enter your name" required>
<label for="email">Your Email *</label>
<input id="email" name="email" type="email" placeholder="Enter your email" required>
<label for="subject">Subject</label>
<input id="subject" name="subject" type="text" placeholder="Subject (optional)">
<label for="message">Message *</label>
<textarea id="message" name="message" placeholder="Write your message here" required></textarea>
<div class="row">
<div class="col">
<label for="phone">Phone (optional)</label>
<input id="phone" name="phone" type="tel" placeholder="Mobile number">
</div>
<div class="col">
<label for="reason">Reason (optional)</label>
<input id="reason" name="reason" type="text" placeholder="Feedback / Collaboration / Guest Post etc.">
</div>
</div>
<div class="note small">By submitting this form you agree that GuidebyMotivation may use this information to respond to your request. We respect your privacy — we will not sell your information to third parties.</div>
<button class="btn" type="submit">Send Message</button>
</form>
<div class="privacy">
<strong>Contact Email:</strong> priyanshusinha89589@gmail.com<br>
<p class="small">Tip: For a better visitor experience and to receive messages directly to your inbox without opening the visitor's email client, consider using a service like Formspree, Getform or a Google Form.</p>
</div>
</main>
<script>
const EMAIL = "priyanshusinha89589@gmail.com";
function encodeRFC5987ValueChars(str) {
return encodeURIComponent(str).replace(/['()]/g, escape).replace(/\*/g, '%2A');
}
function handleSubmit(e){
e.preventDefault();
const form = e.target;
const name = form.name.value.trim();
const email = form.email.value.trim();
const subject = form.subject.value.trim() || 'Contact Form Message';
const message = form.message.value.trim();
const phone = form.phone.value.trim();
const reason = form.reason.value.trim();
const bodyLines = [
`Name: ${name}`,
`Email: ${email}`,
phone? `Phone: ${phone}` : '',
reason? `Reason: ${reason}` : '',
'',
message
].filter(Boolean).join('\n');
const mailto = `mailto:${EMAIL}?subject=${encodeRFC5987ValueChars(subject)}&body=${encodeRFC5987ValueChars(bodyLines)}`;
window.location.href = mailto;
return false;
}
</script>
</body>
</html>
टिप्पणियाँ
एक टिप्पणी भेजें
Next post ke liye comment box mai jarur bataiye.And hame SUBSCRIBE jarur kar le taaki jab mai next post dalu to sabse pahle aapko mile.