bnmbnmbnmnbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbn

]nbmbmbnmbnmbnmnbnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn bnmbnmbnmnbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbn

<?php
	include("dbConnection.php");
?>

<!DOCTYPE html>
<html lang="en">
<head>
    
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-K3P523JJ');</script>

<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />

<link href="css/animate.css" rel="stylesheet" type="text/css" />

<link href="css/fontawesome-all.css" rel="stylesheet" type="text/css" />

<link href="css/themify-icons.css" rel="stylesheet" type="text/css" />

<link href="css/audioplayer/media-player.css" rel="stylesheet" type="text/css" />

<link href="css/magnific-popup/magnific-popup.css" rel="stylesheet" type="text/css" />

<link href="css/owl-carousel/owl.carousel.css" rel="stylesheet" type="text/css" />

<link href="css/slit-slider/slit-slider.css" rel="stylesheet" type="text/css" />

<link href="css/base.css" rel="stylesheet" type="text/css" />

<link href="css/shortcodes.css" rel="stylesheet" type="text/css" />

<link href="css/default-theme.css" rel="stylesheet" type="text/css" />

<link href="css/responsive.css" rel="stylesheet" type="text/css" />

<style>
 
 
  #rotate{
   
   vertical-align:top;
	transform:rotate(90deg);
  -ms-transform:rotate(90deg); /* IE 9 */
  -moz-transform:rotate(90deg); /* Firefox */
  -webkit-transform:rotate(90deg); /* Safari and Chrome */
  -o-transform:rotate(90deg); /* Opera */ 
    
   
    }    
.container_img {
  width: 50%;
  animation: slideIn 1.5s ease-in-out forwards;
  margin-left: 670px;
   margin-top:-250px;
   border-radius:10px;
}
.vertical-button {
display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-self: center;
 
  cursor:pointer;
  height:50px;
	 width: 143px;
  position:relative;
  
	border: 1px solid #333;
	border-radius: 5px;
  padding: 0 10px;

font-size: 20px;
  background:white;
  float:right;
   margin-right:-70px;
   margin-top:-200px;
}

@keyframes slideIn {
  0% {
    transform: translateX(500px) scale(.2);
  }
  100% {
    transform: translateX(0px) scale(1);
  }
}

@keyframes slideUp {
  0% {
    transform: translateY(300px);
  }
  100% {
    transform: translateY(0px);
  }
}

@keyframes expand {
  0% {
    transform: translateX(1400px);
  }
  100% {
    transform: translateX(0px);
  }
}

@media screen and (min-width: 768px) {
  .navbar-brand {
        margin-left:50px;
    }
	.social-icons li a {display: inline-block;
	height: 30px;
	width: 30px; 
	line-height: 30px; 
	font-size: 14px; 
	text-align: center; 
	margin:0;
	border-radius: 4px;
	border: 0; 
	background: transparent; 
	color: #282925; 
	overflow: hidden;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease; 
	transition: all .3s ease; }
	
 
}
 @media screen and (max-width: 768px) {
  
	.social-icons{
	display:none;
	}
	.slide-item-bg{
    width:100%;
    height:350px;
    } 
   .fullscreen-banner {
    height:350px !important;
    }
   
     .juxtapose {
			max-width: 300px;
             
		}
      .portfolio-item{
      padding-bottom:70px;
      }
      
      	.container_img {
  width: 100%;
  animation: slideIn 1.5s ease-in-out forwards;
  float:left;
  margin-left: 0px;
   margin-top:-200px;
}
 
}

</style>

<link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="all">

<link rel="stylesheet" href="csss/sliders/ios/style.css" type="text/css" media="all">

<link rel="stylesheet" href="csss/niches/custom-gym.css" type="text/css" />

<script type="text/javascript" src="javascript/jquery.js"></script>
		<link rel="stylesheet" href="image-comparison-slider-master/css1/style1.css"> 
		<script src="image-comparison-slider-master/js/modernizr1.js"></script>
		<script src="image-comparison-slider-master/js/jquery-2.1.1.1.js"></script> 
		<script src="image-comparison-slider-master/js/jquery.mobile.custom1.min.js"></script> 
		<script src="image-comparison-slider-master/js/main1.js"></script> 
</head>

<header id="site-header" class="header">
  
  <div id="header-wrap">
    <div class="container-fluid">
      <div class="row">
        <?php 
        	include("sidebar.php");
        ?>
		<div class="col-lg-3" >
		  
		</div>
      </div>
    </div>
  </div>
</header>

<section class="page-title o-hidden text-center parallaxie" data-overlay="7" data-bg-img="images/bg/02.jpg">
  <div class="container">
    <div class="row">
      <div class="col-lg-8 col-md-12 ml-auto mr-auto">
      <center>  <h1 class="title mb-0">Search Engine <span> Optimization</span></h1></center>
      </div>
    </div>
    <nav aria-label="breadcrumb" class="page-breadcrumb">
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="index"><i class="fas fa-home"></i></a>
        </li>
        <li class="breadcrumb-item"><a href="#">Home</a>
        </li>
        <li class="breadcrumb-item"><a href="#">Search Engine Optimization</a>
        </li>
        
      </ol>
    </nav>
  </div>
</section>

<footer class="footer  " data-bg-img=" " style=" " >
   
 <div class="primary-footer" style="padding-top: 0px; padding-left:0px;position:absolute">

<div class=" ">
      <div class="row">
        <div class="col-lg-5 col-md-5">
           
           <img src="images/digital/seo.png" style="margin-top:60px" >  
        </div>
       
      <div class="col-lg-7 col-md-7" style="color:black;margin-top:60px; font-size:30px;text-align: justify;  ">
            

    
          <form   method="post" action="idigital_mail.php" autocomplete="off" class="container_img" id="form_web" style="display:block;padding:20px 20px 20px 20px; background:#d1cdcd;margin-top: -248px; width:400px; position:absolute">
            
			 <button class="btn btn-primary" type="button" return false; style="background:#e36b6b; width: fit-content; height:5px; padding: 0px 10px 20px 10px; border:solid 1px; text-align:justify; float:right " onclick="hide_form()">X</button>
             <div class="messages">Free Audit!</div>
             <br>
            <div class="form-group">
              <input id="form_name" type="text" name="fname" class="form-control" placeholder="First Name" required="required" data-error="Username is required." style="background-color:white; border-bottom:solid 2px #9f9c9c;">
              <div class="help-block with-errors"></div>
            </div>
		 
			  
            <div class="form-group">
              <input id="form_name" type="text" name="lname" class="form-control" placeholder="Last Name" required="required" data-error="Username is required." style="background-color:white; border-bottom:solid 2px #9f9c9c;">
              <div class="help-block with-errors"></div>
            </div>
		 
		 
            <div class="form-group">
              <input id="form_email" type="email" name="email" class="form-control" placeholder="Email" required="required" data-error="Valid email is required." style="background-color:white; border-bottom:solid 2px #9f9c9c;">
              <div class="help-block with-errors"></div>
            </div>
           
         <div class="form-group">
              <input id="form_name" type="text" name="website" class="form-control" placeholder="Website URL" required="required" data-error="Valid email is required." style="background-color:white; border-bottom:solid 2px #9f9c9c;">
              <div class="help-block with-errors"></div>
            </div>
            
                <div class="g-recaptcha" data-sitekey="6LdJAJ4UAAAAAAxNxLNdcZXGniQDnInDUsxO71oU"></div>
                <p id="captcha_text" style="color:red" ></p>
      <br/>
            <input type="submit" name="submit" id="submit" value="Submit" class="sub" onclick="free();"> 
             
          
     </form>
    <input type="button" value="Enquiry Now" id="rotate" class="  vertical-button" onclick="show_form()"/>
           <p>
          Search engine optimization (SEO) is the process of optimizing a website to improve
its visibility and ranking on search engines like Google, Bing, and Yahoo. With over
3.5 billion searches per day on Google alone, SEO has become an essential part of
any digital marketing strategy.</p>
<p>
At KeyRetouch Digital, we understand the importance of SEO and how it can help
businesses increase organic traffic, generate leads, and boost revenue. Our team
of experts uses a data-driven approach to optimize websites for search engines,
ensuring that our client's websites rank higher in search results and attract more
potential customers.</p>
        </div>
 
      </div>
    </div>
  </div></footer>
 <footer class="main-footer" style="background-color:#ece9e9; color:black; padding-top:12px; position: fixed;  height: 5%; left: 0;   bottom: 0;   width: 100%;"> 
    
     
    <center><strong>Copyright &copy; 2019 <a href="#" style=" color:black; "> KeyRetouch</a>.</strong> All rights reserved. </center>
    <?php include("social.php");  ?>
  </footer>

<!--team start

team end-->

<!--blog start

blog end-->

</div>

<?php 
	//include("footer.php");
?>

</div>

</section>
</div>

<script>
   /*     document.onmousemove = function(e){
var x = e.pageX;
var y = e.pageY;
e.target.title = "X is "+x+" and Y is "+y;
}*/

function hide_form()
{
    //alert("fgf");
    document.getElementById("form_web").style.display = 'none';
}

function show_form()
{
    document.getElementById("form_web").style.display = 'block';
}
    </script>
    
<script>
 function messageLimit()
{
	var limit = 150;
	var side_word = document.getElementById("form_message").value;
	var word_limit = side_word.length;

if(limit == word_limit)
	{
		alert("You have reached a limit of 150 characters")
	}
}
function getCountryCode()
	{
	     
		var a = document.getElementById("form_dropdown").value;
	 
		 
		document.getElementById("form_phone").value = "(+"+a+") - ";
	}

// Also see: https://www.quirksmode.org/dom/inputfile.html

var inputs = document.querySelectorAll('.file-input')

for (var i = 0, len = inputs.length; i < len; i++)
{
  customInput(inputs[i])
}

function customInput (el) {
  const fileInput = el.querySelector('[type="file"]')
  const label 	  = el.querySelector('[data-js-label]')
  
  fileInput.onchange =
  fileInput.onmouseout = function () {
    if (!fileInput.value) return
    
    var value = fileInput.value.replace(/^.*[\\\/]/, '')
    el.className += ' -chosen'
    label.innerText = value
  }
}
</script>

<script src='jx/juxtapose/js/juxtapose.js'></script>

<script src="js/jquery.3.3.1.min.js"></script>

<script src="js/popper.min.js"></script>

<script src="js/bootstrap.min.js"></script>

<script src="js/jquery.appear.js"></script>

<script src="js/modernizr.js"></script>

<script src="js/menu/jquery.smartmenus.js"></script>

<script src="js/audioplayer/media-player.js"></script>

<script src="js/magnific-popup/jquery.magnific-popup.min.js"></script>

<script src="js/owl-carousel/owl.carousel.min.js"></script>

<script src="js/slit-slider/jquery.ba-cond.min.js"></script>
<script src="js/slit-slider/jquery.slitslider.js"></script>

<script src="js/parallax/parallaxie.min.js"></script>

<script src="js/counter/counter.js"></script>

<script src="js/countdown/jquery.countdown.min.js"></script>

<script src="js/isotope/isotope.pkgd.min.js"></script>

<script src="js/contact-form/contact-form.js"></script>

<script src="js/contact-form/jquery.validate.min.js"></script>

<script src="https://maps.googleapis.com/maps/api/js"></script>

<script src="js/map.js"></script>

<script src="js/particle/jquery.particleground.min.js"></script>

<script src="js/theme-script.js"></script>
<script type="text/javascript">

</script>

	 
	
	<script type="text/javascript" src="javascript/plugins/_sliders/ios/jquery.iosslider.min.js"></script>

<script type="text/javascript" src="javascript/trigger/slider/ios/kl-ios-slider.js"></script>
	
	

<script type="text/javascript">

function sideword()
{
	var limit = 150;
	var side_word = document.getElementById("form_message1").value;
	var word_limit = side_word.length;

if(limit == word_limit)
	{
		alert("You have reached a limit of 150 characters")
	}
}
//$(.cat1).focus();
</script>


 
<script type="text/javascript">
    (function () {
        var options = {
            whatsapp: "+91 8369719288", // WhatsApp number
            call_to_action: "Message us", // Call to action
            position: "right", // Position may be 'right' or 'left'
        };
        var proto = document.location.protocol, host = "getbutton.io", url = proto + "//static." + host;
        var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';
        s.onload = function () { WhWidgetSendButton.init(host, proto, options); };
        var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
    })();
</script>

</body>
 
</html>