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.
221 lines
8.1 KiB
221 lines
8.1 KiB
<!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>
|