
   
<!-- Website Details Starts -->
<!-- Website Details Ends -->

<!-- Influencer Section Starts -->

<!-- Influencer Details Starts -->
<!-- Influencer Details Ends -->

<!-- Influencer Register Starts -->

<!-- Influencer Register Ends -->

<!-- Influencer Login Starts -->
<!-- Influencer Login Ends -->

<!-- Influencer Profile Image Update starts -->
<!-- Influencer Profile Image Update ends -->

<!-- Influencer Introduction Video Update starts -->
<!-- Influencer Introduction Video Update ends -->

<!-- Personel Info starts -->
<!-- Personel Info ends -->


<!-- Bank Info starts -->
<!-- Bank Info ends -->

<!-- Social Media Info starts -->

          
<!-- Social Media Info ends -->

<!-- Update Influerncer Password Starts -->
<!-- Update Influerncer Password Ends -->

<!-- Influencer Sleep Mode Starts -->
<!-- Influencer Sleep Mode Ends -->

<!-- Influencer Account Update -->

<!-- Influencer Campaign OPT Starts -->


<!-- Influencer Campaign OPT Ends -->

<!-- Influencer Campaign Submit Starts -->
<!-- Influencer Campaign Submit Complete Starts -->
<!-- Influencer Campaign Submit Complete Ends -->
<!-- Influencer Campaign Submit Ends -->
<!-- Influencer Section Ends -->

<!-- ADMIN Section Starts -->

<!-- Admin primecontent update start  -->
 
<!-- Admin primecontent update  Ends -->

<!-- Admin remove primecontent update start  -->
 
<!-- Admin remove primecontent update  Ends -->

<!-- ADMIN Influencer Platform Verify Starts -->


<!-- ADMIN Influencer Platform Verify Ends -->


<!-- ADMIN Influencer Bank Verify Starts -->
<!-- ADMIN Influencer Bank Verify Ends -->

<!-- ADMIN Influencer (is Whatsapp Connected) Starts -->
<!-- ADMIN Influencer (is Whatsapp Connected) Ends -->

<!-- ADMIN Influencer Verify Starts -->
	<!-- ADMIN Influencer Verify Ends -->

<!-- ADMIN Influencer Sleep Mode Starts -->
<!-- ADMIN Influencer Sleep Mode Ends -->

<!-- ADMIN Influencer Suspend Starts -->
<!-- ADMIN Influencer Suspend Ends -->

<!-- ADMIN Influencer Level Price Starts -->
				
			<!-- ADMIN Influencer Level Price Ends -->

<!-- ADMIN Influencer Notes Add Starts -->
		<!-- ADMIN Influencer Notes Add Ends -->

<!-- ADMIN Add indusrty start -->
			
<!-- ADMIN Add indusrty Ends -->

<!-- ADMIN Add language start -->
		<!-- ADMIN Add language Ends -->

<!-- ADMIN Add Platform start -->
		<!-- ADMIN Add Platform Ends -->

<!-- ADMIN Add Influencer Checklist start -->
			<!-- ADMIN Add Influencer Checklist Ends -->

<!-- ADMIN Add Influencer Notice start -->
			<!-- ADMIN Add Influencer Notice Ends -->

<!-- ADMIN Add Influencer Starts -->

<!-- ADMIN Add Influencer Ends -->

<!-- ADMIN Client plan ADD Starts -->

<!-- ADMIN Plan Content Category Starts -->
		
	<!-- ADMIN Plan Content Category Ends -->

<!-- ADMIN Plan Category Starts -->
		
	<!-- ADMIN Plan Category Ends -->

<!-- ADMIN New Plan ADD Starts -->

		
	<!-- ADMIN New Plan ADD Ends -->

<!-- ADMIN Plan Influencer add Starts -->


<!-- ADMIN Plan Influencer add Ends -->

<!-- ADMIN Client plan ADD Starts -->
<!--  Campaign OPT OUT Start -->

<!-- Campaign OPT OUT End -->

	<!-- Content Checklist starts -->
<!-- Content Checklist ends -->

<!--  Content Approval Start -->
<!--Content Approval End -->

<!--  Content Rejection Start -->
<!--Content Rejection End -->

<!--  Content changes Start -->
<!--Campaign Rejection End -->

<!--  Campaign Approval Start -->

<!--campaign Approval End -->

<!--  campaign Rejection Start -->

<!--campaign Rejection End -->

<!-- campaign add by admin  start-->


<!-- campaign add end-->

<!-- Personel Info starts -->
<!-- Personel Info ends -->

<!-- Social Media Info starts -->

          
<!-- Social Media Info ends -->

<!-- Add Social media videos and Images starts -->
 
<!-- Add Social media videos and Images ends -->

<!-- Edit Social media videos and Images starts -->

 
  <!-- Edit Social media videos and Images ends -->

<!-- Email and Mobile starts -->
<!-- Email and Mobile Info ends -->

<!-- Bank Info starts -->
<!-- Bank Info ends -->

<!-- ADMIN Add Client Registration Starts -->
<!-- ADMIN Add Client Register Ends -->

<!--- Client Update By Admin-->

<!-- client Account Update end -->

<!-- ADMIN Add Pay Cycle start -->

      
<!-- ADMIN Add Pay Cycle Ends -->

<!-- ADMIN Add Payment Schedule start -->

 
  <!-- ADMIN Add Payment Schedule Ends -->

<!-- ADMIN Add Coupan start -->
<!-- ADMIN Add coupan Ends -->
<!-- ADMIN Section Ends -->

<!-- Client Section starts -->

<!-- Client Details Starts -->
<!-- Client Details End -->

<!-- Client Register Starts -->

<!-- Client Register Ends -->


<!--client login start-->


<!--Client Login End-->

<!-- Client Account Update -->


<!-- Update Client Password Starts -->

<!---Update Client Password Ends-->


<!-- client Account Update end -->


<!-- New Client Add to Cart Starts -->


<!-- Cart Add End-->

	
<!--order add start --><!--AND $_GET['landpg']=="invoice"-->

<!--order end-->


<!-- New Client Add to Cart Ends -->


<!-- old campaign add start-->


<!-- old campaign add end-->


<!--compaction-->


<!-- campaign add start-->

<!--deadline update star-->


<!-- deadline update end t-->


<!-- campaign add end-->


<!-- Campaign Delete Starts -->
  <!-- Campaign Delete Ends -->


<!-- Campaign Invite Approval / Rejection by Influencers Starts -->

<!-- Influencer Campaign Approval Starts -->


<!-- Influencer Campaign Approval Ends -->

<!-- Influencer Campaign Reject Starts -->


<!-- Influencer Campaign rejection Ends -->
<!-- Campaign Invite Approval / Rejection by Influencers Ends -->
<!-- Add New Influencer after Rejection Starts -->

  
<!-- Add New Influencer after Rejection Ends -->

<!-- Client Reward Pay to Influencers Starts -->


<!-- Client Reward Pay to Influencers Ends -->

	<!-- Influencer Review by CLIENT starts -->
<!-- Influencer Review by CLIENT ends -->
<!-- Client Section Ends -->


<!-- Support Ticket Starts -->

<!-- ADMIN Add Ticket Type start -->

      <!-- ADMIN Add Pay Cycle Ends -->
<!--  ticket status update -->

 <!--  ticket status update end -->


<!-- Support Ticket Ends -->


<!-- Support Ticket Ends -->


<!-- Admin Notification order update start  -->
 
<!-- Admin Notification order update  Ends -->

<!-- choose new Influencer against suspend influencer -->


<!--End choose influencer against suspend influencer -->


<!--deactivate-->
     

  	<!--deactivate-->
	
	
<!--order end-->
	

<!DOCTYPE html>
<html lang="en">
<head>

<!DOCTYPE html>
<html lang="en">
<head>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-8FGM7MMTYE"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-8FGM7MMTYE');
</script>

<meta name="google-site-verification" content="KI--oAnS3fQdFZbxSjs8DyAXefwGrhbS02inGxx2JmU" />

<meta name="p:domain_verify" content="cac99ba64c5c575d11f7678e1029c666"/>


  <!-- Schema code Starts -->
  <script type="application/ld+json">
    {
      "@context": "http://schema.org",
      "@type": "Organization",
      "legalName": "Tixteen",
      "url": "https://www.tixteen.com/",
      "contactPoint": [{
        "@type": "ContactPoint",
        "telephone": "+91-6239773008",
        "contactType": "customer service"
      }],
      "logo": "https://www.tixteen.com/assets/img/logo.png",
      "sameAs": ["https://www.facebook.com/tixteen/",
        "https://twitter.com/tixteen_",
        "https://www.youtube.com/channel/UCe80mP_r-wbPzGdiTQDiBrg",
        "https://www.linkedin.com/company/tixteen/",
        "https://www.instagram.com/tixteen/"
      ]
    }
  </script>

  <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@graph": [{
          "@context": "https://schema.org",
          "@type": "SiteNavigationElement",
          "@id": "Online Talented Influencer Marketing Agencies & Companies In India",
          "name": "Section 1",
          "url": "https://www.tixteen.com/"
        },
        {
          "@context": "https://schema.org",
          "@type": "SiteNavigationElement",
          "@id": "Top Influencer Marketing Companies In India",
          "name": "Section 2",
          "url": "https://www.tixteen.com/client/"
        },
        {
          "@context": "https://schema.org",
          "@type": "Top Social Influencer Marketing Agency In India | Instagram & Youtubers Influencer ",
          "@id": "Hire Top Micro Influencers",
          "name": "Section 3",
          "url": "https://www.tixteen.com/creator/"
        },


        {
          "@context": "https://schema.org",
          "@type": "SiteNavigationElement",
          "@id": "Sign Up & Register As An Influencer In India - Tixteen Influencer Marketing Agency",
          "name": "Section 4",
          "url": "https://www.tixteen.com/influregister.php"
        },
        {
          "@context": "https://schema.org",
          "@type": "SiteNavigationElement",
          "@id": "Sign Up & Register As A Brand In India - Tixteen Influencer Marketing Agency",
          "name": "Section 5",
          "url": "https://www.tixteen.com/clientregister.php"
        },

        {
          "@context": "https://schema.org",
          "@type": "SiteNavigationElement",
          "@id": "About Us- Tixteen Influencer Marketing Agency",
          "name": "Section 6",
          "url": "https://www.tixteen.com/about.php"
        },

        {
          "@context": "https://schema.org",
          "@type": "SiteNavigationElement",
          "@id": "Contact Us- Tixteen Influencer Marketing Agency",
          "name": "Section 7",
          "url": "https://www.tixteen.com/contact.php"
        },

        {
          "@context": "https://schema.org",
          "@type": "SiteNavigationElement",
          "@id": "Tixteen Influencer Marketing Agency- Terms & Conditions",
          "name": "Section 8",
          "url": "https://www.tixteen.com/terms.php"
        }
      ]
    }
  </script>
  <!-- Schema code Ends -->
  <link rel="canonical" href="https://www.tixteen.com/client/" />
    <!-- Bootstrap 5 start-->
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link href="../bootstrap-5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
      <script src="../bootstrap-5.1.3/dist/js/bootstrap.bundle.min.js"></script>
    <!-- Bootstrap 5 ends-->

    <!-- Custom css start-->
        <link rel="stylesheet" href="../css/custom.css">
        <link rel="stylesheet" href="../css/media-query.css">
    <!-- Custom css ends -->


    <!-- Fontawesome 5 start -->
        <link href="../fontawesome-free-5.15.2-web/css/all.css" rel="stylesheet"> <!--load all styles -->
        <script defer src="../fontawesome-free-5.15.2-web/js/all.js"></script> <!--load all styles -->
        <link href="../fontawesome-free-5.15.2-web/css/fontawesome.css" rel="stylesheet">
        <link href="../fontawesome-free-5.15.2-web/css/brands.css" rel="stylesheet">
        <link href="../fontawesome-free-5.15.2-web/css/solid.css" rel="stylesheet">
        <script defer src="../fontawesome-free-5.15.2-web/js/brands.js"></script>
        <script defer src="../fontawesome-free-5.15.2-web/js/solid.js"></script>
        <script defer src="../fontawesome-free-5.15.2-web/js/fontawesome.js"></script>
    <!-- Fontawesome 5 end -->
    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
    <!-- mouse move animation starts -->        <script src="../mousemoveanimation/jquery.min.js"></script>        <script type="text/javascript" src="../mousemoveanimation/TweenMax.min.js"></script>    <!-- mouse move animation ends -->

    <!-- Animation -->
        <link rel="stylesheet" href="../animate/animate.css">
        <link href="../vivify/vivify.min.css" rel="stylesheet" type="text/css"/>
        <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
        <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
        <link rel="stylesheet" href="../cssanimation.io-master/cssanimation.min.css">
        <script type="text/javascript" src="../cssanimation.io-master/gsap-version/cssanimation-gsap.js"></script>
        <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>


    <!-- Hover.css starts -->
        <link href="../Hover-master/css/hover.css" rel="stylesheet" media="all">
    <!-- Hover.css ends -->

    <!-- Owl carousel starts -->
        <link rel="stylesheet" href="../OwlCarousel2-2.3.4/dist/assets/owl.carousel.min.css" />
    <link rel="stylesheet" href="../OwlCarousel2-2.3.4/dist/assets/custom-owl-carousel.css" />
    <!-- Owl carousel ends -->

    
    <!-- fav icon start -->
        <link rel="apple-touch-icon" sizes="180x180" href="../favicon/apple-touch-icon.png">
        <link rel="icon" type="image/png" sizes="32x32" href="../favicon/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="16x16" href="../favicon/favicon-16x16.png">
    <!-- fav icon end -->


<title>Best Influencer Marketing Agency In India | Tixteen</title>

<meta name="description" content="Tixteen is a platform that will help to grow your business through influencer marketing. Influencers will create content as per the campaigns selected and assigned by you.">

<meta name="keywords" content="Best Influencer Marketing Agency India
Influencer marketing
Influencer marketing agencies
Best Influencer Marketing Platform For Small Business
Connect Influencers With Brands">

<meta property="og:image" content="https://tixteen.com/assets/img/Vector-Smart-Object1.png" />

</head>

<body>
<div class="headerbar">
    <div class="row ">
        <div class="col-2">
            <div data-aos="zoom-out" class="hdrlogo"><a href="../"><img src="../assets/img/logo.png" alt="tixteen"></a></div>
        </div>
        <div class="col-5">
          <div class="hdrlinks2" style="text-align:left;">
            <div class="hdrlinkitem2"><a href="selectinfulencer.php">Select Influencers</a></div>
          </div>
        </div>
        <div class="col-5">
          <div class="hdrlinks">
            <div class="hdrlinkitem">
              <!-- <span class="brandlogbtn">
                BRAND
                <div class="brandlogsigndd">
                  <div><a onclick="mybrndlogpopshowFunction()" style="cursor:pointer;">LOGIN</a></div>
                  <hr>
                  <div><a href="">Signup</a></div>
                </div>
              </span> &nbsp
              |&nbsp -->
             <!--  <span class="influlogbtn">
                INFLUENCERS
                <div class="influlogsigndd">
                                      <div><a onclick="myinflulogpopshowFunction()" style="cursor:pointer;">LOGIN</a></div>
                    <hr>
                    <div><a href="../influregister.php">Signup</a></div>
                                  </div>
              </span> -->

              
                            <span class="brandlogbtn2">
                <a onclick="mybrndlogpopshowFunction()" style="cursor:pointer;">LOGIN</a>
              </span> &nbsp
              &nbsp
              <span class="brandlogbtn2">
                <a href="../clientregister.php">Signup</a>
              </span>
                  
            </div>
            <!-- <div class="hdrlinkitem">Already Registered? <a href="login.php">Login</a> here</div> -->
          </div>
        </div>
    </div>
</div>
<script>
    $("#loginddbtn").click(function(){
      $(".hdrecomdropdown").toggle();
    $(".hdrecom").toggleClass("dropdownchange");
    });
</script>


<script>
    $(".brandlogbtn").hover(function(){
      $(".brandlogsigndd").toggle();
      $(".influlogsigndd").hide();
    });
</script>
<script>
    $(".influlogbtn").hover(function(){
      $(".influlogsigndd").toggle();
      $(".brandlogsigndd").hide();
    });
</script>


<div class="hdrmobile">
    <div class="row">
        <div class="col-1"></div>
        <div class="col-sm-2 col-3">
            <div data-aos="zoom-out" class="hdrmoblogo"><a href="index.php"><img src="../assets/img/logo.png" alt="Tixteen"></a></div>
        </div>
        <div class="col-sm-5 col-4"></div>
        <div class="col-3" style="display: grid; align-items: center; text-align: right;">
            <div class="hdrmobmenuicon"><i class="fas fa-bars"></i></div>
        </div>
        <div class="col-1"></div>
    </div>
    <div class="hdrmobilemenudd">
        <div><a href="selectinfulencer.php">Select Influencers</a></div>
        <hr>
              <div><a onclick="mybrndlogpopshowFunction()" style="cursor:pointer;">LOGIN</a></div>
        <hr>
        <div><a href="../clientregister.php">Signup</a></div>
          </div>
</div>

<script>
    $(".hdrmobmenuicon").click(function(){
      $(".hdrmobilemenudd").toggle();
    });
</script>


<script>
  function mybrndlogpopcloseFunction() {
    document.getElementById("brndloginpopup").style.display = "none";
  }
  function mybrndlogpopshowFunction() {
    document.getElementById("brndloginpopup").style.display = "block";
  }
</script>

<div id="brndloginpopup" class="loginpopupbx">

  <div class="loginpopclsbtn" style=""><i class="fa fa-times" onclick="mybrndlogpopcloseFunction();"></i></div>   
        
    <div class="modal-form" style="display: block;">
        <p class="modal-form-ttl">Log in as an  Brand</p>
        <form id="login-form" action="" method="post">
            <input class="form-control" name="email" type="email" value="" placeholder="Email" required>
            <input class="form-control" name="password" type="password" value="" placeholder="Password" required >
            <input name="logedin" type="hidden">
            <input type="submit" name="brandlogin" value="Log In">
        </form>
    </div>

      <div class="forgot-password">
        <a href="forgotpassword.php">
          Forgot your password?
        </a>
      </div>
      <hr/>
      <div class="no-account">
        <a href="../influregister.php" data-link-action="display-register-form">
          Signup
        </a>
      </div>

</div>


<script>
  function myinflulogpopcloseFunction() {
    document.getElementById("influloginpopup").style.display = "none";
  }
  function myinflulogpopshowFunction() {
    document.getElementById("influloginpopup").style.display = "block";
  }
</script>
<div id="influloginpopup" class="loginpopupbx">

  <div class="loginpopclsbtn" style=""><i class="fa fa-times" onclick="myinflulogpopcloseFunction();"></i></div>   
        
    <div class="modal-form" style="display: block;">
        <p class="modal-form-ttl">Log in as an Creator</p>
        <form id="login-form" action="" method="post">
            <input class="form-control" name="email" type="email" value="" placeholder="Email" required>
            <input class="form-control" name="password" type="password" value="" placeholder="Password" required >
            <input type="submit" name="influencerlogin" value="Log In">
        </form>
    </div>

      <div class="forgot-password">
        <a href="../influforgotpassword.php" >
          Forgot your password?
        </a>
      </div>
      <hr/>
      <div class="no-account">
        <a href="../influregister.php" data-link-action="display-register-form">
          Create a new account
        </a>
      </div>

</div>

	<script>alert($infid);</script>

<div class="mnprfl">
	<h3>INFLUENCER</h3>
	<p>Home / Influencers / Detail</p>
	<div class="row">
		

		<div class="col-sm-4">
			<div class="infdp">
				<img src="../assets/img/profileimg/6ee80de90ede32510d38a343f6c2c8baTXB514.jpg">
				<div class="rating">
					<p>RATING</p>
					<span><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></span>
				</div>
			</div>
		</div>
		<div class="col-sm-8">
			<div class="influprodtl">
				<h3 style="text-transform:uppercase;">TXB514 <span> <i class="fas fa-heart"></i></span></h3> 
				<p>Influencer | 43 Years Male</p>
				<div class="influintrst">
					<div class="row">
						<div class="col-6">
							<div class="ctgry">
								<span class="crtbtr"><i class="fas fa-industry"></i></span>Entertainment, News							</div>
						</div>
						<div class="col-6">
							<div class="ctgry">
								<span class="crtbtr1"><i class="fas fa-map-marker-alt"></i></span> , , 							</div>
						</div>
					</div>
					<h4>
						<span style="border: 3px solid #0aaba5; border-radius: 8px; font-size: calc(0.9vw + 0.9vh); padding: 0% 1% 0% 1%;"><i class="fas fa-photo-video"></i></span>Content: Images, Videos <br><br> 
						<span style="border: 3px solid #0aaba5; border-radius: 8px; font-size: calc(0.9vw + 0.9vh); padding: 0% 1% 0% 1%;"><i class="fas fa-language"></i></span>Language: Punjabi					</h4>
				</div>
				<div class="lvlofinflu">
					<div class="row" style="align-items: center;">
						<div class="col-6">
							<div class="uplvl">
								<span class="inlvl1"><i class="fas fa-chart-line"></i></span> Level: 5							</div>
						</div>
						<div class="col-6">
							<div class="row">
													
														<div >
							<div class="infscllnk">
							100k<span class="sclofinflu"><img src="../assets/img/you.png"></span> 
							</div>
					</div>																				
									</div>
			</div>
		</div>


<div class="row">
					
						
							<div class="col-4" id="clImage">
							<div class="ylowbxout">
								<div class="ylowbx">
									<form name="form2" method="GET" action="" enctype="multipart/form-data">
									<span class="symbllogo"><i class="fas fa-camera"></i></span>
									<p>Image Creation</p>
									<h3><span>₹</span>8000/-</h3>
									<input  type="hidden" name="id" value="514" >
									<input  type="hidden" name="influid" value="514" >
									<input  type="hidden" name="amount" value="8000" >
									<input  type="hidden" name="contentid" value="2" >
									 <input  type="submit" name="actionaddtocart" value="Add To Cart"  />
									</form>
								</div>
							</div>
						</div>
					
						<div class="col-4" id="clVideos">
							<div class="ylowbxout">
								<div class="ylowbx">
									<form name="form3" method="GET" action="" enctype="multipart/form-data">
									<span class="symbllogo"><i class="fas fa-video"></i></span>
									<p>Video</p>
									<h3><span>₹</span>12800/-</h3>
							<input  type="hidden" name="id" value="514" >
									<input  type="hidden" name="influid" value="514" >
								<input  type="hidden" name="amount" value="12800" >
									<input  type="hidden" name="contentid" value="3" >
									 <input  type="submit" name="actionaddtocart" value="Add To Cart"  />
									</form>
								</div>
							</div>
						</div>
					</div>
</div>

					</div>
			</div>
		</div>
	</div>
</div>


<div class="smpl">
	<div class="row">
		<div class="col-6">
			<h3>Introduction Video</h3>
			<br>
			<div class="promoimg">
                <!--<video width="100%" height="" style="height: 13.5vw;" controls>-->
                <!--  <source src="" type="video/mp4">-->
                <!--  <source src="movie.ogg" type="video/ogg">-->
                <!--</video>-->
                <!--<iframe width="560" height="315" src="https://www.youtube.com/embed/85sZTsyXDAQ?si=6yE0rHBkkaQSVgZ2" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>-->
                <iframe width="315" height="560"
src=""
title="influencer video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>
                <!--<iframe width="560" height="315" src="https://youtube.com/shorts/CnB-L_TmeOU?si=FjlObSa-usEO4nz6" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>-->
			</div>
		</div>

		<div class="col-6">

			<h3>Featured Work</h3>

	<div class="prmotimg">
		<h4>IMAGES</h4>
        <div class="owl-carousel owl-theme" style="width: 100%;">
									<div class="">
				<a target="_blank">
					<div class="promoimg">
						<img src="../assets/influsocialmediafiles/9f2d8ec510c3f8d3eaaacdace97ecc9dScreenshot 2022-07-30 104954.png">
					</div>
				</a>
			</div>
						<!-- <div class="col-sm-3 col-6">
				<div class="promoimg">
					<img src="../assets/img/Layer-1-copy-2.jpg">
				</div>
			</div>
			<div class="col-sm-3 col-6">
				<div class="promoimg">
					<img src="../assets/img/Layer-1-copy.jpg">
				</div>
			</div>
			<div class="col-sm-3 col-6">
				<div class="promoimg">
					<img src="../assets/img/Layer-1-copy-2.jpg">
				</div>
			</div> -->
		</div>
	</div>

	<div class="prmotimg">
		<h4>VIDEOS</h4>
        <div class="owl-carousel owl-theme" style="width: 100%;">
			
						<div class="">
				<a>
					<div class="promoimg">
                        <video width="100%" height="" style="height: 13.5vw;" controls>
                          <source src="../assets/influsocialmediafiles/245a6380b7202f8216f2190cb67f367e274691837_4943454475762419_7043416699824944643_n.mp4" type="video/mp4">
                          <source src="movie.ogg" type="video/ogg">
                        </video>
					</div>
				</a>
			</div>
						<!-- <div class="col-sm-3 col-6">
				<div class="promoimg">
					<img src="../assets/img/Layer-1-copy-2.jpg">
				</div>
			</div>
			<div class="col-sm-3 col-6">
				<div class="promoimg">
					<img src="../assets/img/Layer-1-copy.jpg">
				</div>
			</div>
			<div class="col-sm-3 col-6">
				<div class="promoimg">
					<img src="../assets/img/Layer-1-copy-2.jpg">
				</div>
			</div> -->
		</div>
	</div>

	</div>
	</div>

</div>


<style>
	@font-face {
      font-family: BarlowBold;
  src: url(../fonts/Barlow-Bold.ttf);
}

    @font-face {
      font-family: BarlowMedium;
  src: url(../fonts/Barlow-Medium.ttf);
}

    @font-face {
      font-family: Blackjar;
  src: url(../fonts/BLACKJAR.TTF);
}

@font-face {
  font-family: Barlow-Medium;
  src: url(../fonts/Barlow-Medium.ttf);
}

@font-face {
    font-family: BarlowCondensedExtraBold;
src: url(../fonts/BarlowCondensed-ExtraBold.ttf);
}
	.mnprfl{
		width: 80%;
		margin: auto;
		text-align: center;
		padding: 4% 0% 0% 0%;
	}
	.mnprfl h3{
		font-family: BarlowBold;
    	font-size: calc(1.2vw + 1.2vh);
    	color: #000;
    	font-weight: bolder;
    	text-align: justify;
	}
	.mnprfl p {
    font-family: Barlow-Medium;
    font-size: calc(0.6vw + 0.6vh);
    color: #000;
    line-height: 1;
    text-align: justify;
    padding-bottom: 1.5%;
}
.influprodtl p {
    font-family: Barlow-Medium;
    font-size: calc(0.6vw + 0.6vh);
    color: #000;
    line-height: 1;
    text-align: justify;
    padding-bottom: 1.5%;
}
.infdp img{
	width: 100%;
}
.infdp{
	border-radius: 20px;
    width: 80%;
    margin: auto;
    overflow: hidden;
}
.rating p{
    font-family: Barlow-Medium;
    font-size: calc(0.6vw + 0.6vh);
    color: #000;
    margin: 0;
    text-align: center;
    line-height: 0.5;	
}
.rating{
	background-color: #fec600;
	width: 100%;
	padding: 3%;
	margin: 0% 0% 0% 0%;
}
.influprodtl h3{
	font-family: Blackjar;
	color: #000;
	font-size: calc(1.8vw + 1.8vh);
	text-align: justify;
	line-height: 2;
}
.influintrst{
	padding: 2% 0% 2% 0%;
}
.rating span{
	font-size: 1.5vw;
	color: #000;
}
.influprodtl{
	width: 75%;
	margin: auto;
	margin-top: -7%;
}
.crtbtr{
	border: 3px solid #0aaba5;
	border-radius: 8px;
	font-size: 1.2vw;
	padding: 2%;
}
.crtbtr1{
	border: 3px solid #0aaba5;
	border-radius: 8px;
	font-size: 1.2vw;
	padding: 2% 3.5% 2% 3.5%;
}
.ctgry {
	font-family: BarlowMedium;
	font-size: calc(0.55vw + 0.52vh);
	color: #000;
	padding-bottom: 5%;
    text-align: left;
    padding-left: 6%;

	width: 100%;
}
.influintrst h4{
	font-family: BarlowMedium;
	font-size: calc(0.55vw + 0.55vh);
	color: #000;
    width: 90%;
    padding-top: 3%;
    padding-left: 3%;
	text-align: justify;
	border-bottom: 3px solid #0aaba5;
}
.inlvl1{
	font-size: 6vw;
	color: #0aaba5;
}
.uplvl{
	font-family: BarlowMedium;
	font-size: calc(0.75vw + 0.75vh);
	color: #000;
	text-align: justify;
	margin-top: -7%;
    padding-bottom: 3%;
}
.infscllnk{
	font-family: BarlowMedium;
	font-size: calc(0.7vw + 0.7vh);
	color: #000;
}
.sclofinflu{
	font-size: 1.7vw;
	color: #000;
}
.lvlofinflu{
	width: 90%;
	padding: 3% 0% 2% 0%;
}
.symbllogo{
	font-size: 2.2vw;
	color: #000;
}
.ylowbx p{
	font-family: BarlowMedium;
	font-size: calc(0.55vw + 0.52vh);
	color: #000;
	text-align: center;
    margin: 0;
    line-height: 0.2;
}
.ylowbx h3{
	font-family: BarlowMedium;
	font-size: calc(0.55vw + 0.6vh);
	color: #000;
	text-align: center;
	font-weight: 700;
}
.ylowbx h3 span{
	font-family: BarlowMedium;
	font-size: calc(0.8vw + 0.7vh);
	color: #0aaba5;
	text-align: center;
	font-weight: 700;
}
.ylowbx{
	background-color: #fec600;
	border-radius: 10px;
    padding: 0% 0% 5% 0%;
    margin: auto;
    width: 95%;
}
.ylowbxout{
	border-radius: 15px;
	border: 2px solid #0aaba5;
    padding: 2% 0% 2% 0%;
    width: 85%;
    margin: auto;
}
.ylowbx a{
	font-family: Barlow-Medium;
    font-size: calc(0.55vw + 0.5vh);
    color: #fff;
    text-align: center;
    background-color: #09a59f;
    padding: 1px 8px 4px 8px;
    border-radius: 50px;
    width: 32px;
}
.smpl{
	width: 75%;
	margin: auto;
    padding: 4% 0% 3% 0%;
}
.smpl h3{
	font-family: BarlowMedium;
	font-size: calc(1vw + 1vh);
	color: #0aaba5;
	text-align: center;
}
.smpl h4{
	font-family: BarlowCondensedExtraBold;
	font-size: calc(0.7vw + 0.7vh);
	color: #000;
	text-align: justify;
	border-bottom: 3px solid #0aaba5;
	width: 4%;
    padding-top: 2%;
}
.promoimg img{
	width: 100%;
}


@media only screen and (max-width: 1400px) 
{
.infdp {
    width: 90%;
}
.ctgry {
    font-size: calc(0.65vw + 0.62vh);
}
.mnprfl p {
    font-size: calc(0.65vw + 0.62vh);
}
.infscllnk {
    font-size: calc(0.65vw + 0.62vh);
}
.ylowbxout {
    width: 100%;
}
.crtbtr {
    font-size: 2vw;
}
.crtbtr1 {
    font-size: 2vw;
    padding: 2% 4% 2% 4%;
}
.influintrst h4 {
    width: 95%;
}
.ylowbx a {
    font-size: calc(0.65vw + 0.62vh);
    }
    .ylowbx h3 {
    font-size: calc(0.65vw + 0.62vh);
}
.smpl h4 {
    font-size: calc(0.8vw + 0.8vh);
    width: 5%;
}


}


@media only screen and (max-width: 1300px) 
{  
.mnprfl {
    width: 86%;
}

}


@media only screen and (max-width: 1000px) 
{
.mnprfl {
    width: 90%;
}
.infdp {
    width: 95%;
}
.influprodtl {
    width: 80%;
}


}


@media only screen and (max-width: 900px) 
{
.mnprfl p {
    font-size: calc(0.75vw + 0.72vh);
}
.ctgry {
    font-size: calc(0.72vw + 0.72vh);
}
.infscllnk {
    font-size: calc(0.75vw + 0.72vh);
}
.influintrst h4 {
    font-size: calc(0.65vw + 0.65vh);
    width: 100%;
    padding-left: 3%;
}
.lvlofinflu {
    width: 100%;
}
.infdp {
    width: 100%;
}
.smpl h4 {
    font-size: calc(0.9vw + 0.9vh);
    width: 7%;
}
.smpl h3 {
    font-size: calc(1.2vw + 1.2vh);
}


}


@media only screen and (max-width: 800px) 
{
.smpl {
    width: 80%;
}
.influprodtl {
    width: 90%;
}
.ylowbx h3 {
    font-size: calc(0.85vw + 0.75vh);
    margin: 0;
}
.ylowbx h3 span {
    font-size: calc(0.9vw + 0.9vh);
}
.uplvl {
    font-size: calc(0.85vw + 0.85vh);
}
.infscllnk {
    font-size: calc(0.85vw + 0.82vh);
}
.sclofinflu {
    font-size: 2vw;
}
.mnprfl p {
    font-size: calc(0.75vw + 0.82vh);
}
.ylowbx a {
    font-size: calc(0.75vw + 0.72vh);
}
.inlvl1 {
    font-size: 8vw;
}
.influintrst h4 {
    padding-left: 1%;
}


}

@media only screen and (max-width: 700px) 
{
.symbllogo {
    font-size: 3vw;
}
.mnprfl p {
    font-size: calc(0.85vw + 0.82vh);
}


}


@media only screen and (max-width: 650px) 
{
.ylowbx p {
    line-height: 1;
    font-size: calc(0.95vw + 0.85vh);
}
.ctgry {
    font-size: calc(0.85vw + 0.85vh);
    padding-left: 0%;
}
.influintrst h4 {
    padding-left: 0%;
}
.crtbtr {
    font-size: 2.5vw;
}
.crtbtr1 {
    font-size: 2.5vw;
}
.influprodtl {
    width: 95%;
}


}


@media only screen and (max-width: 575px) 
{
.infdp {
    width: 45%;
}
.influprodtl {
    margin-top: 3%;
}
.influprodtl h3 {
    text-align: center;
    font-size: calc(2vw + 2vh) !important;
}
.mnprfl p {
    font-size: calc(1vw + 1vh);
    text-align: justify;
}
.rating p {
    font-size: calc(1.2vw + 1.2vh);
}
.rating span {
    font-size: 3.5vw;
}
.ctgry {
    font-size: calc(0.9vw + 0.9vh);
}
.influintrst h4 {
    font-size: calc(1.2vw + 1.2vh);
    width: 100%;
}
.inlvl1 {
    font-size: 13vw;
}
.sclofinflu {
    font-size: 4vw;
}
.infscllnk {
    font-size: calc(0.9vw + 0.9vh);
}
.ylowbx h3 span {
    font-size: calc(1.2vw + 1.2vh);
}
.symbllogo {
    font-size: 4vw;
}
.ylowbx a {
    font-size: calc(0.9vw + 0.9vh);
}
.uplvl {
    padding-bottom: 10%;
    font-size: calc(1vw + 1vh);
}
.smpl h3 {
    font-size: calc(1.5vw + 1.5vh);
}
.smpl h4 {
    font-size: calc(1.2vw + 1.5vh);
    width: 12%;
}
.promoimg{
	padding-bottom: 10%;
}
.ylowbx h3 {
    font-size: calc(1.2vw + 1.2vh) !important;
}
.crtbtr {
    font-size: 4vw;
}
.crtbtr1 {
    font-size: 4vw;
}
.mnprfl h3 {
    font-size: calc(1.5vw + 1.5vh);
}
.influprodtl p {;
    text-align: center;
}


</style>

<footer>
<style>

div#success {
    text-align: center;
    box-shadow: 1px 1px 5px #455644;
    background: #bae8ba;
    padding: 10px;
    border-radius: 3px;
    margin: 0 auto;
    width: 350px;
}

.inputBox {
    width: 100%;
    margin: 5px 0px 15px 0px;
    border: #dedede 1px solid;
    box-sizing: border-box;
    padding: 8px;
}

#enquirycontact-popup {
    position: fixed;
    z-index: 999;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    color: #676767;
}

.contact-form {
    width: 350px;
    margin: 0px;
    background-color: #ffffffe3;
    font-family: BarlowMedium;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 1px 1px 5px #444444;
    padding: 20px 40px 40px 40px;
    border-radius: 15px;
}

#contact-icon {
    padding: 10px 5px 5px 12px;
    width: 58px;
    color: white;
    box-shadow: 1px 1px 5px grey;
    border-radius: 3px;
    cursor: pointer;
    margin: 60px auto;
}
.close {
  position: absolute;
  right: 7px;
  top: 0px;
  font-size: 29px;
  color: #000;
  cursor: pointer;
}
.info {
    color: #d30a0a;
    letter-spacing: 2px;
    padding-left: 5px;
}

#send {
    width: 100%;
    padding: 2px;
    cursor: pointer;
    font-size: 19px;
}

#enquirycontact-popup h1 {
    font-weight: normal;
    text-align: center;
    margin: 10px 0px 20px 0px;
    font-family: 'BarlowCondensedExtraBold';
    color: #000;
    font-size: 45px;
}

.input-error {
    border: #e66262 1px solid;
}
.contactpopupbtn{
  position: fixed;
  bottom: 23px;
  left: 23px;
  font-size: 25px;
  cursor: pointer;
  color: #000;
  z-index: 998;
  width: 50px;
  height: 50px;
  display: grid;
  align-items: center;
  text-align: center;
  background: #ffcb00;
  border-radius: 50px;
  box-shadow: 1px 1px 5px #000000b3;
  animation: pulse 1s infinite;
}
.contactpopupbtn svg{
  animation: swing 1s infinite;
}
</style>


<div class="footer">
        <div class="row">
          <div class="col-sm-7">
            <div class="ftrlink">
              <img src="../assets/img/footer-logo.png" width="18%">
              <br><br>
              <div class="ftrsocial">
                <a href="https://www.facebook.com/tixteen/" target="_blank"><img src="../assets/img/facebook.png"></a>
                <a href="https://twitter.com/tixteen_"><img src="../assets/img/twitter.png" target="_blank"></a>
                <a href="https://www.instagram.com/tixteen/"><img src="../assets/img/instagram.png" target="_blank"></a>
                <a href="https://www.snapchat.com/add/tixteen22?share_id=ySJ0VajzcLk&locale=en-US"><img src="../assets/img/snapchat.png" target="_blank"></a>
                <a href="https://www.linkedin.com/company/80903701/admin/"><img src="../assets/img/linkedin.png" target="_blank"></a>
                <a href="https://www.youtube.com/channel/UCe80mP_r-wbPzGdiTQDiBrg" target="_blank"><img src="../assets/img/youtube.png" target="_blank"></a>
              </div>
            </div> 
          </div>
          <div class="col-sm-5">
            <div class="row">
              <div class="col-5">
                <!-- <div class="ftrlink">
                  <h4>Support</h4>
                  <a href=""><p>Terms and Conditions</p></a>
                  <a href=""><p>Privacy Policy</p></a>
                </div> -->
              </div>
              <div class="col-4">
                <div class="ftrlink">
                  <h4>QUICK LINKS</h4>
                  <a href="index.php"><p>Home</p></a>
                  <a href="../about.php"><p>About Us</p></a>
                  <a href="../contact.php"><p>Contact Us</p></a>
                  <a href="http://www.blogs.tixteen.com/" target="_blank"><p>Blogs</p></a>
                  <a href="../terms.php"><p>Terms and Conditions</p></a>
                  <a href="../privacypolicy.php"><p>Privacy Policy</p></a>
                  <a href="../refundandcancelation.php"><p>Refund & Canceation Policy</p></a>
                  <!-- <a href=""><p>Career</p></a> -->
                </div>
              </div>
              <div class="col-3">
                <!-- <div class="ftrlink">
                  <img src="../assets/img/Google-Play.png" width="100%">
                  <img src="../assets/img/app-store-png-logo-33123.png" width="100%">
                </div> -->
              </div>
            </div> 
          </div>
        </div>
</div>


<div class="footr">
    <div class="footriner">
      <div class="row">
        <div class="col-sm-12 text-center text-white">
          © 2021-23 Tixteen, All Rights Reserved.
        </div>
      </div>
    </div>
</div>

<div class="topbtn">
  <a id="topbutton"><i class="fa fa-angle-double-up" aria-hidden="true"></i></a>
</div>
<div class="contactpopupbtn" title="We are here to help">
  <span><i class="fas fa-envelope-open-text"></i></span>
</div>

<div class="whatsapp">
  <a href="https://wa.me/+918968435512?text=I'm%20interested%20in%20your%20Service" target="blank"><img src="../assets/img/WhatsApp.png" alt="tixteen Whatsapp"></a>
</div>

<div id="enquirycontact-popup">
    <form class="contact-form" action="" id="contact-form" method="post"
      enctype="multipart/form-data">
     <div class="popuptext" id="myPopup">
      <span class="close" onclick="closecontact()"><i class="fas fa-times"></i></span>
      
    </div>
      <h1>Enquiry Form</h1>
      <div>
        <div >
          <label>I am: </label>
          <span id="userName-info" class="info"></span>
            <input id="Client" type="radio" name="Member"  value="Client" required style="width: auto;" checked="">
            <label for="Client">Client</label>&nbsp
            <input id="Influencer" type="radio" name="Member"  value="Influencer" required style="width: auto;">
            <label for="Influencer">Influencer</label>
        </div>
      </div>
      <div style="margin-top:2px">
        <!--<div>
          <label>Name: </label><span id="userName-info" class="info"></span>
        </div>-->
        <div>
          <input type="text" id="userName" name="userName" class="inputBox" placeholder="Your Name" required="*" />
        </div>
      </div>
      <div>
        <!--<div>
          <label>Email: </label><span id="userEmail-info" class="info"></span>
        </div>-->
        <div>
          <input type="email" id="userEmail" name="userEmail" class="inputBox" placeholder="Your Email" required="*"/>
        </div>
      </div>
      <div>
        <!--<div>
          <label>Contact No: </label><span id="subject-info" class="info"></span>
        </div>-->
        <div>
          <input type="text" id="contact" name="contact" class="inputBox" placeholder="Your Phone Number" required="*"/>
        </div>
      </div>
      <div>
        <!--<div>
          <label>Message: </label><span id="userMessage-info" class="info"></span>
        </div>-->
        <div>
          <textarea id="message" name="message" class="inputBox" placeholder="Your Message"></textarea>
        </div>
      </div>
      <div>
        <input type="submit" class="btn btn-warning" id="send" name="send" value="Send" />
      </div>
    </form>
  </div>
  

<script>
  $(".contactpopupbtn").click(function(){
  $("#enquirycontact-popup").toggle();
});</script>
  <script>
    
    function closecontact() {
     
     $("#enquirycontact-popup").toggle();
    }
  
</script>

</footer>


<script>
var btn = $('.topbtn');


$(window).scroll(function() {
  if ($(window).scrollTop() > 80) {
    btn.addClass('topbtnshow');

    $(".headerbar").css("position", "fixed");
    $(".headerbar").css("background", "#f2f2f2");
    $(".hdrlogo").css("width","50%");
    $(".hdrmobile").css("position", "fixed");
    $(".hdrmobile").css("background", "#f2f2f2");
    
    // if (window.matchMedia('(max-width: 991px)').matches) {
    // $(".hdrlogo").css("width", "80px");
    // $("#nav").css("top", "46px");
    // $(".dark-blue").css("top", "46px");
    // } else {
    // $(".hdrlogo").css("width", "33%");
    // }
    
  } else {
    btn.removeClass('topbtnshow');

    $(".headerbar").css("position", "relative");
    $(".headerbar").css("background", "#fff");
    $(".hdrlogo").css("width","66%");
    $(".hdrmobile").css("position", "relative");
    $(".hdrmobile").css("background", "#fff");

    // if (window.matchMedia('(max-width: 991px)').matches) {
    // $(".hdrlogo").css("width", "90px");
    // $("#nav").css("top", "52px");
    // $(".dark-blue").css("top", "52px");
    // } else {
    // $(".hdrlogo").css("width", "55%");
    // }

    
  }
});

btn.on('click', function(e) {
  e.preventDefault();
  $('html, body').animate({scrollTop:0}, '300');
});
</script>

<script>document.documentElement.style.overflowX = 'hidden';</script>
<script>
var btn = $('.topbtn');

$(window).scroll(function() {
  if ($(window).scrollTop() > 300) {
    btn.addClass('topbtnshow');
  } else {
    btn.removeClass('topbtnshow');

  }
});

btn.on('click', function(e) {
  e.preventDefault();
  $('html, body').animate({scrollTop:0}, '300');
});
</script>
<script>

$('.hidden-menu-btn').click(function() {
    var btn_click = $('.hidden-menu').hasClass('active');
    if ( btn_click ) {
        $('.hidden-menu').removeClass('active');
    }
    else {
        $('.hidden-menu').addClass('active');
    }
}); 
</script>
<script>
  AOS.init();
</script>
<script src="../OwlCarousel2-2.3.4/dist/owl.carousel.min.js"></script>
<script>
  document.onreadystatechange = function() {
    if (document.readyState === "complete") {
        $("#panel_left").addClass("panel_left");
        $("#panel_right").addClass("panel_right");
        $("#loader").addClass("loaded-circle");
        $("#loader-img").addClass("loaded-img");
        $("#preloader").addClass("loaded-img");
    }
}
</script>    <!-- paralex scroll effect starts -->    <script src="../Parallax-Effects-Scroll/jquery.enllax.min.js"></script>    <script>        (function($){                    $(window).enllax();                                })(jQuery);    </script>    <!-- paralex scroll effect ends -->    <!-- mouse move animation starts -->    <script type="text/javascript">    $(".bn1cri1").mousemove(function(e) {      parallaxItb1(e, ".hmbnr1img1", -5);    });    function parallaxItb1(e, target, movement) {      var $this = $(".bn1cri1");      var relX = e.pageX - $this.offset().left;      var relY = e.pageY - $this.offset().top;      TweenMax.to(target, 1, {        x: (relX - $this.width() / 5) / $this.width() * movement,        y: (relY - $this.height() / 5) / $this.height() * movement      });    }        </script>    <!-- mouse move animation ends -->    <!-- radiobtn script start -->    <script>    // const radioBtns = document.querySelectorAll('input[type="radio"]');    // const selectedText = document.querySelector(".selected");    // selectedText.innerHTML = "";    // radioBtns.forEach((radioBtn) => {      // radioBtn.addEventListener("click", (e) => {        // if (e.target.checked) {          // selectedText.innerHTML = e.target.value;        // }      // });    // });    </script>    <!-- radiobtn script ends --><script>  var myCarousel = document.querySelector('#myCarousel');var carousel = new bootstrap.Carousel(myCarousel);</script><script>  $('.product-owl-carousel').owlCarousel({    loop:false,    margin:50,    autoplayTimeout:5000,    autoplayHoverPause:true,    autoplay:true,    responsive:{        0:{            items:1,            nav:true        },        600:{            items:2,            nav:false        },        1000:{            items:3,            nav:true,            loop:false        }    }})</script><script>$(document).ready(function(){  $(".owl-stage").addClass("row");});</script><script>var currentTab = 0; // Current tab is set to be the first tab (0)showTab(currentTab); // Display the current tabfunction showTab(n) {  // This function will display the specified tab of the form...  var x = document.getElementsByClassName("regtab");  x[n].style.display = "block";  //... and fix the Previous/Next buttons:  if (n == 0) {    document.getElementById("regsprevBtn").style.display = "none";  } else {    document.getElementById("regsprevBtn").style.display = "inline";  }  if (n == (x.length - 1)) {    document.getElementById("nextBtn").innerHTML = "<div class='btn btn-dark submitbtn'>SUBMIT</div>";  } else {    document.getElementById("nextBtn").innerHTML = "<div class='nextbtn'><img src='../assets/img/Next-icon.png'></div>";  }  if (n == 3) {    document.getElementById("regsdimg").src = "../assets/img/Content-Capabilities-vector.png";    document.getElementById("regstatimg4").src = "../assets/img/Content-Capabilities-icon.png";    document.getElementById("regstatcolor4").style.background = "#fec601";    document.getElementById("regstatimg3").src = "../assets/img/Plaform-Selection-icon-1.png";    document.getElementById("regstatcolor3").style.background = "#000";    document.getElementById("regstatimg2").src = "../assets/img/Industrial-selection-icon-1.png";    document.getElementById("regstatcolor2").style.background = "#000";    document.getElementById("regstatimg1").src = "../assets/img/Personal-Information-icon-1.png";    document.getElementById("regstatcolor1").style.background = "#000";  }   else if (n == 2) {    document.getElementById("regsdimg").src = "../assets/img/Plaform-Selection-vector.png";    document.getElementById("regstatimg4").src = "../assets/img/Content-Capabilities-icon-1.png";    document.getElementById("regstatcolor4").style.background = "#000";    document.getElementById("regstatimg3").src = "../assets/img/Plaform-Selection-icon.png";    document.getElementById("regstatcolor3").style.background = "#fec601";    document.getElementById("regstatimg2").src = "../assets/img/Industrial-selection-icon-1.png";    document.getElementById("regstatcolor2").style.background = "#000";    document.getElementById("regstatimg1").src = "../assets/img/Personal-Information-icon-1.png";    document.getElementById("regstatcolor1").style.background = "#000";  }  else if (n == 1) {    document.getElementById("regsdimg").src = "../assets/img/Vector-Smart-Object.png";    document.getElementById("regstatimg4").src = "../assets/img/Content-Capabilities-icon-1.png";    document.getElementById("regstatcolor4").style.background = "#000";    document.getElementById("regstatimg3").src = "../assets/img/Plaform-Selection-icon-1.png";    document.getElementById("regstatcolor3").style.background = "#000";    document.getElementById("regstatimg2").src = "../assets/img/Industrial-selection-icon.png";    document.getElementById("regstatcolor2").style.background = "#fec601";    document.getElementById("regstatimg1").src = "../assets/img/Personal-Information-icon-1.png";    document.getElementById("regstatcolor1").style.background = "#000";  }  else if (n == 0) {    document.getElementById("regsdimg").src = "../assets/img/Personal-Information-vector.png";    document.getElementById("regstatimg4").src = "../assets/img/Content-Capabilities-icon-1.png";    document.getElementById("regstatcolor4").style.background = "#000";    document.getElementById("regstatimg3").src = "../assets/img/Plaform-Selection-icon-1.png";    document.getElementById("regstatcolor3").style.background = "#000";    document.getElementById("regstatimg2").src = "../assets/img/Industrial-selection-icon-1.png";    document.getElementById("regstatcolor2").style.background = "#000";    document.getElementById("regstatimg1").src = "../assets/img/Personal-Information-icon.png";    document.getElementById("regstatcolor1").style.background = "#fec601";  }  //... and run a function that will display the correct step indicator:  fixStepIndicator(n)}function nextPrev(n) {  // This function will figure out which tab to display  var x = document.getElementsByClassName("regtab");  // Exit the function if any field in the current tab is invalid:  if (n == 1 && !validateForm()) return false;  // Hide the current tab:  x[currentTab].style.display = "none";  // Increase or decrease the current tab by 1:  currentTab = currentTab + n;  // if you have reached the end of the form...  if (currentTab >= x.length) {    // ... the form gets submitted:    document.getElementById("regForm").submit();    return false;  }  // Otherwise, display the correct tab:  showTab(currentTab);}function validateForm() {  // This function deals with validation of the form fields  var x, y, i, valid = true;  x = document.getElementsByClassName("regtab");  y = x[currentTab].getElementsByTagName("input");  // A loop that checks every input field in the current tab:  for (i = 0; i < y.length; i++) {    // If a field is empty...    if (y[i].value == "") {      if (y[i].disabled) {}      else{        // add an "invalid" class to the field:        y[i].className += " invalid";        document.getElementById("reqfielderror").style.display = "block";        // and set the current valid status to false        valid = false;      }    }  }  // If the valid status is true, mark the step as finished and valid:  if (valid) {    document.getElementsByClassName("step")[currentTab].className += " finish";  }  return valid; // return the valid status}function fixStepIndicator(n) {  // This function removes the "active" class of all steps...  var i, x = document.getElementsByClassName("step");  for (i = 0; i < x.length; i++) {    x[i].className = x[i].className.replace(" active", "");  }  //... and adds the "active" class on the current step:  x[n].className += " active";}</script><script>  $("input.industrcheckbx:checkbox").click(function() {var bol = $("input.industrcheckbx:checkbox:checked").length >= 5;     $("input.industrcheckbx:checkbox").not(":checked").attr("disabled",bol);});</script></body>
</html>


<script>
  $('.owl-carousel').owlCarousel({
    loop:false,
    margin:10,
    autoplayTimeout:5000,
    autoplayHoverPause:true,
    autoplay:true,
    responsive:{
        0:{
            items:1,
            nav:true,
            loop:true
        },
        380:{
            items:2,
            nav:true

        },
        500:{
            items:3,
            nav:true

        },
        900:{
            items:4,
            nav:true

        }
    }
})
</script>