HealthHub/answerQuestion.html at main · SmartProgSolutions/HealthHub · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Responder Pergunta</title>
    <link href="./assets/css/bootstrap.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="./assets/css/answerQuestion.css"> <!-- Caminho para o seu CSS -->
    <link rel="stylesheet" href="./assets/css/templatemo-cyborg-gaming.css">


    <!-- Bootstrap core CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Additional CSS Files -->
    <link rel="stylesheet" href="assets/css/fontawesome.css">
    <link rel="stylesheet" href="assets/css/templatemo-cyborg-gaming.css">
    <link rel="stylesheet" href="assets/css/owl.css">
    <link rel="stylesheet" href="assets/css/animate.css">
    <link rel="stylesheet"href="https://unpkg.com/swiper@7/swiper-bundle.min.css"/>

    <!-- Styles personalizados da página de dashburd  -->
    <link rel="stylesheet" href="assets/css/dark-mode.css">

</head>
<body>
    <!-- ***** Header Area Start ***** -->
  <header class="header-area header-sticky">
    <div class="container">
            <div class="col-12">
              <div class="row">
                <nav class="main-nav">
                    <!-- ***** Logo Start ***** -->
                    <a href="index.html" class="logo">
                        <img src="assets/images/logoH.png" alt="">
                    </a>
                    <!-- ***** Logo End ***** -->
                    <!-- ***** Search End ***** -->
                    <div class="search-input">
                      <form id="search" action="#">
                        <input type="text" placeholder="Digite algo" id='searchText' name="searchKeyword" onkeypress="handle" />
                        <i class="fa fa-search"></i>
                      </form>
                    </div>
                    <!-- ***** Search End ***** -->
                    <!-- ***** Menu Start ***** -->
                    <ul class="nav">
                        <li><a href="index.html" class="active">Home</a></li>
                        <li><a href="forumPage.html">Fórum</a></li>
                        <!-- <li><a href="details.html">Detalhes</a></li> -->
                        <li><a href="notes.html">Notas</a></li>
                        <li><a href="profile.html">Perfil <img src="assets/images/profile-header.jpg" alt=""></a></li>
                    </ul>

                    <div class="form-check form-switch">
                      <input type="checkbox" class="form-check-input" id="darkSwitch">
                      <label class="custom-control-label" for="darkSwitch">Modo Escuro</label>
                    </div>
                    <script src="./assets/componentes/header/assets/js/header.js"></script>
                    <a class='menu-trigger'>
                        <span>Menu</span>
                    </a>
                    <!-- ***** Menu End ***** -->
                </nav>
            </div>
        </div>
    </div>
  </header>
  <!-- ***** Header Area End ***** -->
    <section class="main-content920">
        <div class="container">
            <div class="row">
                <div class="col-md-9">
                    <div id="question-container">
                        <!-- A pergunta selecionada será exibida aqui -->
                    </div>
                    <div class="answer-input-part">
                        <h4>Respostas</h4>
                        <hr>
                        <div id="answers-container">
                            <!-- As respostas serão exibidas aqui -->
                        </div>
                        <form id="answer-form">
                            <div class="username-part940">
                                <span class="form-description43">Nome de usuário*</span>
                                <input type="text" name="username" id="answer-username" class="username029" placeholder="Digite o seu nome" required>
                            </div>
                            <div class="details2-239">
                                <div class="col-md-12 nopadding">
                                    <textarea id="answerDetails" name="answerDetails" placeholder="Digite sua resposta" required></textarea>
                                </div>
                            </div>
                            <div class="publish-button2389">
                                <button type="button" class="publis1291" id="publishAnswerButton">Publicar Resposta</button>
                            </div>
                        </form>
                    </div>

                </div>
            </div>
        </div>
        <div id="footer-placeholder"></div>
    </section>
    <script src="./assets/js/forumJs/answer.js"></script> <!-- Caminho para o seu JS -->
    <script src="./assets/componentes/header/assets/js/header.js"></script>
    <script src="./assets/componentes/footer/assets/js/footer.js"></script>

    <script src="./assets/js/dark-mode-switch.min.js"></script>

</body>
</html>