[add] loader on subscribe

public/frontend/css/style.css

@@ -1670,8 +1670,13 @@ Responsive Codes
     color: #FFFFFF;
     text-decoration: none;
 }
+.buttonload{
+    display: none;
+}
+.displayBtn{
+    display: block;
+}
 /* Footer Css */
-
 /* mobile view css */
 @media only screen and (min-width: 320px) and (max-width: 480px) {
     h1{

resources/views/about.blade.php

@@ -76,28 +76,28 @@
                         ET Education combines experience and technology to help you make the most informed decision possible.
                     </p>
                     <div class="values-img">
-                        <img src="{{url('frontend/images/attractive-man.png')}}" class="img-fluid" id="values-img" alt="">
+                        <img src="{{url('frontend/images/about/tranprancy.jpg')}}" class="img-fluid" id="values-img" alt="">
                     </div>
                 </div>
             </div>
             <div class="col-md-6">
                 <div class="values-lists">
-                    <a onclick="changeImg('{{url('frontend/images/attractive-man.png')}}','{{1}}')" id="values-link{{1}}" class="link-active">
+                    <a onclick="changeImg('{{url('frontend/images/about/tranprancy.jpg')}}','{{1}}')" id="values-link{{1}}" class="link-active">
                         <h2>Transparency</h2> 
                     </a>
-                    <a onclick="changeImg('','{{2}}')" id="values-link{{2}}">
+                    <a onclick="changeImg('{{url('frontend/images/about/Commitment.jpg')}}','{{2}}')" id="values-link{{2}}">
                         <h2>Commitment</h2> 
                     </a>
-                    <a onclick="changeImg('','{{3}}')" id="values-link{{3}}">
+                    <a onclick="changeImg('{{url('frontend/images/about/professionlaiosn-1.jpg')}}','{{3}}')" id="values-link{{3}}">
                         <h2>Professionalism</h2> 
                     </a>
-                    <a onclick="changeImg('','{{4}}')" id="values-link{{4}}">
+                    <a onclick="changeImg('{{url('frontend/images/about/realiability.jpg')}}','{{4}}')" id="values-link{{4}}">
                         <h2>Reliability</h2> 
                     </a>
-                    <a onclick="changeImg('','{{5}}')" id="values-link{{5}}">
+                    <a onclick="changeImg('{{url('frontend/images/about/Integrity.jpg')}}','{{5}}')" id="values-link{{5}}">
                         <h2>Integrity</h2> 
                     </a>
-                    <a onclick="changeImg('{{url('frontend/images/attractive-man.png')}}','{{6}}')" id="values-link{{6}}">
+                    <a onclick="changeImg('{{url('frontend/images/about/trusthworthy.jpg')}}','{{6}}')" id="values-link{{6}}">
                         <h2>Trustworthy</h2> 
                     </a>
                 </div>

resources/views/layout/app.blade.php

@@ -213,6 +213,9 @@
                         <div class="custom-search">
                             <input type="text" name = "email" id = "subscribe_email" class="custom-search-input" placeholder="Email address" onkeyup="subscribeValidation()">
                             <button class="custom-search-botton" onclick="subscribe()" type="submit">Subscribe</button>
+                            <button class="buttonload custom-search-botton" id="buttonload" disabled>
+                              <i class="fa fa-spinner fa-spin"></i> Loading
+                            </button>
                         </div>
                         <span class="success-message" id="success-message"></span>
                         <span class="success-message" id="error-message"></span>
@@ -289,7 +292,8 @@
 
     var email = document.getElementById('subscribe_email');
     var successMessage = document.getElementById('success-message');
-    var errorMessage = document.getElementById('error-message')
+    var errorMessage = document.getElementById('error-message');
+    var loaderBtn = document.getElementById('buttonload');
 
     function subscribeValidation(){
       if(email.value.length == 0){
@@ -306,6 +310,7 @@
           return false;
         }
         else{
+          loaderBtn.classList.add('displayBtn')
           $.ajax({
           url: "/subscribe",
           type:"POST",
@@ -314,11 +319,9 @@
           },
           success:function(response){
             if (response) {
-                $('#success-message').fadeOut(5000).text(response.success);
-                email.value = '';
-                console.log(response)
-                // alert(response.success);
-            //   $("#contactForm")[0].reset();
+              $('#success-message').fadeOut(5000).text(response.success);
+              email.value = '';
+              loaderBtn.classList.remove('displayBtn');
             }
             },
             error: function(response) {