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>

टिप्पणियाँ

इस ब्लॉग से लोकप्रिय पोस्ट

पढ़ाई में मन क्यों नहीं लगता है?

2 कविता जो मां को खुश कर दे !

MIND CONTROL TIPS IN HINDI