You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

220 lines
8.1 KiB

2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <meta name="title" content="Ask online Form">
  8. <meta name="description" content="The Ask is a bootstrap design help desk, support forum website template coded and designed with bootstrap Design, Bootstrap, HTML5 and CSS. Ask ideal for wiki sites, knowledge base sites, support forum sites">
  9. <meta name="keywords" content="HTML, CSS, JavaScript,Bootstrap,js,Forum,webstagram ,webdesign ,website ,web ,webdesigner ,webdevelopment">
  10. <meta name="robots" content="index, nofollow">
  11. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  12. <meta name="language" content="English">
  13. <link href="css/bootstrap.css" rel="stylesheet" type="text/css">
  14. <link href="css/style.css" rel="stylesheet" type="text/css">
  15. </head>
  16. </head>
  17. <header th:replace="menu/menu :: mimenu"></header>
  18. <body>
  19. <section class="main-content920">
  20. <div class="container">
  21. <div class="row">
  22. <div class="col-md-9">
  23. <div class="ask-question-input-part032">
  24. <h4>Ask Question</h4>
  25. <hr>
  26. <form>
  27. <div class="username-part940">
  28. <span class="form-description43">User name* </span><input type="text" name="fname" class="username029" placeholder="Enter your Name">
  29. </div>
  30. <div class="email-part320">
  31. <span class="form-description442">E-Mail* </span><input type="text" name="fname" class="email30" placeholder="Enter Your Email">
  32. </div>
  33. <div class="question-title39">
  34. <span class="form-description433">Question-Title* </span><input type="text" name="fname" class="question-ttile32" placeholder="Write Your Question Title">
  35. </div>
  36. <div class="categori49">
  37. <span class="form-description43305">Category* </span>
  38. <label>
  39. <input list="browsers" name="myBrowser" class="list-category53"/></label>
  40. <datalist id="browsers">
  41. <option value="Front_End Web Developer">
  42. <option value="Back-End develoer">
  43. <option value="Andriod Developer">
  44. <option value="Web Application">
  45. <option value="System Analyst">
  46. <option value="Security">
  47. </datalist>
  48. </div>
  49. <div class="details2-239">
  50. </div>
  51. </form>
  52. <div class="publish-button2389">
  53. <button type="button" class="publis1291">Publish your Question</button>
  54. </div>
  55. </div>
  56. </div>
  57. <!-- end of col-md-9 -->
  58. <!-- strart col-md-3 (side bar)-->
  59. <aside class="col-md-3 sidebar97239">
  60. <div class="status-part3821">
  61. <h4>stats</h4>
  62. <a href="#"><i class="fa fa-question-circle" aria-hidden="true"> Question(20)</i></a>
  63. <i class="fa fa-comment" aria-hidden="true"> Answers(50)</i>
  64. </div>
  65. <div class="categori-part329">
  66. <h4>Category</h4>
  67. <ul>
  68. <li><a href="#">web developer</a></li>
  69. <li><a href="#">Andriod developer</a></li>
  70. <li><a href="#">grapics developer</a></li>
  71. <li><a href="#">web developer</a></li>
  72. </ul>
  73. </div>
  74. <!-- social part -->
  75. <div class="social-part2189">
  76. <h4>Find us</h4>
  77. <li class="rss-one">
  78. <a href="#" target="_blank">
  79. <strong>
  80. <span>Subscribe</span>
  81. <i class="fa fa-rss" aria-hidden="true"></i>
  82. <br>
  83. <small>To RSS Feed</small>
  84. </strong>
  85. </a>
  86. </li>
  87. <li class="facebook-two">
  88. <a href="#" target="_blank">
  89. <strong>
  90. <span>Subscribe</span>
  91. <i class="fa fa-facebook" aria-hidden="true"></i>
  92. <br>
  93. <small>To Facebook Feed</small>
  94. </strong>
  95. </a>
  96. </li>
  97. <li class="twitter-three">
  98. <a href="#" target="_blank">
  99. <strong>
  100. <span>Subscribe</span>
  101. <i class="fa fa-twitter" aria-hidden="true"></i>
  102. <br>
  103. <small>To twitter Feed</small>
  104. </strong>
  105. </a>
  106. </li>
  107. <li class="youtube-four">
  108. <a href="#" target="_blank">
  109. <strong>
  110. <span>Subscribe</span>
  111. <i class="fa fa-youtube" aria-hidden="true"></i>
  112. <br>
  113. <small>To youtube Feed</small>
  114. </strong>
  115. </a>
  116. </li>
  117. </div>
  118. <!-- login part-->
  119. <div class="login-part2389">
  120. <h4>Login</h4>
  121. <div class="input-group300">
  122. <span><i class="fa fa-user" aria-hidden="true"></i></span>
  123. <input type="text" class="namein309" placeholder="Username">
  124. </div>
  125. <div class="input-group300">
  126. <span><i class="fa fa-lock" aria-hidden="true"></i></span>
  127. <input type="password" class="passin309" placeholder="Name">
  128. </div>
  129. <a href="#"><button type="button" class="userlogin320">Log In</button></a>
  130. <div class="rememberme">
  131. <label><input type="checkbox" checked="checked"> Remember Me</label>
  132. <a href="#" class="resbutton3892">Register</a>
  133. </div>
  134. </div>
  135. <!-- end of Highest points -->
  136. <!-- start tags part-->
  137. <div class="tags-part2398">
  138. <h4>Tags</h4>
  139. <ul>
  140. <li><a href="#">analytics</a></li>
  141. <li><a href="#">Computer</a></li>
  142. <li><a href="#">Developer</a></li>
  143. <li><a href="#">Google</a></li>
  144. <li><a href="#">Interview</a></li>
  145. <li><a href="#">Programmer</a></li>
  146. <li><a href="#">Salary</a></li>
  147. <li><a href="#">University</a></li>
  148. <li><a href="#">Employee</a></li>
  149. </ul>
  150. </div>
  151. <!-- End tags part-->
  152. <!-- start recent post -->
  153. <div class="recent-post3290">
  154. <h4>Recent Post</h4>
  155. <div class="post-details021">
  156. <a href="#"><h5>How much do web developers</h5></a>
  157. <p>I am thinking of pursuing web developing as a career & was ...</p>
  158. <small style="color: #848991">July 16, 2017</small>
  159. </div>
  160. <hr>
  161. <div class="post-details021">
  162. <a href="#"><h5>How much do web developers</h5></a>
  163. <p>I am thinking of pursuing web developing as a career & was ...</p>
  164. <small style="color: #848991">July 16, 2017</small>
  165. </div>
  166. <hr>
  167. <div class="post-details021">
  168. <a href="#"><h5>How much do web developers</h5></a>
  169. <p>I am thinking of pursuing web developing as a career & was ...</p>
  170. <small style="color: #848991">July 16, 2017</small>
  171. </div>
  172. </div>
  173. <!-- end recent post -->
  174. </aside>
  175. </div>
  176. </div>
  177. </section>
  178. <!-- footer -->
  179. <footer th:replace="footer/footer"></footer>
  180. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  181. <script src="js/jquery-3.1.1.min.js"></script>
  182. <script src="js/bootstrap.min.js"></script>
  183. <script src="js/editor.js"></script>
  184. <script>
  185. $(document).ready(function() {
  186. $("#txtEditor").Editor();
  187. });
  188. </script>
  189. </body>
  190. </html>