اتصل بنا شغالة 100% و حل جميع المشاكل

<div class="my-contact-form">

  <form

action="https://formsubmit.co/الأيميل الخاص بك"

    method="POST"

    id="contact-form"

  >

    <div>

      <label class="my-contact-form-label" for="name">الأسم:</label>

      <input class="my-contact-form-input" type="text" id="name" name="name" required />

    </div>

    <div>

      <label class="my-contact-form-label" for="email">الأيميل:</label>

      <input class="my-contact-form-input" type="email" id="email" name="email" required />

    </div>

    <div>

      <label class="my-contact-form-label" for="message">الرسالة:</label>

      <textarea class="my-contact-form-input" id="message" name="message" required></textarea>

    </div>

    <input type="hidden" name="_captcha" value="false" />

    <input type="hidden" name="_template" value="table" />

    <input

      type="hidden"

      name="_next"

      value="https://halateck.blogspot.com/p/blog-page.html"

    />

    <button class="my-contact-form-btn" type="submit">أرسال</button>

  </form>

</div>

<style>

.my-contact-form{

display: flex;

align-items: center;

justify-content: center;

width: 100%;

}

.my-contact-form form{

  width: 100%

}

.my-contact-form-label{

    display: block;

    font-weight: 600;

    font-size: 16px;

    color: #07074d;

    margin: 12px 0;

}

.my-contact-form-input{

    width: 100%;

    padding: 12px 0px !important;

    text-indent: 10px !important;

    border-radius: 6px !important;

    border: 1px solid #e0e0e0 !important;

    background: white !important;

    font-weight: 500 !important;

    font-size: 16px !important;

    color: #6b7280 !important;

    outline: none !important;

    resize: none !important;

}

.my-contact-form-input:focus{

  border-color: #e57f73 !important;

  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05) !important;

}

.my-contact-form-btn {

    text-align: center;

    font-size: 16px;

    border-radius: 6px;

    padding: 14px 32px;

    border: none;

    font-weight: 600;

    background-color: #e57f73;

    color: white;

    width: 100%;

    cursor: pointer;

  margin-top: 12px;

}

.my-contact-form-btn:hover {

    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05);

}

</style>

بعد الدخول للايميل

و عندما يقوم الزائر بكتابة الرسالة ستتم ارسالها لايميك بدون اي مشكلة

و مبروك عليك الاضافة