Default page

View File Name : contact.php

<?php 
$page="contact";
$filename="contact";
include ('header.php') ?>
 <style>
          
.capt-head .form-control {
   height: 45px;
    border-radius: 0;
    background:#fff;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border: none;
    border: 1px solid #ccc;
    box-shadow: none;
    margin-bottom: 15px;
}
    .btn-refresh{
    padding: 10px 20px;
    background: rgba(51, 51, 51, 0.83);
    color: #fff;
    margin-left: 5px;
    border: none;
    border-radius: 4px;
        margin-bottom: 5px;
}
           .btn-refresh:focus{
               border: none;
               outline:none;
           }
/*
      .capt-head .form-control:focus{
        border-color: 1px solid #ccc;
          box-shadow: none;
          outline: none;
      }
      .capt-head2 .form-control:focus{
          box-shadow: none;
    outline: none;
    border: none;
    border-bottom: double;
      }
    
*/
</style>
<div class="abt-bann">
    <img src="images/contact-bann.jpg" alt="rent to own pc">
    <div class="bann-cont">
        <h1>Contact Us</h1>
    </div>
</div>

<div class="col-xs-12 tl-cont">
    <div class="container">       
        <div class="col-xs-12 col-sm-6">
            <h2><b>Contact US</b></h2>
            <div class="row">
            <div class="col-xs-12">
                <i class="col-xs-12 col-sm-2 fa fa-map-marker loca"></i>
                <p class="col-xs-12 col-sm-10">No.1,Q Block,1st Floor, <br>Maraimalai Adihalar Street,<br>MMDA Colony, Arumbakkam <br>Chennai - 600106.</p><br>
            </div>

            <div class="col-xs-12 c">
                <i class="col-xs-12 col-sm-2 fa fa-mobile mobi"></i>
                <p class="col-xs-12 col-sm-10"><a href="tel:+91 9514751475">+91 9514751475</a></p>
            </div>

            <div class="col-xs-12 c">
                <i class="col-xs-12 col-sm-2 fa fa-envelope enve"></i>
                <p class="col-xs-12 col-sm-10"><a href="mailto:info@skvinfotech.com">info@skvinfotech.com</a></p>
<p class="col-xs-12 col-sm-10"><a href="mailto:info@skvewaste.com">info@skvewaste.com</a></p>
<p class="col-xs-12 col-sm-10"><a href="mailto:venkatesh@skvewaste.com">venkatesh@skvewaste.com</a></p>
            </div>
            </div></div>
        <div class="col-sm-12 col-sm-6">
            <form action="mail" onsubmit="return validateForm()" method="POST">
                <div class="form-group">
                    <label for="exampleInputEmail1">Name<span>*</span></label>
                    <input type="text" name="name" minlength="3" maxlength="32" placeholder="Name" pattern="[A-Za-z ]+" required=required class="form-control" id="en_name1">
                </div>
                <div class="form-group">
                    <label for="exampleInputEmail1">Email address<span>*</span></label>
                    <input type="email" name="email" placeholder="Email" pattern="[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{1,63}$" required=required class="form-control" id="exampleInputEmail1">
                </div>
                <div class="form-group">
                    <label for="exampleInputEmail1">Mobile Number</label>
                    <input type="text" name="mobile" maxlength="10" pattern="[9|8|7]\d{9}$" title="Enter only Numberic values" placeholder="Mobile Number" onkeyup="limit(this);" required=required class="form-control" id="contact_phone1">
                </div>

                <div class="form-group">
                    <label for="exampleInputEmail1">Message</label>
                    <textarea class="form-control" name="message" rows="3" required=required id="en_msg1" placeholder="Enter your Message"></textarea>
                </div>
                 <div class="capt-head2">
                            <p style="padding-left:0;"> <label style="color: #333;"> Captcha </label> </p>
                            <input type="text" class="form-control" style="border: 1px solid #fff; color:#fff; width: 200px; height: 42px; font-size: 24px; font-weight: bolder; text-decoration: none; float: left; background-color:#44bb00; border-radius: 4px;padding: 10px;margin: 0; margin-bottom: 15px;" id="mainCaptcha1" disabled="">
                            <button class="btn-refresh" type="button" style="float: left;" id="refresh1" onclick="Captcha1();"> Refresh</button>                        
                            <input style="margin:10px 0px;" type="text" class="form-control" placeholder="Enter captcha" name="captcha" id="txtInput1" required="">
                               <div style="margin:10px 0; color: #D8000C; background-color: #FFBABA; border-radius: 3px; width:100%; display: inline-block;" id="log1"></div>
                               
                        </div>
                <button type="submit" name="submit" class="btn btn-theme pull-right">Submit</button>
            </form>
              <script src="js/jquery.min.js"></script>
                        <script>
                                 $("#en_msg1").on("textarea focus keyup keydown",function() 
                            {
                                $.getJSON("textarea_invalidword.json", function (data) {

                                var arrItems = [];      // THE ARRAY TO STORE JSON ITEMS.
                                $.each(data, function (index, value) {
                                    arrItems.push(value);       // PUSH THE VALUES INSIDE THE ARRAY.
                                });
                                var check_text=document.getElementById("en_msg1").value;
                                var error=0;
                                for(var i=0;i<arrItems.length;i++)
                                {
                                var val=arrItems[i];
                                if((check_text.toLowerCase()).indexOf(val.toString())>-1)
                                {
                                error=error+1;
                                }
                                }

                                if(error>0)
                                {
                                document.getElementById("en_msg1").value="";
                                $("#submit").attr("disabled", true);
                                }
                                else
                                {
                                //document.getElementById("en_msg1").innerHTML="";
                                $("#submit").attr("disabled", false);
                                }
                            });
                            });
                           $("#en_name1").on("textarea focus keyup keydown",function() 
                            {
                                $.getJSON("textarea_invalidword.json", function (data) {

                                var arrItems = [];      // THE ARRAY TO STORE JSON ITEMS.
                                $.each(data, function (index, value) {
                                    arrItems.push(value);       // PUSH THE VALUES INSIDE THE ARRAY.
                                });
                                var check_text=document.getElementById("en_name1").value;
                                var error=0;
                                for(var i=0;i<arrItems.length;i++)
                                {
                                var val=arrItems[i];
                                if((check_text.toLowerCase()).indexOf(val.toString())>-1)
                                {
                                error=error+1;
                                }
                                }

                                if(error>0)
                                {
                                document.getElementById("en_name1").value="";
                                $("#submit").attr("disabled", true);
                                }
                                else
                                {
                                //document.getElementById("bad_name").innerHTML="";
                                $("#submit").attr("disabled", false);
                                }
                            });
                            });

                           function limit(element) {
                                var max_chars = 10;
                                var y = document.getElementById('contact_phone1').value;
                                if (element.value.length > max_chars) {
                                    element.value = element.value.substr(0, max_chars);
                                    alert("Please Enter 10 digits Only");

                                    if ((y.charAt(0) != "9") && (y.charAt(0) != "8") && (y.charAt(0) != "7")) {
                                        alert("Please Enter Correct Mobile Number");
                                        document.getElementById('contact_phone1').select();
                                        document.getElementById('contact_phone1').value = "";
                                        return false
                                    }
                                } else if ((y.charAt(0) != "9") && (y.charAt(0) != "8") && (y.charAt(0) != "7")) {
                                    //alert("Please Enter Correct Mobile Number");
                                    //document.getElementById('contact_phone12').select();
                                    document.getElementById('contact_phone1').value = "";
                                    return false
                                }

                                return true;
                            }
                         </script>  
        </div>
       
    </div>
    <div class="col-xs-12 cont-map">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15546.817450741944!2d80.21101!3d13.0544806!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xd9d7687dde3f85ca!2sSKV+Infotech-Computer+Rental%2C+PC+Rental+in+Chennai!5e0!3m2!1sen!2sin!4v1507801229036" frameborder="0" style="border:0" allowfullscreen></iframe>
    </div>
    </div>

   
    <script>
function validateForm(){
document.getElementById('log1').innerHTML = '';
var string1 = removeSpaces(document.getElementById('mainCaptcha1').value);
var string2 = removeSpaces(document.getElementById('txtInput1').value);
if (string1 != string2 || string2 == ""){
Captcha1();
document.getElementById('log1').innerHTML += '<span style="font-size:16px; padding: 10px;">Entered Invalid Captcha</span> ';
return false;
}
}
Captcha1();
function Captcha1(){
var alpha = new Array('A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z','a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z','1','2','3','4','5','6','7','8','9','0');
var i;
for (i=0;i<6;i++){
var a = alpha[Math.floor(Math.random() * alpha.length)];
var b = alpha[Math.floor(Math.random() * alpha.length)];
var c = alpha[Math.floor(Math.random() * alpha.length)];
var d = alpha[Math.floor(Math.random() * alpha.length)];
var e = alpha[Math.floor(Math.random() * alpha.length)];
var f = alpha[Math.floor(Math.random() * alpha.length)];
var g = alpha[Math.floor(Math.random() * alpha.length)];
}
var code = a + ' ' + b + ' ' + ' ' + c + ' ' + d + ' ' + e + ' '+ f + ' ' + g;
document.getElementById("mainCaptcha1").value = code
var colors = ["#fff"];
var rand = Math.floor(Math.random() * colors.length);
$('#mainCaptcha1').css("background-color", "rgb(210, 0, 35)");
}
function removeSpaces(string){
return string.split(' ').join('');
}
</script>
    
 <script type="text/javascript">
       $(document).ready(function() {
          
           $("#click-opn").click(function(){
          $('body').attr('class','new-open');
        }); 
              $(".close").click(function(){
          $('body').removeClass('new-open');
        }); 
});
</script>

<?php include('footer.php');?>