postmoment.html 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title></title>
  6. <script src="/lanhu-bootstrap/js/jquery-1.9.1.min.js"></script>
  7. <script src="/lanhu-bootstrap/js/jquery.validate.min.js"></script>
  8. <script src="/lanhu-bootstrap/assets/js/language_validator.js"></script>
  9. <script src="/lanhu-bootstrap/js/jquery.i18n.properties.js"></script>
  10. <link rel="stylesheet" href="/lanhu-bootstrap/css/head.css">
  11. <script src="/lanhu-bootstrap/assets/js/moments-postmoment.js"></script>
  12. </head>
  13. <body>
  14. <input type="hidden" class="head_success i18n-input" i18n="head_success" />
  15. <input type="hidden" class="head_warning i18n-input" i18n="head_warning" />
  16. <input type="hidden" class="signin_success i18n-input" i18n="company_postproject_success" />
  17. <input type="hidden" class="signin_warning i18n-input" i18n="company_postproject_warning" />
  18. <div id="head"></div>
  19. <script>
  20. $(function() {
  21. $("#head").load("../head.html",function(){
  22. $("#common-navbar-head .active").removeClass("active")
  23. $("#common-navbar-head .head_li_user").addClass("active")
  24. });
  25. })
  26. </script>
  27. <main class="jpmain">
  28. <form id="form">
  29. <div class=" jpcontainer" >
  30. <style>
  31. .red{
  32. color:rgba(248, 61, 90, 1) ;
  33. }
  34. dt {
  35. margin-top: 20px;
  36. }
  37. dd {
  38. margin-top: 20px;
  39. margin-bottom: 20px;
  40. }
  41. input,
  42. textarea,
  43. .form-control,
  44. .input-group-addon {
  45. border-width: 0;
  46. height: 48px;
  47. border-radius: 8px;
  48. background-color: rgba(239, 241, 244, 1);
  49. width: 100%;
  50. }
  51. input,
  52. textarea {
  53. border-width: 0;
  54. height: 48px;
  55. border-radius: 8px;
  56. background-color: rgba(239, 241, 244, 1);
  57. width: 100%;
  58. padding-left: 20px;
  59. }
  60. .btn-group {
  61. width: 100%;
  62. height: 48px;
  63. }
  64. .btn-group>.btn {
  65. width: 80%;
  66. height: 48px;
  67. }
  68. .btn-group>.dropdown-toggle {
  69. width: 20%;
  70. height: 48px;
  71. }
  72. </style>
  73. <div class="row-fluid">
  74. <div class="span12">
  75. <dl>
  76. <dt class="jph2 i18n-text"
  77. style="text-align: center;"
  78. i18n="company_postproject_What are you working on">
  79. What are you working on ?
  80. </dt>
  81. <input id="imagePic" name="imagePic" type="file"
  82. accept=".bmp,.jpg,.png,.jpeg,image/bmp,image/jpg,image/png,image/jpeg"
  83. style="display:none" />
  84. <style>
  85. .imgdel {
  86. opacity: 0.5;
  87. background-color: #e5e8ec;
  88. top: -40%;
  89. left: 40%;
  90. position: relative;
  91. }
  92. </style>
  93. <dd class="imguploadlist">
  94. <div class="span12 imguploadspan" style="margin-left: 0;">
  95. <button type="button" class="btnUpload" style="
  96. width: 32%;
  97. max-width: 260px;
  98. max-height: 170px;
  99. border: 0px;
  100. background: url(/lanhu-bootstrap/assets/img/img_add.png) no-repeat;
  101. background-size: 100% 100%;
  102. min-width: 50px;
  103. ">
  104. <span class="imgdel " style="display: none;" aria-hidden="true">
  105. <img style="width: 20px;height: 20px;"
  106. src="/lanhu-bootstrap/assets/img/img_del.png">
  107. </span>
  108. <input type="hidden" class="imginput" />
  109. </button>
  110. </div>
  111. </dd>
  112. <style>
  113. .ddul{
  114. overflow-wrap: break-word;
  115. color: rgba(130, 130, 130, 1);
  116. font-size: 14px;
  117. font-family: Avenir-Roman;
  118. line-height: 19px;
  119. text-align: left;
  120. }
  121. </style>
  122. <dd>
  123. <ul class="ddul">
  124. <li class="i18n-text" i18n="company_postproject_Only upload media you ownthe rights to"></li>
  125. <li class="i18n-text" i18n="company_postproject_high resolution images(png,jpg,gif)"></li>
  126. <li class="i18n-text" i18n="company_postproject_1600X1200 or higher recommended. Max 10MB each"></li>
  127. </ul>
  128. </dd>
  129. <div class="row-fluid">
  130. <div class="span12">
  131. <dt class="jph3 i18n-text" i18n="company_postproject_Project title">
  132. Project title
  133. </dt>
  134. <dd>
  135. <input type="text" required name="Project_title" class="i18n-placeholder" i18n="company_postproject_A short introduction" placeholder="" />
  136. </dd>
  137. </div>
  138. </div>
  139. <div class="row-fluid">
  140. <div class="span12">
  141. <dt class="jph3 ">
  142. <span class="i18n-text" i18n="company_postproject_Project description">
  143. Project description
  144. </span>
  145. </dt>
  146. <dd>
  147. <textarea style="height: 90px;" rows="3" class="i18n-placeholder Projectdescriptiontxt"
  148. maxlength="500"
  149. i18n="company_postproject_Projectdescriptiontxt"
  150. placeholder=""></textarea>
  151. </dd>
  152. </div>
  153. </div>
  154. <div class="row-fluid">
  155. <button type="submit" class="Publish hbutton i18n-text"
  156. style="background-color: #e64e5e; float: right;"
  157. i18n="company_postproject_Publish now" >upload</button>
  158. <button type="submit" class="Renew hbutton i18n-text"
  159. style="background-color: #e64e5e; float: right;display: none;"
  160. i18n="company_postproject_Renew" >upload</button>
  161. </div>
  162. </div>
  163. </form>
  164. </main>
  165. </body>
  166. </html>