From e6dfd100f8b99d88b502b203a4a36e7cd82cfd25 Mon Sep 17 00:00:00 2001
From: D Shrat <dshrat29@gmail.com>
Date: Sun, 21 Nov 2021 12:59:23 +0700
Subject: [PATCH] add modal on newsletter

---
 views/pages/index.ejs | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/views/pages/index.ejs b/views/pages/index.ejs
index a6386a7..995026a 100644
--- a/views/pages/index.ejs
+++ b/views/pages/index.ejs
@@ -566,8 +566,25 @@
                         <input id="newsletter_email" type="email" placeholder="Input Your Email" required="required"
                             data-error="valid email is required">
                         <button id="newsletter_submit" class="newsletter_submit_btn trans_300"
-                            onclick="subscribe()" value="submit">Subscribe
+                            onclick="subscribe()" value="submit" data-toggle="modal" data-target="#exampleModal">Subscribe
                         </button>
+                        <div class="modal fade black" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+                            <div class="modal-dialog">
+                                <div class="modal-content" style="background-color: #1b1c1e; color: white;">
+                                    <div class="modal-header">
+                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                                        <span aria-hidden="true">&times;</span>
+                                    </button>
+                                    </div>
+                                    <div class="modal-body" style="text-align: center;">
+                                    Succefully Subscribe
+                                    </div>
+                                    <div class="modal-footer">
+                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
                     </div>
                 </div>
             </div>