|
|
@@ -1,39 +1,39 @@
|
|
|
-<!DOCTYPE html>
|
|
|
-<html>
|
|
|
- <head>
|
|
|
- <meta charset="utf-8">
|
|
|
- <title></title>
|
|
|
- <script src="/lanhu-bootstrap/js/jquery-1.9.1.min.js"></script>
|
|
|
- <script src="/lanhu-bootstrap/js/jquery.validate.min.js"></script>
|
|
|
+<!DOCTYPE html>
|
|
|
+<html>
|
|
|
+ <head>
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <title></title>
|
|
|
+ <script src="/lanhu-bootstrap/js/jquery-1.9.1.min.js"></script>
|
|
|
+ <script src="/lanhu-bootstrap/js/jquery.validate.js"></script>
|
|
|
<script src="/lanhu-bootstrap/assets/js/language_validator.js"></script>
|
|
|
|
|
|
<script src="/lanhu-bootstrap/js/jquery.i18n.properties.js"></script>
|
|
|
|
|
|
- <link rel="stylesheet" href="/lanhu-bootstrap/css/head.css">
|
|
|
- <script src="/lanhu-bootstrap/assets/js/company-register.js"></script>
|
|
|
-
|
|
|
- </head>
|
|
|
- <body>
|
|
|
- <div id="head"></div>
|
|
|
- <script>
|
|
|
- $(function() {
|
|
|
- $("#head").load("../head.html");
|
|
|
- })
|
|
|
- </script>
|
|
|
+ <link rel="stylesheet" href="/lanhu-bootstrap/css/head.css">
|
|
|
+ <script src="/lanhu-bootstrap/assets/js/company-register.js"></script>
|
|
|
+
|
|
|
+ </head>
|
|
|
+ <body>
|
|
|
+ <div id="head"></div>
|
|
|
+ <script>
|
|
|
+ $(function() {
|
|
|
+ $("#head").load("../head.html");
|
|
|
+ })
|
|
|
+ </script>
|
|
|
<main class="jpmain">
|
|
|
<form id="form" >
|
|
|
-
|
|
|
- <div class=" jpcontainer">
|
|
|
+
|
|
|
+ <div class=" jpcontainer">
|
|
|
<style>
|
|
|
-
|
|
|
- dt {
|
|
|
- margin-top: 20px;
|
|
|
- }
|
|
|
-
|
|
|
- dd {
|
|
|
- margin-top: 20px;
|
|
|
- margin-bottom: 20px;
|
|
|
- }
|
|
|
+
|
|
|
+ dt {
|
|
|
+ margin-top: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ dd {
|
|
|
+ margin-top: 20px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ }
|
|
|
|
|
|
input,
|
|
|
textarea,.form-control,.input-group-addon {
|
|
|
@@ -44,130 +44,130 @@
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
-
|
|
|
- input,
|
|
|
- textarea {
|
|
|
- border-width: 0;
|
|
|
- height: 48px;
|
|
|
- border-radius: 8px;
|
|
|
- background-color: rgba(239, 241, 244, 1);
|
|
|
- width: 100%;
|
|
|
- padding-left: 20px;
|
|
|
- }
|
|
|
-
|
|
|
- .btn-group {
|
|
|
- width: 100%;
|
|
|
- height: 48px;
|
|
|
- }
|
|
|
-
|
|
|
- .btn-group>.btn {
|
|
|
- width: 80%;
|
|
|
- height: 48px;
|
|
|
- }
|
|
|
-
|
|
|
- .btn-group>.dropdown-toggle {
|
|
|
- width: 20%;
|
|
|
- height: 48px;
|
|
|
- }
|
|
|
- </style>
|
|
|
- <div class="row-fluid">
|
|
|
- <div class="span12">
|
|
|
- <dl>
|
|
|
- <dt class="jph2">
|
|
|
- Company profile
|
|
|
-
|
|
|
- </dt>
|
|
|
- <dd>
|
|
|
- This information will be displayed on the company homepage
|
|
|
- </dd>
|
|
|
- <dt class="jph3">
|
|
|
- Company logo
|
|
|
- </dt>
|
|
|
- <dd>
|
|
|
- <button id="uploadButton" type="button" class="btnUpload" style="
|
|
|
- width: 85px;
|
|
|
- height: 85px;
|
|
|
- border: 0px;
|
|
|
- background: url(/lanhu-bootstrap/assets/img/company_add_logo.png);"></button>
|
|
|
-
|
|
|
-
|
|
|
- <input id="imagePic" name="imagePic" type="file"
|
|
|
- accept=".bmp,.jpg,.png,.jpeg,image/bmp,image/jpg,image/png,image/jpeg"
|
|
|
- style="display:none" />
|
|
|
-
|
|
|
-
|
|
|
- <!-- <img style="vertical-align: bottom;"
|
|
|
- src="/lanhu-bootstrap/assets/img/company_add_logo.png"> -->
|
|
|
- <span style="
|
|
|
- position: relative;
|
|
|
- bottom: -30px;
|
|
|
-">（png，jpg，gif）</span>
|
|
|
- </dd>
|
|
|
-
|
|
|
- <dt class="jph3">
|
|
|
- Company name
|
|
|
- </dt>
|
|
|
- <dd>
|
|
|
- <input required type="text" placeholder="Enter company name" />
|
|
|
- </dd>
|
|
|
-
|
|
|
- </dl>
|
|
|
-
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="row-fluid">
|
|
|
- <div class="span6">
|
|
|
- <dt class="jph3">
|
|
|
- Contact person name
|
|
|
- </dt>
|
|
|
- <dd>
|
|
|
- <input required type="text" placeholder="your name" />
|
|
|
- </dd>
|
|
|
- </div>
|
|
|
- <div class="span6">
|
|
|
- <dt class="jph3">
|
|
|
- Title region
|
|
|
- </dt>
|
|
|
- <dd>
|
|
|
- <input required type="text" placeholder="title region" />
|
|
|
- </dd>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="row-fluid">
|
|
|
- <div class="span12">
|
|
|
- <div class="row-fluid">
|
|
|
- <div class="span6">
|
|
|
- <dt class="jph3">
|
|
|
- Contact number
|
|
|
- </dt>
|
|
|
- <dd id="contact_number" >
|
|
|
- <div class="row-fluid" style=" margin-top: 4px;" >
|
|
|
-
|
|
|
- <div class="span4">
|
|
|
- <div class="btn-group">
|
|
|
- <button class="btn "><span class="showqu"></span></button> <button data-toggle="dropdown"
|
|
|
- class="btn dropdown-toggle"><span class="caret"></span></button>
|
|
|
- <ul class="dropdown-menu showqulist" >
|
|
|
-
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="span8">
|
|
|
- <input required number="true" type="text" placeholder="enter Contact number" />
|
|
|
+
|
|
|
+ input,
|
|
|
+ textarea {
|
|
|
+ border-width: 0;
|
|
|
+ height: 48px;
|
|
|
+ border-radius: 8px;
|
|
|
+ background-color: rgba(239, 241, 244, 1);
|
|
|
+ width: 100%;
|
|
|
+ padding-left: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .btn-group {
|
|
|
+ width: 100%;
|
|
|
+ height: 48px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .btn-group>.btn {
|
|
|
+ width: 80%;
|
|
|
+ height: 48px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .btn-group>.dropdown-toggle {
|
|
|
+ width: 20%;
|
|
|
+ height: 48px;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+ <div class="row-fluid">
|
|
|
+ <div class="span12">
|
|
|
+ <dl>
|
|
|
+ <dt class="jph2">
|
|
|
+ Company profile
|
|
|
+
|
|
|
+ </dt>
|
|
|
+ <dd>
|
|
|
+ This information will be displayed on the company homepage
|
|
|
+ </dd>
|
|
|
+ <dt class="jph3">
|
|
|
+ Company logo
|
|
|
+ </dt>
|
|
|
+ <dd>
|
|
|
+ <button id="uploadButton" type="button" class="btnUpload" style="
|
|
|
+ width: 85px;
|
|
|
+ height: 85px;
|
|
|
+ border: 0px;
|
|
|
+ background: url(/lanhu-bootstrap/assets/img/company_add_logo.png);"></button>
|
|
|
+
|
|
|
+
|
|
|
+ <input id="imagePic" name="imagePic" type="file"
|
|
|
+ accept=".bmp,.jpg,.png,.jpeg,image/bmp,image/jpg,image/png,image/jpeg"
|
|
|
+ style="display:none" />
|
|
|
+
|
|
|
+
|
|
|
+ <!-- <img style="vertical-align: bottom;"
|
|
|
+ src="/lanhu-bootstrap/assets/img/company_add_logo.png"> -->
|
|
|
+ <span style="
|
|
|
+ position: relative;
|
|
|
+ bottom: -30px;
|
|
|
+">（png，jpg，gif）</span>
|
|
|
+ </dd>
|
|
|
+
|
|
|
+ <dt class="jph3">
|
|
|
+ Company name
|
|
|
+ </dt>
|
|
|
+ <dd>
|
|
|
+ <input required type="text" name="companyName" placeholder="Enter company name" />
|
|
|
+ </dd>
|
|
|
+
|
|
|
+ </dl>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row-fluid">
|
|
|
+ <div class="span6">
|
|
|
+ <dt class="jph3">
|
|
|
+ Contact person name
|
|
|
+ </dt>
|
|
|
+ <dd>
|
|
|
+ <input required type="text" name="personName" placeholder="your name" />
|
|
|
+ </dd>
|
|
|
+ </div>
|
|
|
+ <div class="span6">
|
|
|
+ <dt class="jph3">
|
|
|
+ Title region
|
|
|
+ </dt>
|
|
|
+ <dd>
|
|
|
+ <input required name="region" type="text" placeholder="title region" />
|
|
|
+ </dd>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row-fluid">
|
|
|
+ <div class="span12">
|
|
|
+ <div class="row-fluid">
|
|
|
+ <div class="span6">
|
|
|
+ <dt class="jph3">
|
|
|
+ Contact number
|
|
|
+ </dt>
|
|
|
+ <dd id="contact_number" >
|
|
|
+ <div class="row-fluid" style=" margin-top: 4px;" >
|
|
|
+
|
|
|
+ <div class="span4">
|
|
|
+ <div class="btn-group">
|
|
|
+ <button class="btn "><span class="showqu"></span></button> <button data-toggle="dropdown"
|
|
|
+ class="btn dropdown-toggle"><span class="caret"></span></button>
|
|
|
+ <ul class="dropdown-menu showqulist" >
|
|
|
+
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
-
|
|
|
- </div>
|
|
|
- </dd>
|
|
|
+ <div class="span8">
|
|
|
+ <input required name="contactNumber" number="true" type="text" placeholder="enter Contact number" />
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </dd>
|
|
|
<dd>
|
|
|
|
|
|
-
|
|
|
+
|
|
|
<button
|
|
|
id="contact_number_add"
|
|
|
- style="
|
|
|
- width: 50px;
|
|
|
- height: 50px;
|
|
|
- border: 0px;
|
|
|
- background: url(/lanhu-bootstrap/assets/img/company_add_icon.png);"></button>
|
|
|
+ style="
|
|
|
+ width: 50px;
|
|
|
+ height: 50px;
|
|
|
+ border: 0px;
|
|
|
+ background: url(/lanhu-bootstrap/assets/img/company_add_icon.png);"></button>
|
|
|
|
|
|
<button
|
|
|
id="contact_number_remove"
|
|
|
@@ -176,25 +176,25 @@
|
|
|
width: 50px;
|
|
|
height: 50px;
|
|
|
border: 0px;"
|
|
|
- >-</button>
|
|
|
-
|
|
|
- </dd>
|
|
|
- </div>
|
|
|
- <div class="span6">
|
|
|
- <dt class="jph3">
|
|
|
- Contact Email
|
|
|
- </dt>
|
|
|
- <dd id="contact_email">
|
|
|
- <input required type="email" placeholder="enter email" style=" margin-bottom: 4px;" />
|
|
|
- </dd>
|
|
|
- <dd>
|
|
|
+ >-</button>
|
|
|
+
|
|
|
+ </dd>
|
|
|
+ </div>
|
|
|
+ <div class="span6">
|
|
|
+ <dt class="jph3">
|
|
|
+ Contact Email
|
|
|
+ </dt>
|
|
|
+ <dd id="contact_email">
|
|
|
+ <input required name="contactEmail" type="email" placeholder="enter email" style=" margin-bottom: 4px;" />
|
|
|
+ </dd>
|
|
|
+ <dd>
|
|
|
<button
|
|
|
id="contact_email_add"
|
|
|
- style="
|
|
|
- width: 50px;
|
|
|
- height: 50px;
|
|
|
- border: 0px;
|
|
|
- background: url(/lanhu-bootstrap/assets/img/company_add_icon.png);"></button>
|
|
|
+ style="
|
|
|
+ width: 50px;
|
|
|
+ height: 50px;
|
|
|
+ border: 0px;
|
|
|
+ background: url(/lanhu-bootstrap/assets/img/company_add_icon.png);"></button>
|
|
|
|
|
|
<button
|
|
|
id="contact_email_remove"
|
|
|
@@ -203,68 +203,68 @@
|
|
|
width: 50px;
|
|
|
height: 50px;
|
|
|
border: 0px;"
|
|
|
- >-</button>
|
|
|
- </dd>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="row-fluid">
|
|
|
- <dt class="jph3">
|
|
|
- Company location <img src="/lanhu-bootstrap/assets/img/SketchPng74b7bc7fc1dbb6dacaa89a92f2f5423720791305c5c272f7d4a347338c12c37f.png">
|
|
|
- </dt>
|
|
|
+ >-</button>
|
|
|
+ </dd>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row-fluid">
|
|
|
+ <dt class="jph3">
|
|
|
+ Company location <img src="/lanhu-bootstrap/assets/img/SketchPng74b7bc7fc1dbb6dacaa89a92f2f5423720791305c5c272f7d4a347338c12c37f.png">
|
|
|
+ </dt>
|
|
|
<dd id="contact_location">
|
|
|
<div class="row-fluid" style=" margin-top: 4px;" >
|
|
|
-
|
|
|
- <div class="span7">
|
|
|
- <div class="span4">
|
|
|
- <div class="btn-group">
|
|
|
- <button class="btn"><span class="showqu1">🇨🇳 China</span></button> <button data-toggle="dropdown"
|
|
|
- class="btn dropdown-toggle"><span class="caret"></span></button>
|
|
|
- <ul class="dropdown-menu showlistLocation1" >
|
|
|
-
|
|
|
-
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
-
|
|
|
- </div>
|
|
|
- <div class="span4">
|
|
|
- <div class="btn-group">
|
|
|
- <button class="btn"><span class="showqu2">province</span></button> <button data-toggle="dropdown"
|
|
|
- class="btn dropdown-toggle"><span class="caret"></span></button>
|
|
|
- <ul class="dropdown-menu showlistLocation2">
|
|
|
-
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
-
|
|
|
- </div>
|
|
|
- <div class="span4">
|
|
|
- <div class="btn-group">
|
|
|
-
|
|
|
- <button class="btn" style="width: 80%;"><span class="showqu3">city</span></button> <button style="width: 20%;"
|
|
|
- data-toggle="dropdown" class="btn dropdown-toggle"><span
|
|
|
- class="caret"></span></button>
|
|
|
- <ul class="dropdown-menu showlistLocation3">
|
|
|
-
|
|
|
-
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
-
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="span5"> <input type="text" placeholder="Avenue …" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </dd>
|
|
|
- <dd>
|
|
|
+
|
|
|
+ <div class="span7">
|
|
|
+ <div class="span4">
|
|
|
+ <div class="btn-group">
|
|
|
+ <button class="btn"><span class="showqu1">🇨🇳 China</span></button> <button data-toggle="dropdown"
|
|
|
+ class="btn dropdown-toggle"><span class="caret"></span></button>
|
|
|
+ <ul class="dropdown-menu showlistLocation1" >
|
|
|
+
|
|
|
+
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="span4">
|
|
|
+ <div class="btn-group">
|
|
|
+ <button class="btn"><span class="showqu2">province</span></button> <button data-toggle="dropdown"
|
|
|
+ class="btn dropdown-toggle"><span class="caret"></span></button>
|
|
|
+ <ul class="dropdown-menu showlistLocation2">
|
|
|
+
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="span4">
|
|
|
+ <div class="btn-group">
|
|
|
+
|
|
|
+ <button class="btn" style="width: 80%;"><span class="showqu3">city</span></button> <button style="width: 20%;"
|
|
|
+ data-toggle="dropdown" class="btn dropdown-toggle"><span
|
|
|
+ class="caret"></span></button>
|
|
|
+ <ul class="dropdown-menu showlistLocation3">
|
|
|
+
|
|
|
+
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="span5"> <input type="text" placeholder="Avenue …" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </dd>
|
|
|
+ <dd>
|
|
|
<button
|
|
|
id="contact_location_add"
|
|
|
style="
|
|
|
-
|
|
|
- width: 50px;
|
|
|
- height: 50px;
|
|
|
- border: 0px;
|
|
|
- background: url(/lanhu-bootstrap/assets/img/company_add_icon.png);"></button>
|
|
|
+
|
|
|
+ width: 50px;
|
|
|
+ height: 50px;
|
|
|
+ border: 0px;
|
|
|
+ background: url(/lanhu-bootstrap/assets/img/company_add_icon.png);"></button>
|
|
|
|
|
|
|
|
|
<button
|
|
|
@@ -274,16 +274,16 @@
|
|
|
width: 50px;
|
|
|
height: 50px;
|
|
|
border: 0px;"
|
|
|
- >-</button>
|
|
|
- </dd>
|
|
|
- </div>
|
|
|
- <div class="row-fluid">
|
|
|
- <div class="span6">
|
|
|
- <dt class="jph3">
|
|
|
+ >-</button>
|
|
|
+ </dd>
|
|
|
+ </div>
|
|
|
+ <div class="row-fluid">
|
|
|
+ <div class="span6">
|
|
|
+ <dt class="jph3">
|
|
|
Number of employees <span
|
|
|
style=" color: rgb(69 69 69 / 75%);
|
|
|
- font-size: 12px;">（ optional ）</span>
|
|
|
- </dt>
|
|
|
+ font-size: 12px;">（ optional ）</span>
|
|
|
+ </dt>
|
|
|
<dd>
|
|
|
<div class="input-group" style="
|
|
|
width: 100%;
|
|
|
@@ -291,36 +291,36 @@
|
|
|
<input type="text" class="form-control" placeholder="" />
|
|
|
<span class="input-group-addon" style="width: 80px;"> people</span>
|
|
|
</div>
|
|
|
-
|
|
|
|
|
|
|
|
|
- </dd>
|
|
|
- </div>
|
|
|
- <div class="span6">
|
|
|
- <dt class="jph3">
|
|
|
- Disciplines
|
|
|
- </dt>
|
|
|
- <dd>
|
|
|
- <input type="text" placeholder="" />
|
|
|
- </dd>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="row-fluid">
|
|
|
- <div class="span12">
|
|
|
- <dt class="jph3">
|
|
|
- Contact person name
|
|
|
- </dt>
|
|
|
- <dd>
|
|
|
- <textarea style="height: 90px;" rows="3" placeholder="A short company introduction…"></textarea>
|
|
|
- </dd>
|
|
|
- </div>
|
|
|
-
|
|
|
- </div>
|
|
|
- <div class="row-fluid">
|
|
|
- <button type="submit" class="hbutton" style=" float: right; ">upload</button>
|
|
|
- </div>
|
|
|
+
|
|
|
+ </dd>
|
|
|
+ </div>
|
|
|
+ <div class="span6">
|
|
|
+ <dt class="jph3">
|
|
|
+ Disciplines
|
|
|
+ </dt>
|
|
|
+ <dd>
|
|
|
+ <input type="text" placeholder="" />
|
|
|
+ </dd>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row-fluid">
|
|
|
+ <div class="span12">
|
|
|
+ <dt class="jph3">
|
|
|
+ Contact person name
|
|
|
+ </dt>
|
|
|
+ <dd>
|
|
|
+ <textarea style="height: 90px;" rows="3" placeholder="A short company introduction…"></textarea>
|
|
|
+ </dd>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="row-fluid">
|
|
|
+ <button type="submit" class="hbutton" style=" float: right; ">upload</button>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </form>
|
|
|
- </main>
|
|
|
- </body>
|
|
|
+ </form>
|
|
|
+ </main>
|
|
|
+ </body>
|
|
|
</html>
|
