[edit] blog social share

public/frontend/css/style.css

@@ -796,6 +796,12 @@ Responsive Codes
     box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15);
     border-radius: 12px;
 }
+.form-sec .error{
+    color: red;
+    float: left;
+    font-size: 12px;
+    margin: 10px 0;
+}
 .form-sec .form-control::placeholder{
     font-weight: 400;
     font-size: 14px;
@@ -1089,6 +1095,9 @@ Responsive Codes
     background-repeat: no-repeat;
     padding: 6rem;
 }
+.blog-banner-desc{
+    margin-left: 10rem;
+}
 .blog-banner-content{
     display: flex;
     gap: 20px;

resources/views/blog-detail.blade.php

@@ -65,14 +65,18 @@
         </div>
     </section>
     <div class="social-share">
-        <div class="fb-icon">
+        <?php
+            $baseUrl="http://www.eteducation.com.au/blog/";
+            // $slug="$setting->slug";
+        ?>
+        <a target="_blank" href="http://www.facebook.com/sharer.php?u={{$baseUrl.'/blog/'}}">
             <img src="{{url('frontend/images/facebook-icon.png')}}" class="img-fluid" alt="">
-        </div>
+        </a>
-        <div class="twitter-icon">
+        <a target="_blank" href="http://twitter.com/share?text=Visit the link &url={{$baseUrl.'/blog/'}}">
             <img src="{{url('frontend/images/twitter.png')}}" class="img-fluid" alt="">
-        </div>
+        </a>
-        <div class="linkdin-icon">
+        <a target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&url={{$baseUrl.'/blog/'}}">
             <img src="{{url('frontend/images/linkdin.png')}}" class="img-fluid" alt="">
-        </div>
+        </a>
     </div>
 @endsection

resources/views/blogs.blade.php

@@ -80,10 +80,12 @@
         </div>
     </section>
     <section class="blog-banner">
-        <div class="blog-banner-content">
+        <div class="blog-banner-desc">
-            <h2>Get started <span>today.</span></h2>
+            <div class="blog-banner-content">
-            <a href="">FREE CONSULTATION</a>
+                <h2>Get started <span>today.</span></h2>
+                <a href="">FREE CONSULTATION</a>
+            </div>
+            <h5>Get Free Consultation with Experts</h5>
         </div>
-        <h5>Get Free Consultation with Experts</h5>
     </section>
 @endsection

resources/views/contact.blade.php

@@ -57,38 +57,43 @@
                     <div class="form-sec">
                         <h1>Send us a Message!</h1>
                         <p>If you have any queries, let us know.</p>
-                        <form action="{{url('contact')}}" method = "post">
+                        <form action="{{url('contact')}}" method = "post" onsubmit="return validateContact()">
                             @csrf
                             <div class="row gy-4">
                                 <div class="col-md-6">
                                     <div class="form-group">
                                         <label for="">Full Name</label>
-                                        <input type="text" name = "full_name" class="form-control" placeholder="Your full name" required>
+                                        <input type="text" name = "full_name" class="form-control" id="contact-fullname" value="" placeholder="Your full name" onkeyup="contactFullname()">
                                     </div>
+                                    <span class="error" id='contact-fname-error'></span>
                                 </div>
                                 <div class="col-md-6">
                                     <div class="form-group">
                                         <label for="">Email address</label>
-                                        <input type="email" name = "email" class="form-control" placeholder="Your email address" required>
+                                        <input type="email" name = "email" class="form-control" placeholder="Your email address" value="" onkeyup="contactEmail()">
                                     </div>
+                                    <span class="error" id='contact-email-error'></span>
                                 </div>
                                 <div class="col-md-6">
                                     <div class="form-group">
                                         <label for="">Phone number</label>
-                                        <input type="number" name = "phone" class="form-control" placeholder="Your phone number" required>
+                                        <input type="number" name = "phone" class="form-control" placeholder="Your phone number" value="" onkeyup="contactPhone()">
                                     </div>
+                                    <span class="error" id='contact-phone-error'></span>
                                 </div>
                                 <div class="col-md-6">
                                     <div class="form-group">
                                         <label for="">Nationality</label>
                                         <input type="text" name = "nationality" class="form-control" placeholder="Your nationality">
                                     </div>
+                                    <span class="error" id='contact-nationality-error'></span>
                                 </div>
                                 <div class="col-md-12 mb-4">
                                     <div class="form-group">
                                         <label for="exampleFormControlTextarea1">Enquiry</label>
                                         <textarea class="form-control" name = "message" id="exampleFormControlTextarea1" placeholder="Your enquiries.." rows="5"></textarea>
                                     </div>
+                                    <span class="error" id='contact-message-error'></span>
                                 </div>
                                 <div class="text-center">
                                     <button type="submit" class="">Submit your enquiry</button>
@@ -110,6 +115,40 @@
 
     
     <script>
+        // contact us form error declaration
+        fnameError = document.getElementById('contact-fname-error');
+        emailError = document.getElementById('contact-email-error');
+        phoneError = document.getElementById('contact-phone-error');
+        nationalityError = document.getElementById('contact-nationality-error');
+        messageError = document.getElementById('contact-message-error');
+
+        function contactFullname(){
+            var fullname = document.getElementById('contact-fullname').value;
+            if(fullname.length == 0){
+                $('#contact-fullname').focus();
+                fnameError.innerHTML = "Full name is required !";
+                return false;
+            }
+            else{
+                fnameError.innerHTML = '';
+                return true;
+            }
+       }
+
+
+       function validateContact(){
+            if(!contactFullname()){
+                return false;
+            }
+            else{
+                Swal.fire(
+                    'Good job!',
+                    'You clicked the button!',
+                    'success'
+                )
+                // $('#contactModal').modal('show');
+            }
+        }
 
         var php_var = "<?php echo $msg; ?>";