<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Styles</title>

<link rel="stylesheet" type="text/css" href="tango/styles.css">
</head>
<body>


<!-- Form start here -->

<form id="filemanager-3" class="nm-filemanager-form">
<div id="nm-filemanager-box-3" class="nm-filemanager-box"><input type="hidden" name="_form_id" value="3"><input type="hidden" name="_sender_email" value="sales@najeebmedia.com"><input type="hidden" name="_sender_name" value="N-Media"><input type="hidden" name="_subject" value="Simple Form Demo"><input type="hidden" name="_receiver_emails" value="ceo@najeebmedia.com"><input type="hidden" name="_send_file_as" value="attachment"><input type="hidden" name="_photo_editing" value=""><input type="hidden" name="_aviary_api_key" value=""><input type="hidden" name="_success_message" value=""><input type="hidden" name="_error_message" value="">
<p style="width: 19%; margin-right: 1%"><label for="title">Title<span class="show_description">Select title</span> </label> <br>
<select id="title" name="title" data-req="" data-message="" style="width: 100%; padding: 0px;">
<option value="">Select option</option>
<option value="Dr.">Dr.</option>
<option value="Mr." selected="selected">Mr.</option>
<option value="Miss.">Miss.</option>
<option value="Sr.">Sr.</option>
</select>
</p><p><span class="errors"></span></p>
<p style="width: 39%; margin-right: 1%"><label for="firstname">First Name<span class="show_required"> *</span><span class="show_description">Type your first name</span> </label> <br><input type="text" name="firstname" id="firstname" value="" data-type="text" data-req="on" data-message="First name is required" style="width: 100%; padding: 0px;"><span class="errors"></span></p>
<p style="width: 39%; margin-right: 1%"><label for="lastname">Last name<span class="show_required"> *</span><span class="show_description">Type your last name</span> </label> <br><input type="text" name="lastname" id="lastname" value="" data-type="text" data-req="on" data-message="Last name is required" style="width: 100%; padding: 0px;"><span class="errors"></span></p>
<div style="clear:both; margin: 0;"></div>
<p style="width: 49%; margin-right: 1%"><label for="email">Email<span class="show_description">Type a valid email</span> </label> <br><input type="email" id="email" name="email" value="" data-type="email" data-req="" data-sendemail="on" data-message="" style="width: 100%; padding: 0px;"><span class="errors"></span></p>
<p style="width: 49%; margin-right: 1%"><label for="telephone">Telephone<span class="show_description">Type a valid number e.g: +92 2222 222</span> </label> <br><input type="text" name="telephone" id="telephone" value="" data-type="text" data-req="" data-message="" style="width: 100%; padding: 0px;"><span class="errors"></span></p>
<div style="clear:both; margin: 0;"></div>
<p style="width: 99%; margin-right: 1%"><label for="comments">Any comments<span class="show_description">Any comments you want to send us</span> </label> <br><textarea id="comments" style="width: 100%; height: 70px; padding: 0px;" name="comments" data-req="" data-message="" wrap="physical"></textarea><span class="errors"></span></p>
<div style="clear: both"></div>

<p style="width: 99%; margin-right: 1%"><label for="sports">Favorit sport<span class="show_required"> *</span><span class="show_description">Check your favorit sports (at least 2)</span> </label> <br><label for="f-meta-Football"> <input type="checkbox" value="Football" id="f-meta-Football" name="sports[]" data-req="on" data-message="please select at least two sports">Football</label><label for="f-meta-Tennis"> <input type="checkbox" value="Tennis" id="f-meta-Tennis" name="sports[]" data-req="on" data-message="please select at least two sports">Tennis</label><label for="f-meta-Boxing"> <input type="checkbox" value="Boxing" id="f-meta-Boxing" name="sports[]" data-req="on" data-message="please select at least two sports">Boxing</label><label for="f-meta-Cycling"> <input type="checkbox" value="Cycling" id="f-meta-Cycling" name="sports[]" data-req="on" data-message="please select at least two sports">Cycling</label><label for="f-meta-Boxing"> <input type="checkbox" value="Boxing" id="f-meta-Boxing" name="sports[]" data-req="on" data-message="please select at least two sports">Boxing</label><label for="f-meta-Basket ball"> <input type="checkbox" value="Basket ball" id="f-meta-Basket ball" name="sports[]" data-req="on" data-message="please select at least two sports">Basket ball</label><label for="f-meta-Badminton"> <input type="checkbox" value="Badminton" id="f-meta-Badminton" name="sports[]" data-req="on" data-message="please select at least two sports">Badminton</label><span class="errors"></span></p>

<p style="width: 99%; margin-right: 1%"><label for="sports">Favorit sport<span class="show_required"> *</span><span class="show_description">Check your favorit sports (at least 2)</span> </label> <br><label for="f-meta-Football"> <input type="radio" value="Football" id="f-meta-Football" name="sports[]" data-req="on" data-message="please select at least two sports">Football</label><label for="f-meta-Tennis"> <input type="radio" value="Tennis" id="f-meta-Tennis" name="sports[]" data-req="on" data-message="please select at least two sports">Tennis</label><label for="f-meta-Boxing"> <input type="radio" value="Boxing" id="f-meta-Boxing" name="sports[]" data-req="on" data-message="please select at least two sports">Boxing</label><label for="f-meta-Cycling"> <input type="radio" value="Cycling" id="f-meta-Cycling" name="sports[]" data-req="on" data-message="please select at least two sports">Cycling</label><label for="f-meta-Boxing"> <input type="radio" value="Boxing" id="f-meta-Boxing" name="sports[]" data-req="on" data-message="please select at least two sports">Boxing</label><label for="f-meta-Basket ball"> <input type="radio" value="Basket ball" id="f-meta-Basket ball" name="sports[]" data-req="on" data-message="please select at least two sports">Basket ball</label><label for="f-meta-Badminton"> <input type="radio" value="Badminton" id="f-meta-Badminton" name="sports[]" data-req="on" data-message="please select at least two sports">Badminton</label><span class="errors"></span></p>

</div>
<p class="filemanager-save-button"><input type="submit" class="" value="Submit Form"></p>
<p><span id="nm-sending-form"></span><input type="hidden" id="nm_filemanager_nonce" name="nm_filemanager_nonce" value="960c786383"><input type="hidden" name="_wp_http_referer" value="/demo-of-simple-contact-form/"></p></form>

</body>
</html>