This is Galib, a Web Developer


I share my personal projects, tips and tricks about web development.

Blog Posts

Contact Form 7 Redirect

add_action( 'wp_footer', 'mycustom_wp_footer' );
function mycustom_wp_footer() {
<script type="text/javascript">
document.addEventListener( 'wpcf7mailsent', function( event ) {
    if ( '4423' == event.detail.contactFormId ) {
        location = 'https://secova.com/thank-you-demo';
    if ( '4513' == event.detail.contactFormId ) {
        location = 'https://secova.com/thank-you-contact';
}, false );

Change the ID of your contact from 7 with the id mentioned here. You can use as many forms as you want.

Bootstrap 4 Progress Bar animated

<div class="progress">
  <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%"></div>


Bootstrap 4 pagination

<nav aria-label="...">
  <ul class="pagination">
    <li class="page-item disabled">
      <a class="page-link" href="#!" tabindex="-1">Previous</a>
    <li class="page-item"><a class="page-link" href="#!">1</a></li>
    <li class="page-item active">
      <a class="page-link" href="#!">2 <span class="sr-only">(current)</span></a>
    <li class="page-item"><a class="page-link" href="#!">3</a></li>
    <li class="page-item">
      <a class="page-link" href="#!">Next</a>