Sj8287/Sentiment_Classification

1<!DOCTYPE html>2<html lang="en">3  <head>4    <!-- Required meta tags -->5    <meta charset="utf-8" />6    <meta7      name="viewport"8      content="width=device-width, initial-scale=1, shrink-to-fit=no"9    />10    <!-- Bootstrap CSS -->11    <link12      rel="stylesheet"13      href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"14      integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2"15      crossorigin="anonymous"16    />17    <title>Sentiment Classification</title>18  </head>19  <body>20    <!DOCTYPE html>21    <html lang="en">22      <head>23        <!-- Required meta tags -->24        <meta charset="utf-8" />25        <meta26          name="viewport"27          content="width=device-width, initial-scale=1, shrink-to-fit=no"28        />29        <!-- Bootstrap CSS -->30        <link31          rel="stylesheet"32          href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"33          integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2"34          crossorigin="anonymous"35        />36        <title>{% block title %} {% endblock %}</title>37      </head>38      <body>39        <div class="login">40          <br><br><br>41          <center><h1>Sentiment Classification</h1></center>42          <br><br><br>43          <!-- Main Input For Receiving Query to our ML -->44          <div class="form-outline w-100">45          <center><form action="{{ url_for('predict')}}" method="post">46            <input47              type="text"48              name="sentence"49              placeholder="Insert your text"50              required="required"51            /></center></div>52            <br>53 54            <center><button type="submit" class="btn btn-primary btn-lg">55              Predict56            </button></center>57          </form>58 59          <br />60          <br />61          <center>{{ prediction_text }}</center>62        </div>63        <!-- Future Content here -->64 65        <!-- Optional JavaScript -->66        <!-- jQuery first, then Popper.js, then Bootstrap JS -->67        <script src="https://kit.fontawesome.com/a076d05399.js"></script>68        <script69          src="https://code.jquery.com/jquery-3.5.1.slim.min.js"70          integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"71          crossorigin="anonymous"72        ></script>73        <script74          src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"75          integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"76          crossorigin="anonymous"77        ></script>78        <script79          src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"80          integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV"81          crossorigin="anonymous"82        ></script>83      </body>84      <style>85        body {86          background-color: #212121;87          color: white;88        }89      </style>90    </html>91 92    <!-- Future Content here -->93 94    <!-- Optional JavaScript -->95    <!-- jQuery first, then Popper.js, then Bootstrap JS -->96    <script src="https://kit.fontawesome.com/a076d05399.js"></script>97    <script98      src="https://code.jquery.com/jquery-3.5.1.slim.min.js"99      integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"100      crossorigin="anonymous"101    ></script>102    <script103      src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"104      integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"105      crossorigin="anonymous"106    ></script>107    <script108      src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"109      integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV"110      crossorigin="anonymous"111    ></script>112  </body>113  <style>114    body {115      h1,h2,h3,h4,h5,h6{116      font-family: 'Montserrat', sans-serif;117                        }118      background-color: #212121;119      color: white;120    }121  </style>122</html>123