[edit] blog social share

et#4
tribikram 2 years ago
parent d20c54d00d
commit a9c6c33a66
  1. 9
      public/frontend/css/style.css
  2. 16
      resources/views/blog-detail.blade.php
  3. 10
      resources/views/blogs.blade.php
  4. 47
      resources/views/contact.blade.php

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

@ -65,14 +65,18 @@
</div> </div>
</section> </section>
<div class="social-share"> <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=""> <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=""> <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=""> <img src="{{url('frontend/images/linkdin.png')}}" class="img-fluid" alt="">
</div> </a>
</div> </div>
@endsection @endsection

@ -80,10 +80,12 @@
</div> </div>
</section> </section>
<section class="blog-banner"> <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> </div>
<h5>Get Free Consultation with Experts</h5>
</section> </section>
@endsection @endsection

@ -57,38 +57,43 @@
<div class="form-sec"> <div class="form-sec">
<h1>Send us a Message!</h1> <h1>Send us a Message!</h1>
<p>If you have any queries, let us know.</p> <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 @csrf
<div class="row gy-4"> <div class="row gy-4">
<div class="col-md-6"> <div class="col-md-6">
<div class="form-group"> <div class="form-group">
<label for="">Full Name</label> <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> </div>
<span class="error" id='contact-fname-error'></span>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<div class="form-group"> <div class="form-group">
<label for="">Email address</label> <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> </div>
<span class="error" id='contact-email-error'></span>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<div class="form-group"> <div class="form-group">
<label for="">Phone number</label> <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> </div>
<span class="error" id='contact-phone-error'></span>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<div class="form-group"> <div class="form-group">
<label for="">Nationality</label> <label for="">Nationality</label>
<input type="text" name = "nationality" class="form-control" placeholder="Your nationality"> <input type="text" name = "nationality" class="form-control" placeholder="Your nationality">
</div> </div>
<span class="error" id='contact-nationality-error'></span>
</div> </div>
<div class="col-md-12 mb-4"> <div class="col-md-12 mb-4">
<div class="form-group"> <div class="form-group">
<label for="exampleFormControlTextarea1">Enquiry</label> <label for="exampleFormControlTextarea1">Enquiry</label>
<textarea class="form-control" name = "message" id="exampleFormControlTextarea1" placeholder="Your enquiries.." rows="5"></textarea> <textarea class="form-control" name = "message" id="exampleFormControlTextarea1" placeholder="Your enquiries.." rows="5"></textarea>
</div> </div>
<span class="error" id='contact-message-error'></span>
</div> </div>
<div class="text-center"> <div class="text-center">
<button type="submit" class="">Submit your enquiry</button> <button type="submit" class="">Submit your enquiry</button>
@ -110,6 +115,40 @@
<script> <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; ?>"; var php_var = "<?php echo $msg; ?>";

Loading…
Cancel
Save