نموذج اتصل بنا

غير الصوره وروابط التواصل الاجتماعي

<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="contact_form">
<div class="contact_form-left">
<div class="form" style="float: left;">
اكتب رساله
<br />
<div class="widget ContactForm" id="ContactForm2">
<div class="contact-form-widget">
<div class="form">
<form name="contact-form">
اسمك
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
ايميلك
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
رسالتك
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>

<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="ارسال" />
<br />
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="contact_form-right">
<div style="float: left;">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="asidebar" style="clear: both; text-align: left;">
<a href="http://www.compromath.com/p/about.html" imageanchor="1"><img border="0" src="https://lh3.googleusercontent.com/ZpCE7O8VdrvQSiIT3_wTE-TKWpmhJsZ1q8EEr4QeGg5HYf0CaoHopQJM7PR2hNUXw9Xm=w300" /></a></div>
</div>
</div>
<div class="contact-social-title">
مشاركه على مواقع التواصل الاجتماعي</div>
<div class="contact-social">
<ul>
<li title="Be Facebook Fan"><a href="https://www.facebook.com/creatviejo/" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSt3YKi_VoO_m7fzJadcRzQ76pKtPx3Sp6O3pbWdyDUmPTfQeycGEMOhq05RMYzyak4QGz_ucaoUxUzltq3vUiOKuUg1AJ-x6bXGuk_xzZaCa8JlYWhlJpBc4QSh_E21cYbKqFJu6w3H6W/s1600/facebook+icon.png" /></a></li>
<li title="Follow on Twitter"><a href="https://mobile.twitter.com/savantmomani" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp_rbxotPjkRIVP6gaFfkuXiI3svgMM04v1DKJbrCbnRbjARw29nNBToTkHZAXvA-CGKV9WYmYTW326t4YLIhgTGAlLQGWWp_AVk5lnkbH-CKsRn90_Cw81ptyzdGRrIY5SpQr9PkvF91k/s1600/twitter+icon.png" /></a></li>
<li title="Follow on Google Plus"><a href="https://plus.google.com/105632250592239999175" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOIVqe00eCLBrXT2d27pNsr1bQK0TdsRb5t5B9pQS6f7dEIxNwIlb4TNR5HnFrHBsCouHWldLGhFOZW1EnLeFMWR5qknoQlPa4iD7qj7A2bhUWT8tA4fpsePCueMAQZtjDZVkimD8uUz6F/s1600/google+plus+icon.png" /></a></li>
<li title="Connection on Linkedin"><a href="https://www.linkedin.com/in/belal-momani-39ba9a130"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVhvk6num-rd9V0X3d05nlRObmExZBXfBQMGkQ0WihmNyC0YzlfdhN7ObmgRq8a9haBmEFePMV8usTCfto_WLDxar5xn2bJY_N1EpA7M-APrbdLHABTftE-JNgk1gfrZa2Z2QTbkcAi8kT/s1600/linkedin+icon.png" /></a></li>
<li title="Follow on RSS"><a href="https://www.blogger.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsl_lRr8zoJHHR2mtBMwQXCjlAhsm4_Chii0bbLAgTP0aj6hloQVIZvQEkSj6nIFn05TOJe_5sUeYryRubE9R0nje4OXDt7G9DeOLwH3KJQD_vfCR1RjMwe7wnXKaKvflyQH4N7T5J2hY5/s1600/rss+icon.png" /></a></li>
</ul>
</div>
</div>
</div>
<style>
#ContactForm2 {
    background: #6c4475;
}
 
    .contact_form {
    border: 1px solid #f5f5f5;
    padding: 0px 10px 20px 0;
    overflow: hidden;
    background: #d63392;
}
 
.contact_form-left {
    padding: 2%;
    float: left;
    width: 376px;
}
 
.contact_form-right {
    width: 278px;
    float: left;
    padding: 2%;
}
 
    .contact-form-widget {
    margin: 0 auto;
    padding: 5%;
    width: 100%;
    max-width: 100%;
}
 
.contact-form-email-message {
        width: 100%;
        max-width: 100%;
        margin-bottom: 10px;
    }
.form p {
    color: #5cb85c;
}
.asidebar img {
    border-radius: 70px;
    border: 2px solid #949e9e;
    width: 57%;
    padding: 1%;
}
.contact-social {
    float: left;
    background: black;
    padding: 5px;
    width: 250px;
}
.contact-social img {
    max-width: 40px;
}
.contact-social ul {
    list-style: none;
    display: inline;
}
.contact-social ul li {
    float: left;
    padding: 4px;
}
.contact-social ul li a{}
.contact-social-title p {
    float: left;
    background: #e51414;
    color: #ffdb00;
    padding: 3px;
}
</style></div>