<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="title" content="Ask online Form">
    <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">
    <meta name="keywords" content="HTML, CSS, JavaScript,Bootstrap,js,Forum,webstagram ,webdesign ,website ,web ,webdesigner ,webdevelopment">
    <meta name="robots" content="index, nofollow">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="language" content="English">
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css">
    <link href="css/style.css" rel="stylesheet" type="text/css">
     </head>


</head>
<header th:replace="menu/menu :: mimenu"></header>
<body>
    <section class="main-content920">
        <div class="container">
            <div class="row">
                <div class="col-md-9">
                <div class="ask-question-input-part032">
                      <h4>Ask Question</h4>
                 <hr>
                    <form>
                    <div class="username-part940">
                        <span class="form-description43">User name* </span><input type="text" name="fname" class="username029" placeholder="Enter your Name">  
 </div>
 <div class="email-part320">
     <span class="form-description442">E-Mail* </span><input type="text" name="fname" class="email30" placeholder="Enter Your Email">  
                        </div>
                        <div class="question-title39">
                            <span class="form-description433">Question-Title* </span><input type="text" name="fname" class="question-ttile32" placeholder="Write Your Question Title">
                        </div>
                        
    <div class="categori49">
        <span class="form-description43305">Category* </span>
        <label>
<input list="browsers" name="myBrowser" class="list-category53"/></label>
<datalist id="browsers">
  <option value="Front_End Web Developer">
  <option value="Back-End develoer">
  <option value="Andriod Developer">
  <option value="Web Application">
  <option value="System Analyst">
  <option value="Security">
</datalist>
    </div>
       <div class="details2-239">
                        </div>	

</form>
                 <div class="publish-button2389">
                    <button type="button" class="publis1291">Publish your Question</button>
                </div>
               
                </div>
             
              
                </div>
<!--                end of col-md-9 -->
           
<!--           strart col-md-3 (side bar)-->
           <aside class="col-md-3 sidebar97239">
             <div class="status-part3821">
            <h4>stats</h4>
                
                 <a href="#"><i class="fa fa-question-circle" aria-hidden="true"> Question(20)</i></a>
                 <i class="fa fa-comment" aria-hidden="true"> Answers(50)</i>
             </div>  
             <div class="categori-part329">
                 <h4>Category</h4>
                 <ul>
                     <li><a href="#">web developer</a></li>
                     <li><a href="#">Andriod developer</a></li>
                     <li><a href="#">grapics developer</a></li>
                     <li><a href="#">web developer</a></li>
                     
                 </ul>
             </div>
             
<!--             social part -->
              <div class="social-part2189">
              <h4>Find us</h4>
             <li class="rss-one">
                <a href="#" target="_blank">
                 <strong>
                    <span>Subscribe</span>
                     <i class="fa fa-rss" aria-hidden="true"></i>
       
                     <br>
                     <small>To RSS Feed</small>
                     
                 </strong>
                 </a>
             </li>
                       <li class="facebook-two">
                <a href="#" target="_blank">
                 <strong>
                    <span>Subscribe</span>
                         <i class="fa fa-facebook" aria-hidden="true"></i>
       
                     <br>
                     <small>To Facebook Feed</small>
                     
                 </strong>
                 </a>
             </li>
                                <li class="twitter-three">
                <a href="#" target="_blank">
                 <strong>
                    <span>Subscribe</span>
                <i class="fa fa-twitter" aria-hidden="true"></i>
       
                     <br>
                     <small>To twitter Feed</small>
                     
                 </strong>
                 </a>
             </li>
                                <li class="youtube-four">
                <a href="#" target="_blank">
                 <strong>
                    <span>Subscribe</span>
               <i class="fa fa-youtube" aria-hidden="true"></i>
       
                     <br>
                     <small>To youtube Feed</small>
                     
                 </strong>
                 </a>
             </li>
                  
              </div>
              
<!--              login part-->
              <div class="login-part2389">
                  <h4>Login</h4>
                  <div class="input-group300">
                  <span><i class="fa fa-user" aria-hidden="true"></i></span>
                  <input type="text" class="namein309" placeholder="Username">
                  </div>
                      <div class="input-group300">
                  <span><i class="fa fa-lock" aria-hidden="true"></i></span>
                  <input type="password" class="passin309" placeholder="Name">
                  </div>
                  <a href="#"><button type="button" class="userlogin320">Log In</button></a>
                  <div class="rememberme">
								<label><input type="checkbox" checked="checked"> Remember Me</label>
								<a href="#" class="resbutton3892">Register</a>
							</div>
              </div>
<!--               end of Highest points -->
<!--          start tags part-->
<div class="tags-part2398">
    <h4>Tags</h4>
    <ul>
        <li><a href="#">analytics</a></li>
        <li><a href="#">Computer</a></li>
        <li><a href="#">Developer</a></li>
        <li><a href="#">Google</a></li>
        <li><a href="#">Interview</a></li>
        <li><a href="#">Programmer</a></li>
        <li><a href="#">Salary</a></li>
        <li><a href="#">University</a></li>
        <li><a href="#">Employee</a></li>
        
    </ul>
    
    
</div>
<!--          End tags part-->
<!--        start recent post  -->
<div class="recent-post3290">
    <h4>Recent Post</h4>
    <div class="post-details021">
        <a href="#"><h5>How much do web developers</h5></a>
        <p>I am thinking of pursuing web developing as a career & was ...</p>
        <small style="color: #848991">July 16, 2017</small>
    </div>
    <hr>
        <div class="post-details021">
        <a href="#"><h5>How much do web developers</h5></a>
        <p>I am thinking of pursuing web developing as a career & was ...</p>
        <small style="color: #848991">July 16, 2017</small>
    </div>
       <hr>
        <div class="post-details021">
        <a href="#"><h5>How much do web developers</h5></a>
        <p>I am thinking of pursuing web developing as a career & was ...</p>
        <small style="color: #848991">July 16, 2017</small>
    </div>
    
    
</div>
<!--       end recent post    -->
          
           </aside>
            </div>
        </div>
    </section>
    
<!--    footer -->
    <footer th:replace="footer/footer"></footer>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="js/jquery-3.1.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
      <script src="js/editor.js"></script>
   	<script>
			$(document).ready(function() {
				$("#txtEditor").Editor();
			});
		</script>
  
</body>

</html>