gradio-app / templates /index.html
omarcevi's picture
Upload folder using huggingface_hub
24d09a0 verified
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<title>Müşteri Churn Tahmini</title>
<style>
body {
background-color: #d9dafa;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #564dbf;
padding: 40px;
}
h2 {
color: #1a1636;
}
form {
background-color: #c2baff;
border: 2px solid #8780bf;
border-radius: 12px;
padding: 30px;
width: 450px;
box-shadow: 2px 2px 10px #3c30e3;
}
label {
display: block;
margin-top: 12px;
font-weight: bold;
}
input, select {
width: 100%;
padding: 8px;
margin-top: 5px;
border: 1px solid #564dbf;
border-radius: 6px;
}
input[type="submit"] {
background-color: #7791d9;
color: white;
font-weight: bold;
cursor: pointer;
margin-top: 20px;
}
input[type="submit"]:hover {
background-color: #1a1636;
}
h3 {
margin-top: 30px;
color: #1a1636;
}
</style>
</head>
<body>
<h2>Müşteri Bilgileri</h2>
<form method="POST">
<label>Cinsiyet:</label>
<select name="gender"><option>Kadın</option><option>Erkek</option></select>
<label>65 yaş ve üstü mü?</label>
<select name="SeniorCitizen"><option>Hayır</option><option>Evet</option></select>
<label>Evli mi?</label>
<select name="Partner"><option>Hayır</option><option>Evet</option></select>
<label>Bakmakla yükümlü olduğu kişi var mı?</label>
<select name="Dependents"><option>Hayır</option><option>Evet</option></select>
<label>Telefon hizmeti var mı?</label>
<select name="PhoneService"><option>Hayır</option><option>Evet</option></select>
<label>Kağıtsız fatura kullanıyor mu?</label>
<select name="PaperlessBilling"><option>Hayır</option><option>Evet</option></select>
<label>Abonelik süresi (ay):</label>
<input type="number" step="1" name="tenure" value="0" required>
<label>Aylık ücret ($):</label>
<input type="number" step="0.01" name="MonthlyCharges" value="0.00" required>
<label>Toplam ücret ($):</label>
<input type="number" step="0.01" name="TotalCharges" value="0.00" required>
<label>Çoklu hat durumu:</label>
<select name="MultipleLines">
<option>Hayır</option><option>Evet</option><option>Telefon hizmeti yok</option>
</select>
<label>İnternet hizmeti:</label>
<select name="InternetService">
<option>DSL</option><option>Fiber optik</option><option>Yok</option>
</select>
<label>Online güvenlik:</label>
<select name="OnlineSecurity">
<option>Hayır</option><option>Evet</option><option>İnternet hizmeti yok</option>
</select>
<label>Online yedekleme:</label>
<select name="OnlineBackup">
<option>Hayır</option><option>Evet</option><option>İnternet hizmeti yok</option>
</select>
<label>Cihaz koruma:</label>
<select name="DeviceProtection">
<option>Hayır</option><option>Evet</option><option>İnternet hizmeti yok</option>
</select>
<label>Teknik destek:</label>
<select name="TechSupport">
<option>Hayır</option><option>Evet</option><option>İnternet hizmeti yok</option>
</select>
<label>TV yayını:</label>
<select name="StreamingTV">
<option>Hayır</option><option>Evet</option><option>İnternet hizmeti yok</option>
</select>
<label>Film yayını:</label>
<select name="StreamingMovies">
<option>Hayır</option><option>Evet</option><option>İnternet hizmeti yok</option>
</select>
<label>Abonelik türü:</label>
<select name="Contract">
<option>Aydan aya</option><option>1 yıllık</option><option>2 yıllık</option>
</select>
<label>Ödeme yöntemi:</label>
<select name="PaymentMethod">
<option>Elektronik çek</option>
<option>Posta çeki</option>
<option>Banka havalesi (otomatik)</option>
<option>Kredi kartı (otomatik)</option>
</select>
<input type="submit" value="Tahmin Et">
</form>
{% if result %}
<h3>{{ result }}</h3>
{% endif %}
</body>
</html>