Spaces:
Configuration error
Configuration error
<html lang="en"> | |
<head> | |
<meta charset="utf-8" /> | |
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> | |
<meta name="description" content="" /> | |
<meta name="author" content="" /> | |
<title>Web App</title> | |
<link rel="icon" type="image/x-icon" href="static/assets/favicon.ico" /> | |
<!-- Font Awesome icons (free version)--> | |
<script src="https://use.fontawesome.com/releases/v5.15.3/js/all.js" crossorigin="anonymous"></script> | |
<!-- Google fonts--> | |
<link href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css" /> | |
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet" type="text/css" /> | |
<!-- Core theme CSS (includes Bootstrap)--> | |
<link href="static/css/styles.css" rel="stylesheet" /> | |
</head> | |
<body> | |
<!-- Navigation--> | |
<nav class="navbar navbar-expand-lg navbar-light" id="mainNav"> | |
<div class="container px-4 px-lg-5"> | |
<a class="navbar-brand" href="/">Home</a> | |
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> | |
Menu | |
<i class="fas fa-bars"></i> | |
</button> | |
<div class="collapse navbar-collapse" id="navbarResponsive"> | |
<ul class="navbar-nav ms-auto py-4 py-lg-0"> | |
<!-- <li class="nav-item"><a class="nav-link px-lg-3 py-3 py-lg-4" href="index.html">Home</a></li>--> | |
<!-- <li class="nav-item"><a class="nav-link px-lg-3 py-3 py-lg-4" href="about.html">About</a></li>--> | |
<!-- <li class="nav-item"><a class="nav-link px-lg-3 py-3 py-lg-4" href="post.html">Sample Post</a></li>--> | |
<!-- <li class="nav-item"><a class="nav-link px-lg-3 py-3 py-lg-4" href="contact.html">Contact</a></li>--> | |
</ul> | |
</div> | |
</div> | |
</nav> | |
<!-- Page Header--> | |
<header class="masthead" style="background-image: url('static/assets/img/wine.jpg')"> | |
<div class="container position-relative px-4 px-lg-5"> | |
<div class="row gx-4 gx-lg-5 justify-content-center"> | |
<div class="col-md-10 col-lg-8 col-xl-7"> | |
<div class="site-heading"> | |
<h1>Bank Churn Prediction</h1> | |
<span class="subheading">A Bank Churn Prediction Web App</span> | |
</div> | |
</div> | |
</div> | |
</div> | |
</header> | |
<!-- Main Content--> | |
<div class="container px-4 px-lg-5"> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<title>Form-v9 by Colorlib</title> | |
<!-- Mobile Specific Metas --> | |
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> | |
<!-- Font--> | |
<link rel="stylesheet" type="text/css" href="static/css2/nunito-font.css"> | |
<!-- Main Style Css --> | |
<link rel="stylesheet" href="static/css2/style.css"/> | |
</head> | |
<body class="form-v9"> | |
<div class="page-content"> | |
<div class="form-v9-content" style="background-image: url('static/assets/img/form-v9.jpg')"> | |
<form class="form-detail" action="/predict" method="post"> | |
<h2>Please Fill The Information</h2> | |
<div class="form-row-total"> | |
<div class="form-row"> | |
<label for="fixed_acidity"> Customer ID:</label> | |
<input type="text" name="CustomerId" id="CustomerId" class="input-text" placeholder="CustomerId" required> | |
</div> | |
<div class="form-row"> | |
<label for="volatile_acidity"> Credit Score:</label> | |
<input type="text" name="CreditScore" id="CreditScore" class="input-text" placeholder="CreditScore" required> | |
</div> | |
</div> | |
<div class="form-row-total"> | |
<div class="form-row"> | |
<label for="citric_acid"> Gender:</label> | |
<input type="text" name="Gender" id="Gender" class="input-text" placeholder="Gender" required> | |
</div> | |
<div class="form-row"> | |
<label for="residual_sugar"> Age:</label> | |
<input type="text" name="Age" id="Age" class="input-text" placeholder="Age" required> | |
</div> | |
</div> | |
<div class="form-row-total"> | |
<div class="form-row"> | |
<label for="chlorides"> Tenure:</label> | |
<input type="text" name="Tenure" id="Tenure" class="input-text" placeholder="Tenure" required> | |
</div> | |
<div class="form-row"> | |
<label for="free_sulfur_dioxide"> Balance:</label> | |
<input type="text" name="Balance" id="Balance" class="input-text" placeholder="Balance" required> | |
</div> | |
</div> | |
<div class="form-row-total"> | |
<div class="form-row"> | |
<label for="total_sulfur_dioxide"> Number of Products:</label> | |
<input type="text" name="NumOfProducts" id="NumOfProducts" class="input-text" placeholder="NumOfProducts" required> | |
</div> | |
<div class="form-row"> | |
<label for="density"> Has Credit Card:</label> | |
<input type="text" name="HasCrCard" id="HasCrCard" class="input-text" placeholder="HasCrCard" required> | |
</div> | |
</div> | |
<div class="form-row-total"> | |
<div class="form-row"> | |
<label for="pH"> Active Member?:</label> | |
<input type="text" name="IsActiveMember" id="IsActiveMember" class="input-text" placeholder="IsActiveMember" required> | |
</div> | |
<div class="form-row"> | |
<label for="sulphates"> Approx Salary:</label> | |
<input type="text" name="EstimatedSalary" id="EstimatedSalary" class="input-text" placeholder="EstimatedSalary" required> | |
</div> | |
</div> | |
<div class="form-row-total"> | |
<div class="form-row"> | |
<label for="alcohol"> Geography_Germany:</label> | |
<input type="text" name="Geography_Germany" id="Geography_Germany" class="input-text" placeholder="Geography_Germany" required> | |
</div> | |
<div class="form-row"> | |
<label for="alcohol"> Geography_Spain:</label> | |
<input type="text" name="Geography_Spain" id="Geography_Spain" class="input-text" placeholder="Geography_Spain" required> | |
</div> | |
</div> | |
<div class="form-row-last"> | |
<input type="submit" name="register" class="register" value="Predict"> | |
</div> | |
</form> | |
</div> | |
</div> | |
</body><!-- This templates was made by Colorlib (https://colorlib.com) --> | |
</html> | |