zkx
/
lanhu-bootstrap


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190
							<!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>
		<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-postproject.js"></script>

	</head>
	<body>
		<div id="head"></div>
		<script>
			$(function() {
				$("#head").load("../head.html",function(){
					$("#common-navbar-head .active").removeClass("active")
					//$("#common-navbar-head .head_li_user").addClass("active")
				});
			})
		</script>
		<main class="jpmain">
			<form id="form">

				<div class=" jpcontainer" >
					<style>
						.red{
							color:rgba(248, 61, 90, 1) ;
						}
						dt {
							margin-top: 20px;
						}

						dd {
							margin-top: 20px;
							margin-bottom: 20px;
						}

						input,
						textarea,
						.form-control,
						.input-group-addon {
							border-width: 0;
							height: 48px;
							border-radius: 8px;
							background-color: rgba(239, 241, 244, 1);
							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 i18n-text"
								  style="text-align: center;"
								 i18n="company_postproject_What are you working on">
									What are you working on ？

								</dt>
								<input id="imagePic" name="imagePic" type="file"
									accept=".bmp,.jpg,.png,.jpeg,image/bmp,image/jpg,image/png,image/jpeg"
									style="display:none" />
								<style>
									.imgdel {
										opacity: 0.5;
										background-color: #e5e8ec;
										top: -40%;
										left: 40%;
										position: relative;
									}
								</style>
								<dd class="imguploadlist">

									<div class="span12 imguploadspan" style="margin-left: 0;">

										<button type="button" class="btnUpload" style="
											width: 32%;
											max-width: 260px;
											max-height: 170px;
										    border: 0px;
											
										background: url(/lanhu-bootstrap/assets/img/img_add.png) no-repeat;
										  background-size: 100% 100%;
											min-width: 50px;
										">

											<span class="imgdel " style="display: none;" aria-hidden="true">
												<img style="width: 20px;height: 20px;"
													src="/lanhu-bootstrap/assets/img/img_del.png">
											</span>


											<input type="hidden" class="imginput" />
										</button>


									</div>
										
								</dd>
								<style>
									.ddul{
									
										    overflow-wrap: break-word;
										    color: rgba(130, 130, 130, 1);
										    font-size: 14px;
										    font-family: Avenir-Roman;
										
										    line-height: 19px;
										    text-align: left;
									}
								</style>
								<dd>
									<ul class="ddul">
										<li class="i18n-text" i18n="company_postproject_Only upload media you ownthe rights to"></li>
										<li class="i18n-text" i18n="company_postproject_high resolution images（png，jpg，gif）"></li>
										<li class="i18n-text" i18n="company_postproject_1600X1200 or higher recommended. Max 10MB each"></li>
										
									</ul>
								</dd>
								<div class="row-fluid">

									<div class="span12">
										<dt class="jph3 i18n-text" i18n="company_postproject_Project title">
											Project title
										</dt>
										<dd>
											<input type="text" required  name="Project_title" class="i18n-placeholder" i18n="company_postproject_A  short  introduction" placeholder="" />
										</dd>
									</div>
								</div>
							
								
								<div class="row-fluid">
									<div class="span12">
										<dt class="jph3 ">
										
											<span class="i18n-text" i18n="company_postproject_Project description">
												Project description
												
											</span>
											
										</dt>
										<dd>
											<textarea style="height: 90px;" rows="3" class="i18n-placeholder"
												 maxlength="500"
												i18n="company_postproject_Projectdescriptiontxt"
												placeholder=""></textarea>
										</dd>
									</div>

								</div>
								<div class="row-fluid">
									<button type="submit" id="registerupload" class="hbutton i18n-text"
									style="background-color: #e64e5e; float: right;"
										i18n="company_postproject_Publish now"  >upload</button>
								</div>
						</div>
			</form>
		</main>
	</body>
</html>