Skip to content

A
Analysis of Chatbot and Produce a Predictable reason and feedback code
Commit 4b729c84 authored by Karagoda Gamage Pasan Malaka's avatar Karagoda Gamage Pasan Malaka
Browse files
Options

Upload New File

parent 7c41fe71
Show whitespace changes
Inline Side-by-side
Showing with 170 additions and 0 deletions
classification.html 0 → 100644
View file @ 4b729c84
<!DOCTYPE html>
<html>
<head>Classification</title>
<meta charset="utf-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
<style>
html {
height: 100%;
}
* {box-sizing: border-box;}
body {
margin: 0;
height: 100%;
font-family: Arial, Helvetica, sans-serif;
background-color: black;
}
.header {
overflow: hidden;
background-color: #e28743;
padding: 5px 10px;
}
.header a {
float: left;
color: White;
text-align: center;
padding: 12px;
text-decoration: none;
font-size: 18px;
line-height: 25px;
border-radius: 4px;
}
.header a.logo {
font-size: 25px;
font-weight: bold;
}
.header a:hover {
background-color: #e28743;
color: black;
}
.header a.active {
background-color: #e28743;
color: white;
}
.header-right {
float: right;
}
@media screen and (max-width: 500px) {
.header a {
float: none;
display: block;
text-align: left;
}
.header-right {
float: none;
}
}
.global-container{
margin-top: 20px;
display: flex;
align-items: center;
justify-content: center;
float: left;
width: 100%;
}
form{
padding-top: 10px;
font-size: 14px;
margin-top: 30px;
}
.card-title{ font-weight:300; }
.card{opacity: 0.95;}
.effect7{
position:relative;
-webkit-box-shadow:0 1px 20px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 20px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 20px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.login-form{
width:1175px;
margin:20px;
}
input[type="text"], textarea {
background-color : #d1d1d1;
}
</style>
</head>
<body>
<div class="global-container">
<div class="card login-form effect7">
<div class="card-body">
<center>
<h3>Please help us to understand why you leaving !</h3>
</center>
<form action="classification" method="post">
<div class="row form-group">
<div class="col">
<label>how many hours do you work per day?</label>
<input name="answer_1" type="text" class="form-control" placeholder="answer"
required="required">
</div>
<div class="col">
<label>how do you think about workload?</label>
<input name="answer_2" type="text" class="form-control" placeholder="answer"
required="required">
</div>
</div>
<div class="row form-group">
<div class="col">
<label>how about the travelling hours to office?</label>
<input name="answer_3" type="text" class="form-control" placeholder="answer"
required="required">
</div>
<div class="col">
<label>how do you think about working staff with you?</label>
<input name="answer_4" type="text" class="form-control" placeholder="answer"
required="required">
</div>
</div>
<div class="row form-group">
<div class="col">
<label>do you satisfy with your salary?</label>
<input name="answer_5" type="text" class="form-control" placeholder="answer"
required="required">
</div>
</div>
<div class="col">
<button type="submit" class="btn btn-primary btn-block">Submit</button>
</div>
</form>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment