كود صفحة اتصل بنا HTML جاهز 

كود صفحة اتصل بنا HTML جاهز  Capture-d-cran-2024-10-24-143348


الكود:

<div dir="rtl" style="text-align: right;" trbidi="on">
<div id="contact-form">
    <form name="contact-form">
      <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" placeholder="الاسم الكامل" size="30" type="text" value="" />
      <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" placeholder="بريدك الالكتروني" size="30" type="text" value="" />
      <textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="الرسالة" rows="5"></textarea>
      <input id="ContactForm1_contact-form-submit" type="button" value="إرسال" />
      <br />
      <div style="text-align: center;">
        <div id="ContactForm1_contact-form-error-message"></div>
        <div id="ContactForm1_contact-form-success-message"></div>
      </div>
    </form>
  </div>
  <style type="text/css">
  /** created by https://www.jistweb.com/2021/08/creat-contact-us-page-blogger.html**/
    #contact-form {
       background: #ffffff;
       padding: 10px;
    }

    #ContactForm1_contact-form-name,
    #ContactForm1_contact-form-email,
    #ContactForm1_contact-form-email-message {
       margin: 5px auto;
       border: 1px solid #e3e3e3;
       transition: all .5s ease-out;
       width: 100%;
       border-radius: 10px;
       padding: 15px 20px;
       margin-bottom: 20px;
       background-color:#ffffff;
    }

    #ContactForm1_contact-form-submit {
       border: 1px solid #e3e3e3;
       font: unset;
       text-shadow: 1px 1px 5px #111;
       font-weight: 700;
       font-size: 14px;
       padding: 5px 15px;
       background-color: #689f38;
       border-radius: 5px;
       color: #fff;
       letter-spacing: 1px;
       cursor: pointer
    }

    #ContactForm1_contact-form-email:focus,
    #ContactForm1_contact-form-name:focus,
    #ContactForm1_contact-form-email-message:focus {
       outline: none;
       border-color: rgb(104 159 56);
       box-shadow: 0 0 5px rgb(104 159 56))
    }

    .contact-form-error-message-with-border {
       color: #b90000;
       font-weight: 700
    }
  </style>
  <script src="https://www.blogger.com/static/v1/widgets/2227587253-widgets.js" type="text/javascript"></script>
  <script type="text/javascript">
    _WidgetManager._Init('');
    _WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'contact-sec', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'جارٍ الإرسال...', 'contactFormMessageSentMsg': 'تم إرسال رسالتك.', 'contactFormMessageNotSentMsg': 'تعذر إرسال الرسالة، يرجى المحاولة مرة أخرى في وقت لاحق.', 'contactFormInvalidEmailMsg': 'يلزم إدخال عنوان بريد إلكتروني صالح.', 'contactFormEmptyMessageMsg': 'لا يمكن أن يكون حقل الرسالة فارغًا.', 'title': 'نموذج الاتصال', 'blogId': '2678521884433491553', 'contactFormNameMsg': 'الاسم إجباري', 'contactFormEmailMsg': 'بريد إلكتروني إجباري', 'contactFormMessageMsg': 'رسالة', 'contactFormSendMsg': 'إرسال', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
  </script>
</div>



كود صفحة اتصل بنا HTML جاهز  425372