Basic listing, step 1 - Company information

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Basic listing, step 1 - Company information</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <meta http-equiv="content-language" content="en"/> <meta name="keywords" content=""/> <meta name="author" content="tebranet"/> <meta name="robots" content="noindex,follow"/> <link rel="shortcut icon" href="https://www.opendi.co.uk/favicon.ico" type="image/ico"/> <link rel="stylesheet" media="all" type="text/css" href="//static.opendi.com/_css/screen_v2.4.8.css"/> <style type="text/css">  </style> <link rel="stylesheet" media="all" type="text/css" href="https://fonts.googleapis.com/css?family=Raleway:100"/> <script src="https://code.jquery.com/jquery-1.12.4.min.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="https://code.jquery.com/ui/1.8.24/themes/base/jquery-ui.css"/> <script src="https://code.jquery.com/ui/1.8.24/jquery-ui.min.js" type="text/javascript"></script> <link href='//fonts.googleapis.com/css?family=Shadows+Into+Light+Two' rel='stylesheet' type='text/css'>  <script>(function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-WC2QSRD');</script>  </head> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WC2QSRD" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="wrap" class="cf"> <ul id="breadcrumb" itemprop="breadcrumb"> <li class="fI"><a href="https://www.opendi.co.uk/">Business Pages</a></li> <li>> Register now</li> </ul> <div id="main" class="cf"> <div id="header" class="cf"> <a class="hL" href="https://www.opendi.co.uk/"><img src="//static.opendi.com/ng/logo_small.png" alt="Opendi Logo" height="40" style="margin-top: 20px" /></a> <h1><em>Open</em>di United Kingdom</h1> </div> <div id="content" class="cf position-relative"> <div > <h2 class="basis"> Basic listing on Opendi </h2> <p class="basisDesc">Draw attention to your business and benefit from the enormous exposure provided by our website.</p> </div> <form method="post" action="" class="newEntry" id="step1"> <fieldset id="companyName"> <legend>Company information</legend> <ul> <li> <label for="company">Company / Organization <em>*</em></label> <input type="text" name="company" id="company" value="" /> <span>Example: Any Company Inc.; John Q. Public & Sons <a class="slideInactive" id="tLink" href="#">Postfix / Slogan </a></span> </li> <li> <div id="altTel" style="display:none;"> <div> <label for="companyExt">Postfix</label> <input type="text" name="companyExt" id="companyExt" value="" /> </div> <div> <label for="slogan">Slogan</label> <input type="text" name="slogan" id="slogan" value="" /> <span>Example: Your number one source of XYZ</span> </div> </div> </li> <li> <label for="companyDesc">Description <em>*</em></label> <textarea name="companyDesc" id="companyDesc" rows="5" cols="10"></textarea> <span>Describe what your company does. Your description should be at least 140 characters long.</span> </li> </ul> </fieldset> <fieldset id="contactPerson"> <legend>Contact person</legend> <ul> <li class="geschlecht"> <label for="weiblich">Ms./Mrs.</label> <input type="radio" name="sex" id="weiblich" value="weiblich" /> <label for="maennlich">Mr.</label> <input type="radio" name="sex" id="maennlich" value="maennlich" /> </li> <li> <label for="title">Title</label> <input class="title" type="text" name="title" id="title" value="" /> <span>Example: Dr.</span> </li> <li> <label for="contactName">Last name, first name <em>*</em></label> <input type="text" name="contactName" id="contactName" value="" /> </li> </ul> </fieldset> <input type="hidden" name="eintragId" value="" /> <input type="hidden" name="fs" value="true" /> <input class="submitOK" type="submit" name="senden" value="Next" /> </form> <div id="formAd"> <form method="get" action="#"> <fieldset> <legend>Listing on Opendi</legend> <p class="pA">Reach more than 3 million visitors every month and make sure that you are easy to find. See your clientele grow.</p> <h2>The benefits of having a listing on OpendiUnited Kingdom</h2> <p class="pA">Increase your exposure on the web through:</p> <ul> <li>Your company profile</li> <li>A link to your website</li> <li>Recommendations and reviews</li> </ul> <h2 class="hEnd">Adding your listing on Opendi is completely free of charge!</h2> </fieldset> </form> </div> </div> <div id="footer"> <ul> <li class="fI"><a href="https://www.opendi.co.uk/content/contact_information.html">Company and Legal Information</a></li> <li><a target="_blank" href="https://www.opendi.co.uk/content/datenschutz.html">Privacy Policy</a></li> </ul> </div> <script type="text/javascript"> function toggleSlide(e,n){var t=$("#"+e),a=$("#"+n);t.is(":hidden")?(t.slideDown("fast"),a.removeClass("slideInactive").addClass("slideActive")):(t.hide(),a.removeClass("slideActive").addClass("slideInactive"))}function getBranchen(){timeout&&window.clearTimeout(timeout),currentSearch=$("#branchensuche").val(),lastSearch!=currentSearch&&($("#loading").show(),$("#branchenwahl").attr("disabled","disabled"),$.getJSON("/xhr/",{action:"filterIndustry",string:currentSearch},processData),lastSearch=currentSearch)}function processData(e,n){$("#branchenwahl").children().remove(),$.each(e,function(e,n){$("#branchenwahl").append('<option value="'+n.id+'">'+n.name+"</option>")}),$("#branchenwahl").removeAttr("disabled"),$("#loading").toggle()}function chooseBranche(){brancheId=this.options[this.selectedIndex].value,branche=this.options[this.selectedIndex].text,gotIt=!1,num=$("#branchenAusgabe").children().length,num<3?(num++,$.each($("#branchenIds input"),function(e,n){if(n.value==brancheId)return!(gotIt=!0)}),0==gotIt&&($("#branchenAusgabe").append("<li><span>"+branche+'</span> <a href="#" id="del'+brancheId+'">[ - ]</a></li>'),$("#del"+brancheId).click(dropBranche),$("#branchenIds").append('<input type="hidden" name="branche_'+num+'" id="branchedel'+brancheId+'" value="'+brancheId+'" />'))):$(".warning").show()}function dropBranche(){return $("#"+this.id).parent().remove(),$("#branche"+this.id).remove(),!1}$(document).ready(function(){$(".warning").click(function(){$(this).hide()}),timeout=null,lastSearch="",$("#branchenIds input").each(function(e,n){$("#del"+$(n).val()).click(dropBranche)}),$.fn.exists=function(){return 0<$(this).length},$("#tLink").click(function(){return toggleSlide("altTel","tLink"),!1}),$("#tEmail").click(function(){return toggleSlide("emailPrivContainer","tEmail"),!1}),$("#branchensuche").exists()&&($("#branchensuche").focus(),$("#branchensuche").keydown(function(e){timeout&&window.clearTimeout(timeout),timeout=window.setTimeout("getBranchen()",500)}),$("#branchenwahl").click(chooseBranche));var c={};$("#zip").autocomplete({minLength:2,source:function(e,a){var i=e.term;i in c?a(c[i]):r=$.getJSON("/xhr/suggestLocPlz/",e,function(e,n,t){c[i]=e,t===r&&a(e)})}});var r;c={};$("#city").autocomplete({minLength:2,source:function(e,a){var i=e.term;e.paramZip=$("#zip").val(),i in c?a(c[i]):r=$.getJSON("/xhr/suggestLocOrt/",e,function(e,n,t){c[i]=e,t===r&&a(e)})}}),$("#ortsteil").autocomplete({minLength:1,source:function(e,a){var i=e.term;e.paramZip=$("#zip").val(),i in c?a(c[i]):r=$.getJSON("/xhr/suggestLocOrtsteil/",e,function(e,n,t){c[i]=e,t===r&&a(e)})}})});</script>  </body> </html>

CINXE.COM

Basic listing, step 1 - Company information