name : IV_011.php
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv="expires" content="0">
    <title>interior visions | design firm in bangkok | บริษัทออกแบบตกแต่งภายใน</title>
    <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
</head>
<style type="text/css">
	 @font-face {
        src: url('font/db_pradit_x-webfont.woff2') format('woff2'),
        url('font/db_pradit_x-webfont.woff') format('woff');
          font-family: 'db_pradit_x';
          font-weight: normal;
          font-style: normal;
    }
    
    .nav>li>a:focus, .nav>li>a:hover {
      text-decoration: none;
      background-color: rgba(255, 255, 255, .1);
    }
    
    body{
	  font-family: 'db_pradit_x';
      font-size:20px;
      margin-top:100px
	}
	
	.nav_menu{
    font-family: 'db_pradit_x';
    margin-top: 50px;
    margin-bottom: 48px;
  }
  


	p.title_content{
	  font-family: 'db_pradit_x';
	  text-decoration:none;
	  font-size:30px;
    color:black;
    
	}

	p.content{
	  font-family: 'db_pradit_x';
	  text-decoration:none;
	  font-size:24px;
    color:black;
    margin-top:-25px;
    margin-bottom:0px;
	}

	a {
	  font-family: 'db_pradit_x';
	  text-decoration:none;
	  font-size:26px;
	  color:gray;
	}

  
  img a{
	  font-family: 'db_pradit_x';
	  text-decoration:underline;
	  font-size:26px;
	  color:gray;
  }
  
	a:hover {
	  font-family: 'db_pradit_x';
	  text-decoration:none;
	  color:black;
	  font-weight:bold;
	}

	.content_video{
	  font-family: 'db_pradit_x';
	  font-size:30px;
	}

	h2{
	  font-size:80px;
	}      

	h3{
	  font-size:40px;
	}

	h4{
	  font-size:30px;
	}

	h5{
	  font-size:28px;
	}
	

  .active2{
  font-weight:bold;
  text-decoration:underline;
  color:black;
}

.active{
  font-weight:bold;
  text-decoration:none;
  color:black;
}


#myBtn {
  display: none;
  position: fixed;
  bottom: 15%;
  right: 0%;
  z-index: 99;
  border: none;
  cursor: pointer;
  padding: 15px;
  border-radius: 10px;
background-color: Transparent;
}

    .title_iv{
        margin-bottom:0px;
        font-size:33px;
      }

      .title_iv2{
        margin-bottom:0px;
      }

      .font_26{
        margin-top:15px;
        margin-bottom:15px;
      }

      .follow_us{
        font-size:33px;
        margin-bottom:5px;
      }

      .ct{
        margin-bottom:5px;
      }

      .btn-style {
      width: 100px;
      padding-top: 0px;
      padding-bottom: 0px;
      background-color: #404040;
      color: #fff;
        font-size:20px;
    }
    .form-control {
    display: block;
    width: 100%;
    height: 30px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-group {
    margin-bottom:0px;
}

.info_company{
padding-left:5px;
}

.container-fluid3{
  padding-right: 35px;
  padding-left: 35px;
  margin-right: auto;
  margin-left: auto;
}

.fadeout{
  opacity:0.5;
}

.fadeout2{
  background-color: rgba(255,255,255,0.9);
}

label{
  font-weight:normal;
  font-size:30px;
}

input.search-query {
    line-height: 1.2;
    padding: 0 0 0 25px;
}

input.search-query {
    background-color: transparent;
    border: 0;
    text-align: left;
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

.textstyle_title, h1.textstyle_title, h2.textstyle_title {
    font-size: 47px;
    letter-spacing: 0.023em;
    font-weight: 300;
    line-height: 1.1;
}

.searchnav{
  opacity:0;
}

.show{
  display: block;
}

.fadeIn2{
  opacity:1;
}

input:focus{
    outline: none;
}
</style>
<body>
  
<button onclick="topFunction()" id="myBtn" title="Go to top" ><img src="images/up.png" width="50px" class="img-responsive" /></button>
<?php include('layout/navbar.php'); ?>    
<?php include('layout/header.php'); ?>
<div class="container-fluid hidden-xs">
<div class="col-md-12 "  style="margin-top:-7px;padding-left:0px;padding-right:0px;" >  
  <img src="images/border.png" class="img-responsive hidden-xs " />
  <img src="images/border_m.png" class="img-responsive  hidden-sm hidden-md hidden-lg" />
</div>
</div>
<div class="container-fluid4 hidden-sm hidden-md hidden-lg">
<div class="col-md-12 "  style="margin-top:-7px;padding-left:0px;padding-right:0px;" >  
  <img src="images/border.png" class="img-responsive hidden-xs " />
  <img src="images/border_m.png" class="img-responsive  hidden-sm hidden-md hidden-lg" />
</div>
</div>
<div class="container-fluid3">
        <div class="row info_company" style="margin-left:14px;">
                  <div class="col-md-5 hidden-xs hidden-sm" style="padding-left:0px;">
                    <p class="title_iv"><strong>INTERIOR VISIONS</strong></p>
                    <?php 
                      include('config/config.php');
                      $sql = "SELECT * FROM contacts";
                      $res = $conn->query($sql);
                      while($row = $res->fetch_assoc()){
                    ?>
                    <p style="font-size:1.7em;line-height:100%;color:black;line-height:80%;" class="hidden-xs">
                       <?php echo $row['ct_address']; ?>
                      <span style="padding-right:28px;">Tel.</span> :  <span  style="padding-left:14px;">+66</span> <span><?php echo $row['ct_tel']; ?>-<?php echo $row['ct_tel2'];  ?></span></br>
                      <span>E-mail</span> : <span style="padding-left:15px;"><?php echo $row['ct_mail']; ?></span></br>
                    </p>
                    <?php                         
                      } 
                    ?>
                    <p class="font_26">---------------------</p>
                    <p class="follow_us"><strong>FOLLOW US</strong></p>
                    <p class="ct"><img src="images/icon/f.jpg" width="30px" height="30px" /> <a href="https://www.facebook.com/interiorvisions" style="font-size:35px; text-decoration:underline;color:black;margin-left:13px" target="_blank">FACEBOOK</a></p>
                    <p class="ct"><img src="images/icon/i.jpg" width="30px" height="30px" /> <a href="https://www.instagram.com/interior.visions/" style="font-size:35px; text-decoration:underline;color:black;margin-left:13px" target="_blank">INSTAGRAM</a></p>
                    <p class="ct"><img src="images/icon/p.jpg" width="30px" height="30px" /> <a href="https://www.pinterest.com/interior_visions/" target="_blank" style="font-size:35px;text-decoration:underline;color:black;margin-left:13px;" target="_blank">PINTEREST</a></p>
                  </div>
                  <div class="col-md-7    hidden-md  hidden-lg" style="padding-left:0px;">
                    <p class="title_iv"><strong>INTEROIR VISIONS</strong></p>
                    <?php 
                      include('config/config.php');
                      $sql = "SELECT * FROM contacts";
                      $res = $conn->query($sql);
                      while($row = $res->fetch_assoc()){
                    ?>
                    <p style="font-size:1.2em;line-height:100%;color:black;line-height:80%;">
                      <?php echo $row['ct_address']; ?>
                      <span style="padding-right:17px;">Tel.</span> : <span  style="padding-left:10px;">+66</span> <span><?php echo $row['ct_tel']; ?>-<?php echo $row['ct_tel2'];  ?></span></br>
                      <span>E-mail</span> : <span style="padding-left:10px;"><?php echo $row['ct_mail']; ?></span></br>
                    </p>
                    <?php 
                      }
                    ?>
                    <p class="font_26">---------------------</p>
                    <p class="follow_us"><strong>FOLLOW US</strong></p>
                    <p class="ct"><img src="images/icon/f.jpg" width="30px" height="30px" /> <a href="https://www.facebook.com/interiorvisions" style="font-size:1.2em;  text-decoration:underline;color:black;margin-left:13px" target="_blank">FACEBOOK</a></p>
                    <p class="ct"><img src="images/icon/i.jpg" width="30px" height="30px" /> <a href="https://www.instagram.com/interior.visions/" style="font-size:1.2em;  text-decoration:underline;color:black;margin-left:13px" target="_blank">INSTAGRAM</a></p>
                    <p class="ct"><img src="images/icon/p.jpg" width="30px" height="30px" /> <a href="https://www.pinterest.com/interior_visions/" target="_blank" style="font-size:1.2em;text-decoration:underline;color:black;margin-left:13px" target="_blank">PINTEREST</a></p>
                  </div>
                  <div class="col-md-5 col-md-offset-2  col-sm-8" style="padding-left:0px;">
                  <p class="follow_us"><strong>CONTACT FORM</strong></p>
                    <div class="col-md-12 col-xs-12">
                      <form class="form-horizontal" id="add_contact" method="post">
                        <div id="error_add_contact"></div>
              					<!-- NAME -->
              					<div class="form-group">
              						<label for="name" class="control-label col-sm-3 col-xs-4 font_label">Name</label>
              						<div class="col-sm-8 col-xs-8"> 
              							<input type="text" class="form-control" id="name" name="name">
              						</div>
              					</div>
              					<!-- LASTNAME -->
              					<div class="form-group">
              						<label for="lastname" class="control-label col-sm-3 col-xs-4"><span style="margin-right:8px;">Last</span><span>Name</span></label>
              						<div class="col-sm-8 col-xs-8">
              							<input type="text" class="form-control" id="lastname" name="lastname">
              						</div>
              					</div>
              					<!-- MOBILE -->
              					<div class="form-group">
              						<label for="mobile" class="control-label col-sm-3 col-xs-4">Mobile</label>
              						<div class="col-sm-8 col-xs-8">
              							<input type="tel" class="form-control" id="mobile" name="mobile">
              						</div>
              					</div>
              					<!-- E-MAIL -->
              					<div class="form-group">
              						<label for="email" class="control-label col-sm-3 col-xs-4">E-mail</label>
              						<div class="col-sm-8 col-xs-8">
              							<input type="email" class="form-control" id="email" name="email">
              						</div>
              					</div>
              					<!-- SUBJECT -->
              					<div class="form-group">
              						<label for="subject" class="control-label col-sm-3 col-xs-4">Subject</label>
              						<div class="col-sm-8 col-xs-8">
              							<input type="text" class="form-control" id="subject" name="subject" >
              						</div>
              					</div>
              					<!-- MESSAGE -->
              					<div class="form-group">
              						<label for="message" class="control-label col-sm-3 col-xs-4">Message</label>
              						<div class="col-sm-8 col-xs-8">
              							<textarea rows=2 class="form-control" id="messagess" name="messagess" rows="4"></textarea>
              						</div>
              					</div>
                        <div class="form-group">
                          <div class="hidden-xs hidden-md">
                            <label for="captcha" class="control-label col-sm-3 col-xs-4">Captcha</label>
                            <div class="col-sm-9 col-xs-1 text-center">
                            <?php 
                            include('config/config.php');
                            $sql = "SELECT * FROM capshas WHERE 1 ORDER BY RAND() limit 1";
                            $res = $conn->query($sql);
                            while($row = $res->fetch_assoc()){
                            ?>
                              <p style="background-color:#404040;color:white;padding:0px 0px 0px 35px;" class="control-label col-sm-3 text-center "><?php echo $row['cs_name']; ?></p>
                            <?php 
                            }
                            ?>
                              <div class="col-sm-4" style="padding-right:10px;margin-left:10px">
                                <input type="text" class="form-control" id="captcha" name="captcha1">
                              </div>
                              <div class="col-sm-4" style="padding-left:0px;">
                              <button type="submit" class="btn btn-style">Submit</button>
                              </div>
                            </div>
                          </div>
                          <div class="hidden-xs hidden-sm  hidden-lg">
                            <label for="captcha" class="control-label col-sm-3 col-xs-4">Captcha</label>
                            <div class="col-sm-9 col-xs-1 text-center">
                            <?php 
                            include('config/config.php');
                            $sql = "SELECT * FROM capshas WHERE 1 ORDER BY RAND() limit 1";
                            $res = $conn->query($sql);
                            while($row = $res->fetch_assoc()){
                            ?>
                              <p style="background-color:#404040;color:white;padding:0px 0px 0px 10px;" class="control-label col-sm-2 text-center "><?php echo $row['cs_name']; ?></p>
                            <?php 
                            }
                            ?>
                              <div class="col-sm-4" style="padding-right:10px;margin-left:10px">
                                <input type="text" class="form-control" id="captcha" name="captcha1">
                              </div>
                              <div class="col-sm-4" style="padding-left:0px;">
                              <button type="submit" class="btn btn-style">Submit</button>
                              </div>
                            </div>
                          </div>
                          <div class="hidden-sm hidden-md hidden-lg">
                            <label for="captcha" class="control-label col-xs-4 col-sm-2">Captcha</label>
                            <div class="col-xs-2 col-sm-3 text-center" style="padding-right:0px;">
                            <?php 
                            include('config/config.php');
                            $sql = "SELECT * FROM capshas WHERE 1 ORDER BY RAND() limit 1";
                            $res = $conn->query($sql);
                            while($row = $res->fetch_assoc()){
                            ?>
                              <p style="background-color:#404040;color:white;padding:0px 0px 0px 1px;" class="control-label text-center "><?php echo $row['cs_name']; ?></p>
                            <?php 
                            }
                            ?>
                            </div>
                              <div class="col-xs-2" style="padding-right:0px;">
                                <input type="text" class="form-control" id="captcha2" name="captcha">
                              </div>
                              <div class="col-xs-1">
                              <button type="submit" class="btn btn-style">Submit</button>
                              </div>
                            </div>
                          </div>
              					</div>
              				</form>
                    </div>
                    <div class="col-md-9">
                    </div>
                  </div>
            </div>
            </div>
<div class="container-fluid">
            <div class="row" style="margin-bottom:100px;margin-top:60px;">
              <div class="col-md-12">
                <div class="mapouter"><div class="gmap_canvas"><iframe width="100%" height="500" id="gmap_canvas" src="https://maps.google.com/maps?q=Interior%20Visions%20Co.%20Ltd.%20%E0%B8%96%E0%B8%99%E0%B8%99%E0%B8%97%E0%B8%AD%E0%B8%87%E0%B8%AB%E0%B8%A5%E0%B9%88%E0%B8%AD%20%E0%B8%81%E0%B8%A3%E0%B8%B8%E0%B8%87%E0%B9%80%E0%B8%97%E0%B8%9E%E0%B8%A1%E0%B8%AB%E0%B8%B2%E0%B8%99%E0%B8%84%E0%B8%A3%20%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B9%80%E0%B8%97%E0%B8%A8%E0%B9%84%E0%B8%97%E0%B8%A2&t=&z=14&ie=UTF8&iwloc=&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>google map <a href="http://www.embedgooglemap.net">embedgooglemap.net</a></div><style>.mapouter{overflow:hidden;height:500px;width:100%;}.gmap_canvas {background:none!important;height:500px;width:100%;}</style></div>
              </div>
            </div>
            <?php include('layout/search.php'); ?>
</div>
<div class="container-fluid hidden-xs">
<div class="col-md-12 "  style="margin-top:-7px;padding-left:0px;padding-right:0px;" >  
  <img src="images/border.png" class="img-responsive hidden-xs " />
  <img src="images/border_m.png" class="img-responsive  hidden-sm hidden-md hidden-lg" />
</div>
<div class=" footer_logo">
    <div class="col-md-12" style="padding-bottom:0px;padding-left:0px;padding-right:0px;">
        <p class="text-right" style="margin-bottom:0px;">
          <a href="https://www.facebook.com/interiorvisions" target="_blank"><img src="images/icon/f.jpg" width="25px" height="25px"/></a>
          <a href="https://www.instagram.com/interior.visions/" target="_blank"><img src="images/icon/i.jpg" width="25px" height="25px"/></a>
          <a href="https://www.pinterest.com/interior_visions/" target="_blank"><img src="images/icon/p.jpg" width="25px" height="25px"/></a>
          <a href="#" ><img src="images/icon/m.jpg" width="25px" height="25px"/></a>
        </p>
    </div>
</div>
    <div class="col-md-12" style="margin-top:-10px;padding-left:0px;padding-right:0px;">
        <p class="text-right">copyright 2017. Interior Visions. </p>
    </div>
</div>
<div class="container-fluid4 hidden-sm hidden-md hidden-lg">
<div class="col-md-12 "  style="margin-top:-7px;padding-left:0px;padding-right:0px;" >  
  <img src="images/border.png" class="img-responsive hidden-xs " />
  <img src="images/border_m.png" class="img-responsive  hidden-sm hidden-md hidden-lg" />
</div>
<div class=" footer_logo">
    <div class="col-md-12" style="padding-bottom:0px;padding-left:0px;padding-right:0px;">
        <p class="text-right" style="margin-bottom:0px;">
          <a href="https://www.facebook.com/interiorvisions" target="_blank"><img src="images/icon/f.jpg" width="25px" height="25px"/></a>
          <a href="https://www.instagram.com/interior.visions/" target="_blank"><img src="images/icon/i.jpg" width="25px" height="25px"/></a>
          <a href="https://www.pinterest.com/interior_visions/" target="_blank"><img src="images/icon/p.jpg" width="25px" height="25px"/></a>
          <a href="#" ><img src="images/icon/m.jpg" width="25px" height="25px"/></a>
        </p>
    </div>

</div>
<div class="col-md-12" style="margin-top:-10px;">
        <p class="text-right">copyright 2017. Interior Visions. </p>
    </div>
</div>
</body>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<script src="js/jquery.validate.min.js"></script>
  <script src="http://malsup.github.com/jquery.form.js"></script> 
<script src="js/imagesLoaded.js"></script>
<script src="js/masonry.js"></script>
<script src="js/link.js"></script>
<script>
     $(document).ready(function(){
        $(document).bind("contextmenu",function(e){
            return false;
        });
    });
    
      $(document).ready(function() {
        $(".search-query").keyup(function(){
         var q  =  $(".search-query").val();
         $.ajax({
          url:"layout/check_project.php",
          type:"post",
          data:{q:q},
         }).done(function(data){
            $("#show_serach").html(data);
         });
        });
      });  
</script>
<script>
    $(document).ready(function() {
        $(window).scroll( function(){
            $('.hideme').each( function(i){
                var bottom_of_object = $(this).offset().top + $(this).outerHeight();
                var bottom_of_window = $(window).scrollTop() + $(window).height();
                if( bottom_of_window > bottom_of_object ){
                    $(this).animate({'opacity':'1'},500);   
                }
            }); 
        });
    });
   
  </script>
<script>
      function openNav() {
        $("#mySidenav").css("width","100%");
        $("#mySidenav").addClass("fadeIn2");
        $("#mySidenav").addClass("show");
        $(".navbar2").fadeOut(50);
    }

    /* Close/hide the sidenav */
    function closeNav() {
        $(".navbar").fadeIn(1000);
        $(".navbar2").fadeIn(1000);
        $("#mySidenav").css("width","0%");
        $("#mySidenav").addClass("searchnav");
        $("#mySidenav").removeClass("fadeIn2");
        $("#mySidenav").removeClass("show");
    }

    function openNav2() {
       $("#searchnav").css("width","100%");
        $("#searchnav").addClass("fadeIn2");
        $("#searchnav").addClass("show");
        $(".navbar").fadeOut(100);
    }

    function closeNav2() {
      $(".navbar").fadeIn(1000);
      $("#searchnav").css("width","0%");
      $("#mySidenav").css("width","0%");
      $("#searchnav").removeClass("fadeIn2");
      $("#searchnav").removeClass("show");
      $(".navbar").fadeIn(1000);
      $(".navbar2").fadeIn(1000);
      $("#mySidenav").removeClass("fadeIn2");
      $("#mySidenav").removeClass("show");
  }


      function showImages(el) {
        var windowHeight = jQuery( window ).height();
        $(el).each(function(){
            var thisPos = $(this).offset().top;

						var topOfWindow = $(window).scrollTop();
						
            if (topOfWindow + windowHeight - 5 > thisPos ) {
                $(this).addClass("fadeIn");
            }
        });
    }

    $(document).ready(function(){
            showImages('.star');
    });

    $(window).scroll(function() {
            showImages('.star');
    });
</script>
<script>
window.onscroll = function() {scrollFunction()};
  function scrollFunction() {
      if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
          document.getElementById("myBtn").style.display = "block";
          $(".navbar").addClass("fadeout2");
          $(".navbar2").addClass("fadeout2");
      } else {
          document.getElementById("myBtn").style.display = "none";
          $(".navbar").removeClass("fadeout2");
          $(".navbar2").removeClass("fadeout2");
      }
}

function topFunction() {
    $('body,html').animate({
      scrollTop: 0
  }, 1000);
}
</script>
<script>
(function( $ ) {

	var $container = $('.masonry-container');
	$container.imagesLoaded( function () {
		$container.masonry({
			columnWidth: '.item',
			itemSelector: '.item'
		});
	});
	
	//Reinitialize masonry inside each panel after the relative tab link is clicked - 
	$('a[data-toggle=tab]').each(function () {
		var $this = $(this);

		$this.on('shown.bs.tab', function () {
		
			$container.imagesLoaded( function () {
				$container.masonry({
					columnWidth: '.item',
					itemSelector: '.item'
				});
			});

		}); //end shown
	});  //end each
	
})(jQuery);
</script>
<script>
    $(document).ready(function() {
      var pathname = window.location.pathname; // Returns path only
      var url      = window.location.href;     // Returns full URL
      var test = url.slice(-7);

      console.log(test);
        if(test == "011.php"){
            $("#contact").addClass('active2');
            $("#contact2").addClass('active2');
        }
      
    });
</script>
 <script>
    $('#add_contact').validate({
      rules: {
        name: {
                required: true,
            },
        lastname: {
            required: true,
        },          
        mobile: {
            required: true,
        },
        email: {
            required: true,
        },
        subject: {
            required: true,
        },
        messagess: {
            required: true,
        }, 
        captcha: {
            required: true,
        },
      },
      messages: {
          name: {
              required: "<p style='color:red'>Please Insert Names</p>",
          },
          lastname: {
              required: "<p style='color:red'>Please Insert Lastname</p>",
          },   
          mobile: {
              required: "<p style='color:red'>Please Insert Mobile</p>",
          },       
          email: {
              required: "<p style='color:red'>Please Insert E-mail</p>",
          },
          subject: {
              required: "<p style='color:red'>Please Insert Subject</p>",
          },
          messagess: {
              required: "<p style='color:red'>Please Insert Messsage</p>",
          },
          captcha: {
              required: "<p style='color:red'>Please Insert Capsha</p>",
          },
      },
      submitHandler: function(form) {                      
       
        $.ajax({
            url: "send_mail.php",
            data: $("#add_contact").serialize(),                         
            type: 'post',
        }).done(function(data){
          console.log(data);
          if(data == 1){
              $("#error_add_contact").html("<div class='alert alert-success'>Save Contact Success</div>").fadeIn(1000).delay(1000).fadeOut(1000);
              $('#add_contact')[0].reset();
          }else if(data == 2){
            $("#error_add_contact").html("<div class='alert alert-danger'>Check Capsha Code</div>").fadeIn(1000).delay(1000).fadeOut(1000);
              $('#captcha').val("");
              return false;
          }else{
            $("#error_add_contact").html("<div class='alert alert-danger'>Not Save Contact</div>").fadeIn(1000).delay(1000).fadeOut(1000);
              return false;
          }
        });
      }
    });
    </script>
</html>

© 2024 UnknownSec