forked from rajag0pal/rajag0pal.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathchurnml-details.html
More file actions
247 lines (191 loc) · 18.5 KB
/
churnml-details.html
File metadata and controls
247 lines (191 loc) · 18.5 KB
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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Rajagopal's Portfolio</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
<!-- =======================================================
* Template Name: MyResume - v4.9.2
* Template URL: https://bootstrapmade.com/free-html-bootstrap-template-my-resume/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
</head>
<body>
<!-- ======= Mobile nav toggle button ======= -->
<!-- <button type="button" class="mobile-nav-toggle d-xl-none"><i class="bi bi-list mobile-nav-toggle"></i></button> -->
<i class="bi bi-list mobile-nav-toggle d-lg-none"></i>
<!-- ======= Header ======= -->
<header id="header" class="d-flex flex-column justify-content-center">
</header><!-- End Header -->
<!-- ======= Services Section ======= -->
<section id="services" class="services">
<div class="container" data-aos="fade-up">
<div class="row">
<div style="text-align: left; width: 40%; margin-bottom: 0%; margin-top: 5%;">
<h2 style="color:#085a98;">Churn ML</h2>
<h2>ML-based web application for predicting Bank customer Churn using Deep Learning</h2>
</div>
<div style="width:20%; ">
<picture style="margin-left: 30%; ">
<img src="assets/img/bchurnbanner.png" style="width:600px; height:350px; padding-top: 10%; padding-right: 25%;">
</picture>
</div>
</div>
<!-- <div class="section-title" style="margin-top: 20px; background-color: rgb(206, 209, 206);">
<p style="text-align: left;"></p>
</div> -->
<div class="icon-box iconbox-teal" data-aos="zoom-in" data-aos-delay="300" style="width: 100%;margin-bottom: 20px;">
<h2 style="font-family: 'Poppins', sans-serif; font-size: 24px; color: #e80368; margin-bottom: 20px; text-align: left;">Are you tired of losing valuable customers without any warning?</h2>
<p style="text-align: left; font-size: 14px;">Stay ahead of the game with Churn ML, the ultimate customer churn prediction tool. Developed with cutting-edge technology and a deep understanding of the banking industry, Churn ML empowers your organization to make informed decisions and proactively tackle customer attrition. With Churn ML, you gain access to a state-of-the-art web application that collects user inputs and generates accurate churn probability predictions. Specifically designed for banking organizations, this powerful tool fills the void of limited customer data by leveraging insights from banks in Germany, Spain, and France. The wealth of information ensures robust and reliable predictions for your unique customer base.
</p>
<!-- <img src="assets/img/table.png" style="width: 500px; height: 200px; margin-top: 50px;"> -->
</div>
<!-- <div class="section-title" style="background: linear-gradient(to right, #c2d0f1, #1f2021); padding: 40px; text-align: center;">
<h2 style="font-family: 'Poppins', sans-serif; font-size: 36px; color: #ffffff; margin-bottom: 20px;">Are you tired of losing valuable customers without any warning?</h2>
<h3 style="font-family: 'Poppins', sans-serif; font-size: 28px; color: #f8f9fa;">Stay ahead of the game with ChurnPredict, the ultimate customer churn prediction tool.</h3>
<p style="font-family: 'Roboto', sans-serif; font-size: 20px; color: #ffffff; margin-top: 30px;">Developed with cutting-edge technology and a deep understanding of the banking industry, ChurnPredict empowers your organization to make informed decisions and proactively tackle customer attrition.</p>
<p style="font-family: 'Roboto', sans-serif; font-size: 20px; color: #ffffff;">With ChurnPredict, you gain access to a state-of-the-art web application that collects user inputs and generates accurate churn probability predictions. Specifically designed for Indian banking organizations, this powerful tool fills the void of limited customer data by leveraging insights from banks in Germany, Spain, and France. The wealth of information ensures robust and reliable predictions for your unique customer base.</p>
</div> -->
<div class="row">
<div class="col-lg-4 col-md-4 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
<div class="icon-box iconbox-blue">
<h4 ><a style="color: rgb(0, 87, 105);" href="">Highlights</a></h4>
<br>
<p style="text-align: left; font-size: 12px;" ><i class="bx bxs-rocket" style="color: crimson;"></i> Leverage the trained neural network model to accurately predict the probability of customer churn, giving you a competitive edge in customer retention.</p>
<br>
<p style="text-align: left; font-size: 12px;" ><i class="bx bxs-rocket" style="color:darkgoldenrod"></i> Navigate the intuitive dashboard effortlessly, visualize data through interactive charts and graphs, and gain valuable insights to guide your decision-making process.</p>
<br>
<p style="text-align: left; font-size: 12px;"><i class="bx bxs-rocket" style="color:green"></i> Identify customers at high risk of churn and take targeted actions to retain them, reducing customer attrition and maximizing your revenue potential.</p>
<br>
<p style="text-align: left; font-size: 12px;"><i class="bx bxs-rocket" style="color:rgb(19, 0, 128)"></i> Churn ML sets the foundation for future implementation within Indian banking organizations, ensuring scalability and adaptability as your business grows.</p>
</div>
</div>
<div class="back-video" data-aos="zoom-in" data-aos-delay="100">
<video autoplay loop muted plays-inline class="back-video" style="margin-top: 10%; margin-left: 15px;">
<source src="assets/img/churnpredict.mp4" type="video/mp4">
</video>
</div>
<div class="section-title" style="font-size: 20px; margin-top: 30px;">
<h2>Key Features</h2>
<p></p>
</div>
<div class="col-lg-3 col-md-6 d-flex align-items-stretch mt-3" data-aos="zoom-in" data-aos-delay="100" style="margin-right: 15px; margin-left: 35px;">
<div class="icon-box iconbox-teal" style="margin-left: 20px;">
<div class="icon">
<svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
<path stroke="none" stroke-width="0" fill="#f5f5f5" d="M300,566.797414625762C385.7384707136149,576.1784315230908,478.7894351017131,552.8928747891023,531.9192734346935,484.94944893311C584.6109503024035,417.5663521118492,582.489472248146,322.67544863468447,553.9536738515405,242.03673114598146C529.1557734026468,171.96086150256528,465.24506316201064,127.66468636344209,395.9583748389544,100.7403814666027C334.2173773831606,76.7482773500951,269.4350130405921,84.62216499799875,207.1952322260088,107.2889140133804C132.92018162631612,134.33871894543012,41.79353780512637,160.00259165414826,22.644507872594943,236.69541883565114C3.319112789854554,314.0945973066697,72.72355303640163,379.243833228382,124.04198916343866,440.3218312028393C172.9286146004772,498.5055451809895,224.45579914871206,558.5317968840102,300,566.797414625762"></path>
</svg>
<i class="bx bxs-user-badge"></i>
</div>
<h4><a href="">Friendly User Interface</a></h4>
</div>
</div>
<div class="icon-box iconbox-teal" data-aos="zoom-in" data-aos-delay="300" style="width: 63%; height: 50%;">
<p style="text-align: left; font-size: 12px;">Churn ML understand the importance of a user-friendly and intuitive interface when it comes to harnessing the power of churn prediction. With the state-of-the-art web application, it has been meticulously designed a user interface that seamlessly guides you through the process, empowering you to make data-driven decisions with ease. The Churn ML user interface is not only visually appealing but also highly intuitive. It has been carefully crafted the interface to ensure that even non-technical users can navigate through the application effortlessly. Say goodbye to complex and overwhelming interfaces - this user-centric design prioritizes simplicity without compromising on functionality.</p>
<video autoplay loop muted plays-inline style="margin-top: 0%; margin-left: 15px; margin-bottom: 0%;width: 600px;height: 300px; margin-top: 5%;">
<source src="assets/img/UI.mp4" type="video/mp4">
</video>
</div>
<div class="col-lg-3 col-md-6 d-flex align-items-stretch mt-3" data-aos="zoom-in" data-aos-delay="100" style="margin-right: 28px; margin-left: 58px;">
<div class="icon-box iconbox-red">
<div class="icon">
<svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
<path stroke="none" stroke-width="0" fill="#f5f5f5" d="M300,532.3542879108572C369.38199826031484,532.3153073249985,429.10787420159085,491.63046689027357,474.5244479745417,439.17860296908856C522.8885846962883,383.3225815378663,569.1668002868075,314.3205725914397,550.7432151929288,242.7694973846089C532.6665558377875,172.5657663291529,456.2379748765914,142.6223662098291,390.3689995646985,112.34683881706744C326.66090330228417,83.06452184765237,258.84405631176094,53.51806209861945,193.32584062364296,78.48882559362697C121.61183558270385,105.82097193414197,62.805066853699245,167.19869350419734,48.57481801355237,242.6138429142374C34.843463184063346,315.3850353017275,76.69343916112496,383.4422959591041,125.22947124332185,439.3748458443577C170.7312796277747,491.8107796887764,230.57421082200815,532.3932930995766,300,532.3542879108572"></path>
</svg>
<i class="bx bxs-network-chart"></i>
</div>
<h4><a href="">Machine Learning as Solution</a></h4>
<p></p>
</div>
</div>
<div class="icon-box iconbox-teal" data-aos="zoom-in" data-aos-delay="300" style="width: 60%; margin-top: 20px;">
<p style="text-align: left; font-size: 12px;">Harness the power of machine learning and a trained neural network model to revolutionize your customer retention efforts. By utilizing this advanced technology, you can accurately predict the probability of customer churn, gaining a valuable competitive edge in your industry.
The cutting-edge approach combines the expertise of machine learning with the capabilities of a neural network model. This powerful combination allows for precise churn prediction, enabling you to identify customers at risk of churning before it happens. With this foresight, you can implement targeted retention strategies and take proactive measures to retain valuable customers.
The trained neural network model employed as a solution has undergone extensive training on vast amounts of data, ensuring its accuracy and reliability. It has learned intricate patterns and relationships within the data, enabling it to make precise predictions based on various customer attributes and behaviors.
Unlike traditional methods, which rely on manual analysis and general rules, our neural network model leverages the power of artificial intelligence to identify complex patterns that may not be apparent to the human eye. It can detect subtle signals and correlations within your customer data, providing a deeper understanding of churn dynamics specific to your business.
With this valuable insight, you can optimize your retention strategies, allocate resources effectively, and personalize your approach to address individual customer needs. By staying one step ahead, you can mitigate churn, enhance customer satisfaction, and drive long-term growth for your organization.
Embrace the potential of machine learning and a trained neural network model to unlock a new era of customer retention. Gain the confidence to make informed decisions, backed by data-driven predictions that empower you to retain your most valuable customers. Elevate your business with the power of advanced analytics and stay ahead in today's competitive landscape.
</p>
<!-- <img src="assets/img/features.png" style="width: 500px; height: 200px; margin-top: 50px;"> -->
</div>
<div class="col-lg-3 col-md-6 d-flex align-items-stretch mt-3" data-aos="zoom-in" data-aos-delay="100" style="margin-left: 60px;margin-right: 28px;">
<div class="icon-box iconbox-yellow">
<div class="icon">
<svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
<path stroke="none" stroke-width="0" fill="#f5f5f5" d="M300,503.46388370962813C374.79870501325706,506.71871716319447,464.8034551963731,527.1746412648533,510.4981551193396,467.86667711651364C555.9287308511215,408.9015244558933,512.6030010748507,327.5744911775523,490.211057578863,256.5855673507754C471.097692560561,195.9906835881958,447.69079081568157,138.11976852964426,395.19560036434837,102.3242989838813C329.3053358748298,57.3949838291264,248.02791733380457,8.279543830951368,175.87071277845988,42.242879143198664C103.41431057327972,76.34704239035025,93.79494320519305,170.9812938413882,81.28167332365135,250.07896920659033C70.17666984294237,320.27484674793965,64.84698225790005,396.69656628748305,111.28512138212992,450.4950937839243C156.20124167950087,502.5303643271138,231.32542653798444,500.4755392045468,300,503.46388370962813"></path>
</svg>
<i class="bx bx-bar-chart-alt"></i>
</div>
<h4><a href="">Embedded Dashboard with Power BI</a></h4>
<p></p>
</div>
</div>
<div class="icon-box iconbox-teal" data-aos="zoom-in" data-aos-delay="300" style="width: 60%; margin-top: 20px;">
<p style="text-align: left; font-size: 12px;">PowerBI takes your churn data to the next level, offering dynamic and customizable visualizations that allow you to drill down into specific metrics, filter data, and gain actionable insights. With just a few clicks, you can create powerful visual representations of your churn data, making it easier than ever to identify key trends, correlations, and outliers.
The intuitive dashboard powered by PowerBI empowers you to explore your churn data in a user-friendly and interactive way. Seamlessly navigate through different visualizations, toggle between charts and graphs, and zoom in on specific time periods or customer segments. The power is in your hands to derive valuable insights and make informed decisions.
</p>
<video autoplay loop muted plays-inline style="margin-top: 0%; margin-left: 15px; margin-bottom: 0%; width: 600px; height: 300px; margin-top: 5%;">
<source src="assets/img/PowerBI.mp4" type="video/mp4">
</video>
</div>
</div>
</div>
</section>
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="container">
<h3>Churn ML</h3>
<p>For more information and documentation reference,visit https://github.com/rajag0pal/Churn-Prediction-and-Deployment.</p>
<div class="social-links">
<a href="https://github.com/rajag0pal/Churn-Prediction-and-Deployment" class="twitter"><i class="bx bxl-github"></i></a>
<!-- <a href="#" class="facebook"><i class="bx bxl-facebook"></i></a>
<a href="#" class="instagram"><i class="bx bxl-instagram"></i></a>
<a href="#" class="google-plus"><i class="bx bxl-skype"></i></a>
<a href="#" class="linkedin"><i class="bx bxl-linkedin"></i></a> -->
</div>
<div class="copyright">
© Copyright <strong><span>Rajagopal S</span></strong>. All Rights Reserved
</div>
<div class="credits">
<!-- All the links in the footer should remain intact. -->
<!-- You can delete the links only if you purchased the pro version. -->
<!-- Licensing information: [license-url] -->
<!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/free-html-bootstrap-template-my-resume/ -->
<!-- Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a> -->
</div>
</div>
</footer><!-- End Footer -->
<div id="preloader"></div>
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/typed.js/typed.min.js"></script>
<script src="assets/vendor/waypoints/noframework.waypoints.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>