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

<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">
    <!-- <link href="css/animate.css" rel="stylesheet" type="text/css"> -->
    <link href="/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="/css/responsive.css" rel="stylesheet" type="text/css">
</head>

<body>
<header th:replace="menu/menu :: mimenu"></header>
<section class="main-content920">
    <div class="container">
        <div class="row">
            <div class="col-md-9">
                <div class="post-details">
                    <div class="details-header923">
                        <div class="row">
                            <div class="col-md-8">
                                <div class="post-title-left129">
                                    <h3 th:text="${Foro.titulo}">This Is My first Question</h3> </div>
                            </div>
                        </div>
                    </div>
                    <div class="post-details-info1982">
                        <p th:text="${Foro.descripcion}">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi adipiscing gravida odio, sit amet suscipit risus ultrices eu. Fusce viverra neque at purus laoreet consequat. Vivamus vulputate posuere nisl quis consequat. Donec congue commodo mi, sed commodo velit fringilla ac. Fusce placerat venenatis mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras ornare, dolor a aliquet rutrum, dolor turpis condimentum leo, a semper lacus purus in felis. Quisque blandit posuere turpis, eget auctor felis pharetra eu .</p>
                        <hr>
                    </div>
                    <button id="boton" onclick="mostrar();">Responder</button>
                </div>
                <div class="comment-list12993">
                    <div class="container">
                        <div class="row">
                            <ul>Hola</ul>
                        </div>
                    </div>
                </div>
                <div class="comment289-box">
                    <h3>Responder</h3>
                    <hr>
                        <div id="respuesta">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="post9320-box">
                                        <input type="text" class="comment-input219882" placeholder="Enter Your Post"> </div>
                                    <button type="button" class="pos393-submit">Post Your Answer</button>
                                </div>
                        </div>
                    </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>
                <!--              highest part-->
                <!--               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 -->
<div class="footer-search">
    <div class="container">
        <div class="row">
            <div id="custom-search-input">
                <div class="input-group col-md-12"> <i class="fa fa-pencil-square-o" aria-hidden="true"></i>
                    <input type="text" class="  search-query form-control user-control30" placeholder="Search here...." /> <span class="input-group-btn">
                                    <button class="btn btn-danger" type="button">
                                        <span class=" glyphicon glyphicon-search"></span> </button>
                        </span>
                </div>
            </div>
        </div>
    </div>
</div>
<section class="footer-part">
    <div class="container">
        <div class="row">
            <div class="col-md-3">
                <div class="info-part-one320">
                    <h4>Where We Are ?</h4>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi adipiscing gravida odio, sit amet suscipit risus ultrices eu.</p>
                    <h4>Address :</h4>
                    <p>Ask Me Network, 33 Street, syada
                        <br> Zeinab, Cairo, Egypt.</p>
                    <h4>Support :</h4>
                    <p>Support Telephone No : (+2)01111011110</p>
                    <p>Support Email Account : </p>
                    <p>info@example.com</p>
                </div>
            </div>
            <div class="col-md-3">
                <div class="info-part-two320">
                    <h4>Quick Links</h4>
                    <a href="#">
                        <p>-Home</p>
                    </a>
                    <a href="#">
                        <p>-Ask Question</p>
                    </a>
                    <a href="#">
                        <p>-Questions</p>
                    </a>
                    <a href="#">
                        <p>-Users</p>
                    </a>
                    <a href="#">
                        <p>-Edit Profile</p>
                    </a>
                    <a href="#">
                        <p>-Page</p>
                    </a>
                    <a href="#">
                        <p>-Contact Us</p>
                    </a>
                    <a href="#">
                        <p>-Buy now</p>
                    </a>
                </div>
            </div>
            <div class="col-md-3">
                <div class="info-part-three320">
                    <h4>Popular Questions</h4>
                    <div class="news-info209">
                        <h5>Why are the British confused</h5>
                        <p>(Why I darest say, they darest not get offended when they so ...</p> <small>July 16, 2017</small> </div>
                    <div class="news-info209">
                        <h5>How to approach applying for</h5>
                        <p>(I am trying to find/change my career trajectory. Its a good cozy ...</p> <small>July 16, 2017</small> </div>
                    <div class="news-info209">
                        <h5>How to evaluate whether a</h5>
                        <p>A friend of mine is the CEO of his own small business. ...</p> <small>July 16, 2017</small> </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="info-part-four320">
                    <h4>Latest Tweets</h4>
                    <div class="tweet-details29">
                        <p><i class="fa fa-twitter-square" aria-hidden="true"></i><a href="#"> codeThemesCheck a new update #AskMe #ThemeForest #WordPress #2code #Envato#2code
                            Themehttps://t.co/urb3LgsOCi</a></p> <small>about 2 weeks ago</small> </div>
                    <div class="tweet-details29">
                        <p><i class="fa fa-twitter-square" aria-hidden="true"></i><a href="#"> codeThemesCheck a new update #AskMe #ThemeForest #WordPress #2code #Envato#2code
                            Themehttps://t.co/urb3LgsOCi</a></p> <small>about 2 weeks ago</small> </div>
                    <div class="tweet-details29">
                        <p><i class="fa fa-twitter-square" aria-hidden="true"></i><a href="#"> codeThemesCheck a new update #AskMe #ThemeForest #WordPress #2code #Envato#2code
                            Themehttps://t.co/urb3LgsOCi</a></p> <small>about 2 weeks ago</small> </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="footer-social">
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <p>Copyright 2017 Ask me | <strong>Sudo  Coder</strong></p>
            </div>
            <div class="col-md-6">
                <div class="social-right2389"> <a href="#"><i class="fa fa-twitter-square" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-youtube" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-skype" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-rss" aria-hidden="true"></i></a> </div>
            </div>
        </div>
    </div>
</section>
<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/npm.js"></script>
</body>

</html>