Ezz Tech

<h1 style="text-align: center;"><span style="color: red; font-size: medium;">شرح طريقة إضافة نموزج اتصل بنا بدون اخطاء وسهل التركيب لمدونات بلوجر</span></h1><p style="text-align: center;"><span style="font-size: medium;">نشرح لك اليوم طريقة إضافة نموذج اتصال في صفحة مستقلة بشكل مميز وبطريقة سهلة وبسيطة، يمكن الزوار من التواصل معك بسهولة وبشكل مرتب وبسيط جدا، مما يساعد في تطوير المدونة وحل المشاكل من خلال رسائل الزائر الذي يساعدك في معرفة أي خطا أو مشكلة تواجهه في مدونتك.</span></p><div class="post-body entry-content" id="post-body-1094986406276973831" itemprop="description articleBody" style="border: 0px none; margin: 0px; padding: 0px; text-align: center; vertical-align: top;"><div style="border: 0px none; margin: 0px; padding: 0px; vertical-align: top;" trbidi="on"><p><span style="font-size: medium;"></span></p><div class="separator" style="clear: both; text-align: center;"><span style="font-size: medium;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyfssgITSYG-2AyhWWWVARITcNuwQFZA5NUWLBsd_3yZc6EUVf6XYeV-mTwZ_4YWdm712dGqDkS8Du6XfjJX4R056ykapY0AGGo7ustzu5HWBruTXPAitxWohhbNHIiY39xPEAJGL9lfhF/s640/contact-us-form-for-blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="نموذج اتصال بلوجر المطور صفحة اتصل بنا جاهزة قالب اتصل بنا html Blogger" border="0" data-original-height="459" data-original-width="640" height="230" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyfssgITSYG-2AyhWWWVARITcNuwQFZA5NUWLBsd_3yZc6EUVf6XYeV-mTwZ_4YWdm712dGqDkS8Du6XfjJX4R056ykapY0AGGo7ustzu5HWBruTXPAitxWohhbNHIiY39xPEAJGL9lfhF/w320-h230-rw/contact-us-form-for-blogger.png" title="نموذج اتصال بلوجر المطور صفحة اتصل بنا جاهزة قالب اتصل بنا html Blogger" width="320" /></a></span></div><p><span style="font-family: Droid Arabic Kufi; font-size: medium;"><span style="background-color: white;">الصورة بالأعلى توضح شكل النموذج المطلوب وهو نموذج اتصل بناء على مدونة بلوجر، والذي يحتوي على مكان إضافة الإسم والإيميل والرسالة الخاصة بالزائر بشكل واضح وسهل وبسيط وغير متكلف ولا يسبب تجربة سيئة للزائر.</span></span></p><h2 style="border: 0px none; margin: 0px; padding: 0px; vertical-align: top;"><span style="color: red; font-size: medium;">شرح طريقة تركيب نموذج اتصال بلوجر</span></h2><div style="border: 0px none; margin: 0px; padding: 0px; vertical-align: top;" trbidi="on"><span style="font-size: medium;"> نبدأ الأن في شرح طريقة التركيب، الأمر بسيط وسهل جداً لا يحتاج منك سوى إتباع خطوات تركيب النموذج، وتغيير ما يلزم كما سنشرح لك، ليكون النموزج خاص بمدونتك وبالألوات التي تريدها.</span></div><div style="background-color: white; border: 0px none; font-family: "Droid Arabic Kufi"; margin: 0px; padding: 0px; vertical-align: top;"><br /><span style="font-size: medium;">1- في البداية إذهب الى قسم التنسيق وقم بإضافة نموذج اتصل بنا ضمن اضافات بلوجر الاساسية، طبعاً اضفها في اي مكان في التنسيق لا مشكلة لانها لا تظهر في المدونة لزوائرك، بعد ذلك توجة الى المظهر ثم تحرير HTML ثم ابحث عن الكود التالي:</span></div><div style="border: 0px none; font-family: "Droid Arabic Kufi"; margin: 0px; padding: 0px; vertical-align: top;"><span style="background-color: #ffa400; font-size: medium;"> ]]></b:skin></span></div><div style="background-color: white; border: 0px none; font-family: "Droid Arabic Kufi"; margin: 0px; padding: 0px; vertical-align: top;"><span style="font-size: medium;">ثم قم بإضافة الكود التالي أعلاه.</span></div><div style="border: 0px none; font-family: "Droid Arabic Kufi"; margin: 0px; padding: 0px; vertical-align: top;"><div style="border: 0px none; margin: 0px; padding: 0px; vertical-align: top;"><span style="background-color: #ffa400; font-size: medium;">.ContactForm{display: none!impo</span></div></div><div style="background-color: white; border: 0px none; font-family: "Droid Arabic Kufi"; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"><br /></div><div style="background-color: white; border: 0px none; font-family: "Droid Arabic Kufi"; margin: 0px; padding: 0px; vertical-align: top;"><span style="font-size: medium;">2-  استخراج كود ID الخاص بالمدونة حتى يتم تخصيص نموذج الإتصال لمدونتك وتستطيع تلقي رسائل الزوار، لاستخراج الكود نتوجه إلى شريط المتصفح الخاص برابط المدونة في الأعلى، وقم بنسخ الرقم الموجود بعد علامة = في الرابط الموجود في شريط المتصفح واحتفظ به لأن سنستخدمه في الخطوة التالية.</span></div><div class="separator" style="background-color: white; border: 0px none; clear: both; font-family: "Droid Arabic Kufi"; font-size: inherit; margin: 0px; padding: 0px; text-align: center; vertical-align: top;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb6-v4m_ffFP0Vc9u6RGaQUbzBtKYDblrRTlq0lLG-1GvfZY_3Sb5nkfybAgyosbdEz76uiQBE_XJHspVGQaeS7CYqASG_Np1SvT0-8PRIMRZmA3dhF9Yx9at8peSKWortcqy9hhwS8Sc/s1600/1.PNG" imageanchor="1" style="border: 0px none; font-size: inherit; margin: 0px 1em; padding: 0px; vertical-align: top;"><img alt="Add-Contact-us-blogger" border="0" data-original-height="338" data-original-width="714" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb6-v4m_ffFP0Vc9u6RGaQUbzBtKYDblrRTlq0lLG-1GvfZY_3Sb5nkfybAgyosbdEz76uiQBE_XJHspVGQaeS7CYqASG_Np1SvT0-8PRIMRZmA3dhF9Yx9at8peSKWortcqy9hhwS8Sc/s1600-rw/1.PNG" style="border: 0px none; font-size: inherit; margin: 0px 0px 12px; max-width: 90%; padding: 0px; vertical-align: top;" title="اضافة نموذج اتصل بنا احترافي في صفحة مستقلة لمدونات بلوجر بدون اخطاء" /></a></div><h3 style="background: rgb(205, 2, 2) !important; border-radius: 4px !important; border: 0px none; color: rgb(255, 255, 255) !important; display: -webkit-inline-box; font-family: "Droid Arabic Kufi"; font-size: 16px !important; line-height: 2 !important; margin: 18px 0px 2px; padding: 2px 8px !important; vertical-align: top;">تركيب نموذج اتصل بناء في صفحة مستقلة في بلوجر </h3><div style="border: 0px none; font-family: "Droid Arabic Kufi"; margin: 0px; padding: 0px; vertical-align: top;"><div style="background-color: white; border: 0px none; margin: 0px; padding: 0px; vertical-align: top;"><span style="font-size: medium;">الان بعد أن قمت باستخراج <b style="border: 0px none; margin: 0px; padding: 0px; vertical-align: top;">ID </b>المدونة نبدأ في تركيب نموذج اتصل بنا، ويمكنك تركيب النموذج في أي جزء من المدونة سواء في جانب المدونة أو في الأسفل، لكن الأن نحن سنشرح طريقة تركيبه في صفحة مستقلة.</span></div><div style="background-color: white; border: 0px none; margin: 0px; padding: 0px; vertical-align: top;"><span style="font-size: medium;"><br /></span></div><div style="background-color: white; border: 0px none; margin: 0px; padding: 0px; vertical-align: top;"><span style="font-size: medium;">في البداية يجب عليك إنشاء صفحة، طريقة إنشاء الصفحة سهله جدا تضغط على الصفحات الموجودة في العمود الأيمن سيتم توجيهك إلى لوحة تحكم الصفحات إضغط على "صفحة جديدة".</span></div><div style="background-color: white; border: 0px none; margin: 0px; padding: 0px; vertical-align: top;"><span style="font-size: medium;"><br /></span></div><div style="background-color: white; border: 0px none; margin: 0px; padding: 0px; vertical-align: top;"><span style="font-size: medium;">كل ما عليك لإضافة نموذج اتصل بنا هو التوجه إلى الصفحة التي تم إنشائها ثم قم بتغيير طريقة العرض من "<b style="border: 0px none; margin: 0px; padding: 0px; vertical-align: top;">تأليف</b>" إلى "<b style="border: 0px none; margin: 0px; padding: 0px; vertical-align: top;">HTML</b>" ثم قم بمسح ما بدخله وضع فيها الكود التالي، لا تنسى تغيير الرقم <b style="border: 0px none; margin: 0px; padding: 0px; text-align: left; vertical-align: top;">4371357773824486577 بالرقم الخاص بمدونتك </b>وقم بحفظ الصفحة.</span></div><div style="background-color: white; border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"><br /></div><div class="cod-rd" style="background: rgb(205, 2, 2); border-bottom-color: rgb(66, 66, 66); border-image: initial; border-left-color: initial; border-right-color: initial; border-style: solid none; border-top-color: rgb(66, 66, 66); border-width: 11px 0px; color: white; font-family: monospace; font-size: 18px; font-weight: bold; height: 300px; line-height: 2; margin: 0px; overflow: auto; padding: 14px 11px; text-align: right; vertical-align: top;"><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"><link href='//fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet'/><br /><script></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">var blogId = '<b style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">4371357773824486577</b>';</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">//The below message 5 Strings can also be edited</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">var contactFormMessageSendingMsg ='جاري الارسال...';</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">var contactFormMessageSentMsg = 'تم ارسال رسالتك بنجاح.';</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">var contactFormMessageNotSentMsg = 'تعذر إرسال الرسالة. الرجاء معاودة المحاولة في وقت لاحق.';</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">var contactFormEmptyMessageMsg ='صندوق الرسالة لا يمكن أن يكون فارغا.';</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">var contactFormInvalidEmailMsg = 'ادخل بريد إلكتروني صحيح.'</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"><br /></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">var widgetLoaded=false;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">function sendEmailMsg() {</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">if(widgetLoaded== false) {</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': contactFormMessageSendingMsg , 'contactFormMessageSentMsg': contactFormMessageSentMsg , 'contactFormMessageNotSentMsg': contactFormMessageNotSentMsg , 'contactFormInvalidEmailMsg': contactFormInvalidEmailMsg , 'contactFormEmptyMessageMsg': contactFormEmptyMessageMsg , 'title': 'Contact Form', 'blogId': blogId, 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">widgetLoaded=true;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">document.getElementById('ContactForm1_contact-form-submit').click();</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">return true;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"></script></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"><br /></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"><style type="text/css"></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">.login-body{</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    direction: rtl;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    background: <b style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"><span style="border: 0px none; color: yellow; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">#f93c64</span></b>;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    display: -webkit-box;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    margin: 10px;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    border-radius: 5px;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">font-family: Droid Arabic Kufi;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"><br /></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"> }</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">.login-01{</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  width:85%;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  margin:5% auto 3%;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">form {</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">   padding: 0% 1%;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">form li.first,li.second{</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  border:none;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  list-style:none;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  margin-bottom:10px;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  width:100%;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">.icon,.icon2  {</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  height:55px;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  width:55px;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">vertical-align: top;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  display: -webkit-inline-box;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  border-top-right-radius: 0.3em;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  -o-border-top-right-radius: 0.3em;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  -moz-border-top-right-radius: 0.3em;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  -webkit-border-top-right-radius: 0.3em;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  border-border-bottom-right-radius: 0.3em;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  -o-border-bottom-right-radius: 0.3em;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  -moz-border-bottom-right-radius: 0.3em;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  -webkit-border-bottom-right-radius: 0.3em;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">.user1 {</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    background: url(https://p.w3layouts.com/demos/pink_contact_form/web/images/icons.png) no-repeat 14px 15px #f79d29;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">.email{</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  background:url(https://p.w3layouts.com/demos/pink_contact_form/web/images/icons.png) no-repeat 15px -39px #f79d29;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">.msg{</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  background: url(https://p.w3layouts.com/demos/pink_contact_form/web/images/msg.png) no-repeat 16px 16px #f79d29;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">li.first:hover .user1{</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">     background: url(https://p.w3layouts.com/demos/pink_contact_form/web/images/icons.png) no-repeat 14px 15px #DB2048;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">li.first:hover .email{</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  background:url(https://p.w3layouts.com/demos/pink_contact_form/web/images/icons.png) no-repeat 15px -39px #DB2048;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">li.second:hover .msg {</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  background: url(https://p.w3layouts.com/demos/pink_contact_form/web/images/msg.png) no-repeat 16px 16px #DB2048;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">/*-----*/</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">input[type="text"],form textarea {</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    width: 77%;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    padding: 1.13em 1em 1.13em 1em;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    color: #858282;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    font-size: 17px;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    outline: none;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    height: 16.2px;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    background: #fff;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    font-weight: 500;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    border: none;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    font-family: inherit;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    border-top-left-radius: 0.3em;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    -o-border-top-left-radius: 0.3em;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    -moz-border-top-left-radius: 0.3em;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    -webkit-border-top-left-radius: 0.3em;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    border-border-bottom-left-radius: 0.3em;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    -o-border-bottom-left-radius: 0.3em;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    -moz-border-bottom-left-radius: 0.3em;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    -webkit-border-bottom-left-radius: 0.3em;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  }</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  .button{</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"><br /></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  }</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">form textarea {</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  resize: none;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  height: 140px;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">.login-01 input[type="button"]{</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  font-size: 17px;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  font-weight: 300;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  color: #fff;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    font-family: inherit;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  cursor: pointer;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  outline: none;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  padding: 5px 10px;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  width: 25%;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  border: 2px solid #F79D29;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  float: left;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  background: #F79D29;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  border-radius: 0.3em;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  -o-border-radius: 0.3em;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  -webkit-border-radius: 0.3em;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  -moz-border-radius: 0.3em;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  margin-right:2.85em;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">input[type="button"]:hover{</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">-webkit-transform: rotate(4deg);</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  transform: rotate(4deg);</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  -o-transform: rotate(4deg);</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  -moz-transform: rotate(4deg);</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">li.lost {</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  margin-bottom: 21px;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">/*---------------*/</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">.copy-right {</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  text-align: center;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  margin: 2em 0;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">.copy-right p {</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"> color: #fff;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"> font-size: 1em;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"> font-weight:400;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">.copy-right p a {</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"> color:#fff;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">.copy-right p a:hover {</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"> text-decoration: underline;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">.login-body .contact-form-email-message{</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    height: 106px;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">.login-body .contact-form-error-message-with-border{</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    background: #c73352;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">.login-body .contact-form-success-message{</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    background: #c73352;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">.login-body .contact-form-error-message-with-border,.all-emil contact-form-success-message{</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    color: #fff;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    padding: 3px 0px;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    border-radius: 4px;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    margin: 10px 0 0 0;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    clear: both;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">.login-body .contact-form-error-message-with-border img,.all-emil contact-form-success-message img{</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">cursor: pointer;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    float: right;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    padding: 0px 3px 0px 0;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">/*-----start-responsive-design------*/</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">@media (max-width:1440px){</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  .login-01 input[type="button"]{</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  margin-right:1.85em;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  }</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"><br /></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">@media (max-width:1366px){</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  .login-01 input[type="button"]{</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  margin-right: 1.6em;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  }</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">   </div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">@media (max-width:1280px){</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">   .login-01 {</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    width: 40%;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    margin:5% auto 5%;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  }</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  body h1 {</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  font-size: 2.7em;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"><br /></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">@media (max-width:1024px){</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  .login-01 {</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  width: 45%;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"> body h1 {</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  font-size: 2.5em;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"><br /></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">@media (max-width:768px){</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  .login-01 {</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  width: 63%;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"> body h1 {</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  font-size: 2.3em;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">@media (max-width:640px){</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  .login-01 {</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  width: 73%;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  }</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  body h1 {</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  font-size: 2.1em;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">@media (max-width:480px){</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">   .login-01 {</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    width: 85%;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"> }</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  .copy-right p {</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    font-size: 0.9em;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  }</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">input[type="text"], form textarea{</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"> height: 14.2px;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">form textarea {</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    height: 140px;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">   input[type="text"], form textarea {</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  width: 77%;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  padding: 1em 1em 1em 1em;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"><br /></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  }</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  .icon, .icon2 {</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  height: 48px;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  width: 48px;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  }</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  .user1 {</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    background: url(https://p.w3layouts.com/demos/pink_contact_form/web/images/icons.png) no-repeat 11px 12px #f79d29;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">      background-size: 45%;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">.email{</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  background:url(https://p.w3layouts.com/demos/pink_contact_form/web/images/icons.png) no-repeat 12px -36px #f79d29;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    background-size: 45%;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">.msg{</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  background: url(https://p.w3layouts.com/demos/pink_contact_form/web/images/msg.png) no-repeat 14px 11px #f79d29;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    background-size: 45%;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">li.first:hover .user1{</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">     background: url(https://p.w3layouts.com/demos/pink_contact_form/web/images/icons.png) no-repeat 11px 9px #DB2048;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">      background-size: 45%;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">li.first:hover .email{</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  background:url(https://p.w3layouts.com/demos/pink_contact_form/web/images/icons.png) no-repeat 12px -36px #DB2048;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">   background-size: 45%;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">li.second:hover .msg {</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  background: url(https://p.w3layouts.com/demos/pink_contact_form/web/images/msg.png) no-repeat 14px 11px #DB2048;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">   background-size: 45%;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">form li.first, li.second {</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  margin-bottom: 5px;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  }</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"><br /></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">@media (max-width:600px){</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">.login-01 {</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    width: 100%;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">input[type="text"], form textarea {</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    width: 65%;</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">}</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"><br /></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  }</div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"><br /></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"><br /></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"></style></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"> <div class="login-body"></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"><br /></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"> <div class="login-01"></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">   <form name="contact-form"></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    <ul></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    <li class="first"></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">     <a class=" icon user1"></a><input id="ContactForm1_contact-form-name" type="text"  name="name" class="text" value="" placeholder="الأسم"></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">     <div class="clear"></div></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    </li></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    <li class="first"></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">     <a  class=" icon email"></a><input id="ContactForm1_contact-form-email" type="text" name="email" class="text"  value="" placeholder="البريد الالكتروني"></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">     <div class="clear"></div></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    </li></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    <li class="second"></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    <a class=" icon msg"></a><textarea id="ContactForm1_contact-form-email-message" value="Message" placeholder="محتوى الرسالة" name="email-message" ></textarea></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    <div class="clear"></div></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">    </li></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">   </ul></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">   <input id="ContactForm1_contact-form-submit" type="button" onclick="sendEmailMsg()" value="إرسال"></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">   <div class="clear"></div></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"><br /></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"><div style="max-width: 450px; text-align: center; width: 100%;margin: 3px auto;"></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"><div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"></div></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"><div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"></div></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"></div></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  </form></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;">  </div></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"><div style="visibility: collapse; opacity: 0;" ><a href='https://ezzeldin-ahmed.blogspot.com/'>Ezzeldin Ahmed</a></div></div><div style="border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"></div></div></div><div style="background-color: white; border: 0px none; font-size: inherit; margin: 0px; padding: 0px; vertical-align: top;"><br /></div><div style="border: 0px none; margin: 0px; padding: 0px; vertical-align: top;"><span style="background-color: red; color: white; font-size: medium;">ومبروك عليك نموذج اتصال بلوجر المطور.</span></div></div></div></div>

نموذج اتصال بلوجر المطور صفحة اتصل بنا جاهزة قالب اتصل بنا html Blogger

شرح طريقة إضافة نموزج اتصل بنا بدون اخطاء وسهل التركيب لمدونات بلوجرنشرح لك اليوم طريقة إضافة نموذج اتصال في صفحة مستقلة بشكل مميز وبطريقة سهلة وبسيطة، يمكن الزوار من التواصل معك بسهولة وبشكل مرتب وبس…

مزيد من المعلومات »