/p/contact.html

<form class='contact-form-blogger' data-email='ضع بريدك هنا'>

<form class='contact-form-blogger' data-email='ضع بريدك هنا'>
  <div class='contact-form-wrap row'>

    <div class='col-md-6 mb-3'>
      <label class='form-label fs-7 fw-bold' for='field-name'>الاسم</label>
      <input class='form-control bg-transparent st-border-light text-reset'
        id='field-name'
        name='name'
        required=''
        type='text'
        placeholder='اكتب اسمك'/>
    </div>

    <div class='col-md-6 mb-3'>
      <label class='form-label fs-7 fw-bold' for='field-email'>البريد الإلكتروني</label>
      <input class='form-control bg-transparent st-border-light text-reset'
        id='field-email'
        name='email'
        required=''
        type='email'
        placeholder='اكتب بريدك'/>
    </div>

    <div class='col-12 mb-3'>
      <label class='form-label fs-7 fw-bold' for='field-message'>الرسالة</label>
      <textarea class='form-control bg-transparent st-border-light text-reset'
        id='field-message'
        name='message'
        required=''
        rows='3'
        placeholder='اكتب رسالتك هنا'></textarea>
    </div>

    <div class='col-12 mb-3'>
      <button class='btn btn-sm fw-bold py-2 px-5 st-btn-primary' type='submit'>
        إرسال
      </button>
    </div>

  </div>

  <div
    data-success="تم إرسال رسالتك بنجاح. شكراً لك!"
    data-error="حدث خطأ في الإرسال. يرجى المحاولة لاحقاً."
    class="contact-form-msg d-none border border-3 rounded text-center p-3 fs-7">
  </div>

</form>