postmoment.html 5.8 KB

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